* { margin: 0px; padding: 0px; } 

html, body {
	height: 100%; 
	width: 100%; 
	background: #FFFFFF url(../images/Backgrounds/seamless_dark_smooth_concrete_texture.jpg) repeat;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align: left;
	line-height: 22px;
}

a, a:active, a:visited {
	color: #0000EE;
}


#wrapper { 
	position: relative; 
	width: 930px;
	height: auto !important;
	height: 100%;
	min-height: 100%; 
	margin: 0px auto;
}

#header { 
	width: 930px; 
	text-align: center;
	float: left;
	margin-bottom: 10px;
}

#logo { 
	width: 280px; 
	height: 51px; 
	margin-top: 30px; 
	float: left;
}

#menu { 
	width: 630px; 
	height: 38px;
	margin-top: 30px;
	float: right;
}

#menu img { position: absolute; top: 40px; right: 10px; }

#main {
	width: 850px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 40px;
	background-color: #FFFFFF;
	position: relative;
	border: 2px solid #6F6F6F;
}

#content-inner {
	padding: 0 10px;
	position: relative;
}


#col-left { 
	width: 510px;
	float: left;
	margin-right: 20px;
}

#col-left p {font-size: 14px;}
#col-left ul { margin: 40px 0px 40px 60px; line-height: 18px; }
#col-left li { list-style: disc; color: black; }
#col-left li p{ color: #666666; margin-left: 20px; }

#portfolio ul { margin: 90px 0px 0px; }
#portfolio li { list-style: none; display: inline; margin: 4px; float:left; }

#col-right {
	width: 315px;
	float: right;
}

.post-heading { 
	margin-top: 30px;
	margin-bottom: 20px;
	border: 1px solid #d6d6d6;
	border-width: 1px 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	width: 100%;
	clear: both;
	float: left;
}

.post-image { 
	width: 500px;
	height: 100px;
	padding: 10px;
	background: #e9e9e9;
	border: 1px solid #d6d6d6;
	overflow: hidden;
	margin-bottom: 20px;
	margin-left: 0px;
}

a.readMore {
	width : 69px;
	height : 21px;
	background: url(../images/readmore.png) no-repeat bottom;
	font-family : verdana;
	font-size : 9px;
	color : #ffffff;
	text-align : center;
	margin-top: 15px;
	padding-bottom: 2px;
	float : left;
	clear: both;
	cursor : pointer;
}

a.readMore:hover {
	cursor : pointer;
}

.box { 
	width: 278px;
	background: #f8f8f8;
	border: 1px solid #d4d4d4;
	padding: 10px 10px 10px 15px;
	margin-top: 50px;
	margin-left: 15px;
	margin-bottom: 10px;
}

.box h2 {
	color: black;
}

#col-right .box img {
border:1px solid lightgrey;
float:right;
margin: 5px;
}

/* CONTACT FORM	 */
form label { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 60px; 
	color: #222222; 
	text-align: right; 
	clear: both;
}

form .txtInput { 
	background: url(../images/input_background.png) repeat-x;
	width: 240px; 
	height: 25px; 
	padding: 5px; 
	margin-bottom: 10px;
	font-size: 14px; 
	color: #222222;
	border: 1px solid #cecece;
}

form .txtArea { 
	background: url(../images/input_background.png) repeat-x; 
	width: 515px; 
	height: 115px; 
	border: 1px solid #d7d7d7; 
	padding: 5px; 
}

form .button { 
	width: 100px;
	height: 30px; 
	background: #cecece; 
	margin: 15px 200px;
	font-weight: bold; 
	font-size: 11px; 
	color: #000000; 
	padding: inherit; 
	border: none; 
}

form .button:hover { background: #52bbe2; cursor: pointer;}


/* FOOTER */
#footer { 
	width: 100%; 
	text-align: center; 
	line-height: 12px; 
	float: left; 
	bottom: 0px; 
	position: relative; 
}
 
#footer #wrap { 
	width: 900px; 
	margin: 0px auto; 
	font-size: 10px; 
	color: white; 
	text-align: left;
	line-height: 18px;
	margin-top: 15px;
}

#footer #wrap li {
	list-style-type:circle;
}

.wrap-box{ width: 260px; margin-left: 35px; float: left; }
.wrap-box h4 { 
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	text-align: left; 
	font-size: 14px; 
	border-bottom: 1px dotted lightgrey; 
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
}

#footer a:link, #footer a:active, #footer a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-align: left; }
#footer a:hover { font-weight: bold; text-decoration: none; color: #52bbe2; }

#footer p.copy { text-align: center; padding-top: 30px; clear: both;}
#footer #wrap .link { 
	color: #52bbe2; 
	font-weight: bold; 
	font-size: 10px; 
}

#footer #wrap .link:hover { 
	color: #beee48; 
	text-decoration: underline; 
	font-weight: bold; 
	font-size: 10px; 
}

/* STYLES */

.float-left { float: left; }
.float-right { float: right; }
p { margin: 0px 0px 15px; }
.important { color: #7E0309; font-weight: bold; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.big { font-size: 14px;}

h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 30px; 
	color: #222222; 
	font-weight: bold;
	font-style: normal;
	margin-bottom: 30px;
}

h2 a:link, h2 a:active, h2 a:visited { 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 22px; 
	color: #222222; 
	font-weight: bold;
	font-style: normal;
}

h2 a:hover { text-decoration: underline; }

h3 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

p.categories { float: left; margin: 0px; clear: none; color: #222222; }
p.date { float: right; margin: 0px; margin-right: 10px; clear: none; }

/* HEADLINES STYLE */
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #52bbe2; font-weight: bold; margin-bottom: 10px; margin-top: 60px; }

.icon { margin-right: 18px; float: left; }

.image { margin: 7px; margin-left: 0px; }
.portfolio-img { clear: both; margin-bottom: 5px; }


/* CLEARFIX 100% HEIGHT COLS */

.clearfix:after{ content: " "; display: block; height: 0px;	clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.bulleted-list {
	margin: 10px 10px 10px 15px;	
}

.bulleted-list li {
	list-style: outside;
	list-style-type:circle;
	margin: 0;
	color:black;
}

/* project styles */

.project {
	border-top:1px solid lightgrey;
	margin:15px auto;
	padding:15px 35px;
	position:relative;
	width:690px;
}

.project-thumb-wrapper {
	border:1px solid grey;
	float:left;
	height:200px;
	overflow:hidden;
	width:325px;
}

.project-thumb {	
	width: 350px;
}

.project-text {
	width: 	330px;
	display: inline;
	text-align: left;
	float:right;
}

.project-title {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	color: #7E0309; 
}

.project-location {
	font-size: 1.1em;	
}

.project-description {
	
}

.project-gallery-link, .project-gallery-link a {
	color: black; 
	font-weight: bold;
}

.project-gallery-image-hidden {
	display: none;		
}

/* our team styles */
	
.team-member {
	border-bottom: 1px solid grey;
	padding: 15px 0;
	margin: 0 auto;
	width: 700px;
}

.team-member-pic {
	float: left;
	margin: 15px;
	border: 1px;
}
	
.team .bio { /*
	float: right;
	width: 500px;
*/
}
	
.team h5 {
	font-size: 1.1em;	
	color: #7E0309; 
}

.team h6 {
	font-size: 1em;
	color: black;
	font-style:italic;
}