@charset "UTF-8";
/* CSS Document */

@import url("reset.css");

body  {
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background:#3d80c6 url(../img/bg.jpg) repeat-x top;
	
}

body#about{
	background:#5b8c33 url(../img/bg-about.jpg) repeat-x top;
	
}
body#news{
	background:#ab6f01 url(../img/bg-news.jpg) repeat-x top;
}
body#products{
	background:#2d90a2 url(../img/bg-products.jpg) repeat-x top;
}

a{
	border:none;
	outline:none;
	text-decoration:none;
}
em{
	font-style:italic;
}
.clearfloat{
	clear:both;
	height:1;
	line-height:1;
}
/*  ------------------------------
     STRUCTURE    
-------------------------------- */
#container{
	margin:0 auto;
	width:935px;
}
#main{
	clear:both;
	margin:5px 0 0 0;
}
#main-top{
	background:url(../img/content_top.png) no-repeat;
	width:925px;
	height:26px;
}
#main-content{
	background:url(../img/content_bg.png) repeat-y;
}
#main-btm{
	background: url(../img/content_btm.png) no-repeat;
	clear:both;
	height:22px;
	width:925px;
}
#main-right{
	float:right;
	margin: 0px 0px 0 0;
	padding-top:5px;
}
#main-left{
	margin-left:15px;
	width:550px;
}

#footer-right{
	float:right;
	margin-right:21px;
}
.side-box, .side-box-top, .side-box-btm{
}
.side-box{
	background: url(../img/side-box_bg.gif) repeat-y;
	margin-bottom:5px;
	width:272px;

}
.side-box-top{
	background: url(../img/side-box_top.gif) top no-repeat;
	height:20px;
	
}
.side-box-btm{
	background: url(../img/side-box_btm.gif) bottom no-repeat;
	height:19px;
}
.side-box .img{
	text-align:center !important;
	margin:0 auto !important;
}
.side-box-content{
	margin:0 15px;
}
.side-box-content h4{
	font-weight:bold;
	font-size:16px;
	letter-spacing:2px;
	margin-bottom:5px;
	text-transform:uppercase;
}
.side-box-content ul{
}
.side-box-content li{
	border-top: 1px solid #dae2e7;
	padding:5px 0;
}
.side-box-content h5{
	font-size:16px;
	font-weight:bold;
}
.side-box-content h5 span{
	display:block;
	font-size:12px;
}
.side-box-content .btn-text{
	color:#666666;
}
/*  ------------------------------
     TEXT    
-------------------------------- */
body, p{
	color:#333333;
	font-family: Corbel, Myriad, "Myriad Pro","Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:140%;
	text-align:left;
}
a{
	color:#333333;
}

h2{
	color:#4d89c6;
	font-weight:bold;
	line-height:100%;
}
strong{
	font-weight:bold;
}
/*  ------------------------------
     COLORS    
-------------------------------- */
.news-color{
	color:#ffae11;
}
.products-color{
	color:#5bc9d0;
	text-decoration:none;
}
.about-color{
	color:#89bb41;
}
.contact-color{
	color:#ff4e00;
}

/*  ------------------------------
     HEADER    
-------------------------------- */

/*****LOGO******/
#header h1{
	float:left;
	height:156px;
	margin: 0px 0 0 10px;
	overflow:hidden;
	width:261px;
}

#header h1 a{
	color:#181818;
	float:left;
	height:156px;
	line-height:normal;
	overflow:hidden;
	position:relative;
	text-indent:-1000px;
	width:261px;
}

#header h1 a span{
	background:transparent url(../img/logo.jpg) repeat scroll 0 50%;
	cursor:pointer;
	display:block;
	height:156px;
	left:0;
	position:absolute;
	top:0;
	width:261px;
}

/****MAIN NAV******/
#header #nav{
	height:40px;
	margin:110px 0 0 80px;
	float:left;

}
#header #nav li{
	float:left;
	margin:0 18px 0 0 ;
	padding:0;
	position:relative;

}
#header #nav li a{
	color: #666;
	display:block;
	float:left;
	height:40px;
	background-image: url(../img/nav.jpg);
	background-repeat: no-repeat;
	text-indent:-3000px;
}

#header #nav li.home-btn a {
	background-position:0 0;
	width:80px;
}
#header #nav li.home-btn a:hover {
	background-position: 0px -84px;
}
#home #header #nav li.home-btn a {
	background-position: 0px -41px;
}

#header #nav li.news-btn a {
	background-position:-110px 0;
	width:80px;
}
#header #nav li.news-btn a:hover {
	background-position: -110px -84px;
}
#news #header #nav li.news-btn a {
	background-position: -110px -41px;
}


#header #nav li.products-btn a {
	background-position:-225px 0;
	width:100px;
}
#header #nav li.products-btn a:hover {
	background-position: -225px -84px;
}
#products #header #nav li.products-btn a {
	background-position: -225px -41px;
}

#header #nav li.about-btn a {
	background-position:-335px 0;
	width:105px;
}
#header #nav li.about-btn a:hover {
	background-position: -335px -84px;
}
#about #header #nav li.about-btn a {
	background-position: -335px -41px;
}

#header #nav li.contact-btn a {
	background-position:-455px 0;
	width:92px;
}
#header #nav li.contact-btn a:hover {
	background-position: -455px -84px;
}
#contact #header #nav li.contact-btn a {
	background-position: -455px -41px;
}


/*  ------------------------------
    FOOTER   
-------------------------------- */
#footer{
	
}
#footer-left{
	margin-left:10px;	
}
#footer-right img{
	margin-top:3px;
	float:left;
}
#footer-right p{
	float:left;
	margin-right:10px;
	
}


/*  ------------------------------
    SECTIONS
	
	1. Home
	2. News
	3. Products
	4. About
	5. Contact
	
-------------------------------- */



/*  ------------------------------
  
    1. Home   
	
-------------------------------- */
#home .side-box{
	cursor:pointer;
}
#home .side-box img{
}
#home .side-box p, #home .side-box h2{
}
#home .side-box p{
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
	line-height:100%;
	margin-left:5px;
}
#home .side-box img, #home .side-box h2{
}
#home .side-box h2{
	font-size:18px;
	line-height:100%;
}
#home .side-box p.date{
	color:#79a4d0;
}
#home .more-news-btn{
	float:right;
	margin-right:5px;
	padding-top:5px;
}

/*  ------------------------------
  
    2. News   
	
-------------------------------- */

#news #article{

}
#news #article h2{
	font-size:25px;
	margin:10px 0 5px 0 ;
}
#news #article h3{
	font-size:20px;
	line-height:100%;
}
#news #article .date{
	font-weight:bold;
}
#news #article .source{	
	font-style:italic;
}
#news #article .content{
	font-size:14px;
	margin-top:10px;
}
#news #article .sub-text{
	font-size:10px;
	margin-top:10px;
}
#news .download-article-btn{
	float:right;
}
#news #article{
	height:450px;
	overflow:scroll;
	overflow-x:hidden;
}


/*  ------------------------------
  
    3. Products  
	
-------------------------------- */
#products .side-box{
	cursor:pointer;
}

#products .side-box img{
}
#products .side-box-btm{
	margin-top:10px;
}
#products .side-box p, #products .side-box h2{
	margin-left:0px;
	width:240px;
}
#products .side-box img, #products .side-box h2{
}
#products .side-box h2{
	font-size:18px;
	clear:both;
}
#products .side-box p.date{
	color:#79a4d0;
}
#products .learn-more-btn{
	float:right;
}
#products #product-detail{
	margin-left:3px;
}
#products #product-detail h2{
	font-size:25px;
	margin:10px 0 15px 0 ;
	cursor:pointer;
}
#products #product-detail .content{
	font-size:14px;
	margin-top:10px;
}

/*  ------------------------------
  
    4. About Us  
	
-------------------------------- */

#about #content .content{
	font-size:14px;
	margin-top:10px;
}

#about #content h2{
	font-size: 25px;
	margin-top: 10px;
	margin-right: 0pt;
	margin-bottom: 5px;
	margin-left: 0pt;
}

#about .side-box h2{
	font-size:18px;
}

#about .staff-box{
	cursor:pointer;
}
#about #main-left br{
	margin-bottom:20px;
	padding-bottom:10px;
	line-height:100px;
}
/*  ------------------------------
  
    4. Contact 
	
-------------------------------- */
#contact #main-left{
	width:600px;
}
#contact h2{
	font-size:22px;
	margin:10px 0 15px 0 ;
}
#contact #content-left .content{
	height:300px;

	font-size:14px;
	margin-top:10px;
}
#contact #content-left{
	border-right: 1px solid #CCCCCC;
	float:left;
	margin-right:40px;
	padding-right:40px;
}
#contact #content-right{
	float:left;
}
#contact input, #contact textarea{
	border:2px solid #CCCCCC;
	padding:5px;
	width:250px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}
#contact input.submit-btn{
	width:inherit;
}