/* CSS Document */


/*

Author: Ideopia, Inc.
Location: http://www.ideopia.com/evitalize/

Copyright 2009 Ideopia, Inc.

*/



/* Universal Elements */

body * { position:relative; }
a img { border:none; }


/* Specific CSS */

body {
	padding:0; margin:0;
	background:rgb(156,186,194) top center repeat-x url('../../images/background.jpg');
	/* background: top center no-repeat url('../images/layout.png');  */
	font: normal normal normal 12px/16px Verdana, Helvetica, Arial; color:#000;
	}

#red_nav_bkg { background:rgb(226,25,30); height:29px; }
	
#wrapper {
/*opacity:0.7;*/
	top:-29px; left:25px;
	margin:0 auto; padding:0;
	width:885px;
	}


/* Red Top Nav */

.nav ul {
	position:absolute; left:160px;
	padding:0; margin:0;
	}
	
.nav ul li {
	float:left; list-style: none;
	padding:8px;margin:0;padding-right:50px;
	font-size:13px; color:#FFF; font-weight:bold;
	}

.nav ul li a,
.nav ul li a:link,
.nav ul li a:hover,
.nav ul li a:active,
.nav ul li a:visited { color:#FFF; text-decoration: none; display:block; }

.nav img { position:absolute; top:0; left:0; width:115px; height:105px; }

.evit_logo { position:absolute; top:50px; left:162px; }

a, a:link, a:active, a:visited { text-decoration:none; color:rgb(246,0,23); }
#on a { color:#FFF; }
a:hover { text-decoration:underline; }

/* Navigation Tabs Under the Header */

.services {
	position:absolute; top:193px; left:161px;
	height:25px; 
	clear:left;
	}

.services ul { margin:0; padding:0; }

.services ul li {
	background:rgb(205,224,226);
	float:left; list-style: none;
	font-size:1.00em; color:#F00;
	border-top: 5px solid rgb(205,224,226); border-bottom: 5px solid rgb(205,224,226);
	}
.services ul li div {
	padding:0 12px;margin:0;
	border-right:1px solid rgb(137,182,185);
	}
	
.services ul li div.last {
	border-right:none;
	padding-right:50px;
	}

.service ul li a { display:block; }

.services ul li#on {
	background:#F00;
	color:#FFF;
	border-top:4px solid #F00; border-bottom:10px solid #F00;
	}

.services ul li#on div { border-right:none; }

.nobd { border-right:none; }
.services ul li div.nobd { border-right:none; }


/* Content Portion - Info that Flips Out */

.content { 
position:absolute; top:228px; left:170px; 
width:570px; 
}
	
.content p { margin:0px; width:500px; }

.padding { padding-bottom:1em; }
.content p.address { width: 15em; }
.footpad { padding-bottom:100px; }
.checkup { padding-top:1.25em; }
.form p.last { padding-bottom: 3em; }

.content h1 {
	font-size:1.25em; 
	line-height:1.3em; 
	color:#BA0; /* old color:#CC9;*/
	padding-left:0;
	margin:20px 0 10px 0;
	left:-10px;
	width:480px;
	}
	
.content h2 {
	background:#CC0;
	font-size:.9em; 
	color:#063; 
	font-weight:normal;
	margin:1.75em -.9em 0 -.9em; padding:.3em 0 .3em .5em;
	}

.content h2.overview { width:32em; font-weight:bold; }

.content h2.siterepair { width:35em; }
.content h2.seo { width:40.6em; }
.content h2.creation { width:40em; }
.content h2.marketing { width:36em; }

.content h2.faqadj { left:8px; margin-bottom:.25em; }
.content h2.howmuch { width:17em; }
.content h2.fees { width:15em; }
.content h2.expensive { width:11.5em; }
.content h2.amiright { width:18em; }

.content ul { 
margin:.5em 0; 
padding-left:2.2em; 
width:450px; 
}
.content ul li { 
padding:.1em 0; 
}

.content b { 
text-transform: uppercase; 
}

.content .graph  {
margin: 15px 0px 2px 0px
}

/* Next Buttons */

.next { float:right; margin-right:25px; top:-25px; }
.next_repair { float:right; margin-right:110px; top:-22px; }
.next_seo { float:right; margin-right:45px; top:-22px; }
.next_creation { float:right; margin-right:50px; top:-22px; }
.next_marketing { float:right; margin-right:90px; top:-22px; }


/* Non Service Heads */

.page_name_step {
	position:absolute; left:168px; top:193px;
	background:#F00; color:#FFF;
	font-size:1.08em;
	padding:.5em 0; margin-bottom: 20px;
	width:16.5em;
	border-left: 20px solid #F00;
	}

.page_name {
	position:absolute; left:168px; top:193px;
	background:#F00; color:#FFF; text-align: center;
	font-size:1.08em;
	padding:.5em 0; margin-bottom: 20px;
	width:7em;
	}

h1.h1left { left:-1px; }
.yellow_bold { font-weight:bold; color:#FF0; }


/* Form Elements */

.form { padding-top:20px; }

.chunk { display:block; padding-bottom:.5em; }
.chunk .chunk { padding-bottom: .3em; padding-top: .5em; }

.checkcontainer { width:320px; margin-top: .5em; }

td.check { width:2.25em; }

span.check { display:block; padding-bottom:.25em; }
	
.fieldother { clear:left; padding-top: 1em; }

label { 
	display:block; padding-bottom:.15em;
	font-size:1.0em; color:#000;
	}

label.main {
	font-size:1.35em; font-weight: bold;
	margin-bottom:.2em;
	}

label span.fieldreq { color:#335; }

input.textinput,
textarea.textinputarea,
select {
	padding:2px;
	font-size:1em; font-weight: bold; width:25em;
	color:#444;
	overflow: hidden;
	}

input.areacode { width:4em; }
input.phone { width:10em; }


select { left:-1px; }
option { padding:.1em .5em; }

textarea.textinputarea { height:5em; }
	
label.labelcheck { display: inline; }

div.validation-advice,
div.custom-advice { color:#D00; }

.btn { width:10em; }


/* Other Elements */

.girl { position:absolute; top:25px; left:665px; }
.other_visual {	position:absolute; top:165px; left:665px; float: left; }
.lips { top:260px; }
.pig { top:304px; left:400px; }

#army_guy {
	margin-top:50px; margin-left:155px;
	}
	

/* Footer */

.footer {
	left:-40px;
	margin:40px auto;
	font-size:.8em; line-height:1.5em;
	text-align:center;
	width:450px; clear: both;
	}
.footer a,
.footer a:link,
.footer a:active,
.footer a:visited {
	color:#000;text-decoration:none;
	}
.footer a:hover {
	text-decoration:underline;
	}