/* -------------------------- CSS Reset -------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* -------------------------- General Styles -------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #000;
}
a {
	outline: none;
}
p {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 20px;
	color: #585656;
}
h1 {
	font: normal normal 28px/30px Georgia, Times New Roman, sans-serif;
	padding-bottom: 15px;
	color: #398bce;
}
h2, h2 a {
	font: normal normal 17px/20px Georgia, Times New Roman, sans-serif;
	padding-bottom: 20px;
	color: #297bba;
	text-decoration: none;
}
h3, h3 a {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	color: #398bce;
	text-decoration: none;
	padding-bottom: 5px;
}
h4, h4 a {
	font-size: 10px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 15px;
	color: #000;
}

p a {
	font-size: 12px;
	color: #297bba;
	text-decoration: none;
}
p a:hover, h2 a:hover, h3 a:hover {
	text-decoration: underline;
} 
.image-left {
	float: left;
	margin: 0 10px 10px 0;
}
.image-right {
	float: right;
	margin: 0 0 10px 10px;
}
.image-center {
	margin-bottom: 10px;
}
.table-left {
	float: left;
	margin: 0 10px 10px 0;
}
.table-right {
	float: right;
	margin: 0 0 10px 10px;
}
.rule-above {
	border-top: 1px solid #d4d1d1;
	padding-top: 15px;
	margin-top: 15px;
}
.rule-below {
	border-bottom: 1px solid #d4d1d1;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.clearfix {
	clear: both;
}

.blockquote {
	border-bottom: 1px dashed #73bdea;
	border-top: 1px dashed #73bdea;
	margin-bottom: 20px;
	padding-top: 15px;
}

.quote {
	font: normal normal 18px/24px Georgia, Times New Roman, sans-serif;
}

.author {
	padding-bottom: 15px;
	text-align: right;
}

.hidden {
	display: none;
}

.date {
	font-size: 11px;
	padding-bottom: 10px;
}

.quotation {
	font: normal normal 17px/20px Georgia, Times New Roman, sans-serif;
	font-style: italic;
	padding-bottom: 20px;
	color: #297bba;
	text-decoration: none;
}

/* -------------------------- Wrapper Styles -------------------------- */

#body {
	background: url(/images/background.jpg) #151515 no-repeat center top;
	border-bottom: 1px solid #7f7f7f;
	width: 100%;
}
#wrapper {
	background: url(/images/background_bottom.jpg) no-repeat center bottom;
	margin: 0 auto;
	min-height: 700px;
	width: 1000px;
}

/* -------------------------- Header Styles -------------------------- */

#header {
	height: 133px;
}

/* -------------------------- Branding Styles -------------------------- */

#branding {
	margin-left: 30px;
}
#branding a {
	display: block;
	height: 100px;
	width: 502px;
}

/* -------------------------- Navigation Styles in Superfish CSS file -------------------------- */


/* ------------- Nav Projects Styles ------------- */

#navProjects {
	height: 264px;
	padding: 0 19px;
	width: 962px;
}
#navProjects li {
	float: left;
}
#navProjects img {
	border: none;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
#navProjects a {
	display: block;
	height: 251px;
	margin-right: 6px;
	padding: 13px 10px 0 10px;
	width: 95px;
}
#navProjects li.last a {
	margin-right: 0;
}
#navProjects li.financial a {
	background: url(/images/financial_bg.png) no-repeat center 0;
}
#navProjects li.religious a {
	background: url(/images/religious_bg.png) no-repeat center 0;
}
#navProjects li.healthcare a {
	background: url(/images/healthcare_bg.png) no-repeat center 0;
}
#navProjects li.educational a {
	background: url(/images/educational_bg.png) no-repeat center 0;
}
#navProjects li.retail a {
	background: url(/images/retail_bg.png) no-repeat center 0;
}
#navProjects li.municipal a {
	background: url(/images/municipal_bg.png) no-repeat center 0;
}
#navProjects li.planning a {
	background: url(/images/planning_bg.png) no-repeat center 0;
}
#navProjects li.interiors a {
	background: url(/images/interiors_bg.png) no-repeat center 0;
}
#navProjects li.financial a:hover, #navProjects li.religious a:hover, #navProjects li.healthcare a:hover, #navProjects li.educational a:hover, #navProjects li.retail a:hover, #navProjects li.municipal a:hover, #navProjects li.planning a:hover, #navProjects li.interiors a:hover {
	background-position: center -264px;
}


/* -------------------------- Content Styles -------------------------- */

#content {
	background: #f7f7f7 url(/images/content_bg.jpg) no-repeat center top;
	margin: 42px 0 0 0;
	padding: 20px 61px
}

.home #content {
	background: none;
	margin: 60px 0;
	padding: 0;
}

#tagline {
	background: url(/images/tagline.png) no-repeat 0 0;
	height: 32px;
	float: right;
	margin: 82px 82px 0 0;
	text-indent: -9999px;
	width: 277px;
}

/* -------------------------- Heading/Breadcrumb Styles -------------------------- */


.contentHeading {
	height: 50px;
	margin-left: 19px;
}

.contentHeading h1 {
	float: left;
	padding-right: 15px;
}

.breadcrumb li{
	color: #585656;
	float: left;
	font-size: 13px;
	line-height: 34px;
	padding-right: 8px;
}

.breadcrumb a {
	color: #585656;
	font-size: 13px;
	padding-right: 8px;
	text-decoration: none;
}

.breadcrumb a:hover {
	text-decoration: underline;
}

.paginate {
	float: right;
	margin: 5px 50px 0 0;
}

.paginate a {
	color: #585656;
	font-size: 12px;
	padding: 0 10px 0 18px;
	text-decoration: none;
}

.paginate a:hover {
	color: #398bce;
}

.paginate a.prev {
	background: url(/images/prev_bg.png) no-repeat left center;
}

.paginate a.next {
	background: url(/images/next_bg.png) no-repeat left center;
}

/* -------------------------- Projects Styles -------------------------- */

.projects-wrapper {
	background: url(/images/projects-wrapper_bg.png) repeat-x left top;
}

.projects {
	background: url(/images/projects_bg.png) repeat-x left bottom;
	padding: 30px 19px;
}

.projects ul, .projects ol  {
	margin-left: 25px;
	padding-bottom: 20px;	
}

.projects ul li {
	font-size: 12px;
	line-height: 16px;
	color: #585656;
	padding-bottom: 4px;
	list-style-type: disc;	
}

.projects ol li {
	font-size: 12px;
	line-height: 16px;
	color: #585656;
	padding-bottom: 4px;
	list-style-type: decimal;	
}

.projectsList {
	background: url(/images/projectsList_bg.png) repeat-x left top;
	height: 163px;
	margin-bottom: 30px;
	padding: 25px 80px 29px 16px;
	width: 782px;
}

.projectsList img {
	background: #fff;
	border: 1px solid #d4d1d1;
	float: left;
	margin-right: 25px;
	padding: 9px;
}

.projectsList h2 {
	padding-top: 10px;
}

.bio h2 {
	padding-bottom: 5px;
}

.projectGallery {
	float: left;
	height: 504px;
	margin-right: 28px;
	width: 506px;
}

.projectGallery img {
	background: #fff;
	border: 1px solid #d4d1d1;
	float: right;
	padding: 9px;
}

.vertical img {
	float: left;
}

.vertical a img, .horizontal a img {
	float: none;
}

.vertical a {
	float: left;
}

.horizontal a {
	float: right;
}

.vertical .small {
	margin: 0 0 11px 10px;
}

.vertical .last {
	margin-bottom: 0;
}

.horizontal .small {
	margin: 10px 0 0 11px;
}

.horizontal .last {
	margin-left: 0;
}

.projectDetails {
	float: left;
	width: 306px;
}

.portrait {
	float: left;
	margin-right: 30px;
	width: 226px;
}

.portrait img {
	background: #fff;
	border: 1px solid #d4d1d1;
	padding: 5px;
	margin-bottom: 20px;
}

.bioFull {
	float: left;
	width: 580px;
}

/* -------------------------- News Styles -------------------------- */

.articleList {
	border-bottom: 1px solid #d4d1d1;
	padding-bottom: 0px;
	margin-bottom: 20px;
}


/* --------- Paginate Styles ---------- */

.pagination a {
	background: #e6eff3 url(/images/paginate_bg.gif) repeat-x left top;
	border: 1px solid #d1e1e9;
	color: #5a717e;
	display: block;
	float: left;
	padding: 3px 10px;
	text-decoration: none;
}

.pagination a:hover {
	background: #e5f0f3 url(/images/paginate_hover.gif) repeat-x left top;
	color: #475e6b;
}

.pagination strong {
	background: #fff;
	color: #475e6b;
	border: 1px solid #d1e1e9;
	display: block;
	float: left;
	padding: 3px 10px;
}

/* --------- Forms Styles ---------- */

.label, .input { float: left; margin: 0 10px 0 0; }

.label label, .input input { display: block; font-size: 14px; }
.label label { color: #314b5a; line-height: 26px; text-align: right; width: 80px;}
.input label.error { color: #e20009;padding: 4px 0;font-size: 12px;}  
.input input { background: #fff url(/images/input_bg.gif) repeat-x left bottom ; border: 1px solid #c9dbe4 ; color: #585656; padding: 4px;}
.input input.error {border: 1px solid #e20009}
.input select { padding: 4px;}

.checkbox input { margin: 5px 0 0 90px }

.short input { width: 80px;}
.short label { width: 55px;}

.long input { width: 492px;}
.long label { text-align: left; width: 400px;}
.long textarea { width: 492px;}

.input textarea { background: #fff url(/images/textarea_bg.gif) repeat-x left bottom ; border: 1px solid #c9dbe4 ; color: #585656; font: 14px/16px Arial; padding: 4px; }
.input input:focus, .input textarea:focus { background: #fff; }

.contact br { clear: both; }

.even_row, .odd_row { padding: 8px;}

.even_row { background: #f7fbfd; }

.even_row:hover, .odd_row:hover { background: #e9f2f6;}

.submit {padding: 10px 0 10px 95px; }

/* -------------------------- Live Validation Styles -------------------------- */


.LV_validation_message{	
	clear: both;
	font-size: 11px;
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.input .LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.input .LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}




/* -------------------------- Footer Styles -------------------------- */

#footer {
	color: #838181;
	font-size: 11px;
	margin: 0 auto;
	padding: 10px 0 30px 0;
	text-align: right;
	width: 962px;
}

.taglineSmall {
	background: url(/images/taglineSmall.png) no-repeat 0 0;
	float: left;
	height: 12px;
	text-indent: -9999px;
	width: 140px;
}

#colorbox, #cboxOverlay, #cboxWrapper {position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}


#cboxOverlay{background:url(/images/colorbox/overlay.png) 0 0 repeat;}

	#cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(/images/colorbox/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(/images/colorbox/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(/images/colorbox/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(/images/colorbox/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(/images/colorbox/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}
		
a.editButton {
	background-color: #297bba;
	border: 1px solid #114a76;
	color: #FFF;
	display: block;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	position: relative;
	left: 50px;
	top: 45px;
	text-align: center;
	width: 80px;
	z-index: 1000;
}

.error #wrapper {
	padding-top: 50px;
}

#error_page {
	background:transparent url(/images/404_background.png) no-repeat scroll center center;
	height:100px;
	margin:0 auto 0;
	padding:130px 50px 50px 140px;
	text-align:left;
	width:250px;
}

#error_page p {
	font-size: 12px;
}

#error_page a {
	color: #297bba;
	text-decoration: none;
}

#error_page a:hover {
	text-decoration: underline;
}