/* TABLE OF CONTENT
1  Universal
2 Template Layout
3 Branding / Logo elements
4 Main navigation elements
5 Sub navigation elements
6 Footer elements  */
/* ------- 1 UNIVERSAL ---------- */

html {
	padding:0;
	margin:0;
	overflow-y: scroll;
}

body {
	font-family:  helvetica, arial, verdana, sans-serif;
	color:#1f2f51;
	font-size: 100%;
	/*url("../images/site_objects/backgrounds/site_mainshadow.gif") repeat-x*/
	background: #c4e2ee ;
	margin: 0;
	line-height: 1em;
	margin: 0;
	padding: 0px 0 5% 0;
}


img { 
	border: 0;
	display: block;
	
}


.hidden {
	height: 0;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}




/* ------- 2 TEMPLATE LAYOUT ---------- */

#sitecontainer {
	background: url("../images/site_objects/backgrounds/site_bodyshadow.gif") repeat-y;
	min-height: 90%;
	margin: 0 auto;
	width: 730px;
	text-align: left;
	font-size: 80%;
}

#redStrip{
	background: #bf202f;
	height:12px;
	}

#branding {
 	width: 730px;
	margin:0;
	padding:-1px 0 0 0;
	float:left;
	height:142px;
	background: url("../images/site_objects/backgrounds/site_bodyshadow.gif") repeat-y;
	}
	


#navigation {
width: 691px;
clear:both; 
padding:0 0 0 0px;
margin:2px 10px 0px 19px;
height:40px;
	
}



#centercontainer {
	margin:2px 10px 0px 14px;
	width:720px;
	font-family: helvetica, arial, verdana, sans-serif;
	}

#subnavcol {
	float:left;
	width: 250px;
	margin:0px 0 0 0;
	background: yellow;
	
}



#content {
	float:left;
	margin:0px;
	padding: 40px 50px 0px 25px;
	min-height:200px;
	width:375px;

}


#contentsitewide {
	float:left;
	margin:0px;
	padding: 40px 50px 0px 25px;
	width:626px;
	min-height:480px;
}


#contentsitehp {
	float:left;
	margin:0px;
	padding: 12px 0px 0px 0px;
	width:701px;
	min-height:450px;
	background: url("../images/site_objects/backgrounds/front_toothbrush.gif") no-repeat bottom right;
	
}

#contentsiteservices {
	float:left;
	margin:0px;
	padding: 40px 0px 0px 0px;
	width:701px;
	min-height:450px;
	;
	
}


#footer {
	margin:-55px 0 0 0;
	background: #c4e2ee url("../images/site_objects/backgrounds/site_bottomshadow.gif") no-repeat top;
	clear: both;
	width: 730px;
	padding:25px 0 0 0;
	height:100px;
	font-size: 90%;
}

#footer div.col1{
	width:180px;
	float:left;
	padding:0 0 0 25px;
	}
#footer div.col2{
	width:424px;
	float:left;
	margin: -3px 0 0 0;
	text-align: right;
	}





/* ------- 3 BRANDING / LOGO  ---------- */

#branding div.branding_container{
	margin:0px 0px 0 14px;
	width:720px;
	

	}


#branding div.logo{ 
	width:450px;
	float: left;

}

#branding div.logoright{ 
	width:270px;
	float: right;
	padding: 20px 0 0 0;
	text-align: right;

}



/* ------- 4 MAIN NAVIGATION ELEMENTS   ---------- */



#navigation ul{
	background: url("../images/site_objects/bg_navigation_bottom.gif") bottom no-repeat;
	display: inline;
	float: left;
	font-size: 130%;
	font-weight: bold;
	list-style-type:none;
	margin: 0 0 0 18px;
 	padding: 0;
	width: 600px;
}
#navigation ul li {
	display: inline;
	white-space:nowrap;
}
#navigation ul li a, #navigation ul li a:visited {
	background: transparent; 
	color: #70c7eb;
	float:left;
	padding: 14px 2px 10px 2px;
	margin: 0 25px 0 0;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus {
	background: transparent;
	color: #bf202f;
	text-decoration:underline;
}

#navigation ul li a.lit, #navigation ul li a.lit:visited {
	background: transparent;
	color: #bf202f;
	text-decoration:none;
}
#navigation ul li a.lit:hover, #navigation ul li a.lit:active, #navigation ul li a.lit:focus {
	background: transparent;
	color: #bf202f;
	text-decoration:underline;
}


.redbar{
	margin-left:10px;
	}

 /* ------- 5 SUB NAVIGATION ELEMENTS & Breadcrumb  ---------- */
/* Add your  ul  and li classes for the sub / side  nav if required  */



#breadcrumb a{
	color: #666666;
	text-decoration: none;	
}

#breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:focus, #breadcrumb a.lit {
	color: #666666;
	text-decoration: underline;
}



#subnav ul.menu {
	padding:20px 0 0 0!important;
	width:130px;
	color:#1f2f51!important;
	

}

#subnav ul.menu li {
	display:block;
	color:#1f2f51;
	padding:3px 0px 0px -25px!important;


}



#subnav a{
	color:#1f2f51!important;
	text-decoration: none;	
	background: none!important;
	padding:3px 0px 0px 0px!important;
	

}

#subnav a:hover, #subnav a:active, #subnav a:focus, #subnav a.lit {
	color: #f4307a!important;
	text-decoration: underline;
	margin:0px;
	padding:3px 0px 0px 0px!important;
}










/* ------- 6 FOOTER ELEMENTS   ---------- */
/* Add your  ul  and li classes for the footer  nav if required  */

#footer ul{
	float:left;
	width:350px;
	list-style-type:none;
	margin:0;
	padding:0;
}

#footer ul li{
	display: inline;
}

#footer ul li a, #footer ul li a:visited, #footer ul li a:focus{
	color: #1f2f51;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}


#footer ul li a:hover{
	text-decoration: underline;
	color:#f4307a;
	margin: 0px 0px 0px 0px;	
	background: none;
}

/* ------- END OF STYLE.CSS   ---------- */