html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*TYPOGRAPHY*/

body {font-size: 68.75%; font-family: Helvetica, Arial, sans-serif; color: #6a6a6a;}

a {text-decoration: none;}

/*LAYOUT*/


#page {
	width: 900px;
	margin-top: 58px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



#page #header {
	background-image: url(../img/global/header_background_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#page #header h1 {
	background-image: url(../img/global/logo.jpg) no-repeat left top;
	height: 51px;
	width: 152px;
	float: left;
	text-indent: -9999px;
	position: relative;
	bottom: 2px;
	
}
.clear {
	clear: both;
}

#page #header ul {
	float: right;
	padding-top: 29px;
}
#page #header ul li, #footer ul li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-left: 22px;
}
#page #header ul li a{
	padding: 0 0 1px 0;
}
#page #header ul li a, #page #footer ul li a {
	color: #727476;
}

#page #header ul li a:hover, #page #footer ul li a:hover {
	color: #000;
}
#page #header ul li a:hover {
	color: #000;
	border-bottom: 3px solid #000;
}
#page #footer ul li a:hover {
	color: #000;
	border-bottom: 1px dotted #000;
}

#content {margin: 6px 0 0 0;}
#hero h2 {font-size: 30px; color: #329b83; width: 677px; font-family: Georgia, "Times New Roman", serif; line-height: 40px;}
#home #hero {padding: 51px 0 51px 110px;; height: 119px; position: relative; width: 100%;}
#home #hero p {font-size: 14px; margin: -22px 0 0 460px;}

.grid2col {background:url(../img/global/column_grid_bg.jpg) no-repeat left top; padding: 26px 26px 0 26px;}
.grid2col .column.left {float: left; width: 600px;}
.grid2col .column.right {float: right; width: 184px;}

.left p {margin: 0 0 29px 0; line-height: 16px;}
.right p {margin: 0 0 10px 0; font-size: 12px;}
.left h3 {font-size: 16px; color: #000; margin: 0 0 6px 0; font-weight: bold;}
.right h2 {font-size: 16px; color: black; font-family: Arial, Helvetica, sans-serif; padding:0 0 3px 0; font-weight: bold; letter-spacing: -1px; border-bottom: 4px solid #329b83; margin: 0 0 15px 0;}
.left h2, #contact #intro h2 {margin-bottom: 20px;}


#intro {font-size: 14px; line-height: 20px; padding-bottom: 20px; border-bottom: 4px solid #000;}
#intro span.big, .left h2, #contact #intro h2 {font-size: 22px; font-family: Helvetica, Arial, sans-serif; color: #000; letter-spacing: -1px; font-weight: bold;}

#footer {margin: 50px 0 50px 0; border-top: 4px solid #000; text-align: center;}
#footer ul {margin: 14px 0 33px 0;}
#footer ul li {margin:0 12px 0 12px;}

.interior #intro {margin-bottom: 30px;}
.interior #intro p {line-height: 20px;}
.interior .left p {margin: 0;}

.interior #hero {height: 203px; width: 900px; margin-bottom: 12px;}
#whoWeAre #hero {background:url('../img/who_we_are/Hero1.jpg') no-repeat left top ;}
#whatWeDo #hero {background:url('../img/what_we_do/Hero2.jpg') no-repeat left top ;}

#whoWeAre .profile img {float: left; margin-right: 20px; border: 1px solid #b0b8d0;}
#whoWeAre .profile {background:url(../img/who_we_are/Profile_background.jpg) repeat-x left top ; padding: 24px; border: 1px solid #b0b8d0;}
#whoWeAre .profile {margin-bottom: 20px;}

#whatWeDo .grid2col h3 {margin-top: 20px;}
#whatWeDo ul li {margin-top: 6px;}

#contact #hero {background: url('../img/projects/stage_hero.jpg') no-repeat scroll top left; width: 899px; height: 203px;}
#contact #contactInfo {text-align: center; font-size: 14px; line-height: 20px;}

p.disclaimer {
	font-size: 10px;
}
#portfolio #content h2 {
	background-image: url(../img/portfolio/portfolio_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 39px;
	width: 901px;
}