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

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address {
	margin: 0; padding: 0; text-indent: 0;
	border: none; outline: none;
	text-decoration: none; font-size: 100%; font-weight: normal; font-style: normal;
	list-style: none;
}
table, td, tr, tbody, thead, th, caption {
	border-spacing: 0; border: none; border-collapse: separate;
	vertical-align: top; text-align: left;
	font-weight: normal;
}

/* typography */
body { font-size: 0.62em; background: #4E4E4E; color: #4D4D4D; font-family:Verdana, Arial, Helvetica, sans-serif; }

p { 1.2em; }
h1 { 1.6em; }
h2 { 1.45em; }
h3 { 1.3em; }
h4, h5, h6 { 1.2em; }

a, a:visited {
 color:#4D4D4D;	
}
a:hover, a:active {
 color:#4D4D4D;
}

body.home #nav ul li a#nav-home,
body.areas #nav ul li a#nav-areas,
body.affiliations #nav ul li a#nav-affiliations,
body.services #nav ul li a#nav-services,
body.maintenance #nav ul li a#nav-maintenance,
body.faq #nav ul li a#nav-faq,
body.links #nav ul li a#nav-links,
body.request #nav ul li a#nav-request,
body.contact #nav ul li a#nav-contact,
body.employment #nav ul li a#nav-employment,
body.money #nav ul li a#nav-money,
body.specials #nav ul li a#nav-specials {
	background:url(../images/bul_dblarrow.gif) right no-repeat;
	color:#00509D;
	padding:0 15px 0 0;
}

/* * * =forms * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input { margin : 0; padding : 0; }

form {
	width: 42em;
	margin-left: 5px;
}

#maincontent .inner form p {
	font-size: 100%;
	padding: 2px;
	margin: 0;
}

/* fieldset styling */
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #e2e2e2;
}

/* legend styling */
legend {
	font-weight: bold;
	color: #0567ae;
}

/* style for  labels */
label {
	float: left;
	width: 14em;
}

/* style for required labels */
label .required {
	font-size: 0.9em;
	font-style: normal;
	color: red;
}

label.error, input.submit { color: #F00; margin: 5px 0 0 0; }

input {
	width: 225px;
}

input.radio, input.submit {
	width: auto;
}

textarea {
	width: 225px;
	height: 100px;
	padding:0;
} 

/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 268px;
	padding: 0 .25em;
	background-color: #0567ae;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}

/* apply style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */
.group:after,
.wrapcontent:after,
.bottomtext:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.group, .wrapcontent, .bottomtext { zoom: 1; display: block; }

/* page layout */
.container { margin: 20px auto 10px auto; width: 741px; }
#header{ background:url(../images/bg_header.jpg) 0 0 no-repeat; width:741px; height: 181px; position:relative;}
#main{ background:url(../images/bg_mainrepeat.gif) 0 0 repeat-y; width:741px; position:relative;}
.wrapcontent{ background:url(../images/bg_maintop.gif) 0 0 no-repeat; width:736px; padding-right:5px; min-height:538px; height: auto !important; height:538px;}
#sidecontent{ background:url(../images/bg_side.jpg) 0 0 no-repeat; width:238px; min-height:513px; height: auto !important; height: 513px;float:left;margin:9px 0 0 8px;}
#maincontent{ float:right; width:485px; margin:9px 0 0 0;}
#nav{ width:192px; margin:17px auto;}
/* .bottomtext{clear:both; width:445px;position:relative;left:261px;top:-90px;border-top:1px solid #EAEAEA;padding:35px 0 0 0;} */
.bottomtext { clear:both; float:right; width:445px; border-top:1px solid #EAEAEA; padding:8px; }
#footer{ clear:both;background:url(../images/bg_footer.gif) 0 0 no-repeat; width:741px; padding:23px 0 0 0;}

/* header */
#header h1 a{ background:url(../images/wcdiamond.com_logo-NEW.png) 0 0 no-repeat; width: 224px; height: 145px; display:block; text-indent:-9999px;position:absolute;top: 16px; left: 16px;}
#header .support{ position:absolute; top:44px; left:268px; width: 360px;}
#header .support p.tagline{ color:#E01A2D; font-size:1.6em; padding:0 0 15px 0; letter-spacing:-1px; font-style:italic;}
#header .support p.call{ font-size:2em; }
 #header .support p.call span{ color:#0068B2;} 
#header .support p.emergencies{ font-size:1.3em; padding:0 0 3px 0;}
 #header .support p.emergencies span{ color:#E01A2D;}
#header .support p.mail { font-size:1.3em;}
 #header .support p.mail span{ color:#0067B2;}
 #header .support p.mail a{ background:url(../images/icon_mail.gif) right no-repeat; padding:0 20px 0 0; text-decoration: underline;}

/* nav */
#nav ul{ padding:0; margin:0 ; background:url(../images/bg_navlist.gif) 0 0 repeat-x;}
#nav ul li{ list-style:none; background:url(../images/bg_navlist.gif) bottom repeat-x; padding:7px 0; margin:0; font-size:1.1em;}
#nav ul li a{ font-weight:bold;}
 #nav ul li.selected a{ background:url(../images/bul_dblarrow.gif) right no-repeat;padding:0 15px 0 0; color:#00509D;}

/* side content */
#sidecontent .subdetails{ width:192px; margin: 0 auto;}
#sidecontent .requestestimate{ padding:15px 0;background:url(../images/bg_divider.gif) bottom repeat-x;}
 #sidecontent .requestestimate h3 span{ background:url(../images/icon_request.gif) right no-repeat;}
#sidecontent h3{ padding:0 0 5px 0; color:#0067B2; font-size:1.1em;}
 #sidecontent h3 span{ display:block; padding:2px 10px 2px 0;}
#sidecontent p.linktext{padding:0 0 8px 0; font-size:1em;}
#sidecontent p.linktext a{display:block;color:#E01A2D; text-decoration:underline;}
#sidecontent .specials{ padding:15px 0;}
#sidecontent .specials h3 span{background:url(../images/icon_specialrequest.gif) right no-repeat;}

/* maincontent */
#maincontent .imageblocks{ position:relative; height:150px;}
 #maincontent .imageblocks .block{ background:url(../images/bg_image.gif) 0 0 no-repeat;width:241px;height:140px;position:absolute;}
   #maincontent .imageblocks .block p.name{padding:0;margin:13px 0 2px 14px; color:#99BCDD; font-size:1.6em; text-transform:uppercase;}
   #maincontent .imageblocks .block img{ margin:0 auto; display:block;}
   #maincontent .imageblocks .block .btnreadmore{ background:url(../images/btn_readmore.png) 0 0 no-repeat; width:107px;height:20px;position:absolute;
   top:130px; left:120px; display:block; text-indent:-9999px;}
 #maincontent .imageblocks .blr{left:243px;}

#maincontent .inner{ width:445px;margin:0 auto; padding:15px 0;} 
#maincontent h1{ color:#0068B2; font-size:1.8em;padding:0 0 8px 0;margin:0;}
#maincontent h2 { font-weight: bold;}
#maincontent p{ font-size:1.1em;padding:0 0 15px 0;}
#maincontent p a{color:#E01A2D; text-decoration:underline;}
#maincontent p.redtext{ color:#E01A2D; font-weight:bold;}
#maincontent p span.hi{ font-weight:bold;display:block;}
#maincontent .imgright{float:right; padding:0 10px 5px 5px;}
#maincontent .dividetext{ border-bottom:1px solid #EAEAEA;}

#maincontent ul.checklist{ width:220px;float:left; margin:0; padding:0}
 #maincontent ul.checklist li{ background:url(../images/bul_check.gif) 0 0 no-repeat;padding:2px 0 1px 17px; list-style:none; margin:0 0 3px 0;}

/* bottom text */
.bottomtext .leftbox{ width:202px; float:left; border-right:1px solid #EAEAEA; }
  .bottomtext .leftbox img{ padding:0 10px 0 0;}
.bottomtext .rightbox{ width:217px; float:right;background:url(../design/cc-logos.jpg) top right no-repeat; }
  .bottomtext .rightbox p{
    padding:0 0 5px 0;}

/* footer */
#footer p{ text-align:center;color:#FFF;}

#footer p a{ color:#FFF;}

blockquote {
background: url(../images/quotes.png) 0 0 no-repeat;
float: right;
width:200px;
margin: 10px 10px;
padding: 5px;
border-bottom: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
}
blockquote p {
padding-left: 10px;
}

.specials table {
width: 90%;
height: 100px;

background-color: #fff;
border: 1px dashed #0068b2;
margin-bottom: 25px;
}