/* ELEMENTS */
body{
	background:#f0efe9;
	margin:2em auto;
	color:#231f20;
	font-family:
    "Century Gothic", /* Windows (HP printer) */
    "Avant Garde Gothic",	/* HP font name */
    "Avant Garde",		/* MacOS */
    "URW Gothic L",		/* Unix+X+FontConfig */
	/* Fallback options */
    helvetica,			/* Unix+X, MacOS */
    sans-serif;
	font-size:62.5%;
	text-align:center;
	line-height:1.4em;
}
a{
	color:#231f20;
	text-decoration:none;
}
a:hover{
	/*color:#000;*/
}
img{
	border:0;
}
h1{
	color:#231f20;
	font-size:1em;
	margin:0 0 0.8em 0;
	padding:0;
}	
h2{
	color:#231f20;
	font-size:1em;
	margin:0 0 0.6em 0;
	padding:0;
}
p, #innerContent{
	padding:0;
	margin:0 0 1em 0;
}
ul{
	margin:0 1em 1em 1.5em;
	padding:0;
	list-style:square;
}
li{
	line-height:1.4em;
	margin:0;
	padding:0 0 0.2em 0;
}
strong{
	color:#231f20;
}
label{
	width:70px;
	float:left;
}
input, textarea, select{
	color:#231f20;
	font-family:
    "Century Gothic", 		/* Windows (HP printer) */
    "Avant Garde Gothic",	/* HP font name */
    "Avant Garde",			/* MacOS */
    "URW Gothic L",			/* Unix+X+FontConfig */
	/* Fallback options */
    helvetica,				/* Unix+X, MacOS */
    sans-serif;
	font-size:100%;
	width:100%;
	padding:2px;
}
textarea{
	width:182px;
	min-width:180px;
}
.userInput{
	float:right;
	width:180px;
}
.formItem {
	margin:0 0 3px 0;
}
.formButton{
	background:#fff;
	border:0;
	text-align:left;
	width:60px;
	color:#231f20;
	padding:0;
	display:inline;
	margin:5px 0 0 0;
	float:none;
}
/* ID's */
#innerback{
	width:800px;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
	background:transparent url(images/dropshadow.jpg) top center no-repeat;
}
#header{
	width:800px;
	height:200px;
	background:#fff url(images/header.jpg) top center no-repeat;
}
#insideheader{
	background:#fff;
	margin-bottom:7px;
	width:800px;
	height:125px;
	float:left;
}
#mainarea{
	width:800px;
	margin:0 auto;
	background:#fff;
}
#copyright{
	width:800px; 
	text-align:center;
	margin:10px 0;
	color:#918f8f;
}
#copyright a{
	color:#918f8f;
	font-weight:normal;
	text-transform:lowercase;
}
#copyright a:hover{
	color:#231f20;
}
.footerLeft{
	float:left;
	text-align:left;
	width:399px;
}
.footerRight{
	float:left;
	text-align:right;
	width:399px;
}
#contactPage{
	background:#fff;
}
/* MAIN MENU */
#menu{
	margin:0 0 0 235px;
	width:510px;
	height:80px;
	color:#231f20;
}
#menu ul{
	list-style:none;
	margin:0;
	float:left;
}
#menu li{
	margin:0;
	padding:0;
	display:inline;
}
#menu li a, #subMenuLinks a{
	color:#918f8f;
	font-size:1.2em;
	font-weight:normal;
	float:left;
	padding:0 1.85em 0 0;
	text-transform:lowercase;
}
#subMenuLinks{
	line-height:20px;
	margin:3px 0 0 0;
}
#menu li a:hover, #subMenuLinks a:hover{
	color:#000;
}
.footermenu{
	font-size:1em;
	color:#5d5d5d;
}
.footermenu a{
	text-decoration:none;
	text-transform:lowercase;
}
.footermenu a:hover{
	color:#231f20;
}
#content{
	width:800px;
	min-height:360px;
	_height: auto !important;
	height:360px;
	color:#231f20;
	font-size:1.1em;
	padding:0;
}
#leftside{
	width:235px;
	float:left;
}
#sidemenu, #sidesubmenu{
	padding:0 0 0 18px;
}
#sidemenu a{
	margin:0 0 7px 0;
	display:block;
}
#sidesubmenu a{
	margin:0 0 7px 0;
	display:block;
}
#gallery{
	width:602px;
	padding:20px 10px;
	float:left;
}
* html #gallery{
	width:590px;
}
#main_image{
	margin:0 auto;
	height:275px;
	width:188px;
}
.gallery_demo li{
	margin:0 10px 0 0;
}
#innerContent{
	margin:0 85px 0 235px;
	width:459px;
	min-height:280px;
	_height: auto !important;
	height:280px;
	overflow:auto;
	padding:0 25px 0 0;
}
#innerContact, #innerProject{
	margin:0 85px 0 235px;
	width:484px;
	min-height:280px;
	_height:auto !important;
	height:280px;
}
#newsLinks{
	margin:35px 85px 0 235px;
	width:484px;
}
#newsLinks a{
	margin:0 15px 0 0;
}
#newsYears{
	float:left;
	width:50%;
}
#newsNav{
	float:right;
	text-align:right;
	width:40%;
}
#projectImage{
	width:188px;
	height:275px;
	border:1px solid #939598;
	float:left;
}
#projectText{
	width:255px;
	height:275px;
	float:right;
	overflow:auto;
	padding:0 25px 0 0;
}
#projectThumbs{
	width:auto;
	float:left;
	padding:0 0 0 2px;
}
#projectThumbs ul{
	margin:0;
	padding:0;
}
#projectThumbs li{
	border:1px solid #939598;
	margin:10px 13px 0 0;
	cursor:pointer;
	padding:0;
	float:left;
}
#projectThumbs img.last{
	margin-right:0;
}
#projectLinks{
	width:275px;
	float:right;
	margin:34px 0 0 0;
}
#projectLinks a {
	margin:0 10px 0 0;
}
#subtitle{
	font-size:1.3em;
	font-weight:bold;
	padding-left:14px;
	margin-bottom:10px;
	float:left;
}
#titleGoBack{
	padding-top:3px;
	padding-right:8px;
	float:right;
}
#address{
	margin:0;
	width:215px;
	float:left;
}
#contactForm{
	margin:0;
	width:260px;
	float:right;
}
#directionsImage{
	width:265px;
	height:265px;
	float:left;
}
#directionsImage img{
	margin:6px 0 0 0;
}
#directionsText{
	width:185px;
	float:right;
}
#staffThumb{
	width:100px;
	height:102px;
	padding-right:25px;
	float:left;
}
#linksHolder{
	float:left;
}
#linksItem{
	width:47%;
	padding-right:3%;
	float:left;
}
#sideimagesholder{
	float:right;
	padding-left:25px; 
	padding-bottom:25px; 
}
#sideimage{
	clear:both;
	float:left;
	width:160px;
}
#sideimageText{
	width:100%;
	text-align:right;
	padding-top:8px;
	padding-bottom:8px;
}
#title{
	background:#e5e5e5;
	width:503px;
	height:26px;
	padding-left:13px;
	padding-top:2px;
	margin-bottom:15px;
	float:left;
}
#whatwedoImageHolder{
	background:#e5e5e5;
	width:516px;
	padding-top:12px;
	padding-bottom:12px;
	float:left;
}
#whatwedoImageHolderLarge{
	background:#e5e5e5;
	width:516px;
	padding-bottom:12px;
	float:left;
}
#whatwedoThumbImage{
	width:114px;
	padding-left:12px;
	float:left;
}
#whatwedoMainImage{
	width:114px;
	padding-left:12px;
	float:left;
}
#clear{
	clear:both;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.error{
	color:red;
}
.body12Grey{
	font-size:1.1em;
	color:#333;
}
.body12Grey a{
	font-size:1.1em;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
.body12Grey a:hover{
	font-size:1.1em;
	color:#231f20;
	font-weight:bold;
	text-decoration:none;
}
.body12GreyBOLD{
	font-size:1.1em;
	color:#333;
	font-weight:bold;
}
.body12BlueBOLD{
	font-size:1.1em;
	color:#8CB3D4;
	font-weight:bold;
}
.title{
	font-size:1.5em;
	color:#333;
}
.style{
	line-height:1.6em;
}
.styleStrong{
	font-size:1.1em;
	font-weight:bold;	
	color:#4A4A4A;
	line-height :16px;
}
.styleStrong a{
	text-decoration:none;
}
.largeText{
	font-size:1.8em;
	font-weight:bold;	
	color:#4A4A4A;
}
.ucase{
	text-transform:uppercase
}
.current{
	color:#838aff;
}
.date{
	color:#e0e0e0;
	padding:0 0 5px 0;
	display:block;
}
.videoWindow{
	width:464px;
	border:1px solid #939598;
	padding:10px;
}
.video{
	width:320px;
	float:left;
}
.videoDetails{
	float:right;
	width:119px;
	height:239px;
	margin:0 0 10px 0;
	padding:0 10px 0 0;
	overflow:auto;
}
.videoBack{
	float:right;
	width:119px;
	padding:0 10px 0 0;
}