/* CSS Document */

* { margin:0; padding:0; }

body {
	background-color:#4546A4;
	font:small Arial, Verdana, sans-serif;
	text-align: center;
	background-image: url(warcholimages/waterblend.jpg);
	background-repeat: repeat-x;
}
#main a {
	color: #B0A8DD;
	text-decoration: none;
}

.clearAll { clear:both; visibility:hidden; border-bottom:1px solid; }

#wrapper {
	width: 780px;
	margin: 50px auto 0;
}

#wrapper.background { background:#fff url(warcholimages/bubbles.jpg) no-repeat 12px 0; }


#logo {
	position:relative;
	margin:0 12px;
	padding-top:11px;
	background-color:#fff;
	/* Hide. background-image: url(warcholimages/100h_logo.jpg); Hide. \*/
	background-repeat: no-repeat;
	background-position: left;
	height: 100px;
	background-image: url(warcholimages/logo100158.jpg);
}

#logo h1 a {
	height:100px;
	width:158px;
	text-decoration:none;
	display: none;
	left: -200px;
}

#container.darkStyle #header { background-color:transparent; border-bottom:1px solid #000; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #container.darkStyle #header { border-top:1px solid #fff; }
/* End hide from IE5/mac */

#phone { position:relative; float:right; padding:0; font-size:12px; font-weight:bold; letter-spacing:1px; color:#663399; }
#phone a { text-decoration:none; color:#8645C7; }
#phone a:hover { color:#E30155; }

/* Light-colored global nav as found on about page */
#navboxes {
	height:60px;
	margin:55px 0 0 279px;
	background-color:#FFFFFF;
	border-top:1px solid #000000;
	text-align:center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
#navboxes  ul {  list-style-type: none; text-align:center; padding:7px 0 0 7px; }
#navboxes  ul li { display:block; display:inline; float:left; text-align:center; margin:0 4px; padding:0; }
#navboxes  a { display:block; float:left; padding:8px 0; width:106px; text-align:center; font-size:10px; font-weight:300; text-decoration:none; color:#FFFFFF; background-color:#532b71; border:1px solid #FF3399; }
#navboxes  a:hover, #navboxes  a.active {
	color:#FFFFFF;
	border:1px solid #CC0000;
	background-color: #b22253;
}


/* Alternate global nav using dark background image as found on home page */
#container.darkStyle #navContainer { height:45px; margin:35px 0 0 278px; background-color:transparent; }
#navContainer.servicesTheme { background:url(../cleafev/images/overpass_navBg.jpg) no-repeat top right; }
#container.darkStyle #navContainer a, #navContainer.servicesTheme a { display:block; float:left; padding:9px 0; width:108px; text-align:center; font-size:10px; font-weight:300; text-transform:uppercase; text-decoration:none; color:#fff; background:transparent url(../cleafev/images/trans_bg.gif) repeat top left; border:none; }
#container.darkStyle #navContainer a:hover, #navContainer.servicesTheme a:hover { color:#000; border:none; }

#left { float:left; width:278px; margin:0 0 0 12px; padding-top:30px; background-color:#8BA62C; display:inline; }
#left h3 { font:1.8em "Century Schoolbook", Times, serif; color:#fff; margin:0 12px .8em 12px; }
#left ul { font-size:.9em; margin:0 12px 2.4em 12px; list-style-type:none; color:#fff; }
#left ul li { background:url(../cleafev/images/bullet.gif) no-repeat 0 2px; padding-left:18px; margin-bottom:.8em; line-height:1.2em; }
#left p { margin:0 12px .8em 12px; font-size:.9em; color:#fff; }

#left ul li a { color:#fff; }

#left ul.secondary { color:#000; }
#left ul.secondary li { background:url(../cleafev/images/bullet_2nd.gif) no-repeat 0 2px; }

/* Adjust the top margin in the following to vertically reposition the left column on the home page */
#container.darkStyle #left { float:left; margin-top:580px; padding-top:10px; padding-bottom:3em; border-top:1px solid #000; border-right:0; clear:both;  }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #container.darkStyle #left { margin-right:-278px; }
/* End hide from IE5/mac */

#container.darkStyle #left p { text-transform:uppercase; font-weight:bold; font-size:.8em; }
#container.darkStyle #left h3 { font:1.8em "Century Schoolbook", Times, serif; color:#fff; margin:0 12px .1em 12px; }

#main {
	float:right;
	width:477px;
	margin-right:12px;
	padding-top:30px;
	display:inline;
	background-image: url(warcholimages/warcholh2.jpg);
	background-repeat: no-repeat;
	text-transform: capitalize;
}
#main h2 {
	color:#532b71;
	margin:0 24px .8em 24px;
	font-size: 24px;
}
#main h3 {
	font:18px/20px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0 24px 24px;
	border-bottom-width: 1px;
	border-bottom-color: #B22253;
	text-align: left;
	padding-left: 2px;
	padding-top: 16px;
	padding-bottom: 2px;
	border-bottom-style: solid;
}
#main ul {
	text-align: left;
	text-indent: 50px;
	list-style-type: none;
	line-height: 1.5em;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#main p {
	font-size:12px;
	margin:0 30px 20px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.5em;
	text-align: left;
}
#main img.clients { margin-left:10px; }

/*#container.darkStyle #main { padding-top:25px; }
#container.darkStyle #main.home { border-left:1px solid #000; padding-top:150px; }
#container.darkStyle #main h2 { font-size:3.8em; color:#fff; line-height:1.1em; margin-bottom:.4em; }
#container.darkStyle #main.home h2 { position:absolute; top:120px; font-size:3.8em; color:#fff; margin-left:-180px; width:600px; z-index:11; }
#container.darkStyle #main h3 { color:#fff; margin-bottom:.6em; }
#container.darkStyle #main p { color:#fff; line-height:1.4em; }*/

/* center mainbox */

#mainbox {
	position:relative;
	margin:0 12px 0 12px;
	width:756px;
	background-color:#522A70;
	border: 1px solid #75268A;
}

#mainboxwhite{
	position:relative;
	margin:0 12px 0 12px;
	width:756px;
	background-color:#E3E5F1;
	border: 1px solid #75268A;
}

/* center mainbox photos on left */
.home { background:#FFFFFF url(warcholimages/tallphotoback4.jpg) no-repeat left bottom; }
.about { background:#8BA62C url(warcholimages/tallphotoback5.jpg) no-repeat bottom left; }
.white { background:#E3E5F1 url(warcholimages/tallphotoback7.jpg) no-repeat left top; }
#main table {
	border: 1px solid #FFFFFF;
	margin-left: 50px;
}
#main tr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.wholesale { background:#8BA62C url(warcholimages/tallphotoback4.jpg) no-repeat 0 0; }
.contact { background:#8BA62C url(warcholimages/tallphotoback6.jpg) no-repeat bottom left; }


/* center mainbox right side content */
#mainbox #main { margin:0; padding-bottom:10px; display:block; margin:0; }
#mainbox h2 { font:3.6em/1em Georgia, "Times New Roman", Times, serif; color:#fff; margin:0 14px .4em 24px; color:#fff; margin-top:0; }
#mainbox #main p { color:#fff; margin:0 24px .8em 24px; }

ul#servicesLocalNav { list-style-type:none; float:right; margin:0 20px 20px 20px; line-height:1.4em; }
ul#servicesLocalNservicesLgav li { background:url(../cleafev/images/bullet_services.gif) no-repeat 0 4px; padding-left:10px;  }
#servicesLocalNav a { color:#000; text-decoration:none; }
#servicesLocalNav a:hover, #servicesLocalNav a.active { color:#fff; text-decoration:none; }


/* services nav */
#services { margin-top:30px; background:#E5C246 url(../cleafev/images/process_bg.gif) no-repeat 0 11px; border-top:1px solid #000; height:140px; text-align:center; }

a#insight { display:block; margin:12px auto; padding:10px 0; width:108px; text-align:center; font-size:9px; font-weight:300; text-transform:uppercase; text-decoration:none; color:#000; background-color:#EED77C; }
a#insight:hover { color:#8BA62C; }

#servicesNav { margin-top:30px; background-color:transparent;}
#servicesNav ul {  list-style-type: none; text-align:center; padding:8px 0 0 7px; background-color:transparent; }
#servicesNav ul li { display:block; display:inline; float:left; text-align:center; margin:0 4px; padding:0; }
#servicesNav a { display:block; float:left; padding:10px 0; width:108px; text-align:center; font-size:9px; font-weight:300; text-transform:uppercase; text-decoration:none; color:#000; background-color:#EED77C; }
#servicesNav a:hover, #servicesNav a.active { color:#728921; }

/* bottom box */
#boxobottom {
	background:#b22253;
	height:60px;
	text-align:center;
	padding-top:12px;
	border-top:1px solid #000000;
	margin: 12px;
	width: 756px;
}
a#insightLg:hover { color:#8BA62C; }

#bottomnav {
	margin:8px 0px 10px 0px;
	background-color:#FFFFFF;
	background-image: url(warcholimages/photostrip.jpg);
	background-repeat: no-repeat;
}

#bottomnav a{
	font:bold small-caps 1em Arial, Helvetica, sans-serif;
	color:#75268A;
	text-decoration: none;
}

#bottomnav h1{
	
	}

/* mailform */
	
#mailform {	margin:0px 24px 20px 24px; font:10px Arial, Helvetica, sans-serif; color:#666;	}
#mailform p {	margin:5px 0; }
input, textarea {	border: 1px solid #dadada; font: 10px Arial, Helvetica, sans-serif; color:#666;	background-color:#fff; }


#footer {
	clear:both;
	background-color:#fff;
	border-top:1px solid #000;
	height:12px;
	margin:0 12px;
	color: #75268A;
	text-align: center;
	font-size: 10px;
}
#footer a {
	color: #75268A;
	text-decoration: none;
}
.class {
	background-color: #FFFFFF;
}