/*
Author: Robert Annett
Project: 
Date: 
*/


/* Reset defaults */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */

a:link, a:visited{text-decoration:none;outline:none;} /* Reset link styles */

#skipto{position:absolute;left:-9999px;top:-9999px;} /* Hides the skip to link - useful for screen readers */

.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Automatically clears after any element with this class */

/* Elements */
body { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; background-color:#e5e5e5; color:#666; }

/* Headings */

h1{ font-size:20px; font-weight:normal; color:#292d2e; line-height:1.3; margin:-6px 0 0; padding:0 0 10px 0;}

h2{ font-size:15px; font-weight:normal; color:#666; line-height:1.5; padding:0 0 7px 0;} 

h3{ font-size:14px; font-weight:normal; color:#ed1b24; line-height:1.5; padding:0 0 7px 0; text-transform:uppercase; font-weight:bold;}

h4{ font-size:16px; font-weight:normal; color:#333; line-height:1.5; padding:0 0 7px 0; text-transform:uppercase;} 

blockquote { color:#292d2e; font-size:16px;}
.highlight { color:#ed1b24;}

.group ul li { list-style-position:inside; line-height:1.6;}

#devhome { height:940px; background:#e5e5e5 url(../img/dev-home.png) center top no-repeat; }
#devabout { height:940px; background:#e5e5e5 url(../img/dev-about.png) center top no-repeat; }


#header { width:940px; margin:auto;  position:relative; height:114px; margin-bottom:35px;}
    #logo { display:inline; position:absolute; left:0; bottom:0;}
    #nav  {  position:absolute; right:0; bottom:16px; text-transform:uppercase; font-size:14px; font-weight:bold;}
	#nav li { display:inline; padding-left:19px;}
	    #nav a { color:#999999;}
		#nav a:hover { color:#ed1b24;}
		#nav li.selected a { color:#ed1b24;}
	#navfooter { width:657px; position:absolute; right:0; bottom:3px; height:13px; background:#b6b8b7;}

#content { width:940px; margin:auto; padding:0px 10px 20px 10px;}

ul#keystaff {}
ul#keystaff li { float:left; padding-right:20px; list-style:none; list-style-image:none;}
ul#keystaff li:last-child { padding-right:0px;}
ul#keystaff li div.staffname { color:#333; }
ul#keystaff li div span { display:block; color:#e81919;}

ul.project-images {}
ul.project-images li { float:left; padding:0 10px 10px 0; list-style:none; list-style-image:none;}
ul.project-images li:last-child { padding-right:0px;}
ul.project-images li div.staffname { color:#333; }
ul.project-images li div span { display:block; color:#e81919;}

.col-one { width:470px; float:left;}
.block-contain { display:block; width:220px; margin-right:20px; margin-bottom:17px; position:relative; float:left;}
.block-contain.last { display:block; margin-right:0px; }
.col-two .block-contain  { display:block; width:220px; margin-right:20px; margin-bottom:17px; margin-left:-1px; margin-top:3px; position:relative; float:left;}
.col-two .block-contain.last { display:block; margin-right:0px; }
.block-contain .title{ display:block; position:absolute; bottom:22px; left:15px; text-transform:uppercase; font-weight:bolder; width:199px; padding:3px;  color:#FFF; background:#e81919;}

.col-two { width:458px; margin:0 0 0 12px; float:left;}
.col-two .block-contain { margin-top:3px;}

.large-block-contain { display:block; width:460px; margin-right:20px; margin-bottom:17px; position:relative; float:left;}
.large-block-contain.last { display:block; margin-right:0px; }
.large-block-contain .title{ display:block; position:absolute; bottom:22px; left:256px; text-transform:uppercase; font-weight:bolder; width:199px; padding:3px;  color:#FFF; background:#e81919;}

.projects-col-one { width:260px; float:left;}
.projects-col-two { width:660px; margin:0 0 0 20px; float:left;}

.projects-block-contain { display:block; width:110px; margin-right:20px; margin-bottom:17px; position:relative; float:left;}
.projects-block-contain .title{ display:block; position:absolute; bottom:0px; left:0px; text-transform:uppercase; font-weight:normal; width:102px; height:30px; padding:4px;  color:#FFF; background:#999; font-size:12px;}
.projects-block-contain .title .last { display:block; margin-right:0px; }
.projects-block-contain .active{ background:#e81919; }


.col-three { width:450px; margin:0 20px 0 0; float:left;}
.col-four { width:450px; margin:0 0 0 20px; float:left;}


.submit{ padding:10px 15px 10px 15px; background:#666; color:#FFF; border:1px solid #333;}

table#contactform tr td{ padding:5px;}
table#contactform tr td input.cformText { border:1px solid #999; padding:5px;}
table#contactform tr td textarea#message { border:1px solid #999; padding:5px;}

#footer { width:940px; margin:auto; padding:0px 10px 20px 10px; text-transform:uppercase; font-size:12px; font-weight:bold;}
#footer a { color:#ed1b24; border-bottom:#ed1b24 solid 1px; padding-bottom:1px;}
#footer a:hover { border-bottom:#ed1b24 dotted 1px;}
#footerbar { width:100%; height:13px; background:#b6b8b7; margin:0 0 10px 0;}
.badges { width:940px; margin:auto; text-align:center; padding-bottom:30px;}
.projects-col-two a { color:#ed1b24; text-decoration:underline;}
.projects-col-two a:hover { color:#333;}


/*
# Images ################### 
*/

img{border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}

/* Links */

a{}
a:hover{}


/* Typography */
p{margin:0 0 1.3em; line-height:1.4;}

/* Menu */
ul#nav li {
	position: relative;
	}
ul#nav li ul {
	position: absolute;
	left: 0px;
	top: 15px;
	margin:0 0 15px 0;
	display: none;
	}
	
ul#nav li ul li {
	text-decoration: none;
	padding:10px;
	}
ul#nav li:hover ul { display: block; }

.main-push-quicknav { margin-bottom:39px;}
.onepx { margin-top:1px;}
/* Other */
textarea { width:330px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}
hr { border:none; border-bottom:solid 1px #ed1b24; margin:8px 0 15px 0;}

.large { font-size:1.3em; line-height:2;}
.large a { color:#333; border-bottom:1px solid #333; padding-bottom:1px;}
.large a:hover { color:#333; border-bottom:1px dotted #333;  padding-bottom:1px;} 

.success { padding:10px 15px 10px 15px; background-color:#edfede; color:#444444; border:solid 1px #76a477; border-left:solid 15px #76a477; font-size:1.4em; margin-bottom:6px; margin:0 0 15px 0; }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */