﻿/* Containers */

#wrapper 			
{ 
	width:993px;  
	margin: 0px auto; 
	background-color: #ffffff;
    /*box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.4);   	
	border-top-left-radius:20px;
    -moz-border-top-left-radius:20px;
    -webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;    
    -moz-border-top-right-radius:20px;
    -webkit-border-top-right-radius:20px;*/
  		 
}

#top 				{ background-color:#ffffff; width: 100%; padding: 10px 0; overflow:hidden;
						border-bottom: 3px #eeeeee solid; border-top: 3px #eeeeee solid;}

#logo 				{ margin: 0 0 0 10px; float:left;	}

#social-media		{ float:right; margin: 0 10px 0 0;	}
#social-media p		{ color:#666; font-size: 11px; margin: 4px 10px 4px 0px;	}
#social-media img 	{ width: 24px; height: 24px; }
#social-media ul li { display:inline; }

#topnav 			
{  
	clear:both; background-color: #333333; float:left; width: 953px;	
}

#topnav ul 			{ 

	width: 100%; float:left; margin: 0px;	background-color: #333333; 
	border-bottom: 2px #cccccc solid; 
    -webkit-box-shadow: 0px 3px 3px 0 #888, 0px -3px 3px 0 #888;    
    box-shadow: 0px 3px 3px 0 #888, 0px -3px 3px 0 #888;
    -moz-box-shadow: 0px 3px 3px 0 #888, 0px -3px 3px 0 #888;  	
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;    
	
}
#topnav ul li		{ display:inline;	}
#topnav ul li a		{ float:left; padding: 10px 20px;	}
#topnav a:link		{ color:#ffffff; text-decoration:none;	}
#topnav a:visited	{ color:#ffffff;	}
#topnav a:active	{ color:#ffffff;	}
#topnav a:hover		{ color:#ffffff; background-color:#770000;	}
#topnav a:focus		{ color:#ffffff;	}



#banner 			{ background-image:url('../images/nsauditor.jpg');	margin:30px 0 0 0; width: 100%; height:250px;}
#banner 	img		{ margin:150px 20px 0 0; float:right;  }


#subbanner 			{ width: 100%; background-color: #555555; padding: 10px 0; overflow:hidden;	}					 
#subbanner h3		{ color: #ffffff; font-size: 14px; font-weight:normal; text-align:center; line-height: 180%; }

#content 			{ float:left; width: 953px; padding: 20px; }
#content 	h1		{ font-size: 16px; font-weight:bold; text-align:center;  margin:0 0 20px 0; }	
#content 	h2		{ font-size: 16px; font-weight:bold; text-align:center;  margin:0 0 20px 0; }	
#content img		{ padding:8px; }                       
#content 	p		{ 	}


#products-section
{
	display:block; 
	margin: 5px 0 0 0; 
	padding: 0;
	width: 100%;
	height:100%;     
}


#product-group-top
{
	margin:0;
	padding:10px 0 15px 0;
	display:block;
	width: 100%;
    background:#ffffff;     
	  
}

#product-group-top p{
	font: 36px Arial;
	color:#086DB6;
	margin: 0 0 0 30px;
 	text-shadow:0px 2px 2px rgba(0,0,0,0.25);
 	text-decoration:none;  
 	text-align:left;
}

#product-group-top h1{
	font: 28px Trebuchet MS,Arial;
	color:#086DB6;
	margin: 0 0 0 20px;
 	text-shadow:0px 2px 2px rgba(0,0,0,0.25);
 	text-decoration:none;  
 	text-align:left;
}

#product-group-base
{
	display:block;
	margin: 0 0 10px 0; padding: 0;
	width: 100%;
	height:300px;
    text-decoration:none;  
    background:#1E6A8F;    
	background: -webkit-linear-gradient(top,#1E6A8F 0,#C5DEF9 40%);  /* 1.starting position (top, 45deg, right, left), 2. starting color, 3. end color */        	
	background: -moz-linear-gradient(top,#1E6A8F 0,#C5DEF9 40%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1E6A8F ),color-stop(40%,#C5DEF9 ));
	background: -o-linear-gradient(top,#1E6A8F 0,#C5DEF9 40%);
	background: -ms-linear-gradient(top,#1E6A8F 0,#C5DEF9 40%);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#1E6A8F ',endColorstr='#C5DEF9 ',GradientType=0);
	background: linear-gradient(top,#1E6A8F 0,#C5DEF9 40%);         	
    -webkit-box-shadow: 0px 3px 3px 0 #888, 0px -3px 3px 0 #888;    
    box-shadow: 0px 3px 3px 0 #888, 0px -3px 3px 0 #888;
    -moz-box-shadow: 0px 3px 3px 0 #888, 0px -3px 3px 0 #888;    
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
 
}

#product-group-base p{
	font:15px Arial; 
	margin:0;
	padding:2px;
 	text-decoration:none;  
 	text-align:left;
}


#product-group-box
{
	display:block;
	float:left;
	width: 100%;
}


#product-group-box h1{
 	font: 28px Trebuchet MS,Arial;
	color:#ffffff;
	margin: 0;
	padding:10px 0 10px 20px;
 	text-shadow:0px 2px 2px rgba(0,0,0,0.25);
 	text-decoration:none;  
 	text-align:left;
}

#product-group-box h2{
 	font: 28px Trebuchet MS,Arial;
	color:#ffffff;
	margin: 0;
	padding:10px 0 10px 20px;
 	text-shadow:0px 2px 2px rgba(0,0,0,0.25);
 	text-decoration:none;  
 	text-align:left;
}

#product-group-box h3{
	font: 16px Trebuchet MS,Arial;	color:#ffffff;
	margin: 0;
	padding:0 0 10px 20px;
 	text-shadow:0px 2px 2px rgba(0,0,0,0.25);
 	text-decoration:none;  
 	text-align:left;
}


#minor-product-group
{
	display:block;
	margin: 5px 0 0 10px; padding: 0;
	width: 98%;
	height:170px;
    text-decoration:none;  
    background:transparent;        
}

.minor-product
{
	display:block;
	float:left;
	margin: 5px 10px 5px 5px; padding: 0;
	width: 220px;
	height:183px; 
    background-color:#F0F0F0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.4);     
    text-decoration:none;        
}

.minor-product:hover{ border-top:1px white solid; background-color:#DCDCDC; cursor:pointer;}

#minor-product-content
{
	display:block;
	margin:10px;
	width: 200px;
	height:123px;
    background-color:#1B497C;
}

#minor-product-content img
{
	width: 200px;
	height: 123px;	
	float:left;
	margin:0;
 	padding:0;
}

#minor-product-footer
{
	color:white;
	margin:0;
 	padding:0;
	width: 100%;
	height:40px; 
	/*background:#061D3D;*/
	/*background:#15526F;*/	
	background:#333333;			   
    
	border-bottom-left-radius: 4px 4px;
    -moz-border-bottom-left-radius: 4px 4px;
    -webkit-border-bottom-left-radius: 4px 4px;	
	border-bottom-right-radius:4px 4px;     
    -moz-border-bottom-right-radius: 4px 4px;
    -webkit-border-bottom-right-radius: 4px 4px;
 	
}



#minor-product-footer-title
{
	color:white;
	font: bold 14px Trebuchet MS,Arial;
	font-weight:bold;
 	text-decoration:none;  
 	text-align:left;	
	margin-left:10px;
}


#minor-product-footer-desc
{
	color:white;
	font: bold 12px Trebuchet MS,Arial;
	font-weight:bold;
 	text-decoration:none;  
 	text-align:left;
 	margin-left:10px;	
}


#footer				{ clear:both; background-color: #000000; padding: 10px 0; border-bottom: 2px #cccccc solid; }
#footer		p		{ color: #ffffff; margin-left:20px; }
	