/*************************************************************
HCM Print style sheet

Written by vitamin
http://www.vitamininc.net/
*************************************************************/

/*************************************************************
Global styles
*************************************************************/

/* eliminate margin/padding on all items */
* {margin: 0; padding: 0;}

/* set the default font size to 10px (browsers are 16px by default) */
body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 30px;
	color: #333;
	text-align: center;
}

/* correct some inheritance issues with ems */
textarea {font-family: Verdana, Arial, Helvetica, sans-serif;}

/* reset items that normally cascade to 1em */
input, textarea, select, td, th {font-size:8pt}

/* correct some inheritance issues with ems */
li li, li p, td p, blockquote p {font-size:8pt}

/* give the forms some style! */
input, textarea, select {
	background: #fbfbfb url(/images/bg_header.gif) repeat-x;
	padding: 3px;
	border: 1px solid #e9e9e9;
	color: #333;
}

/* HEADINGS */
h1 {font-size: 12pt}
h2 {font-size: 11pt}
h3 {font-size: 10pt; clear: both;}
h4 {font-size: 9pt; clear: both;}
h5 {font-size: 9pt; clear: both;}
h6 {font-size: 11pt; clear: both;}

/* IMAGES */
img {border-width: 0;}

.left {float: left;}
.right {float: right;}
.clear {
	clear: both;
	overflow: hidden;
	height: 1px;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 100%;
}

.red {
	color: #dc241f;
}


/*************************************************************
Home page grid styles
*************************************************************/

#grid {
	position: relative;
	border-top: 1px solid #e9e9e9;
	height: 392px;
	background: url(/images/homebtn_bottom.gif) no-repeat bottom;
}

#grid ul {
	list-style: none;
}

#grid li a {
	position: absolute;
	display: block;
	width: 180px;
	height: 62px;
}

#grid li a span {
	display: none;
}

/* BUTTONS AND IMAGES, HEADINGS */

li#btn_1head a { background: url(/images/homebtn_architecture.gif) no-repeat; }
li#btn_2head a { background: url(/images/homebtn_landscape.gif) no-repeat; }
li#btn_3head a { background: url(/images/homebtn_planning.gif) no-repeat; }
li#btn_4head a { background: url(/images/homebtn_interior.gif) no-repeat; }

/* BUTTONS AND IMAGES, PROJECTS */

li#btn_1A a { background: url(/images/homebtn_1A.gif) no-repeat; }
li#btn_2A a { background: url(/images/homebtn_2A.gif) no-repeat; }
li#btn_3A a { background: url(/images/homebtn_3A.gif) no-repeat; }
li#btn_4A a { background: url(/images/homebtn_4A.gif) no-repeat; }

li#btn_1B a { background: url(/images/homebtn_1B.gif) no-repeat; }
li#btn_2B a { background: url(/images/homebtn_2B.gif) no-repeat; }
li#btn_3B a { background: url(/images/homebtn_3B.gif) no-repeat; }
li#btn_4B a { background: url(/images/homebtn_4B.gif) no-repeat; }

li#btn_1C a { background: url(/images/homebtn_1C.gif) no-repeat; }
li#btn_2C a { background: url(/images/homebtn_2C.gif) no-repeat; }
li#btn_3C a { background: url(/images/homebtn_3C.gif) no-repeat; }
li#btn_4C a { background: url(/images/homebtn_4C.gif) no-repeat; }

li#btn_1D a { background: url(/images/homebtn_1D.gif) no-repeat; }
li#btn_2D a { background: url(/images/homebtn_2D.gif) no-repeat; }
li#btn_3D a { background: url(/images/homebtn_3D.gif) no-repeat; }
li#btn_4D a { background: url(/images/homebtn_4D.gif) no-repeat; }

/* ROW ALIGNMENTS */

li#btn_1head a,
li#btn_2head a,
li#btn_3head a,
li#btn_4head a {
	top: 20px;
}

li#btn_1A a,
li#btn_2A a,
li#btn_3A a,
li#btn_4A a {
	top: 82px;
}

li#btn_1B a,
li#btn_2B a,
li#btn_3B a,
li#btn_4B a {
	top: 144px;
}

li#btn_1C a,
li#btn_2C a,
li#btn_3C a,
li#btn_4C a {
	top: 206px;
}

li#btn_1D a,
li#btn_2D a,
li#btn_3D a,
li#btn_4D a {
	top: 268px;
}

/* COLUMN ALIGNMENTS */

li#btn_1head a,
li#btn_1A a,
li#btn_1B a,
li#btn_1C a,
li#btn_1D a {
	left: 0;
}

li#btn_2head a,
li#btn_2A a,
li#btn_2B a,
li#btn_2C a,
li#btn_2D a {
	left: 180px;
}

li#btn_3head a,
li#btn_3A a,
li#btn_3B a,
li#btn_3C a,
li#btn_3D a {
	left: 360px;
}

li#btn_4head a,
li#btn_4A a,
li#btn_4B a,
li#btn_4C a,
li#btn_4D a {
	left: 540px;
}

/*************************************************************
Navigation styles
*************************************************************/

#top {
	margin-bottom: 10px;
	height: 25px;
}

#top img#logo {
	float: left;
}

ul#nav {
	display: none;
}

/*************************************************************
Header styles
*************************************************************/

#header {
	clear: both;
	padding-top: 12px;
	margin-bottom: 30px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background: #fbfbfb url(/images/bg_header.gif) repeat-x;
	height: 50px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 36px;
}

html>body #header {
	height: 36px;
}

#header h1 {
	padding-left: 5px;
	text-transform: uppercase;
}

/*************************************************************
Left/Right column shared styles
*************************************************************/

#right p, div.row p, div.rowhome p {
	margin-bottom: 2em;
	line-height: 2em;
}

#left p,
#right p,
div.row p,
#footer p {
	/*letter-spacing: 0.05em;*/
}

#left ul, #right ul {
	list-style: none;
}

#left li, #right li {
	list-style-image: url(/images/bullet_arrow.gif);
	margin-left: 20px;
}

#left li span, #right li span {
	margin-left: -5px;
}

#left ul, #left ol, #right ul, #right ol {
	margin-bottom: 2em;
	line-height: 2em;
}

#left a,
#right a,
.left a,
.right a {
	color: #dc241f;
	text-decoration: none;
	padding-bottom: 1px;
	background: transparent url(/images/underline.gif) repeat-x bottom;
}

/*************************************************************
Left column styles
*************************************************************/

#left {
	float: left;
	margin-bottom: 30px;
	width: 30%;
	min-height: 400px;
	_height: 400px;
}

#left #subnav {
	margin-bottom: 2em;
}

#left #subnav div {
	overflow: hidden;
}

#left h3 {
	padding: 10px 5px;
	margin-bottom: 1em;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background: #fbfbfb url(/images/bg_header.gif) repeat-x;
	font-weight: normal;
}

#left p {
	margin-bottom: 1em;
	line-height: 2em;
}

#left h5 {
	margin-bottom: 0;
	margin-top: 2em;
	line-height: 2em;
}

/*************************************************************
Right column styles
*************************************************************/

#right {
	float: right;
	margin-bottom: 30px;
	width: 60%;;
	min-height: 400px;
	_height: 400px;
}

#right h2, #right h2.solo {
	text-transform: uppercase;
	font-weight: normal;
}

#right h2.solo {
	margin-bottom: 2em;
}

#right h3 {
	margin-bottom: 2em;
	font-weight: normal;
}

#right h4  {
	padding: 10px 5px;
	margin-bottom: 1em;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background: #fbfbfb url(/images/bg_header.gif) repeat-x;
	font-weight: normal;
}

#right h5 {
	line-height: 2em;
}

#image_area {
	margin-bottom: 2em;
}

#image_area img {
	width: 90%;
}

#image_actions {
	display: none;
}

#right div.row {
	margin-bottom: 2em;
}

#right div.row div {
	float: left;
	width: 150px;
}

#right div.row div.thumb1,
#right div.row div.thumb2,
#right div.row div.thumb3 {
	width: 30%;
}

#right div.row div.thumb1 img,
#right div.row div.thumb2 img,
#right div.row div.thumb3 img {
	width: 100%;
}

#right div.row div.thumb2 {
	margin: 0 5px;
}

#right table {
	border-collapse: collapse;
	width: 100%;
}

#right table td {
	vertical-align: top;
	margin: 0;
	padding: 0;
}

/* HEADSHOTS WITH NAME AND BIO */

#right table.bio_head {
	margin-top: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #e9e9e9;
	background: #fbfbfb url(/images/bg_bio_head.gif) repeat-x;
}

#right table.bio_head td p {
	margin-top: 25px;
	padding: 0 10px;
}

#right table.bio_head td h2 {
	margin-top: 15px;
	margin-bottom: 0;
}

#right table.bio_head td.head {
	vertical-align: bottom;
	width: 137px;
}

/* HEADSHOTS WITH NAME ONLY */

#right div.clear {
	clear: both;
	overflow: auto;
	height: auto;
}

#right table.only_head {
	margin-top: 1em;
	margin-bottom: 1em;
	width: 48%;
}

#right table.only_head td h2 {
	margin-top: 30px;
	margin-bottom: 0;
}

#right table.only_head td.head {
	vertical-align: bottom;
	text-align: right;
	background: #fbfbfb url(/images/bg_bio_head.gif) repeat-x;
}

#right textarea,
#right input.text {
	width: 200px;
}

/* NEWS PHOTO BORDER */

#right div.news_photo {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	background: #f8f8f8 url(/images/news_photo_bg.gif) repeat-x;
	width: 170px;
	height: 160px;
}

#right div.news_photo img {
	margin: 5px;
	border: 5px solid #f8f8f8;
}

/*************************************************************
4 BOX styles
*************************************************************/

div.row,
div.rowhome {
	width: 100%;
	margin-top: 2em;
}

div.row div.left,
div.row div.right,
div.rowhome div.left,
div.rowhome div.right {
	width: 48%;
}

div.row div.left img,
div.row div.right img {
	width: 100%;
}

div.rowhome h4  {
	position: relative;
	padding: 10px 5px;
	margin-bottom: 3px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background: #fbfbfb url(/images/bg_header.gif) repeat-x;
	font-weight: normal;
}

div.row div.left div,
div.row div.right div,
div.rowhome div.left div,
div.rowhome div.right div  {
	position: relative;
	margin-bottom: 3px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background: #fbfbfb url(/images/bg_header.gif) repeat-x;
	font-weight: normal;
	width: 100%;
}

div.row h6,
div.row h6 {
	display: block;
	padding: 10px;
}

div.rowhome h6 {
	display: block;
	padding: 10px;
}

/* home page headers */
div.rowhome h6#h_newsroom { background: url(/images/hcm_newsroom.gif) no-repeat; }
div.rowhome h6#h_people { background: url(/images/hcm_people.gif) no-repeat; }

div.row img.section { margin-bottom: 1em; }

div.row a.more {
	display: none;
}

div.row a.viewall,
div.rowhome a.viewall {
	display: none;
}

div.rowhome p {
	padding: 10px 5px;
}

div.rowhome img {
	float: left;
	margin-right: 20px;
}

/*************************************************************
Category, Project page thumbs
*************************************************************/

div#right div.row div.thumb1 ul li,
div#right div.row div.thumb2 ul li,
div#right div.row div.thumb3 ul li {
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#right div.row div.thumb1 span,
#right div.row div.thumb2 span,
#right div.row div.thumb3 span {
	margin: 0;
	padding: 0;
}

/* hide the thumbnail rollover */
#right div.row a.thumbnail {
	background: none !important;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 105px;
}

#right div.row li {
	line-height: 1.25em;
}

#right div.row li span {
}

/* this dummy image is used for the print stylesheet */
#right div.row img.thumbImg {
	float: right;
	width: 300px !important;
}

/*************************************************************
Footer styles
*************************************************************/

#footer {
	clear: both;
	overflow: hidden;
	padding: 10px 0;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	height: 35px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 13px;
}

html>body #footer {height: 13px;}

#footer p {margin: 0;}

#footer p.left {color: #dc241f;}

#footer p.right {display: none;}

#footer a {
	color: #333;
	text-decoration: none;
	background: none;
}

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

/*************************************************************
sIFR Specific Styles
*************************************************************/

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}