@charset "utf-8";
/* CSS Document */

/* check the individual page for inline, do to the design I was unable use one style sheet */

/* MAIN STRUCTURE */
body			{background:url(../images/headerBg.png) repeat-x #f5f6f7; margin:0; font-family:Arial, Helvetica, sans-serif; overflow-x:hidden; }
.wrapperUpper	{ position:relative; width:100%; z-index:2;}
.wrapperLower	{ position:relative; width:100%;  background:url(../images/lowerBg.png) #efefef repeat-x; z-index:1  }
.frame			{ position:relative; width:900px;}
.mainContent	{ position:relative; top:-24px; text-align:left; padding:5px 25px; background:url(../images/glassThing.png) no-repeat top center; min-height:300px; z-index:2}
.lowerContent	{ position:relative; top:-24px; text-align:left; padding:15px 25px 5px;  min-height:400px; }
.shadow			{ text-shadow: black -0px -1px 0px;}
h1				{ line-height:30px;}
a:active		{ outline: none;}	:focus { border:none} a {outline: none; border:none} a img { border:none}

.orange				{ color:#ea413d;  font-weight:normal}	.orange:hover		{ text-decoration:underline; }
.green				{ color:#d7fd3f;  font-weight:normal}	.green:hover		{ text-decoration:underline; }




/* HEADER */
#header			{ position:relative; text-align:left; height:210px; margin:0px 0px 0px 0px; z-index:5 }
.logo			{ position:absolute; background:url(../images/logoBg.png) center no-repeat; width:100%; text-align:center; height:136px;}

.navFade		{ position:absolute; background:url(../images/navBg.png) no-repeat; width:150px; height:51px; left:-100px; top:135px;}
.navLeft		{ position:absolute; left:25px; top:135px; background:url(../images/navStretch.png) repeat-x; padding:0px 0px 0px 0px; height:51px; }
.navRight		{ position:relative; float:right; font-weight:bold; background:url(../images/tipFull.png) no-repeat; 
					height:51px; padding-top:14px; padding-left:35px;}/* see safari style sheets */

.topNav			{ position:relative; color:#FFF; 
					height:51px; font-weight:bold; padding:15px 5px 35px 5px; margin-left:-5px; top:14px; }
.navLeft a		{ text-decoration:none;}
.tip			{ position:relative; float:right; top:0px;}
.bar			{ background:url(../images/dash.png) no-repeat right; padding-right:14px;}





/* FOOTER */
.wrapperFooter		{ position:relative; width:100%; z-index:2; background:url(../images/footerBg.png) top repeat-x #212121; }
#footer				{ position:relative; min-height:150px; text-align:left; padding:20px 40px 10px; color:#adadad;}
#footer a			{ color:#FFF; text-decoration:none; font-weight:bold; padding:0px 5px 0px 0px}
#footer a:hover		{ text-decoration:underline}
#footer a + a		{ border-left:2px solid #909090; padding:0px 5px 0px 7px}
.help				{ font-family:Georgia,"Times New Roman", Times, serif; border-bottom:1px dotted #424242; width:740px; padding:0px 0px 10px 0px; font-size:90%; }
.mailLogo			{ position:relative; top:8px;}

.footerLogin		{ position:absolute; width:287px; height:15px; background-color:#2c2c2c; top:37px; padding:3px 15px; 
						left:450px; font-size:70%; color:#adadad; font-family:Georgia,"Times New Roman", Times, serif;}
.footerLogin a		{ margin-left:10px;}		.footerLogin a + a		{ margin-left:0px;}
.siteNavigation		{ margin:10px 0px 0px}
.siteNavigation a	{ font-size:90%;}
#footer .siteNavigation a + a		{ border-left:1px solid #434343; padding:0px 5px 0px 7px}
.navTitle			{ margin-right:7px; font-size:75%; font-weight:bold;}

.footerMoreLinks a 	{ font-size:70%; margin-top:5px }
#footer .footerMoreLinks a + a		{ border-left:1px solid #434343; padding:0px 5px 0px 7px}
.copyright			{ position:relative; margin-top:30px;}



/* WHO PAGE */
.lowerCallTag  	{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:125%; 
					background:url(../images/hr.png) no-repeat bottom left; padding:20px 0px 38px; text-align:center; }
.logoBar		{ position:relative; width:900px; height:65px; top:-15px; left:0px; z-index:5; text-align:center; background:url(../images/hr.png) no-repeat bottom left; }
.logoBar a		{ margin:0px 10px 0px 10px}
.reviews		{ position:relative; width:900px; margin-top:40px; left:5px}
.review			{ position:relative; width:450px; float:left; height:180px; }
.title			{ position:relative; font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:110%; color:#1e1e1e; width:450px; color:#262626 }
.content		{ position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:95%; width:395px; color:#1e1e1e; margin-top:5px;}
.writer			{ position:relative; font-family:Verdana, Geneva, sans-serif; font-size:75%; width:395px; color:#1e1e1e; font-style:italic;  margin-top:7px;}
.whoLogoBar		{ position:relative; background:url(../images/whoLogoBar.png); width:840px; height:71px; margin-top:-10px;}
.ourProducts	{ margin:3px 0px 0px}


/* EXTRA PAGE background-color:#4699eb */
/* check the individual page for inline, do to the design I was unable use one style sheet. */
/* Specifiacally the large images in the upperWrapper, these have backgrounds set in the actual page. */
.top_image		{ position:relative; width:1050px; margin:-23px 0px -23px -78px;  height:370px} /* see safari style sheets */
.computer		{ position:absolute; width:411px; height:403px; top:40px; left:460px;}
.extras			{ position:relative; width:798px; height:517px; background-color:#e5e5e5; margin:40px 0px 25px;}
.soon			{ position:absolute; top:-25px; left:-22px;}
.extra			{ position:relative; width:398px; height:130px; background:url(../images/extraLine.png) no-repeat bottom left; padding-left:7px;
					left:50px; top:50px; margin-bottom:20px}
.smallItalic	{ position:relative; font-family:Verdana, Geneva, sans-serif; font-size:75%; width:395px; color:#787878; font-style:italic;  margin-top:7px;}
.extraLogoBar	{ position:relative; text-align:center; left:-20px; margin:5px 0px -25px} .extraLogoBar a {margin:0px 9px}
.complete		{ position:relative; left:253px; top:-15px;}



.regular		{ font-style:normal;}