@charset "utf-8";

/**
* defaults
*/

html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend{
	margin:0;
	padding:0;
	border:0;
	line-height:1.3;
	font-weight:normal;
}

ul,ol{
	list-style:none;	
}

h2{
	font-size:2.2em;
	padding-bottom:10px;
	font-weight:bold;
}

h3{
	font-family:Verdana, Geneva, sans-serif;
	font-size:2.2em;
	padding-bottom:10px;
}

h4{
	font-size:1.1em;
	font-weight:bold;
	padding-bottom:3px;
}

h5{
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
	padding-bottom:2px;
}

p{
	font-size:1.1em;
	padding-bottom:10px;
	line-height:1.4;
	color:#808285;
}

li{
	font-size:1.1em;
	line-height:1.3;
	padding-bottom:5px;
}

a,
a:link,
a:visited{
	text-decoration:none;
	color:#A9001F;
	font-style:italic;
}

dl{
	font-size:1.2em;	
}

dt{
	font-weight:bold;
	padding-bottom:3px;
}

dd{
	padding-bottom:6px;
}

dd a,
dd a:link,
dd a:visited{
	display:block;
	float:none;
	clear:both;
	font-style:italic;
	text-decoration:none;
}

/**
* structural
*/

#body{
	font-size:62.5%;
	font-family:Verdana, Geneva, sans-serif;
	color:#464749;
	background:#F2F2F2;
}

#outer{
	width:976px;
	margin:0 auto;
	background:#FFF;
}

#header{
	padding:22px 30px 18px 30px;
}

#content{
	padding:0 30px 0 30px;
	background:url(images/subpages-content-back.gif) repeat-y 37px 0;
}

/**
* logo
*/

#logo{
	float:left;	
}

#logo h1 a,
#logo h1 a:link,
#logo h1 a:visited{
	display:block;
	text-indent:-9999px;
	background:url(images/logo.png) no-repeat;
	width:61px;
	height:61px;
}

/**
* topnav
*/

#topnav{
	float:right;
}

#topnav li{
	float:left;
	padding:13px 0 13px 38px;
}

#topnav a,
#topnav a:link,
#topnav a:visited{
	display:block;
	padding:0;
	text-align:center;
	color:#6d6f72;
	font-size:1.8em;
	text-decoration:none;
	font-style:normal;
}

#topnav a:hover{
	color:#AC2933;
}

#topnav li.selected a,
#topnav li.selected a:link,
#topnav li.selected a:visited,
#topnav a:hover{
	color:#AC2933;
}
/* first and last item */

#topnav li.first a,
#topnav li.first a:link,
#topnav li.first a:visited{
	padding-left:0;
}

#topnav li.last{
	background:0;
	padding-right:0;
}

/* second level */

#topnav li ul{
	display:block;
	position:absolute;
}

#topnav li li{
	padding:7px 15px 0 0;
}

#topnav li li a,
#topnav li li a:link,
#topnav li li a:visited,
#topnav li.selected li a,
#topnav li.selected li a:link,
#topnav li.selected li a:visited{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	color:#6d6f72;
}

#topnav li.selected li.selected a,
#topnav li.selected li.selected a:link,
#topnav li.selected li.selected a:visited,
#topnav li.selected li a:hover{
	color:#AC2933;
}

/**
* footer
*/

#footer{
	padding:10px 30px 10px 30px;
	font-size:1em;
}

#footer div.left{
	float:left;
	padding-top:23px;
	font-size:0.95em;
}

#footer div.right{
	float:right;	
}

#footer p{
	padding-bottom:3px;	
	color:#BEC0C2;
}

#body #footer a,
#body #footer a:link,
#body #footer a:visited{
	text-decoration:none;
	font-style:normal;
	color:#BEC0C2;
}

#body #footer a:hover{
	color:#A9001F;
	text-decoration:underline;
}

#body #footer #copyright{
	float:left;	
}

#body #footer #telephone{
	font-size:2.9em;
	padding:0;
	margin:0;
	color:#595A5C;
	line-height:1;
}

#body #footer #email a,
#body #footer #email a:link,
#body #footer #email a:visited{
	font-size:1.5em;
	padding:0;
	margin:0;
	color:#595A5C;
	line-height:1;
}

/**
* misc
*/

div.clear{
	float:none;
	clear:both;
	height:1px;
	overflow:hidden;
}

div.divider{
	background:#DFE0E0;
	margin:20px 0;
}

/**
* images
*/

img.left{
	float:left;
	margin:0 15px 15px 0;
	border:2px solid #CCC;
}

img.right{
	float:right;
	margin:0 0 15px 15px;
	border:2px solid #CCC;
}

img.center{
	display:block;
	float:none;
	clear:both;
	margin:10px auto;
}

img.main{
	display:block;
	float:none;
	clear:both;
	margin:0 0 10px 0;
}

/* content columns */

#colA{
	float:left;
	width:696px;
}

#colA ul{
	display:block;
	padding-left:20px;
	list-style:square;
}

#colA div.content{
	border:10px solid #f2efe3;
	padding:20px 20px 12px 20px;
}

#colB{
	float:right;
	width:161px;
	margin:18px 18px 0 0;
}

#colB h3{
	font-size:2.2em;
}

/**
* box
*/

div.box{
	background:#f2efe3;
	border:10px solid #f2efe3;
	margin-bottom:22px;
}

div.box div.content{
	background:#fff;
	padding:10px;
}

div.box h2{
	padding-left:6px;
}

div.box div.content h3{
	padding-bottom:5px;	
}

div.box div.content p{
	padding-bottom:5px;
	font-size:1.1em;
}

div.box div.content img{
	border:1px solid #D3D4D5;
}

div.box div.content a.more,
div.box div.content a.more:link,
div.box div.content a.more:visited{
	display:block;
	font-style:italic;
	text-decoration:none;
}


/**
* home page specific
*/

body#body.home #footer{
	padding-top:0;
}

body#body.home #content{
	background:none;
}

body#body.home #banner{
	background:url(images/home-banner-back.jpg) no-repeat top left;
	height:340px;
	text-indent:-9999px;
}

body#body.home #banner h2{
	font-size:5em;
/*	line-height:0.6;*/
	padding-bottom:23px;
	font-weight:bold;
}

body#body.home #banner h2 .cufon-vml { 
        margin: 0 0 0 0;
	vertical-align:top !important;
} 

body#body.home #banner h3{
	font-size:2em;
	padding-bottom:28px;
	line-height:1.3;
	font-weight:normal;
}

body#body.home #colA{
	float:left;
	width:450px;
	margin:0;
}

body#body.home #colB{
	float:right;
	width:450px;
	margin:0;
}

body#body.home div.box,
{
	height:169px;
	margin-bottom:18px;
}

body#body.home div.boxleft,
body#body.home div.boxright{
	height:172px;
	margin-bottom:18px;
}

body#body.home div.box h2{
	font-size:2em;
	font-weight:bold;
}

body#body.home div.box h3{
	font-size:1.2em;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}

body#body.home div.box div.content,
body#body.home div.boxleft div.content,
body#body.home div.boxright div.content{
	height:112px;
	overflow:hidden;
	padding:10px;
	border:0;
}

body#body.home div.boxleft div.content,
body#body.home div.boxright div.content{
	height:114px;
}

body#body.home div.boxleft,
body#body.home div.boxright{
	background:#f2efe3;
	border:8px solid #f2efe3;
	float:left;
}

body#body.home div.boxleft{
	border-right:0;	
	width:230px;
}

body#body.home div.boxleft h2{
	padding-left:8px;
}

body#body.home div.boxright{
	border-left:0;	
	width:204px;
}

body#body.home div.boxright h2{
	padding-left:8px;
}

body#body.home div.boxleft div.content,
body#body.home div.boxright div.content{
	background:#fff;
	padding:10px 8px;
}

body.home #colB dl dt{
	font-weight:bold;
	padding-bottom:3px;
}

body.home #colB dl a,
body.home #colB dl a:link,
body.home #colB dl a:visited{
	font-size:1em;
	text-decoration:none;
	color:#A9001F;
	font-style:italic;
}

body.home #colB dl dd{
	padding-bottom:8px;
}


/**
* about page
*/

body.about #colA h2{
	font-size:2.7em;
	line-height:1;
	padding-bottom:20px;
}

body.about #colA h3{
	font-size:2em;
	line-height:1.1;
	padding-bottom:15px;
	font-weight:bold;
	padding-top:10px;
}

body.about #colB h3{
	font-size:1.2em;
	padding-bottom:3px;
	font-weight:bold;
}

body.about #colB h4{
	font-size:1.1em;
	font-style:italic;
	font-weight:normal;
	padding-bottom:5px;
}

body.about #colA div.box{
	margin:22px 0 0 0;
}

body.about #colA div.box div.content{
	border:0;
	color:#6d6f72;
	height:auto;
}

body.about #colA div.box h2{
	font-size:2.2em;
	padding:0 20px 10px 20px;
}

/**
* bio pages
*/

body.bio #colA h2{
	padding-bottom:0;
}

body.bio #colA h3{
	font-size:1.5em;
	padding:0 0 15px 0;
	font-weight:normal;
	color:#000;
}

body.bio #colA a,
body.bio #colA a:link,
body.bio #colA a:visited{
	font-style:normal;
}

/**
* blog
*/

body.blog #colA div.content{
	border:10px solid #f2efe3;
	padding:30px;
}

body.blog #colA h2{
	padding:0;
}

body.blog #colA h3{
	font-size:1em;
	padding-top:3px;
}

body.blog #colA img{
	display:block;
	clear:both;
	float:none;
	margin:10px 0;
}

/**
* news/blog nav
*/

#colB dl{
	font-size:1.1em;
}

#colB dl dt{
	font-weight:bold;
	padding-bottom:7px;
	font-size:1.1em;
}

#colB dl a,
#colB dl a:link,
#colB dl a:visited{
	font-size:0.85em;
	color:#464749;
	font-style:normal;
}

#colB dl a:hover{
	color:#A9001F;
}

#colB dl dd{
	padding-bottom:20px;
}

/**
* our work
*/

body.work #content{
	background:none;	
}

body.work #colA div.box{
	margin:22px 0 0 0;	
}

body.work #colA div.content{
	height:546px;	
}

body.work #colA div.box h2{
	padding-left:20px;
}

body.work #colA div.box div.content{
	border:0;
	color:#6d6f72;
	height:auto;
	padding:20px 20px 20px 16px;
}

body.work #colA div.box div.content div.left,
body.work #colA div.box div.content div.middle,
body.work #colA div.box div.content div.right{
	float:left;
	width:192px;
	overflow:hidden;
	padding-right:10px;
	margin-right:10px;
	height:132px;
}

body.work #colA div.box div.content div.left,
body.work #colA div.box div.content div.middle{
	border-right:1px solid #b6b7b8;
}

body.work #colA div.box h2{
	font-size:2.2em;
}

body.work #colB{
	margin:0;	
	width:197px;
}

body.work #colB div.box div.content{
	height:113px;
	overflow:hidden;
}

body.work #colB div.box h2{
	font-size:1.8em;	
}

/**
* work detail
*/

body.workdetail #colA div.left{
	float:left;
	width:317px;
	margin-top:10px;
}

body.workdetail #colA div.right{
	float:right;
	width:317px;
	margin-top:10px;
}

body.workdetail #colA div.left div.content,
body.workdetail #colA div.right div.content{
	
	overflow:hidden;
}

body.workdetail #colA div.left div.content img.left,
body.workdetail #colA div.right div.content img.left{
	margin:8px 15px 0 5px;
	overflow:hidden;
}


body.workdetail #colA div.box{
	margin:22px 0 0 0;
	
}

body.workdetail #colA div.box div.content{
	border:0;
	color:#6d6f72;
	padding:15px 0 20px 16px;
}

body.workdetail #colA div.box div.content div.left,
body.workdetail #colA div.box div.content div.middle,
body.workdetail #colA div.box div.content div.right{
	float:left;
	width:205px;
	overflow:hidden;
	margin-right:15px;
	margin-top:10px;
	/*height:100px;*/
}

body.workdetail #colA div.box div.content div.left ul,
body.workdetail #colA div.box div.content div.middle ul,
body.workdetail #colA div.box div.content div.right ul{
	padding-right:20px;	
}

body.workdetail #colA div.box div.content div.middle{
	width:220px;
}

body.workdetail #colA div.box div.content div.right{
	width:199px;
	margin-right:0;
}

body.workdetail #colA div.box div.content div.left,
body.workdetail #colA div.box div.content div.middle{
	border-right:1px solid #b6b7b8;
}

body.workdetail #colA div.box h2{
	font-size:2.2em;
	padding-left:20px;
}

body.workdetail #colA div.box h4{
	color:#464749;
}


/**
* contact
*/

body.contact #colA div.content{
	margin:0;	
}

body.contact #colA h2{
	font-size:2.7em;
	line-height:1;
	padding-bottom:20px;
}

body.contact #colA h3{
	font-size:2em;
	line-height:1.1;
	padding-bottom:15px;
	font-weight:bold;
	padding-top:10px;
}

body.contact #colB h3{
	font-size:1.2em;
	padding-bottom:3px;
	font-weight:bold;
}

body.contact #colB h4{
	font-size:1.1em;
	font-style:italic;
	font-weight:normal;
	padding-bottom:5px;
}

body.contact #colA div.box{
	margin:0 0 22px 0;
}

body.contact #colA div.box div.content{
	border:0;
	color:#6d6f72;
	height:auto;
}

body.contact #colA div.box h2{
	font-size:2.2em;
}

body.contact #colA div.box h3{
	font-size:1.3em;
	font-weight:normal;
	padding:0;
	margin:0;
}

body.contact #colA div.box div.content{
	border:0;
	color:#6d6f72;
}

body.contact #colA div.box div.content a,
body.contact #colA div.box div.content a:link,
body.contact #colA div.box div.content a:visited{
	font-style:normal;
}

body.contact #colA div.box div.content div.left,
body.contact #colA div.box div.content div.middle,
body.contact #colA div.box div.content div.right{
	float:left;
	width:192px;
	overflow:hidden;
	padding-right:10px;
	margin-right:10px;
	height:auto;
}

body.contact #colA #map{
	width:633px;
	height:531px;
	margin-bottom:10px;
}

body.contact #colA div.box #tel{
	font-size:2.4em;
}