* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial;
	font-size: 12px;
	background: #ffffff url(images/greyscale-building-bg.gif) no-repeat fixed 0px 290px;
}

.showonload {
	/*display: none;*/
}

.clear-both {
	clear: both;
}

/* =layout 
-------------------------------------*/
div#container {
}

div#primary {
	width: 650px;
	position: absolute;
	top: 180px;
	left: 220px;
}

div#footer {
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
	overflow: auto;
	height: 18px;
	width: 540px;
}

div#footer a {
	color: #333;
	border-bottom: 1px dotted #FCB033;
}

div#footer a:hover {
	color: #FCB033;
	border-bottom: 0;
}

div#contactLink {
	width: 450px;
	height: 20px;
	margin: 10px 0;
	position: relative;
	overflow: hidden;
}

div#logo {
	position: absolute;
	top: 40px;
	left: 655px;
}

div#logo a img {
	border: 0;
}

/* =defaults
-------------------------------------*/

ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ol {
	padding: 20px;
	margin: 0;
}

/* -------------------------------------- content areas ----------------*/

/*primary layout
-------------------------------------*/

div#primary div.topcontent {
	min-height: 250px;
}

div#primary div.contentblock {
	padding: 10px 0;
	color: #666;
}

p {
	line-height: 1.5em;
	margin: 7px 2px;
}

a.accordion h2 {
	background-color: #333;
	color: #FCB033;
	padding: 3px;
}

a.accordion:hover h2 {
	color: #333;
	background-color: #FCB033;
}

ul.bulletedlist {
	margin: 7px 0px 7px 20px;
	list-style: disc;
}

ul.bulletedlist li {
	list-style: disc;
}

div#primary div.contentblock a {
}

div#primary div.contentblock a:hover {
}


div#primary div.contact {
	width: 430px;
}

ul.case-studies {
	margin: .75em 0 0 0;
}

ul.case-studies li {
	padding: 0 0 .5em 0;
}

ul.case-studies li a {
	color: #fff;
}

div.contact ul {
	list-style-type: none;
}

div.contact ul li {
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 5px;
}

div.contact ul li span {
	font-weight: bold;
}

div#contactLink a {
	width: 20px;
	height: 20px;
	display: block;
	background: #FCB033 url(Images/contact-btn.gif) no-repeat;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
}

div#contactLink a span {
	display: none;
}

div#contactInfo {
	position: absolute;
	top: 0;
	left: -430px;
	width: 430px;
	height: 19px;
	line-height: 19px;
	border-bottom: 1px dotted #FCB033;
	z-index: 1;
}

div#contactInfo address {
	padding-left: 10px;
	float: left;
	font-style: normal;
}

div#contactInfo abbr {
	padding-left: 10px;
	color: #FCB033;
	font-weight: bold;
	border: 0;
}

div#recentposts-home {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 456px;
	width: 175px;
	height: 156px; /* background: #CCCCCC url(images/recent-posts-bg.gif) no-repeat right bottom;*/
	padding: 10px;
}

div#recentposts-home ul li {
	border-bottom: 1px solid #B2B2B2;
	padding: 5px;
}

div#reelbutton {
	position: absolute;
	left: 457px;
	top: 176px;
	width: 175px;
	height: 60px;
	margin-top: 9px;
}


div#recentposts-home ul li a {
	color: #444;
	text-decoration: none;
}

div#recentposts-home ul li a:hover {
	text-decoration: none;
	color: #fff;
}



/* =layout default values 
------------------------------------------------*/

.primarycontainer {
	float: left;
	width: 460px;
}

.secondarycontainer {
	float: right;
}


.primarycontent {
	color: #666;
	width: 320px; /* total width is 360px; */
	background: #A3A3A3 url(Images/roundedcorner_upperleft.gif) no-repeat left top;
	float: right;
	padding: 20px;
}



/* =layout   =about landing page section 
------------------------------------------------*/

a#crest-btn {
	display: block;
	width: 147px;
	height: 26px;
	background: #fff url(Images/btn-crest.gif) no-repeat;
	margin-top: 5px;
}
a#crest-btn:hover {
	background: #fff url(Images/btn-crest-over.gif) no-repeat;
}

a#crest-btn span {
	display: none;
}

body.aboutindex {
	background: #ffffff url(images/aboutpage-bg.gif) no-repeat fixed 0px 290px;
}

body.aboutindex .primarycontainer {
	float: left;
	width: 362px;
}

body.aboutindex .secondarycontainer {
	float: right;
	width: 280px;
	color: #fff;
}

body.aboutindex .secondarycontainer ul {
	margin-bottom: 15px;
}

body.aboutindex .secondarycontainer a {
	color: #fff;
}
body.aboutindex .secondarycontainer ul li {
	list-style: none;
	margin-left: 20px;
}

body.aboutindex .secondarycontainer .affiliations ul li {
	padding: 3px 0;
}


body.aboutindex .secondarycontainer .affiliations {
	background: #fcb033 url(Images/orange-corner-bottomright.gif) no-repeat bottom right;
	padding: 15px;
	color: #fff;
}






body.aboutindex .secondarycontainer .affiliations {
	background: #fcb033 url(Images/orange-corner-bottomright.gif) no-repeat bottom right;
	padding: 15px;
	color: #fff;
}


body.aboutindex .primarycontent {
	width: 322px;
	background: #A3A3A3 url(Images/grey_corner_top_left.gif) no-repeat left top;
}


body.aboutindex .primarycontent h2 {
	color: #333;
	font-size: 13px;
	margin-bottom: 20px;
}

body.aboutindex .primarycontent ul li {
	border-bottom: 1px solid #fff;
}

.aboutintro {
}


.affiliations {
	background: #A3A3A3 url(Images/roundedcorner_lowerright_rp.gif) no-repeat right bottom;
	padding: 10px;
	color: #fff;
	clear: right;
}

/* =layout   =case studies
------------------------------------------------*/
body.case-studies .primarycontent {
	color: #000;
}

body.case-studies .primarycontent h2 {
	padding: 0 0 10px 0;
	font-size: 22px;
	color: #fff;
}

body.case-studies .primarycontent h3 {
	padding: 20px 0 0 0;
	font-size: 18px;
	color: #fff;
}

body.case-studies .primarycontent ul {
}

body.case-studies .primarycontent li {
	margin: 0 0 0 15px; padding: 0 0 5px 0;
	list-style-type: square;
}

body.case-studies .case-studies-intro {
	padding-top: 23px;
}

body.case-studies p.contactinfo {
	color: #666;
}

body.case-studies p.contactinfo a {
	color: #000;
}

ul.gallery_case-studies {
	margin: 0; padding: 10px 0 20px 0;
}

body.case-studies ul.gallery_case-studies li {
	margin: 0; padding: 0 14px 15px 0;
	float: left;
	list-style-type: none;
}

body.case-studies ul.gallery_case-studies li.last {
	margin: 0; padding-right: 0;
}

ul.gallery_case-studies a img {
	border: 2px solid #fff;
}

ul.gallery_case-studies a:hover img {
	border: 2px solid #FCB033;
}

a.btn-case-studies {
	margin: 3px 0 0 0;
	width: 80px;
	height: 19px;
	display: block;
	background: top left no-repeat url(/app_themes/white/images/btn-case-studies.gif);
	outline: none;
	text-indent: -999em;
}

/* =layout   =about section subpages
------------------------------------------------*/

body.about .primarycontainer {
	float: left;
	width: 460px;
}

body.about .secondarycontainer {
	float: right;
}


body.about .primarycontent {
	color: #666;
	width: 320px; /* total width is 360px; */
	background: #A3A3A3 url(Images/roundedcorner_upperleft.gif) no-repeat left top;
	float: right;
	padding: 20px;
}

div.selectedworks {
	margin-top: 10px;
	padding: 0px;
	color: #000;
	background: #fcb033 url(Images/roundedcorner_upperright_address.gif) no-repeat right top;
}

div.selectedworks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.selectedworks ul li {
	padding: 5px 0 0 5px;
}

div.selectedworks a {
	color: #000;
}

#see-our-work-btn {
	position: absolute;
	top: 418px;
	*top: 413px;
	left: 100px;
}


/* =layout   =contact 
------------------------------------------------*/

body.contact .primarycontainer {
	float: right;
	width: 442px;
}

body.contact .secondarycontainer {
	float: left;
	width: 200px;
}

body.contact .primarycontent {
	float: left;
	background: #A3A3A3 url(Images/roundedcorner_lowerright_rp.gif) no-repeat right bottom;
}


body.aboutindex .primarycontent ul {
}

body.aboutindex .primarycontent ul li {
}

.aboutintro, .case-studies-intro {
	background: #fcb033 url(Images/orange-corner-upperleft.gif) no-repeat left top;
	padding: 15px;
	color: #fff;
}



/* =layout   =news section 
------------------------------------------------*/

body.news .primarycontainer {
	float: left;
	width: 405px;
	padding: 20px;
	background: #DFDFDF;
}


body.news .primarycontainer a {
	text-decoration: underline;
}


body.news .secondarycontainer {
	float: left;
	width: 200px;
	margin-left: 5px;
}

body.news .secondarycontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.recentposts {
	background: #A3A3A3 url(Images/roundedcorner_lowerright_rp.gif) no-repeat right bottom;
	padding: 10px;
}
div.recentposts ul li {
	background: #A3A3A3;
	padding: 5px;
}

div.recentposts ul li {
	background: #A3A3A3;
	border-bottom: 1px solid #7b7b7b;
}


div.archives {
	margin-top: 10px;
	padding: 10px;
	color: #000;
	background: #fcb033 url(Images/roundedcorner_upperright_address.gif) no-repeat right top;
}

.secondarycontainer h3 {
	color: #3c3c3c;
	text-transform: uppercase;
}

/* =layout   =location section 
------------------------------------------------*/

body.location .primarycontainer {
	float: left;
	width: 495px;
}

body.location .secondarycontainer {
	float: right;
	width: 150px;
}


body.location .primarycontent {
	color: #666;
	width: 320px; /* total width is 360px; */
	float: right;
	padding: 0px;
}



.getdirections {
	background: 36d6d6d;
}

.directionsbutton {
	margin: 3px;
}


/* =layout   =location section 
------------------------------------------------*/

body.location .primarycontainer {
	width: 490px;
	position: relative;
}
body.location .secondarycontainer {
	width: 150;
}

div#route {
	position: absolute;
	left: 0px;
	top: 290px;
	height: 200px;
	width: 490px;
	background-color: #fff;
	overflow: scroll;
	filter: alpha(opacity=70);
	-moz-opacity: .70;
	opacity: .70;
}



/* =layout   =staff bio section 
------------------------------------------------*/

body.staffbio .primarycontainer {
	width: 650px;
}


body.staffbio .primarycontainer {
	float: left;
	width: 265px;
}

body.staffbio .secondarycontainer {
	float: right;
	width: 380px;
}

body.location .primarycontent {
	color: #666;
	width: 320px; /* total width is 360px; */
	float: right;
	padding: 0px;
}

body.staffbio .biocontact {
	width: 200px;
	margin: 0 0 10px 0;
	padding: 10px;
	color: #000;
	background: #fcb033 url(Images/roundedcorner_upperright_address.gif) no-repeat right top;
	color: #fff;
}


body.staffbio .biodescription {
	background: #A3A3A3 url(images/grey-corner-biodesc.gif) no-repeat right bottom;
	padding: 10px;
	min-height: 210px;
}

/* Case Studies */
body.case-studies .primarycontainer {
	float: right;
	width: 442px;
}

body.case-studies .secondarycontainer {
	float: left;
	width: 200px;
}

body.case-studies .primarycontent {
	float: left;
	width: 402px; /* Total width is 442 with padding */
	background: #A3A3A3 url(Images/roundedcorner_lowerright_rp.gif) no-repeat right bottom;
}

.biodescription a {
	color: #fff;
	text-decoration: none;
}

.biodescription a:hover {
	text-decoration: underline;
	color: #333;
}



img.backtostaff {
	border: 0;
	margin-top: 5px;
}


/*secondary 
-------------------------------------*/
div#secondary div.contentblock {
	padding: 10px 0;
}
div#secondary div.contentblock h3 {
	font-size: 11px;
	padding-left: 20px;
	text-transform: uppercase;
}



div#secondary div.contentblock p {
	padding: 5px 5px 5px 20px;
}


div#secondary div.contentblock ul {
	list-style: none;
	margin-left: 20px;
	margin-bottom: 10px;
}

div#secondary div.lines {
	width: 190px;
	height: 2px;
	margin: 10px 0;
	background: url(Images/lines.gif) no-repeat;
}

div#secondary div.greybox {
	background: #ccc url(Images/grey-corner-br.gif) bottom right no-repeat;
	min-height: 100px;
	padding: 5px;
}

div#secondary div.orangebox {
	background: #FCB033 url(Images/orange-corner-tr.gif) top right no-repeat;
	min-height: 40px;
	padding: 5px;
}


/*bio 
-------------------------------------*/
div#staffgrid a img {
	border: 0;
}

div#staffgrid img {
	padding: 3px;
}


div.bio {
	position: relative;
	height: 421px;
}

div.bio img {
	position: absolute;
}

div#primary div.bio p {
	position: absolute;
	width: 400px;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 25px;
	background-color: #000;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}

div.bioinfo {
	height: 160px;
}

div.bioinfo p {
	padding-left: 15px;
}

div.bioinfo, div.bioinfo a {
	color: White;
}

div.bioinfo span {
	text-transform: uppercase;
}

/* =text  =typography
-------------------------------------*/

a {
	color: #444;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #000;
}

h1 {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-transform: uppercase;
	letter-spacing: -1px;
}

a.close {
	color: #FCB033;
	padding-left: 5px;
}

img.faded {
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;
}

img.nofade {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

f {
	margin-top: 20px;
}

h4 {
	margin: 10px 0 0 0;
	color: #fff;
}

h5 {
	border-bottom: 1px solid #FFF;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-size: 12px;
	color: #FFFFFF;
}

.hide {
	display: none;
}
.show {
	display: block;
}

div#map {
	color: #333;
}

div.address {
	margin: 0;
	padding: 0px;
	color: #000;
	background: #fcb033 url(Images/roundedcorner_upperright_address.gif) no-repeat right top;
}

div.address address {
	font-style: normal;
	color: #fff;
	padding: 10px;
}

div.directions {
	background: #6d6d6d url(Images/roundedcorner_lowerright_gd.gif) no-repeat right bottom;
	margin-bottom: 10px;
	color: #fff;
	padding: 10px;
}

div.directions ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

input.button {
	border: 1px solid #000;
	text-transform: uppercase;
	font-size: 10px;
	padding: 2px 10px;
	background-color: #f5f5f5;
	color: #FCB033;
	font-weight: bold;
	margin: 2px;
}

input.button:hover {
	border: 1px solid #fff;
	background-color: #333;
}

div.sitemap {
	padding: 10px 0;
	color: #666;
	width: 400px;
	padding: 25px;
	color: #000;
	background-color: #f6f6f6;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}

div.sitemap a {
	text-transform: uppercase;
	font-size: 10px;
	color: #999;
}

/* footer styles */
div#footer div {
	position: relative;
	height: 18px;
	width: 540px;
	background-color: #eee;
	line-height: 18px;
	float: left;
	left: 526px;
}

div#footer div a#footerbtn {
	position: relative;
	height: 18px;
	width: 14px;
	display: block;
	float: left;
	padding-right: 5px; /*background: url(images/right-arrow.gif) top left no-repeat;*/
}
div#footer div a.footeropen {
	background: #eee url(images/left-arrow.gif) top left no-repeat;
}
div#footer div a.footerclose {
	background: #eee url(images/right-arrow.gif) top left no-repeat;
}

div#footer div a#footerbtn span {
	display: none;
}

div#newsletter {
	position: absolute;
	right: 10px;
	bottom: 19px;
	width: 370px;
	height: 20px;
	background: #fff;
	white-space: nowrap;
	background-color: #333;
	padding: 3px;
}

div#newsletter input.txt {
	font-size: 12px;
	width: 120px;
	padding: 2px;
	border: 1px solid #999;
	position: relative;
	top: 0;
	left: 0;
}

div#newsletter-message {
	color: #999;
}

div#newsletter label {
	color: #999;
	text-transform: lowercase;
	padding-left: 5px;
}

div#newsletter input.button {
	height: 19px;
	width: 14px;
	position: relative;
	top: 1px;
	left: 0;
	border: 1px solid #999;
}



.message {
	text-align: left;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 30px;
	font-size: 14px;
	margin: 0 auto 12px auto;
	margin-right: 7px;
}

.good {
	border-color: #9c9;
	color: #060;
	font-weight: bold;
	background: url(/assets/images/alertgood_icon.gif) #E2F9E3 left no-repeat;
}
.alert {
	border-color: #D4B743;
	color: #C3A83E;
	font-weight: bold;
	background: url(/assets/images/alert_icon.gif) #FBF7E6 left no-repeat;
}

.bad {
	border-color: #c99;
	color: #fff;
	font-weight: bold;
	background: url(/assets/images/alertbad_icon.gif) #c00 left no-repeat;
}

/*SOCIAL MEDIA LINKS*/
#social-media{
	position:absolute;
	top:265px;
	left:610px;
}

#social-media img{
	border:none;
}