/*********** site wide styles *********/

html,body
{
	margin: 0;
	padding: 0;
	background-color: #002B5C;
	background-image: url(../images/bkgrnd.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.8em;

}

a
{
	color: white;
	font-weight: bold;
}

a:hover {color: #003C63;}


#centerme
{
	width: 1000px;
	margin: 0 auto;
	padding-top: 40px;

}


/********** home content styles *********/
#homeimg {
	background-repeat: no-repeat;
	background-image: url(../images/homeImg.jpg);
	background-position: left top;
	margin: 0 auto;
	display: block;
	width: 975px;
	height: 430px;
	                               
}

#homewrapper
{
	width: 975px;
	margin: 0 auto;
	background-image: url(../images/blackLines.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#homecontent
{
	display: block;
	min-height: 250px;
	width: 975px;
	padding-bottom: 20px;
	margin: 0 auto;
	background-image: url(../images/homebottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
}

h1
{

	font-size: 24px;
	font-family: "Times New Roman", Times,  Georgia, serif;
	color: #003C63;
	line-height: 1.2em;
	font-style: normal;
	font-weight: normal;
	padding-left: 70px;
	margin: 0;

}

#homefacts
{
	display: block;
	height: 90px; 
	width: 180px;
	margin: 260px 0 0 110px;
	font-size: 11px;
	line-height: 1em;
}

#col1
{
	background-image: url(../images/col1img.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 220px;
	height: auto;
	display: inline;	
	float: left;
	margin: 20px  0 20px 80px;
}

#col2
{
	
	background-image: url(../images/col2img.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 225px;
	height: auto;
	display: inline;	
	float: left;
	margin: 20px 0 20px 80px;
}

#col3
{
	
	background-image: url(../images/col3img.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 220px;
	height: auto;
	display: inline;	
	float: left;
	margin: 20px 0 20px 80px;
}



/*********** nav styles *********/

ul { 
	
	list-style-type: none; 
	height: 30px;
	width: auto;
	margin-left: 15px;
	margin-left: 40px !ie_only;
	
}

ul li{

	padding: 20px 35px 0 0;
	display: inline;
	float: left;

}

ul li a {

	font-weight: bold;
	letter-spacing: .05em;
	color: white;
	font-size: 16px; 
	text-decoration: none;

}

ul li a:hover {

	color: #003C63; 

}

.logo{
 margin: 32px 0 0 48px;
 display: block;
 width: 300px;
 height: 125;

}
/********* main content styles *********/

#serviceimg {
	background-repeat: no-repeat;
	background-image: url(../images/serviceImg.jpg);
	background-position: left top;
	margin: 0 auto;
	display: block;
	width: 975px;
	height: 187px;
	                               
}


#aboutimg {
	background-repeat: no-repeat;
	background-image: url(../images/aboutImg.jpg);
	background-position: left top;
	margin: 0 auto;
	display: block;
	width: 975px;
	height: 187px;
	                               
}


#contactimg {
	background-repeat: no-repeat;
	background-image: url(../images/contactImg.jpg);
	background-position: left top;
	margin: 0 auto;
	display: block;
	width: 975px;
	height: 187px;
	                               
}


#content
{
	display: block;
	height: auto;
	width: 975px;
	padding-bottom: 10px;
	margin: 0 auto;
	background-image: url(../images/bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
}

#wrapper
{
	width: 975px;
	height: auto;
	margin: 0 auto;
	background-image: url(../images/grid.jpg);
	background-repeat: repeat-y;
	background-position: left top; 

}


#background
{
	background-repeat: repeat-x;
	background-image: url(../images/contentBkgrnd.jpg);
	background-position: left top;
	min-height: 458px;
	height: auto;
	width: 972px;
}

#background2
{
	background-repeat: repeat-x;
	background-image: url(../images/contentBkgrnd2.jpg);
	background-position: left top;
	min-height: 458px;
	height: auto;
	width: 972px;
}


h2
{

	line-height: 1em;
	font-size: 30px;
	font-family: "Times New Roman", Times,  Georgia, serif;
	color: black;
	font-style: normal;
	font-weight: normal;
	margin: 0;

}


#text{
	width: 500px;
	height: auto;
	float: left;
	display: inline;
	margin: 20px 0 20px 50px;
}

#text ul{

	height: auto;
	width: 450px;
	display: block;
	
}

#text ul li{
	background-repeat: no-repeat;
	background-image: url(../images/copybullet.gif) ;
	background-position: left top;
	padding: 0 0 0 30px;
	margin-bottom: 20px;
	height: auto;
	width:410px

}


#sidebar {
	
	margin-left: 5px;
	width: 320px;
	float: left;	                               
}

.facts
{
 	font-size: 11px;
	line-height: 1.2em;
	height: 90px; 
	width: 180px;
	padding: 0;
	margin: 310px 0 0 95px;
	margin: 190px 0 0 90px !ie_only;

}


.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


#copyright
{
	width: 975px;
	height: auto;
	margin: 10px auto;
	text-align: right;
	color: #ccc;
	font-size: 9px;
	padding-right: 30px;
}

/********* about us styles *********/
#coltext{
	width: 700px;
	height: auto;
	float: none;
	display: block;
	margin: 0 auto;
	padding-top: 30px;
}

#imgcol
{
	width: 150px;
	height: auto;
	display: inline;	
	float: left;
	margin: 30px  0 0 0;
}

#biocol
{
	width: 450px;
	height: auto;
	display: inline;	
	float: left;
	margin: 30px  0 20px 50px;
}
#biocol p {
	margin-top: 0px;
}

/********* contact us styles *********/

#contact{
	width: 700px;
	height: auto;
	float: none;
	display: block;
	margin: 0 auto;
	padding-top: 30px;
}

#contact a
{
	color: #003C63;
	font-weight: bold;
}

#contact a:hover {color: white;}


#contactcol1
{
	width: 300px;
	height: auto;
	display: inline;	
	float: left;
	margin: 20px 0 0 40px;
}

#contactcol2
{
	width: 300px;
	height: auto;
	display: inline;	
	float: left;
	margin: 20px 0 0 40px;
}




/********** sub nav styles *********/

#sidebar ul
{ 	 
	height:auto;
	width: 270px;
	margin:10px 0 0 -10px;
	margin: 15px 0 0 35px !ie_only;
}


#sidebar ul li 
{
	background-position: left center;
	background-repeat: no-repeat;	
	background-image: url(../images/subnavBullet.jpg);
	width: auto;
	height: 25px;
	padding: 0 0 0 25px;
	margin-top: 10px;

}

#sidebar ul li a {
	font-size: 20px;
	font-family: "Times New Roman", Times,  Georgia, serif;
	color: white;
	line-height: 1.2em;
	font-style: normal;
	font-weight: normal; 
	text-decoration: none;	
}

#sidebar ul li.current a{color: #003C63;}

#sidebar ul li a:hover {color: #cccccc;}

/********** tab styles *********/
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

#tabs
{
	width: 520px;
	height: auto;
	float: left;
	display: inline;
	margin: 20px 0 0 40px;

}

.tabmenu{
	margin: 0 auto 0 auto;
	background: url(../images/menug_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.tabmenu li{
	float:left;
	margin:-20px 0 0 -20px; 
	margin:-20px 0 0 0 !ie_only;

}

.tabmenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;	
	cursor: pointer;
}

.tabmenu li a strong {
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.tabmenu li.current a, .tabmenu li a:hover {
	color: #fff;
	background: url(../images/menug_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.tabmenu li.current a strong, .tabmenu li a:hover strong {
	color: #fff;
	background: url(../images/menug_hover_right.gif) no-repeat right top; /*right tab image path*/
}