/*main body styles*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 701px;
	background: url(../images/bg_pattern.gif) repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000;
}

#wrapper {
	text-align: left;
	font-size: 0;
	width: 701px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #000000;
	background-color: #FFFFFF;	
}
 
#faux {
 	background: url(../images/container_bg.gif);
 	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 	width: 100%
}

/*header*/
#header {border-bottom: 1px solid #000000;}

/* sidebar items */
#sidebar {
	width: 149px;
	background-color: #FDFBCE;
	border-right: 1px solid #000;
	top: 0;
	left: 0;
	float: left;
}

#navigation {margin: 0; padding: 0; width: 149px;}
#navigation a  {display: block; background: url(../images/nav.png); height: 30px; text-indent:-9000px;}
#navigation a.nav_ff:hover {background-position:-149px 0px;}
#navigation a.nav_about {background-position:0px -30px;}
#navigation a.nav_about:hover {background-position:-149px -30px;}
#navigation a.nav_lifestyle {background-position:0px -60px;}
#navigation a.nav_lifestyle:hover{background-position:-149px -60px;}
#navigation a.nav_why {background-position:0px -90px;}
#navigation a.nav_why:hover {background-position:-149px -90px;}
#navigation a.nav_contact {background-position:0px -120px;}
#navigation a.nav_contact:hover {background-position:-149px -120px;}

#dvd-copy {padding: 10px;}

#sidebar img.dvd {margin-left: 4px;}

/*main content area */
#content-wrapper {
	width: 550px;
	display: inline;
	position: relative;
	float: right;
	background-color: #fff;
}

#content {
	background-color: #fff;
	width: 550px;
}

#content .welcome {
	width: 530px;
	margin: 0px 10px 0px 10px;
	border-bottom: 1px dotted #000;
}

#content .left-inner {
	background-color: #fff;
	margin-left: 10px;
	width: 330px;
	float: left;
}

#content .right-inner {
	float: right;
	position: relative;
	left: -11px;
	margin: 0;
	padding: 0;
	width: 200px;
	border-left: 1px dotted #000;
}

#content .main {
	background-color: #fff;
	margin-left: 10px;
	width: 400px;
	float: left;
}

/*take action and steps section*/
#testimonial {
 	background-color: #FFFFCC;
 	width: 328px;
	height: 76px;
}
#testimonial .testimonial-copy {
 	padding-top: 15px;
}
img.testimonial {float: left; padding-right: 10px;}

#take-action {
	border-bottom: 1px dotted #000;
	width: 328px;
	background-color: #BDDEDE;
}

img.takeaction {padding: 0 5px 0 5px;}

#help {
	width: 328px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}

#step1, #step2, #step3 {
	width: 310px;
	margin-bottom: 20px;
	margin-right: 10px;
}

img.step1, img.step2 {
	float: left;
	padding-right: 10px;
	padding-bottom: 50px;
}

img.step3 {
	float: left;
	padding-right: 10px;
	padding-bottom: 150px;
}

img.map {
	float: right;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 100px;
}

/*news and video section*/
#recent-news {
	background-color: #ccc;
	position: relative;
	left: 10px;
	margin: 10px 0 10px 0;
	width: 191px;
}

#videos {margin: 5px 10px 10px 20px;}
#videos img {margin: 5px 0 10px 0;}
#videos ol {margin-left: 25px;padding: 0;}
#videos li {color: #666; margin-top: 5px; list-style: disc;}
#videos li.vid {list-style-image: url(../images/video_clip3.gif);}
#videos a {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none;}

img {border: 0px;}

img.wrapper {float: left; padding-right: 10px; padding-bottom: 5px;}
img.top {vertical-align: top;}
img.middle {vertical-align: middle;}
img.bottom {vertical-align: bottom;}

.clear {clear: both; background: none;}

ul {margin-bottom: 20px; margin-top: 10px;}
li {color: #000000; font-size: 10pt; font-family : Arial, Helvetica, sans-serif;}

hr {color: black; background-color: gray; height: 1px; border: none; margin: 10px 0 5px 0;}

/* text styles */
.textblack {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
.textblacksmall {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}
.textblackbig {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;}
.textred {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000;}
.textredbig {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990000;}
.textgreen {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #006666;}
.textorange {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC6600;}
.textgray {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;}
.textgraysmall {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666;}
.textlightgreen {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #669999;}
.textwhite {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF;}
.textpink {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FCB4FC;}
.textgreenbig {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #336666;}
.textblackrealbig {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000000;}
.textgreenrealbig {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #336666;}
.spotlightHighlight {font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #CC6600; color: #FFFFCC; font-weight: bold; padding: 2px;}
.spotlightorange {text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color: #a44a23; padding: 2px;}
a.spotlightorange, a.spotlightorange:visited {text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color: #a44a23; padding: 2px;}
a.spotlightorange:active, a.spotlightorange:hover {text-decoration: underline; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color: #a44a23; padding: 2px;}

/* IE6 hacks */
* html #content .left-inner {margin-left: 5px;}
* html #videos ol {margin-left: 25px;padding: 0;}
* html #videos li {color: #666; list-style: disc;}
* html #videos li.vid {list-style-image: url(../images/video_clip_ie2.gif); margin-right: 5px;}
* html hr {color: gray; background-color: gray; height: 1px; border: none; margin: 0 0 5px 0;}

/* IE7 hacks */
*:first-child+html #videos li.vid {list-style-image: url(../images/video_clip_ie2.gif); margin-right: 5px;}
*:first-child+html hr {color: gray; background-color: gray; height: 1px; border: none; margin: 0 0 5px 0;}

