/* @override 
	http://localhost:8888/andersson_wise-production/css/style.css?v=2
	http://use.typekit.com/k/ndd2tta-b.css?3bb2a6e53c9684ffdc9a9bf51d5b2a62c96de82d85c740a9a6cf0068ce537161b9a72dcd7368433a3de693a15649aedbe0237c6779ff4ac64c42c7857d7d25e7d54870c3e62c9080f883d11c4c4c41afa45c36dbcbcede5a8f3816862ca5cb7f53c8147dc65eed1a2ca14f0d5dd4d24ce27141aaafd2abf45324eb688ad70023ed37a561cc87fb8f21
*/

/* @group Common */

/* @group MEYERS RESET RELOADED 

http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

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%;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	font-family: "minion-pro-1","minion-pro-2", "Times New Roman", serif;
	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: "" "";
}

/* @end */

body {
	height: 100%;
	margin: 0;
	padding: 50px 0 0;
	background: #dedede url(../images/common/bg_gradient.png) repeat-x left top;
}

div#container {
	
}

/* FLOAT CLEARING 

Add any elements you need to clear to the following statement */

div#image-holder:after,
div#thumbs-holder:after,
#project-controls div#image-controls:after, div.news-item:after,
body#studio div#studio-holder:after,
body#studio div#contact-footer:after,
body#studio div#team-content:after,
div#monograph-holder:after,
body#contact div#contact-holder:after,
body#contact form:after,
div#success-holder:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

div#image-holder,
div#thumbs-holder,
#project-controls div#image-controls,
div.news-item,
body#studio div#studio-holder, body#studio div#contact-footer,
body#studio div#team-content,
div#monograph-holder,
body#contact div#contact-holder,
body#contact form,
div#success-holder {
	zoom: 1;
}

/* @group HACKS AND FIXES */

/* always force a scrollbar in non-IE: */

html {
	overflow-y: scroll;
}

/* accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */

a:hover, a:active {
	outline: none;
}

/* bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */

.ie7 img {
	-ms-interpolation-mode: bicubic;
}

/* @end */

/* @group Navigation */

#nav-container {
	width: 170px;
	height: 170px;
	overflow: hidden;
	background-color: #fffeff;
	opacity: 0.95;
	position: fixed;
	z-index: 9999;
	margin-top: 50px;
	margin-left: 50px;
	top: 0;
	left: 0;
}

#nav-container h1, #nav-container ul {
	margin-left: 22px;
}

#nav-container h1 a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 15px;
	display: block;
	margin-top: 20px;
	color: #444;
	background: url(../images/common/aw_logo.png) no-repeat left top;
	text-indent: -9999px;
}

.ie7 #nav-container h1 a {
	font-size: 13px;
}

#nav-container ul {
	margin-top: 10px;
}

#nav-container ul a:link, #nav-container ul a:visited {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0;
	display: block;
	line-height: 19px;
	color: #5c5c5c;
	
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	-chrome-transition: 0.3s;
	transition: 0.3s;
}

#nav-container ul a:hover, 
#nav-container ul li#current-section a {
	color: #54a16d;
}

/* @end */

/* @group Subnav */

ul#subnav {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	margin-top: 262px;
	margin-left: 50px;
}

ul#subnav a {
	color: #5a5a5a;
	text-decoration: none;
	line-height: 23px;
	padding-left: 22px;
	display: block;
	font-size: 13px;
	letter-spacing: 0;
}

#subnav a:hover, #subnav a#active-category {
	background: url(../images/common/subnav_arrow.png) no-repeat 6px center;
}

#subnav h4 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 7px;
	margin-left: 22px;
}

/* Set the Main Color */

#subnav a:hover, #subnav a#active-category, #subnav h4 {
	color: #538664;
}

/* @end */

/* @group Content Section Commonalities */

body#news div#nav-container, body#studio div#nav-container, body#monograph div#nav-container, body#contact div#nav-container, body#success div#nav-container {
	opacity: 1.0;
}

div#news-holder, div#studio-holder, div#monograph-holder, div#contact-holder, div#success-holder {
	background-color: #fff;
	color: #555;
	padding-bottom: 55px;
	margin: 0 50px 50px 232px;
}

#news-holder h2, #studio-holder h2, #monograph-holder h2, #contact-holder h2, #success-holder h2 {
	margin-left: 9%;
	padding-top: 52px;
	padding-bottom: 15px;
	font-size: 26px;
	margin-right: 9%;
	border-bottom: 6px solid #444;
	color: #444;
	letter-spacing: 0;
	margin-bottom: 71px;
}



/* @end */

/* @group White Portrait Borders */

#topBar {
	width: 100%;
	height: 30px;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

#rightBar {
	width: 30px;
	height: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
}

#bottomBar {
	width: 100%;
	height: 30px;
	background-color: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100;
}

#leftBar {
	width: 30px;
	height: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

/* Hide the side bars if we want to */

body#none #topBar, body#none #rightBar, body#none #bottomBar, body#none #leftBar {
	display: none;
}

/* @end */

/* @end */

/* @group Home */

body#home {
	background-color: #000;
	background-image: none;
}

body#home div#container {
	
}

/* @group Featured Primary */

/* Formatting for Featured Primary Title and Location are described in the projects section under PROJECT DESCRIPTION */

a#featured-primary-link {
	display: block;
	width: 72%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	opacity: 0;
	background-color: #000;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	transition: opacity 0.4s;
	text-indent: -9999px;
}

.ie7 a#featured-primary-link {
	background-color: transparent;
	background-image: url(../images/home/transparent_block-ie7.png); /* Links in IE7 with a transparent background and no text are not clickable, so we have to add a "spacer" img :-( */
}

.ie8 a#featured-primary-link {
	filter:alpha(opacity=0);
}

a#featured-primary-link:hover {
	opacity: 0.07;
}

/* @end */

/* @group Right Content */

div#right-content {
	width: 27%;
	min-width: 230px;
	margin-right: 0;
	border-left: 12px solid #fff;
	position: absolute;
	top: 0;
	right: 0;
	background: #111 url(../images/common/gradient_bg-dark.png) repeat-x;
	bottom: 0;
	height: 100%;
}

/* @group Featured Secondary */

div#featured-secondary {
	height: 49%;
	overflow: hidden;
	position: relative;
	border-bottom: 11px solid #fff;
	width: 100%;
	display: block;
}

#secondary-outer-wrap {
	display: block;
	height: 100%;
	background-color: #051e00;
	width: 91%;
	color: #fff;
	
	opacity: 0.8;
	text-align: center;
	text-decoration: none;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	
	-webkit-transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	-o-transition: background-color 0.4s;
	-ms-transition: background-color 0.4s;
	transition: background-color 0.4s;
	z-index: 1;
	position: absolute;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	padding-right: 5%;
	padding-left: 5%;
}

.ie7 #secondary-outer-wrap {
	background-image: url(../images/home/secondary_featured-bg-ie.png);
	background-color: transparent;
}

a#secondary-outer-wrap:hover {
	background-color: #040c01;
}

.ie7 a#secondary-outer-wrap:hover {
	background-color: transparent;
}

#secondary-text-wrap {
	position: relative;
	top: 35%;
	display: block;
}

#secondary-award-short-title {

	display: inline-block;
	color: #fff;
	font: italic 10px/14px "minion-pro-1","minion-pro-2", "Times New Roman", Times;
	padding-top: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#secondary-subhead {
	font-size: 11px;
	line-height: 17px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#secondary-title {
	font: 24px/28px "minion-pro-1","minion-pro-2", "Times New Roman", Times;
	text-transform: uppercase;
	display: inline-block;
}

#secondary-description p {

	display: inline-block;
	color: #fff;
	padding-top: 14px;
	letter-spacing: 1px;
	line-height: 16px;
	font-size: 11px;
	text-align: left;
	padding-right: 5%;
	padding-left: 8%;
}

div#featured-secondary img {
	min-height: 500px;
	min-height: 300px;
	margin-left: -4%;
	position: absolute;
	height: 100%;
}



/* @end */

/* @group About Content */

div#right-content div#about-content {
	color: #dedede;
	font-size: 14px;
	line-height: 23px;
	padding-left: 14%;
	padding-right: 13%;
	padding-top: 11%;
}

div#right-content div#about-content p {
	padding-top: 3%;
}

div#about-content img {
	margin-left: -6px;
}



/* @end */



/* @end */



/* @end */

/* @group Studio */

/* @group VISION */

body#studio div#content {
	margin-left: 9%;
	margin-right: 9%;
	font-size: 17px;
	line-height: 27px;
	margin-top: -9px;
}

body#studio div#contact-footer {
	margin-left: 9%;
	margin-right: 9%;
	margin-top: 80px;
}

body#studio a#email-link, body#studio a#facebook-link {
	display: block;
	width: 36px;
	height: 36px;
	text-indent: -9999px;
	margin-right: 9px;
	float: left;
}

body#studio a#facebook-link
{
	background: url(../images/studio/facebook_link_icon.png) no-repeat left top;
}

body#studio a#facebook-link:hover
{
	background: url(../images/studio/facebook_link_icon.png) no-repeat left bottom;
}

body#studio a#email-link
{
	background: url(../images/studio/email_link_icon.png) no-repeat left top;
}

body#studio a#email-link:hover
{
	background: url(../images/studio/email_link_icon.png) no-repeat left bottom;
}

div#contact-footer p {
	font: 12px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #888;
	float: left;
	width: 75%;
	margin-left: 10px;
}

div#contact-footer p strong {
	text-transform: uppercase;
	font-size: 11px;
	color: #444;
	font-weight: bold;
}

div#contact-footer p a {
	color: #777;
}

/* @end */

/* @group PRINCIPALS */

body#studio div.principal-holder {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

body#studio img.principal-photo {
	width: 24%;
	max-width: 100%;
	float: left;
	clear: left;
	margin-right: 5%;
}

body#studio div.principal-info {
	float: left;
	width: 62%;
}

.principal-info h3 {
	font-size: 17px;
}

.principal-info h3 span {
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #777;
	letter-spacing: 1px;
}

.principal-info p {
	margin-top: 15px;
	font: 12px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.principal-info a.show-hide-extended {
	line-height: 26px;
	display: inline-block;
	padding-left: 22px;
	padding-right: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	color: #555;
	background: #e8e8e8 url(../images/news/source_link_arrow.png) no-repeat 8px center;
	letter-spacing: 0;
	margin-top: 18px;
	float: left;	
	
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.principal-info a.show-hide-extended:hover {
	background-color: #d8d8d8;
	color: #333;
}



/* @end */

/* @group OUR TEAM */

body#studio div#team-content {
	margin-left: 9%;
	overflow: hidden;
	margin-top: -7px;
}

div#team-content div.member {
	float: left;
	font: 11px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	margin-bottom: 25px;
	width: 32%;
	min-width: 180px;
}

div#team-content div.member.principal {
	margin-bottom: 2px;
}

div.member h3 {
	font: 15px "minion-pro-1","minion-pro-2";
	color: #444;
	margin-bottom: 5px;
}

div.member a {
	color: #666;
	text-decoration: none;
}

div.member a:hover {
	text-decoration: underline;
}

div#team-content div#divider {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	clear: left;
	height: 10px;
	width: 91%;
	margin-bottom: 30px;
}



/* @end */



/* @end */

/* @group Projects */

body#projects {
	background: #111 url(../images/common/gradient_bg-dark.png) repeat-x;
}

body#projects ul#subnav a {
	color: #fffeff;
}

body#projects #subnav a:hover, body#projects #subnav a#active-category{
	color: #538664;
}

/* @group Project Selection */

div#thumbs-holder {
	float: left;
	margin-right: 34px;
	margin-top: 0;
	margin-left: 232px;
	padding-bottom: 53px;
}

#thumbs-holder h3 {
	position: absolute;
	color: #202020;
	top: 0;
	left: 0;
}

div.project-thumb {
	width: 170px;
	height: 170px;
	overflow: hidden;
	margin-right: 12px;
	margin-bottom: 12px;
	background: #262626;
	display: block;
	float: left;
	position: relative;
}

.project-thumb.loading-thumb {
	background-image: url(../images/common/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 18px 18px;
}

.project-thumb a {
	width: 170px;
	height: 170px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0 10px;
	line-height: 20px;
	letter-spacing: 2px;
	display: table-cell;
	vertical-align: middle;
	background-color: #000;
	opacity: 0;
	top: 0;
	left: 0;
	
	-webkit-transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0);
	-moz-transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0);
	-o-transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0);
	-ms-transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0);
	transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0);
	position: relative;
	z-index: 1;
}

.ie7 .project-thumb a {
	display: block;
	padding: 40px 0 0;
	background-color: transparent;
	background-image: url(../images/home/transparent_block-ie7);
	text-indent: -9999px;
}

.ie8 .project-thumb a {
	filter:alpha(opacity=0);
}

.project-thumb a:hover {
	opacity: 0.8;
}

.ie7 .project-thumb a:hover {
	text-indent: 0;
	background-image: url(../images/projects/black_transparent_block-ie7.png);
}

.ie8 .project-thumb a:hover {
	filter:alpha(opacity=80);
}

.project-thumb a span {
	font: 10px/15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 15px;
	display: block;
}

.project-thumb img {
	position: absolute;
	top: 0;
	z-index: 0;
	display: none;
	left: 0;
}

/* @end */

/* @group Individual Project */

/* @group PROJECT DESCRIPTION */

h2#project-title {
	color: #fff;
	position: absolute;
	left: 50px;
	bottom: 75px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 18px;
}

h4#project-location {
	position: absolute;
	left: 50px;
	bottom: 58px;
	color: #fff;
	text-transform: uppercase;
	font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
}

h2#project-title, h4#project-location {
	text-shadow: 1px 1px 3px #000;
}

div#project-description {
	background-color: #fefefe;
	width: 420px;
	height: 0;
	position: absolute;
	bottom: 0;
	left: 50px;
	overflow: hidden;
	-webkit-transition: 0.25s cubic-bezier(0, 0, 0.2, 1.0);
	-moz-transition: 0.25s cubic-bezier(0, 0, 0.2, 1.0);
	-o-transition: 0.25s cubic-bezier(0, 0, 0.2, 1.0);
	-ms-transition: 0.25s cubic-bezier(0, 0, 0.2, 1.0);
	transition: 0.25s cubic-bezier(0, 0, 0.2, 1.0);
}

div#project-description.revealed {
	height: 170px;
}

#project-description h5 {
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: 14px;
	color: #333;
	margin-top: 24px;
	margin-left: 29px;
}

#project-description h6 {
	text-transform: uppercase;
	margin-left: 29px;
	font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 0;
	margin-top: 3px;
	margin-bottom: 12px;
	color: #3f7b4c;
}

#project-description p {
	line-height: 19px;
	color: #555;
	margin-left: 29px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: none;
	font-size: 13px;
}

/* @end */

/* @group DESCRIPTION CONTROLS */

div#project-description-controls {
	float: right;
	width: 69px;
}

#project-description-controls a {
	display: block;
	float: left;
	width: 23px;
	height: 23px;
	text-transform: uppercase;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-indent: -9999px;
}

a#description-lock {
	
}

a#description-previous {
	background: url(../images/projects/project_description_prev_next.png) no-repeat left top;
}

a#description-previous:hover {
	background-position: left bottom;
}

a#description-next {
	background: url(../images/projects/project_description_prev_next.png) no-repeat right top;
}

a#description-next:hover {
	background-position: right bottom;
}

/* @end */

/* @group MAIN PROJECT CONTROLS */

div#project-controls {
	width: 36px;
	position: absolute;
	right: 0;
	bottom: 60px;
	text-transform: uppercase;
	font-size: 11px;
	-webkit-transition: 0.25s cubic-bezier(0, 0, 0.2, 1.0);
	-moz-transition: 0.25s cubic-bezier(0, 0, 0.2, 1.0);
	-o-transition: 0.25s cubic-bezier(0, 0, 0.2, 1.0);
	-ms-transition: 0.25s cubic-bezier(0, 0, 0.2, 1.0);
	transition: 0.25s cubic-bezier(0, 0, 0.2, 1.0);
}

div#project-controls.revealed {
	width: 155px;
}

#project-controls a {
	text-decoration: none;
	display: block;
	color: #333;
	letter-spacing: 0;
}

/* @group Share Controls */

#share-controls a {
	height: 23px;
	padding-top: 13px;
	padding-left: 36px;
	background: #fff url(../images/projects/share_plus.png) no-repeat 14px center;
	overflow: hidden;
}

#share-controls a#share-expand:hover {
	background-color: #f6f6f6;
}

#share-controls div#share-inner {
	width: 117px;
	height: 72px;
	background-color: #fff;
	position: absolute;
	left: -117px;
	top: -36px;
	display: none;
	overflow: hidden;
}

/* @end */

#project-controls a#selection-link {
	padding-left: 36px;
	padding-top: 13px;
	opacity: 0.8;
	color: #fff;
	background: #000 url(../images/projects/back_to_selection_arrow.png) no-repeat 14px 50%;
	height: 23px;
	overflow: hidden;
}

#project-controls a#selection-link:hover {
	opacity: 0.8;
}

#project-controls div#image-controls {
	height: 36px;
	background: #fff url(../images/projects/project_controls_divider.png) no-repeat left top;
	overflow: hidden;
}

#project-controls.revealed div#image-controls {
	background-image: none;
}

#image-controls p {
	float: left;
	color: #777;
	font: 20px "minion-pro-1","minion-pro-2", "Times New Roman", Times, serif;
	width: 37px;
	padding-top: 0;
	height: 37px;
}

.revealed #image-controls p {
	width: 45px;
	letter-spacing: 2px;
	margin-left: 15px;
	padding-top: 3px;
}

.ie7 .revealed #image-controls p {
	margin-top: 8px;
}

.ie8 .revealed #image-controls p {
	margin-top: 3px;
}

#image-controls span {
	display: inline;
	color: #555;
	font: 11px Crimson Text;
	text-align: center;
	clear: left;
	padding-bottom: 1px;
	padding-top: 1px;
	letter-spacing: 1px;
}

.revealed #image-controls span {
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	width: auto;
	clear: none;
	display: inline;
}

span#number {
	text-align: center;
	width: 17px;
	display: block;
	margin-left: 3px;
	margin-top: 3px;
}

.ie7 span#number, .ie8 span#number {
	margin-top: 4px;
}

.revealed span#number {
	margin-right: 0;
	text-align: left;
	width: auto;
	margin-left: 0;
	display: inline-block;
	margin-top: 0;
}

span#number-slash {
	position: relative;
	top: 6px;
	margin-right: 1px;
	display: none;
}

.revealed span#number-slash {
	position: relative;
	margin-right: 0;
	display: inline-block;
	top: 1px;
	font-size: 14px;
}

span#out-of {
	position: relative;
	top: 14px;
	left: 4px;
	text-align: center;
	display: block;
	width: 18px;
	margin-top: -14px;
	margin-left: 12px;
}

.ie7 span#out-of, .ie8 span#out-of {
	margin-top: -11px;
}

.revealed span#out-of {
	position: static;
	text-align: left;
	width: auto;
	display: inline-block;
	margin-top: 0;
	margin-left: 0;
}

#image-controls a {
	display: block;
	width: 38px;
	float: left;
	line-height: 0;
	text-indent: -9999px;
	height: 36px;
}

a#main-previous {
	background: url(../images/projects/main_prev_next.png) left top;
}

a#main-previous:hover {
	background-position: left bottom;
}

a#main-next {
	background: url(../images/projects/main_prev_next.png) right top;
}

a#main-next:hover {
	background-position: right bottom;
}

/* @end */

/* @group SOCIAL MEDIA STYLING */

div#facebook-holder, div#twitter-holder, div#email-holder {
	height: 28px;
	padding-left: 12px;
	padding-right: 10px;
	padding-top: 8px;
}

div#facebook-holder {
	border-bottom: 1px solid #e9e9e9;
	height: 27px;
}

/* @end */

/* @end */

/* @end */

/* @group News */

div.news-item {
	margin-left: 9%;
	margin-right: 9%;
	border-bottom: 6px solid #444;
	margin-top: 40px;
	position: relative;
}

.news-item p.date {
	border: 1px solid #888;
	width: 64px;
	height: 53px;
	text-align: center;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	-o-border-radius: 32px;
	-ie-border-radius: 32px;
	border-radius: 32px;
	text-transform: uppercase;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	padding-top: 11px;
	position: absolute;
	left: 0;
	margin-left: -3px;
}

/* Need a special style for IE because it doesn't support css border radius */

.ie7 .news-item p.date, .ie8 .news-item p.date {
	border-style: none;
	border-width: 0;
	background: url(../images/news/news_date_circle.png) no-repeat left top;
}

.news-item p.date span {
	font: 31px/31px "minion-pro-1","minion-pro-2", "Times New Roman", Times;
	letter-spacing: 1px;
	color: #555;
}

.news-item h3 {
	font-size: 19px;
	margin-left: 80px;
	padding-bottom: 10px;
	border-bottom: 1px solid #444;
	margin-bottom: 9px;
	padding-top: 6px;
	line-height: 21px;
}

.news-item h3 a {
	color: #444;
	text-decoration: none;
}

.news-item h3 a:hover {
	color: #3f7b4c;
}

.news-item em {
	font-style: italic;
}

.news-item p.item-details {
	margin-left: 80px;
	text-transform: uppercase;
	color: #777;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 30px;
}

.news-item p.item-details a {
	color: #777;
	text-decoration: none;
}

.news-item p.item-details a:hover {
	text-decoration: underline;
	color: #555;
}

.news-item img.fullsize {
	width: 100%;
}

.news-item img.thumbnail {
	float: left;
	margin-right: 30px;
	margin-top: 11px;
	margin-bottom: 27px;
}

.news-item .item-description {
	margin-top: 35px;
	margin-bottom: 35px;
}

.item-description p {
	line-height: 24px;
	font-size: 15px;
	margin-bottom: 16px;
}

.news-item .item-sharing {
	float: left;
	margin-bottom: 50px;
}

.item-sharing a.item-source {
	line-height: 26px;
	display: inline-block;
	padding-left: 22px;
	padding-right: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	color: #555;
	background: #e8e8e8 url(../images/news/source_link_arrow.png) no-repeat 8px center;
	letter-spacing: 0;
	margin-right: 10px;
	
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

a.item-source:hover {
	background-color: #d8d8d8;
	color: #333;
}

.item-sharing p {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 28px;
	display: inline-block;
	margin-right: 5px;
}

.item-sharing a.social-share {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background: #777;
	letter-spacing: 0;
	margin-right: 2px;
	text-align: center;
	width: 26px;
	text-transform: lowercase;
	font: 13px/26px Verdana, "Lucida Grande", Lucida, sans-serif;
	
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

/* Thes styles replace plain characters with social media icons, but I can't stand to look at them so they're currently deactivated

a.social-share.share-facebook {
	background: #777 url(../images/news/share_facebook.png) no-repeat center center;
}

a.social-share.share-twitter {
	background: #777 url(../images/news/share_twitter.png) no-repeat center center;
}

*/

.item-sharing a.social-share:hover {
	background-color: #555;
}



/* @end */

/* @group Monograph
 */

div#monograph-holder h2 span {
	text-transform: uppercase;
	font-size: 11px;
	margin-left: 19px;
}

#monograph-holder img {
	width: 35%;
	float: left;
	margin-right: 7%;
}

div#monograph-info {
	width: 50%;
	float: left;
	margin-top: -7px;
}

#monograph-holder p#primary-content {
	font-size: 15px;
	line-height: 24px;
	color: #444;
	margin-bottom: 20px;
}

#monograph-holder p#secondary-content {
	font: 12px/21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 25px;
	color: #666;
}

#monograph-holder a {
	line-height: 26px;
	display: inline-block;
	padding-left: 22px;
	padding-right: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	color: #555;
	background: #e8e8e8 url(../images/news/source_link_arrow.png) no-repeat 8px center;
	letter-spacing: 0;
	margin-right: 10px;
	float: left;
	
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

#monograph-holder a:hover {
	background-color: #d8d8d8;
	color: #333;
}


/* @end */

/* @group Contact */

body#contact div#contact-info {
	margin-left: 9%;
	float: left;
	width: 30%;
	font: 11px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: -7px;
	margin-right: 2%;
}

div#contact-info h3 {
	font-size: 14px;
	color: #444;
	font-family: "minion-pro-1","minion-pro-2";
	margin-bottom: 10px;
}

div#contact-info a#map-link {
	text-decoration: none;
}

div#contact-info a#map-link:hover {
	text-decoration: underline;
}

div#contact-info div.adr {
	margin-bottom: 8px;
}

div#contact-info a {
	color: #555;
}

div.tel span, div.fax span {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
}

div#contact-info p.contact-name {
	margin-top: 8px;
}

div#contact-info a#facebook-link {
	text-decoration: none;
	background-color: #e8e8e8;
	text-transform: uppercase;
	display: inline-block;
	padding: 1px 8px;
	margin-top: 15px;
	margin-bottom: 30px;
	
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

div#contact-info a#facebook-link:hover {
	background-color: #d8d8d8;
	color: #333;
}

/* @group Form */

body#contact div#form-holder {
	float: left;
	margin-top: -3px;
	width: 48%;
}

body#contact form {
	float: left;
	width: 100%;
}

body#contact form label, body#contact form input, body#contact form textarea {
	float: left;
	width: 100%;
}

body#contact form label {
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 8px;
}

body#contact form label span {
	text-transform: capitalize;
	color: #f00;
	font-style: italic;
	padding-left: 5px;
}

/* Set the default style for text inputs and textarea */

body#contact form input, body#contact form textarea {
	border-style: none;
	background-color: #e8e8e8;
	padding: 8px 9px;
	margin-bottom: 18px;
	font-size: 11px;
	line-height: 16px;
	
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

body#contact input:focus, body#contact textarea:focus {
	background-color: #e2efe4;
}

body#contact form div#news-subscribe-holder {
	float: left;
	width: 100%;
	font-size: 14px;
	margin-top: 9px;
}

body#contact form input#news-subscribe {
	float: left;
	width: 21px;
	margin-top: 1px;
	margin-left: 0;
	padding: 0;
	background-color: #fff;
}

.ie7 body#contact form input#news-subscribe {
	position: relative;
	top: -5px;
	margin-right: 5px;
}

body#contact form input.submit {
	background-color: #333;
	height: 34px;
	color: #fffeff;
	text-transform: uppercase;
	font: 12px "minion-pro-1","minion-pro-2";
	padding-top: 0;
	padding-bottom: 0;
	width: 160px;
	margin-top: 10px;
	cursor: pointer;
	cursor: hand;
	clear: left;
}

body#contact form h4 {
	margin-top: 30px;
	font-size: 16px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 26px;
	padding-bottom: 9px;
	float: left;
	width: auto;
	clear: left;
}



/* @end */

/* @end */

/* @group Success */

body#success p {
	font-size: 15px;
	line-height: 22px;
	margin: -6px 9% 50px;
}

body#success p a {
	color: #383838;
}

body#success div#recent-projects {
	float: left;
	margin-left: 9%;
	margin-right: 9%;
}

body#success div#recent-projects h4 {
	margin-bottom: 27px;
	font-size: 16px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 10px;
}

body#success div#recent-projects a {
	float: left;
	width: 130px;
	height: 130px;
	margin-right: 12px;
	margin-bottom: 12px;
	padding: 20px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 20px;
	text-indent: -9999px;
}



/* @end */

/* @group JS Only */

/* Initially hide project selection and subnav
  */

div#thumbs-holder, body#projects ul#subnav {
	display: none;
}

/* Hide the thumbs-holder h3s */

div#thumbs-holder h3 {
	display: none;
}

/* Hide the project before we reveal it */

div#project-holder {
	display: none;
}

div#project-holder div#images-holder {
	display: none;
}

/* Hide the share links */

a#share-facebook, a#share-twitter {
	display: none;
}

/* CSS for Project images transition */

div#backstretch.css-animated, div#old-backstretch.css-animated {
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0.7s;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

div#backstretch.css-animated img, div#old-backstretch.css-animated img {
	-webkit-transform: translate3d(0,0,0);
}

div#backstretch, div#old-backstretch {
	cursor: pointer;
	cursor: hand;
}

div#backstretch.faded {

}

/* Hide the hidden image holder */

div#hidden-images {
	visibility: hidden;
	position: absolute;
	z-index: -9999;
}

/* Preloader styling */

p#preloader {
	text-align: center;
	color: #c0c0c0;
	font-size: 20px;
	text-transform: uppercase;
	margin-top: -120px;
	line-height: 27px;
	padding-top: 80px;
	padding-bottom: 80px;
	position: absolute;
	top: 50%;
	z-index: -11111;
	margin-bottom: 0;
	width: 100%;
}

p#preloader span {
	font: bold 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	color: #7f7f7f;
}

p#preloader div#bar-holder {
}

p#preloader div#bar-holder div {
	width: 6px;
	height: 1px;
	background-color: #000;
	display: inline-block;
	margin-left: 2px;
	margin-top: 42px;
	margin-right: 2px;
	position: relative;
	top: 0;
}

/* The Holding DIV that appears between image loads */

div#holding {
	width: 26px;
	position: absolute;
	top: 0;
	text-transform: uppercase;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	letter-spacing: 1px;
	color: #444;
	display: none;
	right: 0;
	margin-top: 50px;
	margin-right: 50px;
	text-indent: -9999px;
	background: #fff url(../images/common/ajax-loader-light.gif) no-repeat center center;
	height: 26px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}

/* Custom prev/next cursors when hovering over image */

div.cursor {
	width: 36px;
	height: 36px;
	position: absolute;
	z-index: 10;
	overflow: visible;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

div.cursor.left {
	background: url(../images/projects/cursor_left.png) no-repeat top left;
	left: 70px;
}

div.cursor.right {
	background: url(../images/projects/cursor_right.png) no-repeat top left;
}

div.cursor.hide {
	opacity: 0;
}

p#cursor-subhead {
	color: #fff;
	text-transform: uppercase;
	font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 100px;
	padding-top: 58px;
	opacity: 0.8;
	text-align: center;
}

div.cursor.next-project-cursor {
	width: 100px;
	height: 100px;
	margin-left: -40px;
	background: #111 url(../images/projects/cursor_right.png) no-repeat center 15px;
	opacity: 0.8;
	margin-top: -15px;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
}

div.cursor.hide.next-project-cursor {
	opacity: 0;
}

/* @end */

/* @group Mobile + Print Media Queries */

@media all and (orientation:portrait) {

/* @group Featured Primary */

a#featured-primary-link {
	display: block;
	width: 100%;
	height: 70%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

body#home h2#project-title {
	bottom: 38%;
}



body#home h4#project-location {
	bottom: 36%;
}
/* @end */

/* @group Right Content */

div#right-content {
	width: 100%;
	border-left: none;
	position: absolute;
	background: #111 url(../images/common/gradient_bg-dark.png) repeat-x;
	height: 30%;
	min-height: 250px;
	top: auto;
	left: 0;
	bottom: 0;
	border-top: 12px solid #fff;
}

/* @group Featured Secondary */

div#featured-secondary {
	height: 100%;
	border-bottom: none;
	width: 48%;
	border-right: 12px solid #fff;
	float: left;
}

div#featured-secondary img {
	min-height: 450px;
	margin-left: -4%;
	position: absolute;
	height: 100%;
}



/* @end */

/* @group About Content */

div#right-content div#about-content {
	color: #dedede;
	font-size: 14px;
	line-height: 23px;
	padding-left: 6%;
	padding-right: 4%;
	padding-top: 3%;
	float: left;
	width: 40%;
}

div#right-content div#about-content p {
	padding-top: 1%;
}

div#about-content img {
	margin-left: -6px;
	margin-bottom: -5px;
}



/* @end */



/* @end */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Homepage Type Adjustments */



@media all and (orientation:portrait) and (min-height: 1000px) {
	

div#right-content div#about-content p {
	font-size: 16px;
	line-height: 26px;
}

}

@media all and (orientation:landscape) and (min-height: 800px) {
	

div#right-content div#about-content p {
	font-size: 16px;
	line-height: 26px;
}

}

/* This keeps the project title and location from being covered up by #right-content when the window is too short */

@media all and (orientation:portrait) and (max-height: 750px) {
	
body#home h2#project-title {
	bottom: 300px;
}



body#home h4#project-location {
	bottom: 285px;
}

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-width: 600px) {

body {
	padding-top: 20px;
}

/* @group Navigation - Mobile */

#nav-container {
	position: static;
	margin: 0 20px 20px;
	height: auto;
	width: auto;
	display: visible !important;
	opacity: 1.0 !important;
}

#nav-container h1 a {
	background: url(../images/common/aw_logo-2x.png) no-repeat left top;
	-webkit-background-size: 126px auto;
	-o-background-size: 126px auto;
	-moz-background-size: 126px auto;
	-ms-background-size: 126px auto;
	background-size: 126px auto;
}

#nav-container ul {
	margin-left: 0;
	background-color: #f4f4f4;
	padding-left: 22px;
}

#nav-container ul li {
	display: inline-block;
	margin-right: 2%;
}

#nav-container ul li:last-child {
	margin-right: 0px;
	border-right-style: none;
}

#nav-container ul a:link, #nav-container ul a:visited {
	line-height: 34px;
	font-size: 10px;
	color: #444;
}

/* @end */

/* @group Subnav */

ul#subnav {
	position: static;
	margin-top: 0;
	margin-left: 21px;
	margin-bottom: 15px;
}

ul#subnav li {
	display: inline-block;
}

ul#subnav a {
	padding-left: 22px;
	display: block;
	font-size: 13px;
}

#subnav a:hover, #subnav a#active-category {
	background: url(../images/common/subnav_arrow.png) no-repeat 6px center;
}

ul#subnav h4 {
	display: none;
}

/* @end */



/* @group Common - Mobile */

div#news-holder, div#studio-holder, div#monograph-holder, div#contact-holder, div#success-holder {
	background-color: #fff;
	color: #555;
	padding-bottom: 30px;
	margin: 0 20px 20px;
}

#news-holder h2, #studio-holder h2, #monograph-holder h2, #contact-holder h2, #success-holder h2 {
	margin-left: 9%;
	padding-top: 27px;
	padding-bottom: 14px;
	font-size: 22px;
	margin-bottom: 40px;
	margin-right: 9%;
}

/* @end */



/* @group Home */

/* @group Featured Primary */

a#featured-primary-link {
	width: auto;
	position: static;
	opacity: 1;
	text-indent: 0;
	margin-left: 20px;
	margin-right: 20px;
	height: auto;
	background-color: transparent;
	margin-top: 0;
	z-index: 9;
	line-height: 15px !important;
	padding-top: 13px;
	padding-bottom: 12px;
	-webkit-transition: none;
}

body#home div#backstretch, body#home div#backstretch img {
	position: static !important;
	z-index: 0 !important;
	visibility: visible !important;
	display: block !important;
	width: auto !important;
}

body#home div#backstretch {
	margin-left: 20px;
	margin-right: 20px;
	visibility: visible !important;
	height: auto;
	margin-bottom: 0;
	overflow: visible !important;
}

body#home div#backstretch img {
	width: 100% !important;
	height: auto !important;
}

/* @end */

/* @group Right Content */

div#right-content {
	width: auto;
	background: transparent none no-repeat right bottom;
	height: auto;
	position: static;
	margin-left: 20px;
	margin-right: 20px;
	border: none;
}

a#featured-primary-link, #secondary-subhead, #secondary-title {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-family: "minion-pro-1","minion-pro-2", "Times New Roman", serif;
	line-height: 11px;
	color: #555;
	text-align: left;
	letter-spacing: 0;
}

a#featured-primary-link, a#featured-primary-link:hover, #featured-secondary a, #featured-secondary a:hover {
	display: block;
	padding-left: 22px;
	padding-right: 12px;
	background: #fff url(../images/news/source_link_arrow.png) no-repeat 8px center;
	opacity: 1;
	margin-bottom: 20px;
	position: static;
	width: auto;
}

/* @group Featured Secondary */

div#featured-secondary {
	overflow: auto;
	width: auto;
	border: none;
	float: none;
	position: static;
	height: auto;
	margin-bottom: 20px;
}

#secondary-outer-wrap {
	height: auto;
	-webkit-transition: none;
	width: auto;
	position: static;
	background-color: #fff;
	padding: 10px 12px 12px 22px;
	opacity: 1;
	text-align: left;
}

#secondary-text-wrap {
	position: static;
	height: auto;
	width: auto;
}

#secondary-subhead {
	font: 12px "minion-pro-1","minion-pro-2", "Times New Roman", Times;
	margin-bottom: 0;
	text-align: left;
	display: inline-block;
}

#secondary-title {
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 0;
	line-height: 16px;
	text-align: left;
	float: none;
}

#secondary-description {
	text-align: left;
}

#secondary-description p, #secondary-award-short-title {
	color: #555;
	text-align: left;
	text-transform: capitalize;
	letter-spacing: 0;
	font: normal normal 11px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 6px;
	padding-left: 0;
	padding-right: 0;
}

div#featured-secondary img {
	min-height: 0px;
	margin-left: 0;
	position: static;
	height: auto;
	width: 100%;
	display: block;
}



/* @end */

/* @group About Content */

div#right-content div#about-content {
	color: #dedede;
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 20px;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	position: static;
	float: none;
	width: auto;
}

div#right-content div#about-content p {
	background-color: #fff;
	padding: 15px 5% 15px 6%;
	color: #444;
	margin-top: 0;
}

div#about-content img {
	display: none;
}



/* @end */



/* @end */



/* @end */

/* @group Studio */



/* @group VISION */

body#studio div#content {
	font-size: 15px;
	line-height: 24px;
}

body#studio div#contact-footer {
	margin-top: 30px;
}

body#studio a#email-link, body#studio a#facebook-link {
	margin-bottom: 13px;
	padding-right: 5px;
}

div#contact-footer p {
	font-size: 13px;
	line-height: 19px;
	width: auto;
	margin-left: 0;
	color: #616161;
}

div#contact-footer p a {
	color: #777;
}

/* @end */

/* @group PRINCIPALS */

body#studio img.principal-photo {
	width: 82%;
	max-width: 100%;
	float: left;
	margin-right: 9%;
	margin-left: 9%;
	margin-bottom: 30px;
}

body#studio div.principal-info {
	width: auto;
	margin-left: 9%;
	margin-right: 9%;
	margin-bottom: 10px;
}

.principal-info p {
	margin-top: 15px;
	font-size: 13px;
	line-height: 22px;
}

/* @end */

/* @group OUR TEAM */

div#team-content div.member {
	font-size: 13px;
	line-height: 21px;
	color: #444;
	margin-bottom: 25px;
	width: auto;
	float: none;
}

div#team-content div.member.principal {
	margin-bottom: 25px;
}

div.member h3 {
	font-size: 17px;
	color: #444;
	margin-bottom: 3px;
}

div.member a {
	color: #444;
}

div#team-content div#divider {
	height: 1px;
}



/* @end */

/* @end */



/* @group News */

div.news-item {
	margin-top: 20px;
	position: static;
}

.news-item p.date {
	border: 1px solid #888;
	width: 50px;
	height: 42px;
	font-size: 9px;
	padding-top: 8px;
	position: static;
	display: none;
}

.news-item p.date span {
	font-size: 21px;
	line-height: 23px;
}

.news-item h3 {
	font-size: 17px;
	margin-left: 0px;
	padding-top: 4px;
}

.news-item p.item-details {
	margin-left: 0px;
	text-transform: uppercase;
	color: #777;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.news-item img.thumbnail {
	float: none;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.news-item .item-description {
	margin-top: 20px;
	margin-bottom: 25px;
}

.item-description p {
	line-height: 23px;
	font-size: 16px;
	margin-bottom: 16px;
}

.news-item .item-sharing {
	float: none;
	margin-bottom: 30px;
}

.item-sharing a.item-source {
	margin-right: 0;
	line-height: 15px;
	padding-top: 8px;
	padding-bottom: 7px;
}

.item-sharing a.social-share {
	margin-right: 3px;
	margin-top: 9px;
	line-height: 29px;
	padding-left: 2px;
	padding-right: 2px;
}

/* Thes styles replace plain characters with social media icons, but I can't stand to look at them so they're currently deactivated

a.social-share.share-facebook {
	background: #777 url(../images/news/share_facebook.png) no-repeat center center;
}

a.social-share.share-twitter {
	background: #777 url(../images/news/share_twitter.png) no-repeat center center;
}

*/

.item-sharing a.social-share:hover {
	background-color: #555;
}



/* @end */



/* @group Monograph
 */

div#monograph-holder h2 span {
	font-size: 12px;
	margin-left: 0;
	display: block;
	line-height: 14px;
	margin-top: 11px;
}

#monograph-holder img {
	width: 82%;
	float: none;
	margin-right: 9%;
	margin-left: 9%;
}

div#monograph-info {
	width: auto;
	float: none;
	margin: 30px 9% 60px;
}

#monograph-holder p#primary-content {
	font-size: 15px;
	line-height: 22px;
}

#monograph-holder p#secondary-content {
	font: 12px/22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 25px;
	color: #5f5f5f;
}

#monograph-holder a {
	line-height: 26px;
	display: inline-block;
	padding-left: 22px;
	padding-right: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	color: #555;
	background: #e8e8e8 url(../images/news/source_link_arrow.png) no-repeat 8px center;
	letter-spacing: 0;
	margin-right: 10px;
	float: left;
	
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

#monograph-holder a:hover {
	background-color: #d8d8d8;
	color: #333;
}


/* @end */



/* @group Contact */

body#contact div#contact-info {
	float: none;
	width: auto;
	font: 13px/21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 0px;
}

div#contact-info h3 {
	font-size: 17px;
	color: #444;
	margin-bottom: 13px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-right: 9%;
	padding-bottom: 5px;
}

div.tel span, div.fax span {
	font-size: 11px;
}

div#contact-info a#facebook-link {
	font-size: 11px;
	line-height: 28px;
}

/* @group Form */

body#contact div#form-holder {
	float: none;
	margin-top: 50px;
	margin-left: 9%;
	margin-right: 9%;
	width: auto;
}

body#contact form {
	float: none;
}

body#contact form label, body#contact form input, body#contact form textarea {
	float: none;
	width: 95%;
	display: block;
	margin-bottom: 25px;
}

body#contact form label {
	font-size: 14px;
	margin-bottom: 9px;
}

/* Set the default style for text inputs and textarea */

body#contact form input, body#contact form textarea {
	padding: 8px 9px;
	font-size: 12px;
	line-height: 16px;
}

body#contact form div#news-subscribe-holder {
	float: none;
}

body#contact form input#news-subscribe {
	
}

body#contact form h4 {
	margin-top: 30px;
	font-size: 17px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 26px;
	padding-bottom: 9px;
	float: left;
	width: 104%;
	color: #444;
}

/* @end */

/* @end */

/* @group Projects */

body#projects ul#subnav {
	display: none !important;
}

div#backstretch {
	display: none !important;
}

p#preloader {
	display: none !important;
}

/* @group Project Selection */

div#thumbs-holder {
	float: left;
	margin-top: 0;
	margin-left: 20px;
	padding-bottom: 20px;
	margin-right: 0;
}

div.project-thumb {
	width: 134px;
	height: 134px;
	margin-right: 12px;
	margin-bottom: 12px;
}

.project-thumb a {
	width: 120px;
	height: 120px;
	font-size: 14px;
	padding: 10px;
	line-height: 16px;
	text-indent: -9999px;
}

.project-thumb a span {
	font-size: 9px;
	line-height: 13px;
	margin-top: 10px;
}

.project-thumb img {
	width: 135px;
}

/* @end */

/* @group Individual Project */

/* @group PROJECT DESCRIPTION */

h2#project-title {
	position: static;
	margin-left: 20px;
	display: visible !important;
	opacity: 1.0 !important;
}

h4#project-location {
	position: static;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	display: visible !important;
	opacity: 1.0 !important;
}

h2#project-title, h4#project-location {
	text-shadow: 1px 1px 3px #000;
}

div#project-description {
	width: auto !important;
	height: auto !important;
	display: block !important;
	opacity: 1.0 !important;
	position: static !important;
	
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

#project-description h5, #project-description h6 {
	display: none !important;
}

#project-description p {
	font-size: 15px;
	line-height: 22px;
	margin-left: 21px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: block !important;
}

/* @end */

/* @group DESCRIPTION CONTROLS */

div#project-description-controls {
	display: none !important;
}

/* @end */

/* @group MAIN PROJECT CONTROLS */

div#project-controls {
	position: static !important;
	font-size: 11px;
	display: block !important;
	width: 170px !important;
	margin-left: 20px;
	margin-bottom: 20px;
	
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

/* @group Share Controls */

#share-controls a {
}

#share-controls a#share-expand:hover {

}

#share-controls div#share-inner {
	width: auto;
	height: auto;
	position: static !important;
	display: none;
}

/* @end */

#project-controls a#selection-link {
	margin-top: 10px;
}

#project-controls a#selection-link:hover {

}

#project-controls div#image-controls {
	display: none !important;
}

/* @end */

/* @group PROJECT IMAGES */

div#hidden-images {
	display: block !important;
	visibility: visible !important;
	width: auto;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	position: static;
}

div#hidden-images img {
	width: 100%;
	display: block !important;
	visibility: visible !important;
	margin-bottom: 20px;
}

/* @end */

/* @end */

/* @end */


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */

html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}


/** Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/* @end */