html { background-image:url('/img/bgd_stripes.png');
	background-repeat: repeat-y; background-position: top center; height: 100%;}

body { color: /*#e5e5e2*/ #000000; margin: 0 auto; width: 100%; border: 1px solid #ffffff; border-left: 0; border-right: 0; border-bottom: 0;
	text-align: center; padding: 0;  font-family: "futura-pt", sans-serif; 
}

img { border: 0; }

p, ul, li {font-size: 16px; font-weight: 400; font-style: normal;}
h1 {font-size: 21px; font-weight: 500; font-style: normal;}
h2 {font-size: 20px; font-weight: 500; font-style: normal;}
h3 {font-size: 17px; font-weight: 300;}
h4 {font-size: .95em;}
a {color: #edf2b3; }

a:visited { color: #dcccb3; }
a:active { color: #ffffff; }
a:hover {color: #dcccb3; }


img.cover {float: right; }
div#content_container{ position: relative;
	background-image:url('/img/content_bgd.png');
	background-repeat: repeat-y; background-position: top center; color: #ffffff;
	margin: 0 auto 0 auto; text-align: left; padding: 0; width: 100%; /* background-color:  #e3fafa; */   }
div#header { height: 190px; width: 936px; margin: 0 auto 0 auto; padding: 0 7px 0 7px; text-align: left; }
#main_img img { margin: 25px 0 10px 0; border: 1px solid #888888; }
#thumbnails img { margin: 0 5px; border: 1px solid #888888; }

div#content_box{ position: relative; width: 950px; margin: 0 auto; }
div#primary {  text-align: left; float: right; width: 612px; margin: 0; padding: 15px 35px 10px 43px; }

div#primary.hometiles { text-align: center; padding: 5px; width: 685px; margin: 0 auto; }

div#secondary {  margin: 0px; padding: 0px 0px 70px 0px; float: left; width: 250px; }

div#secondary h3 { margin: 30px 0 5px 0; }
div#secondary p { margin: 3px 0 10px 0; }

div.publication { clear: both; }
div.publication img {float:right; margin: 0 0 10px 10px;}

div#menu { height: 12px; width: 250px; float: left; margin:0 auto; padding:127px 0 0 0;
	
}
div#menu p {float:left; margin: 0 1px 0 1px; font-size: 12px; color: #f5f5f2;}
div#menu * a, div#menu * a:visited {color: #ffffff; text-decoration:none;}
div#menu * a:hover {text-decoration: underline;}

div#logo { height: 27px; padding: 102px 0 16px 0; float: left; text-align: center; width: 686px; }

p.breadcrumb { margin: 0 0 45px 0; }
p.welcome { margin: 15px 0 20px 0; font-weight: bold; padding: 20px 0 20px 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}


div.update_item { margin: 0 0 40px 0; }
h2 { margin:0; }
p.update_infoline { font-size: .9em; margin: 0; }
p { margin: 5 0 0 0; }

div#footer { width: 950px; margin: 0 auto 0 auto; color: #ffffff; padding: 0; }
div#footer p { color: #000000; width: 930px; margin-top: 20px; margin-right: 25px; text-align: right; float:right; }

div#footer div.footer_quote { float: left; }



img.home_tile { margin: 12px 5px 10px 5px; }

img.home_cities { float:right; padding: 0; margin: 10px 15px 0 5px;}
/*img.homepage_quote { margin: 262px 0 0 0; }*/
img.homepage_quote { position: absolute; bottom:0; left:0; }
img.default_quote { margin: 0 700px 0 0; }
img.menu { margin: 0; padding: 0; }
img.media_shot {float: right; margin: 0 25px 0 25px; }

div#primary.contact {}

div#primary.contact h2 {margin: 0; padding:0;}
div#primary.contact h4 {margin: 0 0 10px 0; padding:0;}
ul.contact {list-style:none; list-style-position: outside; margin: 0; padding: 0;}
ul.contact li {margin: 0px; padding: 0;}

div.media_story {float: left; margin: 0 0 20px 0;}

div.project_tile { width: 280px; height: 220px; margin: 0 20px 14px 0; float: left; }
div.project_tile h3 {margin: 0; padding: 0;}
div.project_tile h4 {margin: 0; padding:0; }

/* text-align: left; float: right; width: 612px; margin: 0; padding: 15px 35px 10px 43px; */
div#primary.project_image { text-align:center; width: 695px; padding: 30px 0 70px 0; margin:0 auto; }
div#primary.project_image h2 {color: #000000; margin:0; padding: 5px 30px; font-size: 1em; }
div#primary.project_image p {color: #000000; margin:0; padding:5px 30px;}

div#secondary * div.thumbnail_off { float: left; width: 72px; height: 72px; padding: 2px; margin: 0 2px 2px 2px; }
div#secondary * div.thumbnail_off:hover {background-color: #878066; }
div#secondary * div.thumbnail_on { float: left; width: 72px; height: 72px; padding: 2px; background-color: #ffffff; margin: 0 2px 2px 2px;}

p.breadcrumb {text-align: left; margin: 0 0 25px 10px; }

div#secondary div.thumbnails {border-top: 0px solid #ffffff; border-bottom: 1px solid #000; margin: 0 5px 0 5px; }
div#secondary div.thumbnails h1 {margin: 0 0 0 0; }
div#secondary div.thumbnails h3 {margin: 0 0 0 10px; }
div#secondary div.thumbnails h4 {font-weight: normal; margin: 0 0 10px 0; }

p.thumb_escape { margin: 0 0 20px 10px; float:left; width: 240px; }

div.contact_box { width: 200px; float: right; }

hr.press_divider {margin: 20px 0 20px 0; background-color: #e5e5e2;  }

a.project_title, a.project_title:active, a.project_title:visited { color: #ffffff; text-decoration: underline; }

p.project_testimonial { }

div.prevnext { height: 21px; width: 200px; margin: 0 auto; padding: 0 200px 3px 200px; }

div.prevnext a.prev {float: left;}
div.prevnext a.next {float:right;}

/*
*	Setup
*/
ul.cssmenu {
	list-style: none;
	padding: 0px;
	margin: 3px 0px 5px 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	border-bottom: 1px solid #000;

	}

ul.cssmenu li a {
	display: block;
	width: 110px;
	height: 25px;
	background: url('/img/menu/menu_sprite.png');
	}

/*
*	Normal Links
*/
ul.cssmenu li.home a {
	background-position: -110px -25px;
	}

ul.cssmenu li.projects a {
	background-position: 0px -25px;
	}

ul.cssmenu li.about a {
	background-position: -220px -25px;
	}

ul.cssmenu li.contact a {
	background-position: -330px -25px;
    }

/*
*	Hover Links
*/
ul.cssmenu li.home a:hover {
	background-position: -110px -49px;
	}

ul.cssmenu li.projects a:hover {
	background-position: 0 -49px;
	}

ul.cssmenu li.about a:hover {
	background-position: -220px -49px;
	}

ul.cssmenu li.contact a:hover {
	background-position: -330px -49px;
	}

/*
*	Clicked Links
*/
ul.cssmenu li.home a:active {
	
	}

ul.cssmenu li.blog a:active {
	
	}

ul.cssmenu li.contact a:active {
	
	}

/*
*	Selected/Active Links
*/
ul.cssmenu li.home a.selected {
	background-position: -110px 0;
	}

ul.cssmenu li.projects a.selected {
	background-position: 0 0;
	}

ul.cssmenu li.about a.selected {
	background-position: -220px 0;
	}

ul.cssmenu li.contact a.selected {
	background-position: -330px 0;
	}

div.chiclets {margin: 0; padding: 0 5px; }

/* Super Massive CSS-Sprite Social Media Icon Set Start */
ul.socialicons 						{ list-style-type: none; }
ul.socialicons li					{ list-style-type: none; display: inline; float: left; padding: 0 5px 0 0; }
ul.bw li a 						    { background: url('/img/chiclets/chiclet_sprite_2.png') no-repeat 0 0; }
ul.socialicons li a 				{ text-indent: -9999px; width: 32px; height: 33px; display: block; overflow: hidden; margin: 2px; }
									
									
/* Each icon's sprite coordinates */
ul.socialicons li a.linkedin 			{ background-position: 0 -33px; }
ul.socialicons li a.linkedin:hover 	{ background-position: -38px -33px; }
ul.socialicons li a.tumblr 					{ background-position: 0 -66px; }
ul.socialicons li a.tumblr:hover 			{ background-position: -38px -66px; }
ul.socialicons li a.facebook 				{ background-position: 0 0px; }
ul.socialicons li a.facebook:hover 		{ background-position: -38px 0px; }
ul.socialicons li a.pinterest 				{ background-position: 0 -99px; }
ul.socialicons li a.pinterest:hover 		{ background-position: -38px -99px; }

div.tn-gallery h2 {font-size: 1.4em; }
div.tn-gallery a img {border: 0px;}
div.tn-gallery div.tn {width: 125px; height: 125px;margin: 10px; border: 1px solid #dedcd0; float: left; box-shadow: 2px 2px 2px #7b715e; }
div.tn-gallery div.tn:hover {border: 1px solid #7b715e;}