/*---------Site Name---------*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/* Removes list-style from lists */
ol,ul { list-style: none; }

/* Removes border from images */
img { border: 0; }

body {
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	font-size: 72%;
	color: #FFF;
	background: url(sitegraphics/redone/bg.jpg) 0 0 repeat-x #212121;
}

a:link, a:visited {
	color: #AF0100;
	text-decoration: underline;
}

a:hover, a:active {
	color: #FFF;
}

p {
	margin: 0 0 1.1em 0;
	line-height: 1.6em;
}

br { margin: 0; }

.imageright {
	float: right;
	margin: 0 0 10px 10px;
}
.imageleft {
	float: left;
	margin: 0 10px 10px 0;	
}


/*--------------------WRAPPER--------------------*/

#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0 15px;
	background: url(sitegraphics/redone/bg_wrapper.jpg) 0 0 repeat-y #212121;
}


/*--------------------BRANDING--------------------*/

#branding {
}


/*--------------------CONTENT WRAPPER-------------------*/

#contentWrapper {
	padding: 0 25px 25px 25px;
	line-height: 1.5em;
	font-size: 130%;
}


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


h1 {
	margin: 0 0 0.65em 0;
	font-weight: normal;
	font-size: 140%;
	color: #AF0100;
}
h2 {
	margin: 0 0 0.65em 0;
	font-size: 130%;
	font-weight: bold;
	color: #AF0100;
}
h3 {
	margin: 0 0 0.65em 0;
	font-size: 130%;
	font-weight: bold;
	color: #AF0100;
}
h4 {
	margin: 0 0 0.65em 0;
	font-size: 130%;
	color: #AF0100;
}


#contentMain {
	font-size: 120%;
}

#contentMain h1 {
	margin: 0 0 1em 0;
}
#contentMain h2 {
	margin: 0 0 0.35em 0;
	color: #005F2F;
}


p.contactInfo {
	margin: 0 0 0.1em 0;
}


.highlight {
	font-weight: bold;
}


.specs {
	padding: 0 0 0 455px;
	text-transform: uppercase;
	font-size: 90%;
}
.specs li {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 20px;
}
.specs li.caption {
	color: #AF0100;
	font-size: 120%;
	font-weight: bold;
	padding: 0;
}


#evolutionsIntro {
	height: 555px;	
}
#evolutionsIntro p {
	padding: 0 0 0 335px;	
}

#evolutionsWorkflow {
	clear: both;
	padding: 25px 0 0 0;
	border-top: 1px solid #9A9997;
}
#evolutionsWorkflow p {
	padding: 0 0 0 335px;	
}
#evolutionsWorkflow h2 {
	padding: 0 0 0 335px;	
}

#evolutionsInterview {
	clear: both;
	padding: 25px 0 0 0;
	border-top: 1px solid #9A9997;
}
#evolutionsInterview p {
	padding: 0 0 0 335px;	
}
#evolutionsInterview h2 {
	padding: 0 0 0 335px;	
}


.userHelp {
	padding: 25px 0 0 0;
	border-top: 1px solid #9A9997;
}
.userHelp a {
	font-weight: bold;
}
.userHelp p {
	padding: 0 0 0 335px;
}
.userHelp ul {
	padding: 0 0 0 335px;
}
.userHelp ul p {
	padding: 0;
}
.userHelp h2 {
	padding: 0;
	color: #CC0000;
}
.userHelp h3 {
	padding: 0;
	color: #CC0000;
}
.userHelp #menusAZ h4 {
	margin: 0;
	font-size: 110%;
	color: #CC0000;
}
.userHelp #menusAZ p {
	font-size: 80%;
	font-style: italic;
}


.faq {
	padding: 25px 0 0 0;
	border-top: 1px solid #9A9997;
}
.faq p {
	padding: 0 0 0 335px;
}
.faq ul {
	padding: 0 0 0 335px;
}
.faq ul p {
	padding: 0;
}
.faq h4 {
	padding: 0;
	color: #CC0000;
}


.lenses {
	padding: 25px 0 0 0;
	border-top: 1px solid #9A9997;
}
.lenses p {
	padding: 0 0 0 455px;
}
.lenses h2 {
	padding: 0 0 0 455px;
	color: #CC0000;
}


#redOnePopupText {
	width: 350px;
	padding: 25px;
}
#redOnePopupText h1 {
	margin: 0 0 0.55em 0;
	font-size: 150%;
	font-weight: bold;
	color: #FFF;
}
#redOnePopupText p {
	margin: 0 0 0.65em 0;
}



/*----------------------NAV--------------------*/

#nav {
	height: 11px;
	margin: 14px 0 24px 72px;
	text-align: center;
	font-size: 70%;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}


#nav li,
#nav a {
	float: left;
	display: block;
	height: 11px;
	background-image: url(sitegraphics/redone/nav.gif);
	background-repeat: no-repeat;
	text-indent: -2976px;
	color: #FFF;
}

#nav li a:hover { background-image: none;}

#nav-home a { width: 115px; background-position: 0px 0px;}
#nav-faq a { width: 100px; background-position: -115px 0px;}
#nav-userhelp a { width: 165px; background-position: -215px 0px;}
#nav-kits a { width: 100px; background-position: -380px 0px;}
#nav-lenses a { width: 145px; background-position: -480px 0px;}
#nav-evolutions a { width: 190px; background-position: -625px 0px;}
#nav-credits a { width: 95px; background-position: -815px 0px;}

#nav-home { width: 115px; background-position: 0px -11px;}
#nav-faq { width: 100px; background-position: -115px -11px;}
#nav-userhelp { width: 165px; background-position: -215px -11px;}
#nav-kits { width: 100px; background-position: -380px -11px;}
#nav-lenses { width: 145px; background-position: -480px -11px;}
#nav-evolutions { width: 190px; background-position: -625px -11px;}
#nav-credits { width: 95px; background-position: -815px -11px;}

#nav-homeSelected { width: 115px; background-position: 0px -11px;}
#nav-faqSelected { width: 100px; background-position: -115px -11px;}
#nav-userhelpSelected { width: 165px; background-position: -215px -11px;}
#nav-kitsSelected { width: 100px; background-position: -380px -11px;}
#nav-lensesSelected { width: 145px; background-position: -480px -11px;}
#nav-evolutionsSelected { width: 190px; background-position: -625px -11px;}
#nav-creditsSelected { width: 95px; background-position: -815px -11px;}

#nav-homeSelected a { width: 115px; background-position: -125px -11px;}
#nav-faqSelected a { width: 100px; background-position: -115px -11px;}
#nav-userhelpSelected a { width: 165px; background-position: -215px -11px;}
#nav-kitsSelected a { width: 100px; background-position: -380px -11px;}
#nav-lensesSelected a { width: 145px; background-position: -480px -11px;}
#nav-evolutionsSelected a { width: 190px; background-position: -625px -11px;}
#nav-creditsSelected a { width: 95px; background-position: -815px -11px;}


/*---------------------FOOTER---------------------*/

#footer {
	clear: both;
	margin: 0 0 0 -25px;
	padding: 25px 0 30px 0;
	text-align: center;
}