/* CSS Document */
*{
font-family:Arial, Helvetica, sans-serif;
}
body{
padding:0;
margin:0;
background:url(../images/home/top_bg.png) repeat-x;
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#336699;
text-align: left;
}
a{
font:Arial;
}
#pageheader{
	height:131px;
	min-width:1003px;
	width:100%;
	background-image: url(../images/main/logo-thin.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#pageheader #logo{
margin:0px auto;
padding-top:37px;
width:401px;
height:90px;
}
#pageheader #logo a{
width:401px;
height:90px;
display:block;
}
#menu{
background:url(../images/home/menu_bg.png) repeat-x  center;
height:40px;
width:100%;
min-width:1003px;
}
#menu .border{
width:991px;
margin:0px auto;
}
#menu .items{
margin-left:150px;
_margin-left:100px;
height:33px;
}
#menu .item-last{
background:url(../images/home/speed.png) no-repeat left  center;}
#menu ul{
padding:0;
margin:0;
}
#menu ul li{
float:left;
background:url(../images/home/speed.png) no-repeat left  center;
list-style:none;
text-align:center;
text-indent:9px;
line-height:33px;
_width:110px;
}
#menu ul li.first{}
#menu ul li.last{}
#menu ul li a{
color:#a10303;
text-decoration:none;
font-size:14px;
display:block;
height:33px;
padding-right:10px;
margin-left:1px;
}
#menu ul li.active a{
background:url(../images/main/hover.png) repeat-x  ;
background-position:0px 1px;
color:#FFFFFF;
}
#menu ul li a:hover{
background:url(../images/main/hover.png) repeat-x  ;
background-position:0px 1px;
color:#FFFFFF;
}
#menu li.item3{ position:relative; z-index:9999;}
#menu .item3 ul{ display:none; position:absolute; left:0px; top:33px; z-index:9999;}
#menu .item3 ul li{ width:190px; background:url(../images/main/submenu_bg.png) repeat-x; text-align:left;}
#menu .item3 ul li a:hover { background:url(../images/main/hover.png) repeat-x; text-align:left;}
#menu .item3 ul li.active a{
background:url(../images/main/submenu_bg.png) repeat-x  ;
background-position:0px 1px;
color:#FFFFFF;
}

#container{
_width:983px;
width:1003px;
margin:6px auto;
}
#container p{
padding:0 10px;}
#container h2,h3{
color:#ff6633;
font-size:19px;
font-weight:normal;
padding:0;
margin:0;
line-height:42px;
}
#container h3{
padding-top:30px;
padding-bottom:5px;
padding-left:10px;
}
#banner img{
margin-top:6px;
margin-left:7px;
}
#banner{
	width:991px;
	height:380px;
	float:left;
	margin-left:6px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
}
#banner-about{
background:url(../images/about-us/sa-about_bg.png) no-repeat;
width:989px;
height:407px;
padding:11px 0 0 11px;
margin-left:5px;
}
#banner-about ul{
margin:0px;
padding:0px;
}
#banner-about ul li{
margin:0 10px 10px 0;
width:314px;
height:184px;
float:left;
list-style:none;
}
#banner-about ul li img{
border:1px solid #ccc;
}
#main{
clear:both;
margin-top:13px;
position:relative;
}
#main .product{
width:478px;
height:172px;
float:left;
}
#main .speed{
background:url(../images/home/main_speed.png) no-repeat right center;
}
#main .product .product-body{
margin-left:50px;
}
#main .product .product-img{
float:left;
width:164px;
border:1px  #bdbebe solid;
}
#main .product .product-img img{
margin:1px;
}
#main .product .product-content{
float:left;
margin-left:7px;
width:225px;
}
#main .product .product-content .text{
line-height:21px;
margin-bottom:5px;
}
#main .product .moreinfo{
color:#497bad;
font-size:12px;
width:159px;
height:26px;
border:0px;
margin:0px;
background:url(../images/home/moreinfo_bg.png) no-repeat;
}
#main .resources{
padding-bottom: 25px;
}
.moreinfo-button{
background:url(../images/home/moreinfo_bg.png) no-repeat;
width:159px;
height:26px;
text-align:center;
font-size:12px;
line-height:24px;
}
.moreinfo-button a{
color:#497bad;
text-decoration:none;
}
#buttom{
clear:both;
margin-top:20px;
width:100%;
height:203px;
background:url(../images/main/bootom_bg.png) repeat-x;
padding-bottom:20px;
padding-top:90px;
min-width:1003px;
}
#buttom .copyright{
padding-top:15px;
background:url(../images/home/white-line.png) no-repeat top center;
width:100%;
text-align:center;
color:#FFFFFF;
}


/* about-us page */
#main .about-us-text{
float:left;
margin-bottom:45px;
line-height:21px;
color:#333333;
}
/* installation page */
#main .installation,p{
color:#333333;
}
#main .installation .title{
line-height:21px;
font-weight:bold;
margin:0;
}
#main .installation .text{
margin-top:20px;
margin-left:0px;
padding-left:30px;
float:left;
line-height:21px;
width:620px;
}
#main .installation .sidebar{
float:left;
margin-top:30px;
margin-left:15px;
}
#main .installation .sidebar .bar-title{
width:297px;
height:38px;
font-size:12px;
line-height:30px;
color:#333333;
font-weight:bold;
text-indent:6px;
background:url(../images/installation/bar-title-bg.png) no-repeat;
}
#main .installation .sidebar .bar-body{
width:297px;
height:373px;
background:url(../images/installation/bar-body-bg.png) no-repeat;
margin-bottom:60px;
}
#main .installation .sidebar .bar-body div{
float:left;
width:148px;
height:120px;
line-height:20px;
_line-height:15px;
margin:0px;
padding:0px;
}
#main .installation .sidebar .bar-body div img{
float:left;
border:1px #d1d1d1 solid;
margin-top:5px;
_margin-top:4px;
}
#main .installation .sidebar .bar-body div img.left{
float:right;
margin-right:5px;
border:1px #d1d1d1 solid;
margin-top:5px;
_margin-top:4px;
}
#main .installation .sidebar .bar-body div span{
display:block;
font-size:11px;
width:100%;
text-align:center;
}
/*faq page*/
#main .faq{
position:relative;
width:944px;
line-height:21px;
padding-top:0px;
padding-bottom:25px;
}
#main .issue-bg{
position:absolute;
right:125px;
top:-80px;
}
#main .faq .caption{
color:#003366;
font-weight:bold;
margin:0px;
padding:0px;
}
#main .faq .issue{
color:#333333;
font-weight:bold;
font-style: italic; 
}
#main .faq .answer{
color:#333333;
}
/*contact-us page*/
#main .contact-us{
line-height:21px;
padding-bottom:50px;
}
#main .contact-us .contact-info{
width:240px;
_width:250px;
float:left;
color:#333333;
padding-left:10px;
}
#main .contact-us .contact-info .heading{
color:#003366;
font-weight:bold;
}
#main .contact-us .map{
float:left;
width:742px;
height:292px;
padding:3px 0 0 4px;
_width:745px;
_height:295px;
background:url(../images/contact-us/map-bg.png) no-repeat;
}
#main .contact-us .map #address_map{
width: 728px;
height: 278px;
_margin-top:-292px;
_margin-left:-62px;
}
#container .product-notice{
color:#333;
margin:0;
}
#ablum{
width:1000px;
padding-left:6px;
}
#ablum p{ color:#333;}
#ablum #ablum-main{ 
width:622px;
height:445px; 
background: url(../images/products/products-big-bg.png) no-repeat;
float:left;
}
#ablum p.ablum-notice{
color:#003366;
line-height:30px;
margin:0;
padding-top:10px;
text-indent:-6px;
}
#ablum #ablum-main img{
border:1px solid #999999; padding:2px;}
#ablum #ablum-right{
width:378px;
height:448px;
float:left;
}
#ablum #ablum-right .ablum-pic{
width:171px;
height:120px;
background:url(../images/products/products-mini-bg.png) no-repeat;
}
#ablum #ablum-right .ablum-pic img{ 
border:1px solid #b8b9b9;
padding:1px;
}
#description{
color:#333;
line-height:21px;
padding-bottom:10px;
clear:both;
}
#description a{color:#0033cc;}
#ablum a{color:#0033cc;}
#description-left{ width:622px; float:left;}
#description-right{ width:376px; float:left;}
#description-right h4{ background:url(../images/products/retractable-awnings/title-head-bg.png) no-repeat; width:376px; height:37px; text-align:center; line-height:30px; margin:0;}
#description-content{ background:url(../images/products/retractable-awnings/content-bg.png) no-repeat; width:376px; height:308px;}
#description-content p{ padding:0; margin:0; font-size:12px; font-weight:bold; line-height:21px; padding:4px 8px;}
#container #description h3{
font-size:14px;
font-weight:bold;
color:#333;
line-height:20px;
margin:0;
padding-top:25px;
}
ul.des-ul2{ margin-left:35px;}
ul.des-ul2 li{ list-style:circle;}

/* fabrics page */
#main .fabrics_main {
margin-bottom:25px;
line-height:21px;
color:#333333;
}
#main .fabrics_main h4{
margin:0; padding:0 10px; line-height: 16px; color:#f00; font-size:16px;}
#main .fabrics_inner_left {
float: left;
margin: 0px;
padding: 0px;
width: 200px;
margin-left: 200px;
margin-bottom: 30px;
text-align: center;
}
#main .fabrics_main a{
color:#0033cc;}
#main .fabrics_inner_left a {
text-decoration: underline;
color:#7b3e3e;
} 

#main .fabrics_inner_right {
float: right;
margin: 0px;
padding: 0px;
width: 200px;
margin-right: 200px;
margin-bottom: 30px;
text-align: center;
}

#main .fabrics_inner_right a {
text-decoration: underline;
color:#7b3e3e;
}

#main .fabrics_sub_left {
float: left;
margin: 0px;
padding: 0px;
width: 180px;
margin-left: 120px;
margin-bottom: 30px;
text-align: center;
}

#main .fabrics_sub_center {
float: left;
margin: 0px;
padding: 0px;
width: 180px;
margin-left: 120px;
margin-bottom: 30px;
text-align: center;
}

#main .fabrics_sub_right {
float: left;
margin: 0px;
padding: 0px;
width: 180px;
margin-left: 120px;
margin-bottom: 30px;
text-align: center;
}