/* CSS Document */
body, object, embed, div, img, p{
margin:0;
padding:0;
}
body{
font: 1em/1.3 Arial, Helvetica, sans-serif;
}
p{
margin:0 0 1em 0;
}
img, object, embed{
display:block;
}
div.home_frame, div.rollups_frame, div.accordions_frame, div.colonials_frame, div.bahamas_frame, div.panels_frame, div.retractables_frame, div.doors_frame, div.contact_frame, div.gallery_frame{
position:relative;
width:790px;
height:1600px;
margin:0 auto 0 auto;
padding:0;
}
/*
div.rollups_frame, div.accordions_frame, div.bahamas_frame, div.retractables_frame, div.gallery_frame{
height:1650px;
}
div.colonials_frame, div.panels_frame, div.doors_frame{
height:1400px;
}*/
div.home_frame{
height:2150px;
}
div.contact_frame{
height:1400px;
}
div.left_frame{
position:absolute;
left:0;
top:0;
width:25px;
height:100%;
background:url(images/left_frame.gif) repeat-y;
}
div.right_frame{
position:absolute;
right:0;
top:0;
width:25px;
height:100%;
background:url(images/right_frame.gif) repeat-y;
}
div.header{
position:absolute;
left:25px;
top:0;
width:740px;
height:197px;
}

/*start backgrounds secciones*/

div.home_bg, div.rollups_bg, div.accordions_bg, div.colonials_bg, div.bahamas_bg, div.panels_bg, div.retractables_bg, div.doors_bg, div.contact_bg, div.gallery_bg{
position:absolute;
top:197px;
left:25px;
width:740px;
height:auto;
}
div.home_bg{
background:url(images/bg_01.jpg) center 250px no-repeat;
}
div.rollups_bg{
background:url(images/rollups/bg_01.jpg) center 58px no-repeat;
}
div.accordions_bg{
background:url(images/accordions/bg_01.jpg) center 58px no-repeat;
}
div.colonials_bg{
background:url(images/colonials/bg_01.jpg) center 58px no-repeat;
}
div.bahamas_bg{
background:url(images/bahamas/bg_01.jpg) center 58px no-repeat;
}
div.panels_bg{
background:url(images/storm/storms_02.jpg) center 58px no-repeat;
}
div.retractables_bg{
background:url(images/retractables/bg_01.jpg) center 58px no-repeat;
}
div.doors_bg{
background:url(images/doorswindows/bg_01.jpg) center 58px no-repeat;
}
div.contact_bg{
background:url(images/contact/bg_01.jpg) center 58px no-repeat;
}
div.gallery_bg{
background:url(images/gallery/bg_01.jpg) center 58px no-repeat;
}
/*end background secciones */

div.home_thumbs, div.gallery_thumbs{
position:relative;
width:690px;
height:300px;
margin:0 auto 0 auto;
}
div.top_row{
margin-top:90px;
}
div.gallery_thumbs{
height:152px;
margin:0 auto 20px auto;
}
div.gallery_thumbs img{
border:1px solid black;
}
div.home_thumbs img{
border:solid black;
border-width:1px 1px 0;
}
div.thumb01, div.thumb02, div.thumb03, div.thumb04{
position:absolute;
width:202px;
}
div.gallery_thumbs div.thumb01{
left:32px;
}
div.gallery_thumbs div.thumb02{
left:244px;
}
div.gallery_thumbs div.thumb03{
right:32px;
left:auto;
}
div.thumb01{
left:0px;
}
div.thumb02{
left:244px;
}
div.thumb03{
left:488px;
}
div.thumb04{
width:446px;
left:244px;
}
div.caption{
height:70px;
border:1px solid black;
background:#CCCCCC;
}
div.caption p{
margin:0;
}
div.callus{
display:inline;
float:right;
padding:4px;
background:#FFCC00;
border:2px solid black;
margin:115px 80px 0 0;
text-align:center;
font-weight:bold;
}
div.callus_2{
margin:50px 80px 0 0;
}
div.callus_3{
margin:10px 25px 0 0;
}
div.callus h1{
color:#643895;
}
div.callus p{
margin:0;
}
div.features{
width:302px;
margin:40px auto 40px 25px;
}
div.features img, div.right_thumbs img, div.bottom_thumbs img{
border:1px solid #000000;
}
div.info{
width:450px;
height:auto;
margin:0 0 25px 25px;
text-align:justify;
}
div.info p, div.caption p, div.caption a{
font-size:0.7em;
}
div.info h2, div.info h1{
margin:0;
padding:0;
color:#ff0000;
font-size:0.8em;
font-weight:bold;
}
div.info h1{
font-size:1.1em;
text-decoration:underline;
}
div.features h1{
margin:0;
padding:0;
color:#ff0000;
font-size:1.1em;
font-weight:bold;
text-decoration:underline;
}
h1{
margin:0;
padding:0;
color:#ff0000;
font-size:1.1em;
font-weight:bold;
}
div.features ul{
list-style:square;
font-weight:bold;
font-size:0.8em;
margin:25px;
padding:0;
}
div.right_thumbs{
width:202px;
position:absolute;
right:25px;
left:auto;
top:325px;
}
div.right_thumbs img{
margin:0 0 40px 0;
}
div.bottom_thumbs{
width:690px;
margin:0 auto 0 auto;
clear:both;
}
div.bottom_thumbs img{
display:inline;
margin-right:42px;
}
div.bottom_thumbs img.last{
margin-right:0;
}
img.logo{
position:absolute;
bottom:158px;
left:50px;
}
img.logo_center{
position:absolute;
bottom:60px;
left:230px;
}
div.counter img{
display:inline;
}
div.footer{
position:absolute;
bottom:0px;
left:25px;
width:740px;
height:45px;
overflow:auto;
padding-bottom:5px;
background:url(images/bottomframe.jpg) center bottom no-repeat;
font-size:.6em;
text-align:center;
}