/* CORE DESIGN ELEMENTS */	

body { 

	margin:0; padding:0;

	background:url(/site_images/cd_bg.jpg) fixed top left repeat-x;

	font-family: Arial, Helvetica, sans-serif;

	font-size:10pt;

	color:#666;

}	



#container { 

	width:910px;

	position:relative;

	margin:0px auto;

}

h1 { 

	margin:0; padding:0;

	width:393px; 

	height:105px;

}

h1 a { 

	display:block;

	width:393px; 

	height:105px;

	background:url(/site_images/cd_logo.gif) no-repeat;

	text-indent:-9999px; 

	outline:none;

	margin-bottom:2px;

}

h1 a:hover { 

	margin-bottom:0;

	border-bottom:2px solid #d5e5e6;

}

#menu { 

	margin:0; padding:0;

	position:absolute;

	top:85px; right:0;

}

#menu li { 

	display:inline-block;

	float:left;

	list-style-type:none;

	margin-left:10px;

}

#menu li a { 

	display:block;

	height:21px;

	text-indent:-9999px;

	outline:none;

	background-position:top left;

}

#menu li a.about { 

	width:46px;

	background:url(/site_images/nav_about.gif) no-repeat;

}



#menu li a.services { 

	width:57px;

	background:url(/site_images/nav_services.gif) no-repeat;

}



#menu li a.work { 

	width:40px;

	background:url(/site_images/nav_work.gif) no-repeat;

}



#menu li a.blog { 

	width:37px;

	background:url(/site_images/nav_blog.gif) no-repeat;

}



#menu li a.contact { 

	width:56px;

	background:url(/site_images/nav_contact.gif) no-repeat;

}



#menu li a:hover, #menu li a.active { 

	background-position:0 -20px;

}

#footer { 

	font-size:9pt;

	margin-top:10px;

	border-top:1px solid #bfbfbf;

	padding:10px 5px 30px 5px;

	text-transform:lowercase;

	text-align:right;

	

}	

	



/* GENERAL FONT FORMATTING */

a, a:link, a:visited { 

	color:#308086;

	text-decoration:none;

}

a:hover { 

	text-decoration:underline;

}

a.learn-more { 

	font-size:8pt;

	font-weight:bold;

	text-transform:lowercase;

}



blockquote { 

	font-weight:bold; font-style:italic; 

	color:#307f86;

}



p { 

	font-size:10pt;

	margin-top:5px;

	line-height:18pt;

}



h2, h3 {

	margin:0; padding:0;

	font-weight:normal;

	color:#307f86;

	text-transform:lowercase;

	font-size:14pt;

}

	

.teaser { 

	margin-top:10px;

	line-height:14pt;

	font-size:9pt;

}



.teaser div { 

	line-height:12pt;

}



.teaser .date { 

	font-size:8pt;

	display:block;

}



.teaser .title { 

	display:block;

	font-weight:bold;

}



.teaser img { 

	border:1px solid #bfbfbf;

	margin-bottom:5px;

}



	

#topcontent { 

	margin-top:10px;

	height:348px;

}



#topcontent .topcontent_one-image {

	width:890px;

	height:315px;

	padding:14px 10px 19px 10px;

	position:relative;

	/* Mozilla ignores crazy MS image filters, so it will skip the following */

	background:url(/site_images/topcontent_big_bg.png);

}



#topcontent .topcontent_three-image_a { 

	background:url(/site_images/topcontent_med_bg.png);

	width:434px;

	height:315px;

	padding:14px 10px 19px 10px;

	position:relative;

	margin-right:2px;

	float:left;

}



#topcontent .topcontent_three-image_b { 

	background:url(/site_images/topcontent_sm_bg.png) 0px 4px no-repeat;

	width:434px;

	height:147px;

	padding:14px 10px 16px 10px;

	position:relative;

	float:left;

}

#topcontent .topcontent_three-image_c { 

	background:url(/site_images/topcontent_sm_bg.png) 0px -5px no-repeat;

	width:434px;

	height:147px;

	padding:5px 10px 18px 10px;

	position:relative;

	float:left;

}

#topcontent .topcontent_three-image_a .leader { 

	width:414px !important;

}

#topcontent .topcontent_three-image_b .leader-sm { 

	width:414px !important;

	bottom:16px; left:10px;

}

#topcontent .topcontent_three-image_c .leader-sm { 

	width:414px !important;

	bottom:18px; left:10px;

}

#topcontent img { 

	border:none;

}



#topcontent .leader { 

	display:block;

	position:absolute;

	bottom:19px; left:10px; width:870px;

	padding:10px 10px 3px 10px;

	margin:0;

	font-size:18px; color:#FFFFFF;

	/* Mozilla ignores crazy MS image filters, so it will skip the following */

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/site_images/75_black.png');

}

#topcontent .leader-sm { 

	display:block;

	position:absolute;

	padding:5px 10px 0 10px;

	margin:0;

	font-size:12px; color:#FFFFFF;

	/* Mozilla ignores crazy MS image filters, so it will skip the following */

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/site_images/75_black.png');

}

#topcontent .leader[class], #topcontent .leader-sm[class] { 

	/* IE ignores styles with [attributes], so it will skip the following. */

    background-image:url(/site_images/75_black.png);

}

		

	

	

.clearfix { 

	clear:both;

}



/* COLUMN LAYOUTS */

.margin-bottom { 

	margin-bottom:20px;

}

.column { 

	float:left;

	display:block;

	padding:10px 11px 10px 10px;

	margin:0px 5px;

	background: url(/site_images/bg_box.png) top left repeat;

} 

	* html .column {

		background: #FFFFFF;

	}

.one-column, .two-column, .three-column { 

	padding-top:20px;

}

.one-column .column-1 { 

	width:880px;

}

.two-column .column-1 { 

	width:547px;

}

.two-column .column-2 { 

	border-left:1px solid #bfbfbf;

	width:300px;

}

.three-column .column-1 { 

	width:420px;

}

.three-column .column-2 { 

	border-left:1px solid #bfbfbf;

	width:220px;

}

.three-column .column-3 { 

	border-left:1px solid #bfbfbf;

	width:175px;

}







/* form related */



form { 

	margin:0; padding:0;

}



input.text, .acol .textinput, .acol .textareainput, .textarea { 

	border:1px solid #bfbfbf;

	color:#666666;

	padding:5px;

	background:url(/site_images/input_text.gif);

}

input.button, .formsubmit { 

	border:1px solid #bfbfbf;

	color:white;

	text-align:center;

	padding:4px; /* FIREFOX AND CHROME */

	padding:3px; /* MSIE */

	padding:5px; /* SAFARI */

	background:url(/site_images/input_button.gif);

	outline:none;

}





.qcol, .acol { 

	font-size:10pt; 

	width:250px;

	padding-top:10px; padding-bottom:10px;

}

.acol .textinput, .acol .textareainput { 

	width:250px;

}

.acol .textareainput, .textarea { 

	font-family: Helvetica, Arial, sans-serif;

	height:120px;

	background:url(/site_images/input_textarea.gif);

	

}

#comment-form div { 

	margin-bottom:10px;

}







.w150 { width:150px; }

.w200 { width:200px; }

.w250 { width:250px; }

.w300 { width:300px; }





fieldset {

	border: none;

}

legend {

	color: #307f86;

	padding: 0 0 5px;

	font-size: 1.25em;

	font-weight: bold;

	width:100%;

}

label {

	width: 68%;

	float: right;

	text-align: left;

	padding-top:6px;

}





.comment-box {

	margin: 10px 0;

	padding: 10px;

	border: 1px solid #bebebe;

	background: #fefefe;

}

.commenter {

	font-size: 1.1em;

	color: #307f86;

}







/* work page */

.workitem { 

	margin-top:10px; padding-top:10px;

	border-top:1px dotted #dddddd;

	height:250px;

}

.workitem p, .subscription p { 

	line-height:normal;

}

.workitem_inner, .subscription_inner { 

	float:left; 

	width:400px;

}

.workitem img { 

	float:right;

	margin-left:20px;

	padding:14px 11px 17px 12px;

	background:url(/site_images/frame_work.png) no-repeat;

	border:none;

	clear:both;

}

	* html .workitem img {

		background:#ffffff;

		background-image:none;

	}

	
.subscription form { 
	float:right;
	margin-top:10px;
	margin-left:20px;
}

.subscription { 

	margin-top:10px; padding-top:10px;

	border-top:1px dotted #dddddd;

	height:70px;

}
.subscription img { 
	border:none;
	background:none !important;
	margin:0; padding:0;
}





/* blog page */

.centered { 

	margin-left:auto; margin-right:auto;

}

.box-header, .box-footer {

	margin: 0 0 8px;

	padding: 0 5px;

	background: url(/site_images/bg_box_head_foot.png) top left repeat;

	clear: both;

}

	* html .box-header, *html .box-footer {

		background: #c7c5d1;

	}

.box-header p, .box-footer p {margin-top:0;

	margin-bottom:0; padding-bottom:0; 

}	

.box-footer img { 

	border:none; 

}	

ul {

	margin: 0 0 .5em 1.5em;

	padding: 0;

	list-style-image: url(/site_images/bullet_double_arrow.gif);

}

.nice-list {

	margin: 1em 0 .5em 0;

	list-style: none;

	list-style-image: none;

}	



.align-right {

	text-align: right;

}

.byline { 

	float:left;

	margin-top:0;

	padding-top:0;

}

.box-footer ul {

	float: right;

	margin: 4px 0 0 0;

	padding: 0;

	line-height: 1;

	list-style-image: none;

	list-style: none;

}

.box-footer li {

	float: left;

	padding: 0 5px;

	line-height: 1;

}

.float-left {

	float: left;

}

.error { 

	border:1px solid silver;
	margin:10px auto;
	padding:10px;
	font-weight:bold;
	background:#fdb1bf;
	text-align:center;
}








/* NEW WORK AREA */


.sm_workitem { 
float:left; margin:0 30px 15px 30px; 
display:block;
width:217px; 
text-decoration:none !important;
}
.sm_workitem img { 
padding:10px; background:white;
border:none; 
}
.sm_workitem .title { 
display:block;
padding-top:3px; 
padding-bottom:3px; 
font-weight:normal;
font-size:11px;  
color:gray; padding-left:10px; padding-right:10px; 
width:217px; 
}
.sm_workitem:hover .title { 
background:#d5e5e6; 
color:#333;
}

.sm_workitem:hover img { 
padding:0; border:10px solid; text-decoration:none !important;
}