/*======================================================
	(C)2009 ChemDry, CSS styles
	@Author: Patrick Bennett, Modern Blue
======================================================*/

/* Eric Meyer reset */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*===========================================
	Begin Custom Classes
============================================*/

body {
	background:url(../images/bgx.png) repeat-x #fff;
	font-family:Arial, Helvetica, sans-serif;
}

.clear {
	clear:both;
}

#header {
	width:1024px;
	height:82px;
	margin:15px auto 0 auto;
}

#cdLogo {
	width:163px;
	height:74px;
	float:left;
	margin:5px 0 0 50px;
	background:url(../images/chemDryLogo.png) no-repeat;
}

#cdLogo a {
	display:block;
	width:163px;
	height:74px;
}

#hdLogo {
	width:52px;
	height:52px;
	float:left;
	margin:15px 0 0 25px;
	background:url(../images/homeDepotLogo.png) no-repeat;
}

#hdLogo a {
	display:block;
	width:52px;
	height:52px;
}

#topLinks {
	font-family:"Myriad Pro", "Trebuchet MS";
	float:left;
	width:300px;
	margin:70px 0 0 80px;
}

#topLinks li {
	display:inline;
	font-size:14px;
	padding:0 10px;
	height:20px;
	background:url(../images/topNavSpacer.png) no-repeat;
	background-position:0 -5px;
}

#topLinks li a {
	color:#6f6d6d;
	text-decoration:none;
}

#topLinks li a:hover {
	color:#111;
}

#callBox {
	width:261px;
	height:82px;
	float:right;
	margin-right:50px;
	background:url(../images/questionsCallBox.png) no-repeat;
}

#main {
	width:1010px;
	height:577px;
	margin:0 auto;
	background:url(../images/mainBg.png) no-repeat;
}

#left {
	width:385px;
	height:577px;
	float:left;
}

#left h5 {
	color:#fff;
	margin:35px 0 35px 30px;
	font-size:30px;
	font-weight:normal;
}

#left div.icon {
	width:43px;
	height:43px;
	float:left;
	margin:8px 0 8px 35px;
}

#left div.text {
	width:250px;
	float:right;
	margin:8px 35px 8px 0px;
}

#left div.text p {
	font-size:13px;
	color:#333;
	line-height:16px;
}

#left div.text p strong {
	color:#222;
}

#left img.tourbutton {
	margin:15px 0;
}

#left div.logos {
	clear:both;
	padding:10px 0 0 15px;
}

#left div.logos a {
	float:left;
	margin:0 10px;
}

#left div.logos a.cri {
	display:block;
	width:84px;
	height:84px;
	background:url(../images/buttonCri.png);
}

#left div.logos a:hover.cri {
	background-position:0 -84px;
}

#left div.logos a.green {
	display:block;
	width:84px;
	height:79px;
	background:url(../images/buttonGreen.png);
}

#left div.logos a:hover.green {
	background-position:0 -79px;
}

#left div.logos a.thirty {
	display:block;
	width:138px;
	height:79px;
	background:url(../images/button30years.png);
}

#left div.logos a:hover.thirty {
	background-position:0 -79px;
}

#right {
	width:625px;
	height:577px;
	float:right;
}

#right #rotateNav {
	margin:41px 0 0 80px;
	width:425px;
	height:46px;
}

#right #rotateNav ul {
	margin:0;
	padding:0;
}

#right #rotateNav li {
	display:inline;
	height:46px;
}

#right #rotateNav li a {
	display:block;
	height:46px;
	float:left;
}

#right #rotateNav li a.dream {
	width:80px;
	height:46px;
	background:url(../images/navDream.png);
}

#right #rotateNav li a.advantage {
	width:101px;
	height:46px;
	background:url(../images/navAdvantage.png);
}

#right #rotateNav li a:hover, #right #rotateNav li a.active {
	background-position:0 -46px;
}	

#right #rotateNav li a span {
	display:none;
}

#right #rotateImg {
	width:566px;
	height:299px;
	margin:0 0 0 8px;
}

#right #regions {
	width:235px;
	height:145px;
	float:left;
	margin:25px 0 0 60px;
}

#right #regions h4 {
	margin:10px 0 0 5px;
	font-family:"Myriad Pro", "Trebuchet MS";
	font-weight:normal;
	font-size:24px;
}

#right #regions p {
	margin:5px 0 0 15px;
	font-size:13px;
	line-height:16px;
	color:#222;
}

#right #regions a.mapbutton {
	float:right;
	margin:7px 15px 0 0;
}

#right #ipackages {
	width:
}

#right #entrep {
	width:285px;
	float:left;
	margin:15px 0 0 20px;
	color:#333;
	position:relative;
}

#right #entrep h3 {
	font-size:17px;
	font-weight:normal;
	margin:15px 0 0 0;
	color:#222;
	line-height:22px;
}

#right #entrep h3 em {
	font-size:17px;
	font-family:"Myriad Pro", "Trebuchet MS";
	color:#111;
}

#right #entrep h3 span {
	font-size:16px;
	color:#444;
}

#right #entrep h3 strong span {
	color:#8d4192;
	font-size:28px;
}

#right #entrep #mag {
	position:absolute;
	top:8px;
	right:2px;
}

#middle {
	width:1010px;
	height:101px;
	margin:10px auto 0 auto;
}

#middle #express {
	width:586px;
	height:101px;
	float:left;
}

#middle #testimonial {
	width:400px;
	height:101px;
	background:url(../images/boxTestimonial.png);
	float:right;
	margin:0 18px 0 0;
}	

#bottom {
	width:1010px;
	margin:20px auto;
	overflow:auto;
}

#bottom #header {
	background:url(../images/bottomTopBg.png) no-repeat;
	width:992px;
	height:51px;
	margin:0 5px 0 0;
}

#bottom #header h3 {
	font-weight:normal;
	color:#222;
	margin:0;
	padding:20px 0 0 25px;
}

#bottom #content {
	width:992px;
	overflow:auto;
	background:url(../images/bottomContentBg.png) repeat-y;
}

#bottom #content #opp {
	width:565px;
	float:left;
	overflow:auto;
}

#bottom #content #opp p {
	margin:10px 10px 0 20px;
	color:#444;
	font-size:13px;
	line-height:17px;
}

#bottom #content #opp p a {
	color:#555;
	tex-decoration:none;
}

#bottom #header h3 {
	float:left;
	font-family:"Myriad Pro", "Trebuchet MS";
	font-size:20px;
	width:565px;
}

#bottom #header h3#new {
	float:left;
	margin:0 0 0 10px;
	width:360px;
	font-size:18px;
}

#bottom #blog {
	float:right;
	margin:0 15px 0 0;
	overflow:auto;
	width:360px;
}

#bottom #blog div.post {
	margin:10px 0 5px 0px;
	border-bottom:2px solid #eee;
	overflow:auto;
	padding:0 0 10px 0;
}

#bottom #blog div.post img {
	float:left;
	margin:10px 5px;
	color:#0073ff;
	width:157px;
}

#bottom #blog div.post p {
	float:right;
	color:#333;
	margin:10px 0;
	width:185px;
	font-size:13px;
}

#bottom #blog div.post span {
	font-size:14px;
}

#bottom #blog div.post span.name {
	color:#0073ff;
	font-size:14px;
}

#bottom #blog div.post a {
	text-decoration:none;
	color:#555;
}

#bottom #blog div.post a:hover span.name, #bottom #blog div.post a:hover {
	color:#222;
}

#bottom #blog div.post.nob {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}

#bottom #blog div.post p.seemore img {
	float:right;
}

#footer {
	border-top:10px solid #f6f6f6;
	width:1010px;
	margin:20px auto;
	overflow:auto;	
}

#footer #flinks {
	width:650px;
	float:left;
}

#footer #flinks ul {
	margin:10px 0;
	padding:0;
}

#footer #flinks li {
	display:inline;
	margin:0 10px;
}

#footer #flinks li a {
	color:#777;
	text-decoration:none;
	font-size:13px;
	display:inline-block;
}

#footer #flinks li a:hover {
	color:#333;
}

#footer #fcopy {
	width:300px;
	float:right;
	color:#888;
	font-size:12px;
	margin:15px 0 0 0;
	text-align:right;
}

/*===========================================
	Tour Pages
============================================*/

#tourpage {
	width:993px;
	overflow:hidden;
	margin:15px auto 0 auto;
	background:url(../images/subMainBgX.png) repeat-y;
}

#subpageTop {
	margin:0;
	width:993px;
	height:73px;
	background:url(../images/subpageTop.jpg);
}

#subpageTop h1 {
	color:#fff;
	float:right;
	width:725px;
	color:#fff;
	font-family:"Myriad Pro", "Trebuchet MS";
	font-size:26px;
	font-weight:normal;
	margin:30px 0 0 0;
	text-align:left;
}

#subpageTop h5 {
	float:left;
	margin:25px 0 0 25px;
	font-weight:normal;
	font-size:28px;
	font-weight:normal;
	color:#fff;
}

#subLeft {
	width:242px;
	float:left;
	overflow:auto;
}

#tourBox {
	background:url(../images/tourLinkBox.png) no-repeat;
	width:242px;
	height:209px;
}

#tourBox ul {
	padding:15px 0 0 0px;
}

#tourBox li {
	font-size:18px;
	display:block;
	margin:0;
	padding:8px 0 8px 15px;
}

#tourBox li a {
	display:block;
	width:100%;
	height:auto;
	color:#565555;
	text-decoration:none;
}

#tourBox li a:hover {
	color:#111;
}

#tourBox li.active {
	color:#e76c08;
	font-size:22px;
	background:#fff;
}

#mapBox {
	background:url(../images/subRColMapBg.png);
	width:242px;
	height:184px;
	margin-top:10px;
}

#mapBox h5 {
	padding:20px 0 0 15px;
	font-family:"Myriad Pro", "Trebuchet MS";
	color:#006699;
	font-size:20px;
	font-weight:normal;
}

#mapBox p {
	color:#222;
	font-size:13px;
	line-height:18px;
	margin:10px 50px 0 15px;
}

#mapBox #maplink {
	display:block;
	margin:10px 0 0 15px;
}

#mapBox p {
	color:#000;
	font-size:13px;
	line-height:16px;
	margin:10px 50px 0 15px;
}

#equipBox {
	width:242px;
	height:128px;
	margin-top:10px;
}

#subRight {
	float:right;
	width:715px;
	margin:0 20px 0 0;
}

#subRight .cblock {
	padding:15px 0 0 0;
	clear:both;
	overflow:hidden;
}

.cblock .left {
	width:360px;
	float:left;
}

.cblock a {
	color:#006699;
	tex-decoration:none;
}

.cblock .right {
	width:340px;
	float:right;
	padding-right:15px;
}

.cblock .right img {
	float:right;
}

.cblock .left img {
	float:left;
}

.right img.toprequest {
	margin:5px 20px 15px 0;

}

.cblock h2 {
	color:#000;
	font-family:"Myriad Pro", "Trebuchet MS";
	font-size:30px;
	font-weight:normal;
	padding-bottom:10px;
}

.cblock p.crumb {
	margin:0px 0 15px 0;
	padding:0;
	border-bottom:1px dashed #eee;
	color:#555;
}

.cblock p.crumb a {
	color:#006699;
	text-decoration:none;
}

.cblock p, .cblock ul, .cblock ol {
	font-size:13px;
	color:#333;
	line-height:18px;
}

.cblock p {
	margin:0 0 15px 0;
}

.cblock ul, .cblock li {
	margin:10px 0 0 35px;
}

.cblock ul li {
	list-style-type:circle;
	margin:7px 0;
}

.cblock ol li {
	list-style-type:decimal;
}

.cblock strong {
	color:#111;
}

.cblock small {
	font-size:10px;
	line-height:12px;
	color:#555;
}

.cblock p a {
	color:#006699;
	text-decoration:none;
}

.cblock p a:hover {
	color:#222;
	text-decoration:underline;
}

#subRight .actblock {
	padding:35px 0 0 0;
	clear:both;
	position:relative;
	left:-47px;
	width:770px;
	overflow:hidden;
}

.actblock .button {
	width:331px;
	height:96px;
	margin-bottom:5px;
	float:left;
}

.testimonial {
	width:398px;
	height:98px;
	background:url(../images/subTestimonialBg.png);
	float:left;
	margin-bottom:5px;
}

.testimonial .quote {
	width:190px;	
	margin:10px 0 0 15px;
	float:left;
}

.testimonial p {
	font-style:italic;
	color:#444;
	font-size:14px;
	line-height:20px;
}

.testimonial p.sub {
	font-size:11px;
	color:#023941;
	margin:0;
	padding:0;
	text-align:right;
}

.testimonial img {
	float:right;
}

.right p.testimonialSingle {
	float:right;
	width:280px;
	overflow:visible;
	margin:0px 15px 0 0;
	padding:0 0 15px 0;
	font-size:16px;
	color:#555;
	font-style:italic;
}

.testimonialSingle .sub {
	font-size:12px;
	color:#006699;
	position:relative;
	right:5px;
}

.actblock img.nextBut {
	position:relative;
	top:5px;
	left:10px;
}

#packages {
	width:690px;
	height:703px;
	background:url(../images/investmentPackages.png);
}

#packages .iBlock {
	width:195px;
	padding-top:365px;
	margin-left:15px;
	float:left;
}

#packages .iBlock.center {
	margin-left:40px;
}

#packages .iBlock p {
	margin-bottom:0;
	font-size:12px;
}

#packages .iBlock p strong {
	font-size:13px;
}

#packages .iBlock ul {
	list-style:disc;
	line-height:12px;
	margin-left:12px;
}

#packages .iBlock ul li {
	margin:5px 0;
}

#packages .iBlock ul.hline {
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
	line-height:15px;
}

.areaTable th {
	background:#f7f7f7;
	text-align:left;
	padding:5px 0;
}

.areaTable td {
	font-size:13px;
	color:#333;
	vertical-align:middle;
}

.cblock .areaTable small {
	font-size:10px;
	line-height:10px;
	color:#555;
}

.webinarBox {
	background:url(../images/webinarBg.png) no-repeat; 
	float:right; 
	width:310px; 
	height:235px;
	margin-top:25px
}

.webinarBox h3 {
	padding:30px 0 0 75px;
	font-size:22px;
	color:#222;
	font-weight:normal;
}

.webinarBox li {
	font-weight:bold;
}

.webinarBox a{
	margin:10px 0 0 20px;
	display:block;
	float:left;
}