/*--------------------- Last Modified  2006.11.10 ---------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  Copyright Einstein Industries 2006. Used with Permission.                             
  May not be duplicated or reproduced.
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari
  CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */
#vms-lightwindow-link{display:none;}
/* ------------------------ type selectors ------------------------ */

body {
	background:#123763 url("../images/bg-top.jpg") top center repeat-x;
	text-align:center;
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#000000;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#000000; }
h2	{ font-size:1.1em; color:#000000; }
h3	{ font-size:1.0em; color:#000000; }

h1 span,h2 span,h3 span, p span	{ display:none; }

a:link,a:visited	{
	color:#366201;
	text-decoration:underline;
	outline:none;
	}
a:hover,a:active	{
	color:#366201;
	text-decoration:none;
	outline:none;
	}


/* ------------------------ classes ------------------------ */

.clear {clear: both;}

div.clear	{ 
	height:.01em; 
	clear:both;
	overflow:hidden; 
	}
div.clear-h2	{ 
	height:10px; 
	clear:both;
	overflow:hidden; 
	}
p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet.jpg") right no-repeat;
	}
img.img-left { 
	float:left; 
	margin:4px 10px 10px 0px;
	}

.img-right { 
	float:right; 
	margin:0px 0px 0px 0px;
	padding-top:40px; 
	}
p.address-text {
	font-size: 0.95em;
	color: #000;
	}
	
.align-right {text-align:right;}



/* ------------------------ form elements ------------------------ */

form {
	width:250px;
	margin:10px 0 15px 10px; /* set margin left and right below */
	}

form label	{ font-size:.95em; } 

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select {
	background-color:#ffffff !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #404040;
	color:#000000;
	width:245px; /* 5 pixles smaller than form width !important */
	height:14px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-bottom:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	}

select { width:150px; padding:0; } /* same width as form - !important */

textarea { height:40px; overflow:auto; }

#contact_business { display: none; } /* do not remove */ 

input#s {width: 155px;}


/* ------------------------ SPECIFIC ELEMENTS ------------------------ */

/* ------------------------ main contact form ------------------------ */

#contact-main, commentform { margin:20px 0 10px 20px; }

.main-contact-dt {margin:20px 0 15px 165px; width:200px;}

#contact-main label { 
	width:150px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main label select { width:175px; } /* fixes display issue - 5px larger than input field */

.req {margin-left:140px;}

#contact-main label textarea { height:100px; overflow:auto; }


/* ------------------------ submit button form elements ------------------------ */

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}
	
.commentform-submit {
	width:120px;
	height:20px;
	cursor:pointer; 
	padding:0;
	}

input.submit-contact-main { margin:85px 0 0 165px; } /* defines placement of contact-main submit button */


/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */

#wrap {
	background: url("../images/body-repeat.jpg") repeat-y;
	width:814px;
	margin:0 auto;
	text-align:left;
	}

#content-wrap {
	background:url("../images/content-bg.jpg") top no-repeat;
	width:814px;
	margin:0 auto;
	text-align:left;
	}
	
#masthead {
	background:transparent url("../images/masthead2.jpg") top no-repeat;
	position:relative;
	width:814px;
	height:102px;
	margin:0 auto;
	text-align:center;
	}
	
	#masthead a.homelink {
	position:absolute;
	width:361px;
	height:55px;
	left:28px;
	top:30px;
		}
	
	#masthead a.homelink span {display:none;}
		
#quick-contact {
	width:270px;
	margin:0 0 10px 20px;
	padding-top:100px;
	float:left;
	display:inline;
	}
	
	#quick-contact p {margin-left:10px; font-size:.95em; line-height:13px;}

/* ------------------------ column-left framework ------------------------ */
#column-left {
	background:url("../images/left-col-repeat.jpg") repeat-y;
	width:300px;
	margin:0 0 10px 12px;
	float:left;
	display:inline;
	}

	#faq {
	background:url("../images/left-col-top.jpg") no-repeat;
	width:293px;
	height:70px;
	}
	
	#in-the-news {
	background:url("../images/title-in-the-news.jpg") no-repeat;
	width:293px;
	height:70px;
	}
	
	#left-col-bot {
	background:url("../images/left-col-bottom.jpg") bottom no-repeat;
	width:293px;
	height:26px;
	}

	#column-left p, #column-left h1, #column-left h3, #column-left ul, #column-left dl {
		margin:0px 20px 10px 20px;
		}
	#column-left h2	{
		margin:15px 20px 5px 20px;
		}

	#column-left #commentform p {
		margin: 0;
		padding: 0;
		}
		
	#column-left p.greenbold a {
	color: #339900;
	text-decoration: none;
	font-size:1.1em;
	font-weight:bold;
}
	
	#column-left p.greenbold a:hover {color: #339900; text-decoration: underline;}

	#column-left form { margin-left:30px; } /* set form margin here */

		/* single column list */
	#column-left ul { padding-left:0px;}
		#column-left ul li { 
			padding-left:20px;  /* pushes text to the right to display bg img */
			}
			
			#cosmetic-procedures {background: url("../images/img-cosmeticprocedures.jpg") no-repeat; padding-top:68px;}
			
	

/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:490px;
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	}

	#column-right p, #column-right h1, #column-right dl, #column-right ol li {
		margin:10px 20px 10px 25px;
		}

	#column-right h2 {margin:20px 20px 5px 25px;}
	
	#column-right h3 {margin:20px 20px 5px 25px;}

	/* single column list */
	#column-right ul {margin:0 0 0 38px; list-style-type:disc;}
		#column-right ul li { 
			padding-left:3px; /* pushes text to the right to display bg img */
			}
			
			#column-right ul li ul {padding-left:0px; margin-left:5px;}
			
			
	#column-right ol {margin:0 0 0 25px;}
		#column-right ol li { 
			padding-left:3px; list-style:decimal; list-style-position:outside;/* pushes text to the right to display bg img */
			}
			
			#column-right ol li ol {padding-left:0px; margin-left:5px;}
					

/* ------------------------ header framework ------------------------ */
#header-flash { background:url("../images/header-index.gif") no-repeat; height:338px; width: 704px; padding:0 10px 0 40px; float:left; } /* sets height for the flash header - REMOVE IF NOT USED */
	/* --------------- no flash text styles ----------------------*/
	#header-flash p, #header-flash noscript { padding: 25px 0 0 50px; color: #404040;}
	#header-flash a:link, #header-flash a:visited {color: #000;}
	#header-flash a:hover, #header-flash a:active {color: #404040;  text-decoration: none;}
	
#header-graphic { background:url("../images/header-graphic.jpg") no-repeat; height:347px; width: 814px; float:left; }
body#contact #header-graphic { background:url("../images/header-graphic-contact.jpg") no-repeat; height:347px; width: 814px; float:left; }
body#thankyou #header-graphic { background:url("../images/header-graphic-contact.jpg") no-repeat; height:347px; width: 814px; float:left; }


/* ------------------------ subhead framework ------------------------ */
#subhead { padding-top: 65px; margin-left:-15px;} /* sets height for all subheads */
	body#index #subhead { background:url("../images/subhead-index.jpg") top no-repeat; height:65px; padding: 0px; }
	body#about #subhead { background:url("../images/subhead-about.jpg") top no-repeat; }
	body#types #subhead { background:url("../images/subhead-types.jpg") top no-repeat; }
	body#results #subhead { background:url("../images/subhead-results.jpg") top no-repeat; }
	body#wrongfuldeath #subhead { background:url("../images/subhead-wrongfuldeath.jpg") top no-repeat; }
	body#safety #subhead { background:url("../images/subhead-safety.jpg") top no-repeat; }
	body#rollover #subhead { background:url("../images/subhead-rollover.jpg") top no-repeat; }
	body#back #subhead { background:url("../images/subhead-back.jpg") top no-repeat; }
	body#lawn #subhead { background:url("../images/subhead-lawn.jpg") top no-repeat; }
	body#faqs #subhead { background:url("../images/subhead-faq.jpg") top no-repeat; }
	body#contact #subhead { background:url("../images/subhead-contact.jpg") top no-repeat; }
	body#thankyou #subhead { background:url("../images/subhead-thankyou.jpg") top no-repeat; }
	body#sitemap #subhead { background:url("../images/subhead-sitemap.jpg") top no-repeat; }
	body#articles #subhead { background:url("../images/subhead-articles.jpg") top no-repeat; }

#subhead2 { padding-top: 65px; margin-left:-90px;} /* sets height for all subheads */
	body#index #subhead2 { background:url("../images/subhead-index2.jpg") top no-repeat; height:83px; margin-left:-20px; padding: 0px; }
	
	
/* ------------------------ title framework with varying heights ------------------------- */
#title-contact {
	height:111px;
	margin-left:30px;
	background:url("../images/img-quickcontact.jpg") ;
	}


/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	width:100%; /* fix for Safar */
	clear:both; /* important - do not remove */
	}
	

/* ------------------------footer framework ------------------------ */
#footer {
	background:#244101 url("../images/footer-bg.jpg") top repeat-x;
	width:100%;
	margin:0 auto 0px auto;
	height:357px;
	text-align:center;
	}

#bottom-boxes {
	background:url("../images/bottom-boxes.jpg") top no-repeat;
	position:relative;
	width:814px;
	height:177px;
	margin:0 auto 0px auto;
	text-align:left;
	color:#fff;
	}
	#wd {
	position:absolute;
	width:203px;
	height:47px;
	margin:0px;
	top:63px;
	left:108px;
	}
	
	#sd {
	position:absolute;
	width:243px;
	height:60px;
	margin:0px;
	top:62px;
	left:575px;
	}
	
	#bottom-boxes a.wd-learnmore {
	position:absolute;
	width:101px;
	height:18px;
	left:-384px;
	top:60px;
		}
		
	#bottom-boxes a.sd-learnmore {
	position:absolute;
	width:101px;
	height:15px;
	left:111px;
	top:64px;
		}



#footer p {
	color:#FFFFFF;
	margin-bottom: 10px;
	padding: 0 20px 0 20px;
	text-align:center;
	}

#footer a:link, #footer a:visited {
	color:#FFF;
	text-decoration: underline;
}
#footer a:hover, #footer a:active {
	color:#FFF;
	text-decoration: none;
}

#footer ul {margin-bottom:10px; padding-top:3px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #FFF;
		line-height:25px;
		}
	#footer li.first { border: none; }


/* ------------------------ Top Navigation ------------------------ */
#top-nav { 
	background:url("../images/top-nav.jpg") no-repeat; 
	position:absolute;
	top:30px;
	left:520px;
	width:277px; 
	height:52px; 
	margin-left:0px;
	padding-top:0px; 
	}

#top-nav span { display: none; }

#top-nav li, #top-nav a { height:52px; display:block; } /* change height here also */

#top-nav li {float:left; list-style:none; display:inline; position:relative; }

/*-------------- Width of individual buttons ---------------*/
#top-nav-01 { width: 56px;}
#top-nav-02 { width: 83px;}
#top-nav-03 { width: 61px;}
#top-nav-04 { width: 77px;}

#top-nav-01 a:hover { background:url("../images/top-nav.jpg")  0px -52px no-repeat; }
#top-nav-02 a:hover { background:url("../images/top-nav.jpg") -56px -52px no-repeat; }
#top-nav-03 a:hover { background:url("../images/top-nav.jpg") -139px -52px no-repeat; }
#top-nav-04 a:hover { background:url("../images/top-nav.jpg") -200px -52px no-repeat; }

/* --- current states --- */
body#index #top-nav-01 { background:url("../images/top-nav.jpg")  0px -52px no-repeat; }
body#articles #top-nav-02 { background:url("../images/top-nav.jpg")  -56px -52px no-repeat; }
body#faqs #top-nav-03 { background:url("../images/top-nav.jpg") -139px -52px no-repeat; }
body#contact #top-nav-04 { background:url("../images/top-nav.jpg") -200px -52px no-repeat; }

/* ------------------------ Main Navigation ------------------------ */
/* ------------------------ horizontal sprite nav ------------------------ */

#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:814px; 
	height:55px; 
	margin:0;
	padding:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height:55px; display:block;} /* change height here also */

#nav li { float:left; list-style:none; display:inline; position:relative; }

/*-------------- Width of individual buttons ---------------*/
#nav-01 { width: 98px;}
#nav-02 { width: 152px;}
#nav-03 { width: 99px;}
#nav-04 { width: 89px;}
#nav-05 { width: 90px;}
#nav-06 { width: 84px;}
#nav-07 { width: 78px;}
#nav-08 { width: 107px;}

/*-------------- (-??px) X position of button / (-36px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg")  0px -55px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -98px -55px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -250px -55px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -349px -55px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -438px -55px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -528px -55px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -612px -55px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.jpg") -690px -55px no-repeat; }


/*-------------- OPTIONAL - Keeps the hover state on each page based on body id ------------- */
body#about #nav-01 { background:url("../images/nav.jpg")  0px -55px no-repeat;}
body#types #nav-02 { background:url("../images/nav.jpg") -98px -55px no-repeat; }
body#lawn #nav-03 { background:url("../images/nav.jpg") -250px -55px no-repeat; }
body#rollover #nav-04 { background:url("../images/nav.jpg") -349px -55px no-repeat; }
body#back #nav-05 { background:url("../images/nav.jpg") -438px -55px no-repeat; }
body#wrongfuldeath #nav-06 { background:url("../images/nav.jpg") -528px -55px no-repeat; }
body#safety #nav-07 { background:url("../images/nav.jpg") -612px -55px no-repeat; }
body#results #nav-08 { background:url("../images/nav.jpg") -690px -55px no-repeat; }