/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

body
{
	background-color:					#3b3939;
	color:							#3b3939;
	font-family:						Calibri, Helvetica, Arial, sans-serif;
	font-size:						medium;
	line-height:						1.35em;
}

#recto a:link
{
	color:							#5656c0;
	text-decoration:					underline;
	background-color:					transparent;
}

#recto a:visited
{
	color:							#000080;
	text-decoration:					underline;
	background-color:					transparent;
}

#recto a:focus,
#recto a:hover,
#recto a:active
{
	background-color:					#ffde00;
}

#wrapper
{
	width:							950px;
	margin:							0 auto;
}

#page
{
	background-color:					#fff;
	border-top:						8px solid #000080;
}

h1
{
	width:							720px;
	height:							340px;
	display:						block;
	background-color:					#fff;
	background-repeat:					none;
	background-position:					0 0;	
}

h2
{
	font-size:						1.5em;
	margin-bottom:						1em;
	color:							#5656c0;
	line-height:						1.15em;
}

h3
{
	font-size:						1.15em;
	margin-bottom:						0.5em;
	color:							#3b3939;
	line-height:						1.15em;
}

h2:first-letter
{
	text-transform:						uppercase;
}

#recto
{
	float:							right;
	width:							720px;
}

#verso
{
	float:							left;
	width:							215px;
}

#inner-verso
{
	margin:							20px 0 100px 14px;
}

#mainbar
{
	float:							left;
	width:							450px;
}

#inner-mainbar
{
	margin:							20px 0 100px 10px;
}


#sidebar
{
	float:							right;
	width:							230px;
}

#inner-sidebar
{
	margin:							20px 10px 100px 0;
	font-size:						smaller;
}

#text-links
{
	clear:							both;
	background:						#000080 url("_img/text-links-background.png") repeat-x 0 0;
	text-align:						center;
	padding:						0.5em 1em 0.5em 1em;
	font-weight:						bold;
}

#text-links li
{
	text-transform:						uppercase;
	display:						inline;
	margin-right:						1em;
	padding-right:						1em;
	margin-top:						0.5em;
	border-right:						1px dotted #fff;
}

#text-links li.last-child
{
	margin-right:						0;
	padding-right:						0;
	border-right:						none;
}

#text-links a:link, #text-links a:visited
{
	color:							#fff;
	text-decoration:					none;
}

#text-links a:focus, #text-links a:hover, #text-links a:active
{
	color:							#ffde00;
	text-decoration:					none;

}

#logo, #logo a
{
	width:							201px;
	height:							179px;
	display:						block;
	background: 						#fff url("_img/dc-building-services-logo.png") no-repeat 0 0;
}

#logo
{
	margin-bottom:						25px;
}

#logo a:focus,
#logo a:hover,
#logo a:active
{
	background-position:					0 -179px;
}

#inner-sidebar h2
{
	width:							220px;
	height:							30px;
	display:						block;
	background-repeat:					none;
	background-position:					0 0;
	margin-bottom:						20px;
	margin-top:						20px;
}

#inner-sidebar h2 a
{
	width:							220px;
	height:							30px;
	display:						block;
}

#inner-sidebar h2 a:focus,
#inner-sidebar h2 a:hover,
#inner-sidebar h2 a:active
{
	background-color:					transparent;
}

#inner-sidebar h2.blue
{
	background-color:					#000080;
}

#inner-sidebar h2.yellow
{
	background-color:					#b78900;
}

#inner-sidebar h2.portfolio
{
	background-image:					url("_img/_h2/portfolio.png");
}

#inner-sidebar h2.areas
{
	background-image:					url("_img/_h2/areas.png");
}

#inner-sidebar h2.first-child
{
	margin-top:						0;
}

#inner-sidebar h2.last-child
{
}

#primarynav
{
	border-top:						1px dotted #cecdcd;
}

#primarynav li
{
	border-bottom:						1px dotted #cecdcd;
	text-transform:						uppercase;
	text-align:						center;	
	position:						relative;
}

#primarynav a
{
	display:						block;
	height:							45px;
	background-repeat:					none;
	background-position:					0 0;	
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
}

#logo span,
#primarynav li a span,
h1 span,
h2 span
{
	position:						absolute;
	left:							-2000px;
	top:							-2000px;
}

#primarynav li.home a
{
	background-image:					url("_img/_primarynav/home.png");
}

#primarynav li.services a
{
	background-image:					url("_img/_primarynav/services.png");
}

#primarynav li.contact a
{
	background-image:					url("_img/_primarynav/contact.png");
}

#primarynav li.portfolio a
{
	background-image:					url("_img/_primarynav/portfolio.png");
}

#primarynav li.about a
{
	background-image:					url("_img/_primarynav/about.png");
}

#primarynav li.clients a
{
	background-image:					url("_img/_primarynav/clients.png");
}

#primarynav li.links a
{
	background-image:					url("_img/_primarynav/links.png");
}

#primarynav a:link, #primarynav a:visited
{
	color:							#3b3939;
	text-decoration:					none;
	background-color:					#fff;
}

#primarynav a:focus, #primarynav a:hover, #primarynav a:active,
body.home #primarynav li.home a,
body.links #primarynav li.links a,
body.contact #primarynav li.contact a,
body.services #primarynav li.services a,
body.about #primarynav li.about a,
body.portfolio #primarynav li.portfolio a
{
	color:							#fff;
	text-decoration:					none;
	background-color:					#ffde00;
	background-position:					0 45px;
}

#call-us-now
{
	background-color:					#5656c0;
	margin-top:						45px;
}

#call-us-now,
#call-us-now a
{
	width:							201px;
	height:							76px;
	display:						block;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

#footer
{
	margin-top:						25px;
	margin-bottom:						25px;
	color:							#fff;
	text-align:						center;
	font-size:						smaller;
	line-height:						1.2em;
}

#footer a:link, #footer a:visited
{
	color:							#fff;
	text-decoration:					underline;
	background-color:					transparent;
}

#footer a:focus, #footer a:hover, #footer a:active
{
	color:							#ffde00;
	text-decoration:					underline;
	background-color:					transparent;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

#inner-mainbar p,
#inner-mainbar ul,
#inner-sidebar p,
#inner-sidebar ul
{
	margin-bottom:						1em;
}

#inner-mainbar li
{
	background:						transparent url("_img/bullet.png") no-repeat 0 50%;
	margin-left:						1em;
	padding-left:						20px;
}

#inner-sidebar ul.photos li
{
	margin-bottom:						0.5em;
	padding-left:						20px;
	background:						transparent url("_img/photos.png") no-repeat 0 0.33em;
}

#inner-mainbar ul.gallery li
{
	margin:							0 6px 6px 0;
	padding:						0;
	background-image:					none;
	float:							left;
	font-size:						smaller;
}

#inner-mainbar ul.gallery li a
{
	background-color:					#eee;
	overflow:						hidden;
	height:							140px;
	width:							140px;
	display:						block;
}

#contactform dd
{
	margin-bottom:						0.5em;
}

#contactform #dcbsubmit
{
	font:								1em Calibri, Helvetica, Arial, sans-serif;
	background-color:						#3b3939;
	color:								#fff;
	border:								none;
}

#contactform #dcbname,
#contactform #dcbemail,
#contactform #dcbmessage
{
	border: 							#cecdcd 1px dotted;
	font:								1em Calibri, Helvetica, Arial, sans-serif;
	background-color:						#fff;
	color:								#3b3939;
	width: 								400px;	
}
	
#contactform #dcbmessage
{
	height:								180px;
}

#contactform #dcbname:focus,
#contactform #dcbemail:focus,
#contactform #dcbmessage:focus
{
	border-color:							#5656c0;
}

div.clearer
{
	clear:							both;
	line-height:						0;
	height: 						0;
}

#recto p.teaser a
{
	background-color:					transparent;
}

body.clients blockquote
{
	padding:						0.75em 1em 0.25em 1em;
	margin-bottom:						1em;
}

body.clients blockquote.odd
{
	background-color: 					#FFF7BF;
}

body.clients blockquote.even
{
	background-color: 					#FFEF80;
}




body.clients blockquote p q
{
	font-weight:						bold;
}

body.clients blockquote p cite
{
	font-style:						normal;
}