@charset "utf-8";
body{ margin:0; padding:0; background:url(../images/top-bg.jpg) repeat-x; font-family:'QuattrocentoRomanRegular', Arial, sans-serif;}
.clear{ clear: both}
.bold{ font-weight: bold;}
.green{ color:#090}
/*------container------- */
#container{ margin:0 auto; padding:10px 0 0 0; width:1002px; overflow:hidden;}
/*------logo------- */
#logo{ margin:0 0 0 10px; padding:0; width:166px; height:136px; float:left;}
/*------call------- */
#call{ margin:0; padding:0; width:250px; height:80px; float: right;}
#call h1{ font-size:18px ;letter-spacing: 0; color:#333;font-weight:normal  }
#call p{font-size:15px;letter-spacing: 0; color:#333; font-weight:normal }

/*------nav------- */
#nav{ margin:0 5px 0 0; padding:0; width:820px; height:72px; background:url(../images/nav_bg.jpg) no-repeat; float: right;font-weight: normal ; font-size:18px;letter-spacing: 0; color:#333;}
#nav ul{ margin:0; padding:10px 0 0 50px;}
#nav li{ margin:0; padding:0; display:inline; list-style:none; float:left;}
#nav li a{ margin:0; padding:20px 15px;float:left; text-decoration:none; color: #030}
#nav li a:hover{ margin:0; padding:20px 15px;float:left; text-decoration:none; color: #FFF}
#nav li .active{ margin:0; padding:20px 15px;float:left; text-decoration:none; color: #FFF}

/*------header------- */
#header{ margin:0 auto; padding:0; width:993px; height:457px; background: url(../images/header_bg.jpg) repeat-x;}
/*------sub_header------- */
#sub_header{ margin:0 auto; padding:15px 0 0 0; width:993px; height:203px; background: url(../images/header_bg.jpg) repeat-x;}
/*------banner------- */
#banner{ margin:0 auto; padding:25px 0 0 0; width:960px; height:322px;}
/*------caption------- */
#caption{ margin:0 auto; padding:30px 10px 0 10px; width:903px; height:80px; font-size:20px; font-weight: normal;letter-spacing: 0; color:#FFF; text-align:center;}
#curve{background:url(../images/header_btm.jpg) no-repeat; height:12px; width:1002px; margin:0 auto; padding:0}
 
/*------wraper------- */
#wraper{ margin:0; padding:0; background:url(../images/shadow.jpg) repeat-y center;}
#wraper .left{ margin:0; padding:5px 20px; float:left; width:640px; }
#wraper .left h2{ margin:0; padding:10px 0; font-size:24px; font-weight: normal; color: #000; border-bottom:1px solid #CCC}
#wraper .left p{ margin:0; padding:10px 0; font-size:15px; font-weight:normal; color: #000; line-height:24px; text-align:justify}
#wraper .left ul{ margin:0; padding:0;}
#wraper .left li{ margin:10px 0; padding:0px 0 0 20px; font-size:15px; font-weight:normal; color:#000; list-style:none; background:url(../images/list.jpg) no-repeat left top}
#wraper .products1{ margin:0; padding:5px 20px; float:left; width:640px; }
#wraper .products{ margin:0; padding:5px 0px; float:left; width:300px;}

#wraper .products h2{ margin:0; padding:10px 0; font-size:22px; font-weight: normal; color:#000; border-bottom:1px solid #CCC}
#wraper .products h3{ margin:0; padding:5px 0; font-size:18px; font-weight: normal; color: #069; }
#wraper .products p{ margin:0; padding:10px 0; font-size:15px; font-weight:normal; color:#333; line-height:18px; text-align:justify}
#wraper .products ul{ margin:10px 12px 0 0; padding:0; width:200px; float:left; border-bottom:1px solid #CCC}
#wraper .products li { margin:10px 0; padding:0px 0 0 20px; font-size:15px; font-weight:normal; color:#333; list-style:none; background:url(../images/list.jpg) no-repeat left top; text-decoration:none}
#wraper .right{ margin:0; padding:0; float: left; width:310px; overflow:hidden }
#wraper .main{ margin:0; padding:0 0px ; overflow:hidden }

/*------adress------- */
#adress{ width:272px; height: auto; overflow:hidden; background: #3774c5; float: left; margin:10px 0 0 10px; padding:10px;-moz-border-radius: 15px 0; /* Firefox */
  -webkit-border-radius: 15px 0; /* Safari, Chrome */
  border-radius: 15px 0; /* CSS3 */}
#adress p{ margin:0; padding:2px 0; font-size:12px; font-weight: normal; color: #FFF; line-height:18px; text-align: left}
#adress h3{ margin:0; padding:5px 0; font-size:18px; font-weight: 700 ; color: #FFFFFF; }

/*------adress1------- */
#adress1{ width:272px; height: auto; overflow:hidden; background: #6fa60f; float: left; margin:10px 0 0 10px; padding:10px;-moz-border-radius: 15px 0; /* Firefox */
  -webkit-border-radius: 15px 0; /* Safari, Chrome */
  border-radius: 15px 0; /* CSS3 */}
#adress1 p{ margin:0; padding:2px 0; font-size:14px; font-weight: normal; color: #FFF; line-height:18px; text-align: left}
#adress1 h3{ margin:0; padding:5px 0; font-size:18px; font-weight: 700; color: #FFFFFF; }

/*------slider------- */
#slider{ width:960px; height:148px; overflow:hidden; background: url(../images/btm_slider_bg.jpg) no-repeat; margin:20px auto; padding:0px}

/*------footer------- */
#footer{ margin:0; padding:0; background: url(../images/footer_top.jpg) no-repeat top #FFF; height:100px}
#footer p{ font-size:14px; color: #000; text-align:right; margin:0 ; padding:20px 20px 0 0}
/*------fonts------- */
/* ---- Simple tabs tutorial CSS ---- */	

.tabs {
	width:970px;
	margin:10px auto;	
}

.tabs-nav{
	border-bottom: 1px solid #e8e8e8;
	overflow:auto;
	list-style:none;
	margin:0;
	padding:0;
	padding-left:10px; 
 }
 .tabs-nav a{text-decoration:none; color:#006600}
.tabs-nav li{
	background-image: -webkit-linear-gradient(top, #fff, #ebebee);
	background-image:    -moz-linear-gradient(top, #fff, #ebebee); 
	background-image:     -ms-linear-gradient(top, #fff, #ebebee); 
	background-image:      -o-linear-gradient(top, #fff, #ebebee); 
  	background-image:         linear-gradient(top, #fff, #ebebee);
					
    float: left;
    font-size: 14px;
	font-weight:bold;	
    margin-right: 6px;
	padding:6px 10px;
	border-radius:5px 5px 0 0;
	border:1px solid #d5d5de;
	border-bottom:none;	
	cursor:pointer;	
 }

.tabs-nav li:hover,
li.active{
	background-image: -webkit-linear-gradient(top, #ebebee, #fff);
	background-image:    -moz-linear-gradient(top, #ebebee, #fff); 
	background-image:     -ms-linear-gradient(top, #ebebee, #fff); 
	background-image:      -o-linear-gradient(top, #ebebee, #fff); 
  	background-image:         linear-gradient(top, #ebebee, #fff);
	
	border:1px solid #ccc;
	border-bottom:none;		
}
 
.content{
	padding:10px;
	border:1px solid #e8e8e8;
	border-bottom:3px solid #e8e8e8;
	border-top: none;
	border-radius:4px;	
	background:#fcfcfc; overflow:hidden;	
} 
.content h3{ margin:0; padding:5px 0; font-size:18px; font-weight: normal; color: #069; }
.content h4{ margin:0; padding:5px; font-size:14px; font-weight: normal; color: #006699; text-decoration:underline }

.content p{ margin:0; padding:10px 0; font-size:15px; font-weight:normal; color:#333; line-height:18px; text-align:justify}
.content ul{ margin:10px 12px 0 0; padding:0; width:200px; float:left; border-bottom:1px solid #CCC}
.content li { margin:10px 0; padding:0px 0 0 20px; font-size:15px; font-weight:normal; color:#333; list-style:none; background:url(../images/list.jpg) no-repeat left top; text-decoration:none}
.content .box { margin: 0; padding:0px 0 0 0px; float:left; width:220px; overflow:hidden;}