/*************************************************************************
/*************************************************************************
****																															********
****		FILENAME:       css/style.css															********
****		DESCRIPTION:    CSS for HMFH Architects										********
****		AUTHOR:					Chip Sheppard															********
****		AUTHOR URI:			http://sheppco.com/												********
****		CREATION DATE:  05/29/2009																********
****		LAST MODIFIED:  12/06/2009																********
****																															********
/*************************************************************************
/*************************************************************************/


/*  GLOBAL  --------------------------------------------------- */

body { margin:0; padding:0; background:url(../img/home/bg_home.jpg) top center repeat-x #fff; font:13px/23px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#777777; }
body.orange, body#archive { background:url(../img/banners/bg_archive.jpg) top center repeat-x #fff; }
body.green { background:url(../img/banners/bg_about.jpg) top center repeat-x #fff; }
body.blue { background:url(../img/banners/bg_expertise.jpg) top center repeat-x #fff; }
body.purple { background:url(../img/banners/bg_contact.jpg) top center repeat-x #fff; }

a {	color:#000; text-decoration:none;}
a:hover {	color:#f58b41; text-decoration:underline;}
a:active { outline:none; } /* get rid of those system borders being generated for A tags */
:focus { -moz-outline-style:none; }

a img {	border: none;}
ul, li { margin:0; padding:0; list-style:none; }
p { padding:0; margin:0 0 15px 0; }
.clear { clear:both; }

#wrapper { position:relative; width:980px; margin:0 auto; padding:0; }

/*  TEXT   --------------------------------------------------- */

h1{ padding:0; margin: 0;}
h2{	padding:0; margin: 0;}
h3{	padding:0; margin: 0;}
h4{	padding:0; margin: 0;}

/*  HEADER  --------------------------------------------------- */

#header { width:980px; padding:0; margin:22px 0 0 0; height:33px; }
#logo { float:right; width:196px; padding:0; margin:0 7px 0 0; }

/* main menu */
#menu { float:left; line-height:normal; margin-left:26px; font-size:11px; letter-spacing:1px; }
#menu li { position:relative; z-index:8; float:left; height:33px; list-style:none; }
#menu li a { display:block; padding:0 48px 0 0; color:#676767; font-weight:bold; }
#menu li a:hover { text-decoration:none; }

#menu li#green a:hover { color:#66aa47; }
#menu li#blue a:hover { color:#01a7e1; }
#menu li#orange a:hover { color:#de8a48; }
#menu li#purple a:hover { color:#876cc3; }

/* subnav dropdowns */
#menu li ul { position:absolute; top:21px; z-index:8; width:160px; list-style-type:none; font-size:12px; letter-spacing:normal; visibility:hidden; }
#menu li#green ul { left:-26px; }
#menu li#blue ul { left:-36px; }
#menu li#orange ul { left:-36px; }
#menu li#purple ul { left:-31px; }
#menu li ul li { float:none; display:block; width:160px; height:26px; position:static}
#menu li ul li a { display:block; width:140px; margin:0; padding:0 0 0 20px; color:#fff; font-weight:normal; }
#menu li#green ul li a:hover { color:#fff; text-decoration:underline; }
#menu li#blue ul li a:hover { color:#fff; text-decoration:underline; }
#menu li#orange ul li a:hover { color:#fff; text-decoration:underline; }
#menu li#purple ul li a:hover { color:#fff; text-decoration:underline; }

/* subnav color backgrounds */
#green ul li { background:url(../img/global/m_green_bg.png); behavior: url(/includes/htc/iepngfix.htc);  }
#blue ul li{ background:url(../img/global/m_blue_bg.png); behavior: url(/includes/htc/iepngfix.htc); }
#orange ul li { background:url(../img/global/m_orange_bg.png); behavior: url(/includes/htc/iepngfix.htc); }
#purple ul li { background:url(../img/global/m_purple_bg.png); behavior: url(/includes/htc/iepngfix.htc); }

/* subnav color top pointers */
#green ul li.top { background:url(../img/global/m_green_top.png) no-repeat; height:28px; behavior: url(/includes/htc/iepngfix.htc); }
#blue ul li.top { background:url(../img/global/m_blue_top.png) no-repeat; height:28px; behavior: url(/includes/htc/iepngfix.htc); }
#orange ul li.top { background:url(../img/global/m_orange_top.png) no-repeat; height:28px; behavior: url(/includes/htc/iepngfix.htc); }
#purple ul li.top { background:url(../img/global/m_purple_top.png) no-repeat; height:28px; behavior: url(/includes/htc/iepngfix.htc); }

/* subnav color bottoms */
#green ul li.bot { background:url(../img/global/m_green_bottom.png) no-repeat; height:19px; behavior: url(/includes/htc/iepngfix.htc); }
#blue ul li.bot { background:url(../img/global/m_blue_bottom.png) no-repeat; height:19px; behavior: url(/includes/htc/iepngfix.htc); }
#orange ul li.bot { background:url(../img/global/m_orange_bottom.png) no-repeat; height:19px; behavior: url(/includes/htc/iepngfix.htc); }
#purple ul li.bot { background:url(../img/global/m_purple_bottom.png) no-repeat; height:19px; behavior: url(/includes/htc/iepngfix.htc); }

/* main menu current section markers */
#green.mark { background:url(../img/global/m_green_tip.gif) no-repeat 30px bottom; behavior: url(/includes/htc/iepngfix.htc); }
#green.mark a { color:#66aa47; }
#green.mark ul li a { color:#fff; }

#blue.mark { background:url(../img/global/m_blue_tip.gif) no-repeat 21px bottom; behavior: url(/includes/htc/iepngfix.htc); }
#blue.mark a { color:#01a7e1; }
#blue.mark ul li a { color:#fff; }

#orange.mark { background:url(../img/global/m_orange_tip.gif) no-repeat 21px bottom; behavior: url(/includes/htc/iepngfix.htc); }
#orange.mark a { color:#de8a48; }
#orange.mark ul li a { color:#fff; }

#purple.mark { background:url(../img/global/m_purple_tip.gif) no-repeat 25px bottom; behavior: url(/includes/htc/iepngfix.htc); }
#purple.mark a { color:#876cc3; }
#purple.mark ul li a { color:#fff; }

/*  HOME  --------------------------------------------------- */

/* image wrapper */
#image_wrapper { width:980px; margin:0; }

/* images */
#home_image_wrap { width:941px; height:571px; margin:0 auto; position:relative; z-index:0;}
#home_image_wrap #shade_top { background:url(../img/global/shade_top.png) repeat-x; width:933px; height:6px; position:absolute; top:0px; left:4px; z-index:3; behavior: url(/includes/htc/iepngfix.htc); }
#home_image_wrap #shade_bottom { background:url(../img/global/shade_bottom.png) repeat-x; width:947px; height:6px; position:absolute; top:566px; left:4px; z-index:3; behavior: url(/includes/htc/iepngfix.htc);}
#home_image_wrap #shade_left { background:url(../img/global/shade_left.png) repeat-y; width:4px; height:571px; position:absolute; top:0px; left:0px; z-index:1; behavior: url(/includes/htc/iepngfix.htc); }
#home_image_wrap #shade_right { background:url(../img/global/shade_right.png) repeat-y; width:4px; height:571px; position:absolute; top:0px; left:937px; z-index:1; behavior: url(/includes/htc/iepngfix.htc); }
#home_image_wrap #image { width:933px; height:571px; position:absolute; z-index:0; left:4px; }

/* hides all but the first image until the whole set of images have finished loading */
#home_image_wrap #image img 
{
	visibility: hidden;
}

#home_image_wrap #image img:first-child 
{
	visibility: visible;
}



/* content */
#home_content { width:610px; margin:47px 0 0 25px; }
#home_shape { float:left; width:80px; height:125px; }
.home_text { float:left; width:500px; height:490px; margin:-7px 0 0 0; padding:0; }

/* popup tabs */
#tab_wrapper { height:260px; width:490px; position:absolute; top:311px; left:468px; z-index:2; overflow:hidden; }

div#tab1 { padding:0; margin:0; }
div#tab2 { padding:0; margin:0 0 0 240px; }

ul.effects { list-style-type:none; }
ul.effects li {	display:inline; margin:20px 0 0 0; }

div.effect { position:absolute; z-index:2; top:0px; width:252px; height:442px; font-size:10px; background:url(../img/home/tab.png) no-repeat; }
div.effect-tab-header-icon { float:right; width:32px; cursor:pointer; }
div.effect-inner { padding-top: 10px; margin:0 0 0 12px; width:230px; }
div.effect p { clear:both; font:12px/18px Georgia, Times, serif; padding:0 10px; margin:10px 0 8px 0; }
div.effect p.normal { line-height:normal; padding-left:15px; }
div.effect p span { font:9px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; }
div.effect p span a, div.effect p a { color:#777777; }
div.effect p span.date { color:#dd8a48; display:inline-block; padding-bottom:3px; }
#dropHeader1 { float:left; height:7px; margin:0; padding:8px 0 11px 50px; cursor:pointer; }
#dropHeader2 { float:left; height:7px; margin:0; padding:8px 0 12px 60px; cursor:pointer; }
#dropHeader1 img, #dropHeader2 img { display:block; }

div#tab1 p { height: 90px }

/*  PORTFOLIO  --------------------------------------------------- */

/* images */

#portfolio_wrapper { position:relative; width:980px; }
#left_tab, #right_tab { position:relative; z-index:7; display:inline; width:45px; height:571px; }

#shade_top { position:absolute; left:85px; top:0; z-index:4; width:812px; height:6px; background:url(../img/global/shade_top.png) repeat-x; }
#shade_bot { position:absolute; left:85px; top:566px; z-index:4; width:812px; height:5px; background:url(../img/global/shade_bottom.png) repeat-x; }


/* galleria */
.galleria{ list-style:none; }
.galleria li{ display:block; width:40px; height:27px; overflow:hidden; float:left; margin:0 10px 0 0 }
.galleria li a{ display:none; }
.galleria li div{ position:absolute; display:none; top:0; left:0 }
.galleria li div img{ cursor:pointer; }
.galleria li.active div img, .galleria li.active div { display:block }
.galleria li img.thumb{ cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto; }
* html .galleria li div span{ width:400px } /* MSIE bug */

#thumbs { float:right; width:auto; padding:14px 0 0 0; }
.thumblist { float:right; }
.thumblist li{ width:40px; height:27px; margin:0 2px; border:2px solid #999; } /* thumb size */
.thumblist li img{ width:30px; height:27px; } /* thumb size */
.thumblist li.hover, .thumblist li.active{ border:2px solid #fff; }

/* FLOATING NAV BAR ---------------------------------- */

#floating-nav { position:absolute; top:498px; left:14px; z-index:10; width:957px; height:60px; }
#floating-nav #show { width:957px; height:60px; }

#floating-nav #prev, #floating-nav #next { float:left; width:75px; }
#floating-nav #next { float:right; }

#floating-nav #innerbar { float:left; height:60px; width:807px; background:url(../img/project/portfolio-nav_bg.png) repeat-x; line-height:normal; }
#floating-nav #innerbar #project { float:left; width:auto; padding:13px 0 0 15px; }
#floating-nav #innerbar #project h2 { color:#fff; font-size:12px; float:left }
#floating-nav #innerbar #project h2 span { color:#cfcfcf; font-weight: normal; padding-left: 5px; }
#floating-nav #innerbar #project .address { color:#cfcfcf; padding:3px 0 0 0; clear:both}

#floating-nav #innerbar #list { float:right; padding:1px 14px 0 12px;  }
#floating-nav #innerbar #hide { float:right; padding:1px 9px 0 0;  }

#floating-nav #reveal { margin:82px 0 0 876px; width:74px; height:25px; }


/* content */
#portfolio_content { width:970px; padding:23px 0 0 15px; clear:both; }

/* col 1 */
#portfolio_content #col1 { float:left; width:530px; }
#portfolio_content #col1 ul { margin:0 0 0 -10px; }
#portfolio_content #col1 li { background:url(../img/global/bullet.gif) no-repeat 0px 10px; padding:0 0 15px 10px; }

#portfolio_content #col1 h3 { font-weight:bold; font-size:12px; padding:12px 0 12px 0; }
#portfolio_content #col1 h4 { font-weight:normal; font-size:13px; padding:5px 0 20px 0; }

/* col 2 */
#portfolio_content #col2 { float:left; width:330px; margin:0 0 0 27px; }
/* col 2 project thumbs */
#portfolio_content #col2 .thumb_wrap { width:330px; padding:23px 0; clear:both; }
#portfolio_content #col2 .thumb { float:left; width:94px; background:url(../img/global/thumb_arrow.png) no-repeat right 32px; }

#portfolio_content #col2 .description { float:left; width:224px; margin:0 0 0 12px; font-size:12px; line-height:22px; color:#a0a0a0; }
#portfolio_content #col2 .description h3 { font-size:12px; line-height:22px; color:#000; font-weight:normal; }

/* col 3 */
#portfolio_content #col3 { float:left; width:40px; margin:0 0 0 34px; }


/* PROJECT LIST POPUP -------------------------------------------- */

#project-list { position:absolute; top:47px; left:160px; z-index:6; width:655px; }
#project-list #show-project { width:655px; }
#project-list #hide-project { width:1px; height:1px; display:none; }

#project-list #project-head { background:url(../img/project/portfolio-listbox_top.png) no-repeat; padding:14px 0 0 34px; height:49px; }
#project-list #project-head h3 { float:left; color:#acacac; font-size:18px; font-weight:normal; padding:15px 0 0 0; }
/* #hide-button, #hide-button-overlay { position:absolute; left: 770px; padding:0; } OLD CODE changed 12-10-09 */
#hide-button { float:right; padding:0 40px 0 0; }
#hide-button-overlay { position:absolute; left: 770px; padding:0; }

#project-list #project-content { background:url(../img/project/portfolio-listbox_bg.png) repeat-y; width:631px; padding:0 0 15px 24px; margin:0; display:inline-block; }
#project-list #project-content #leftcol, #project-list #project-content #rightcol { float:left; width:290px; padding:0 0 0 10px; }

#project-list #project-content .thumb_wrap { width:290px; padding:10px 0; clear:left; }
#project-list #project-content .thumb { float:left; width:83px; }
#project-list #project-content .thumb a img { border:2px solid #b6b5af; }
#project-list #project-content .thumb a:hover img { border:2px solid #de8a48; }
#project-list #project-content .description { float:left; width:190px; margin:0 0 0 10px; font-size:11px; line-height:17px; color:#929292; }
#project-list #project-content .description h3 { font-size:11px; font-weight:normal; color:#474747; }

#project-list #project-footer { background:url(../img/project/portfolio-listbox_bottom.png) no-repeat; color:#fff; font-size:14px; text-align:center; height:50px; padding:15px 0 0 0; margin:0; }
#project-list #project-footer a { color:#fff; font-weight:bold; border-bottom:1px solid #fff; padding:0 0 2px 0; }
#project-list #project-footer a:hover { color:#000; border-bottom:1px solid #000; text-decoration:none; }

/*  ARCHIVE  --------------------------------------------------- */

/* archive menu */
#archive-menu { padding:30px 0 0 25px; font-size:11px; line-height:20px; display:block; height:190px; }
#archive-menu li a { padding:3px 5px; margin:0 0 0 -4px; }
#archive-menu li span { color:#bbb19f; }
#archive-menu li a:hover span { color:#fff; }

#archive-menu #column1, #archive-menu #column2, #archive-menu #column3, #archive-menu #column4 { float:left; margin:0 10px 0 0; }
#archive-menu #column4 { margin: 0; }
#archive-menu #column1 ul, #archive-menu #column4 ul { float:left; margin:0 18px 0 0; }
#archive-menu #column2 ul {  }

#archive-menu #column1 a:hover { background:#72aa5b; color:#fff; text-decoration:none; }
#archive-menu #column1 li.selected a { background:#72aa5b; color:#fff; }
#archive-menu #column1 li.selected a span { color:#fff; }

#archive-menu #column2 a:hover { background:#009dda; color:#fff; text-decoration:none;  }
#archive-menu #column2 li.selected a { background:#009dda; color:#fff; }
#archive-menu #column2 li.selected a span { color:#fff; }

#archive-menu #column3 a:hover { background:#f68b41; color:#fff; text-decoration:none;  }
#archive-menu #column3 li.selected a { background:#f68b41; color:#fff; }
#archive-menu #column3 li.selected a span { color:#fff; }

#archive-menu #column4 a:hover { background:#876CC3; color:#fff; text-decoration:none;  }
#archive-menu #column4 li.selected a { background:#876CC3; color:#fff; }
#archive-menu #column4 li.selected a span { color:#fff; }

/* archive page count */
.page-count_wrap { float:right; width:135px; padding:40px 0 0 0; margin:0; }
#page-count { width:145px; height:100px; border-bottom:4px solid #b9af9e; }
#page-count #count { text-align: right; float:left; font:60px Georgia, Times, serif; background:url(../images/archive_arrow.gif) no-repeat 0px 22px; color:#000; padding:0 0 0 0px; width: 90px;}
#page-count #text { float:right; width:auto; font:12px Georgia, Times, serif; color:#000; padding:45px 0 0 0; }
.page-count_wrap a:hover { color:#000; }

/* archive thumbnail list */
#archive-iist { margin:10px -52px 0 -53px; }

#select { float:left; padding:30px 0 0 40px; }
#archive_shape { float:right; padding:30px 50px 0 0; }
#instructions { text-align:center; margin:0 70px 0 0; }
#instructions h3 { font-size:26px; font-weight:normal; color:#b3a893; padding:40px 0 12px 0; }
#instructions h4 { font-size:12px; font-weight:normal; color:#9b9b9b; }

.row-w { height:137px; padding:0 0 0 70px; }
.row-t { height:127px; padding:0 0 0 70px;  background-color:#f0ede5; }
.row-w .thumb_wrap { float:left; width:320px; padding:28px 0 0 0; }
.row-t .thumb_wrap { float:left; width:320px; padding:22px 0 0 0; }
.row-w .thumb, .row-t .thumb { float:left; width:94px; background:url(../img/archive/thumb_arrow.png) no-repeat right 32px; }
.row-w .description, .row-t .description { float:left; width:200px; margin:0 0 0 12px; font-size:12px; line-height:22px; color:#a0a0a0; }
.row-w .description h3, .row-t .description h3 { font-size:12px; line-height:22px; color:#000; padding:0 0 0 0; }

/* archive pager */
.pager { text-align:right; margin:30px 50px 0 0; font-weight:bold; }
.pager a { color:#f68b41; padding:4px 5px 5px 5px; }
.pager a:hover { color:#fff; background-color:#f68b41; text-decoration:none; }
.pager a.current { color:#fff; background-color:#f68b41; text-decoration:none; }

/* archive popup overlay */
#archive-overlay-bg{ display:none; position:fixed; z-index:9; height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; }
#archive-overlay-bg{ _position: absolute; _top: 0px; _left: -25%; _width: 150%; _height: 150% }/* ie6 hack */
#archive-overlay-loading{ display:none; position:fixed; _position:absolute; z-index:10; height:13px; width:100%; top:50%; left:0; background-color: Transparent; text-align:center }
#archive-overlay-loading img{ margin-left:auto; margin-right: auto; background-color: Transparent }


#archive-overlay { display:none; position:fixed; z-index:10; width:882px; height:456px; overflow:hidden;}
#archive-overlay { _position: absolute; _left: -10000px} /* ie6 hack */
#archive-overlay div#frame, #archive-overlay div#frame iframe { width: 882px; overflow: hidden; border-style:none; height:456px; border-width: 0px;} /* ie6 hack */
body.popup {background:url(../img/archive/archive-overlay_bg.jpg) no-repeat; margin: 0 20px; }
body.popup div#description h2, body.popup div#description .header { font-size:22px; font-weight:normal; padding:15px 0 0 0; display:block; }
body.popup div#description .description { display:block; line-height:19px; margin-top:2px;}
body.popup div#description .text { float:left; width:260px; padding:21px 0 0 0; font-size:11px; line-height:20px; }

body.popup div#description #image-wrap { float:left; width:560px; margin:7px 0 0 20px; }
body.popup div#description #image-wrap #left_tab, #archive-overlay #image-wrap #right_tab { width:39px; }
body.popup div#description #image-wrap td.image_td { background-color:#f2f1ed; padding:0; }

ul.archivethumbs_unstyled li { visibility:hidden; }

div#archive_shape a img { behavior: url(/includes/htc/iepngfix.htc); }

span.address { font-weight:normal; display:block; margin-top: -4px}

/*  SUBPAGES  --------------------------------------------------- */

span.h3, span.bold-black { color: #000; font-weight:bold; }
span.h4 { font-weight:normal; }
span.h5 { color: #777; font-weight:bold; }
span.orange-caps { color: #de8a48; font-size:11px; text-transform:uppercase; }
span.small-text { font-size:11px; line-height:18px;}

#content { width:965px; margin:0; padding:140px 0 0 15px; clear:both; position:relative; }
#content #col1 { float:left; width:520px; margin:0; padding:0 30px 0 0; min-height:400px; border-right:1px solid #ede9db; background:url(../img/global/col2_nav-div.png) top right no-repeat; line-height:25px; color:#747474; _background: none}
#content #col2 { float:left; width:340px; margin:0; padding:0 0 0 20px; }
#content #col3 { float:left; width:40px; margin:30px 0 0 10px; padding:0; }

#content #col1 table td { padding-right: 20px }
#content #col1 table { padding-top: 20px; padding-bottom: 20px }

div#col3 a img { behavior: url(/includes/htc/iepngfix.htc); }

#content #col1 ul { margin:0 0 0 -10px; }
#content #col1 li { background:url(../img/global/bullet.gif) no-repeat 0px 10px; padding:0 0 5px 10px; }
#content #col1 ul li ul { margin:0 0 0 10px; }
#content #col1 ul li ul li { padding:0 0 0 10px; }

/* --- colored lists - get rid of bullet above ----- */
.orange #content #col1 li { background:url(../img/global/bullet.gif) no-repeat 0px 10px; }
.green #content #col1 li { background:url(../img/global/bullet_g.gif) no-repeat 0px 10px; }
.blue #content #col1 li { background:url(../img/global/bullet_b.gif) no-repeat 0px 10px; }
.purple #content #col1 li { background:url(../img/global/bullet_p.gif) no-repeat 0px 10px; }

/* ON PAGE SUB MENUS --------------------------------------------------- */
#content #col2 div#right-nav { float:left; margin-left: -10px; width: 100%}
#content #col2 div#right-nav { _margin-left: -4px} /* ie6 hack */
#content #col2 div#right-nav ul { width:200px; margin:23px 0; font-size:12px; position:relative; float:left; margin-left:-30px; }

#content #col2 div#right-nav ul li a { margin-left: 40px; padding:5px 0 5px 0; display: block; border-bottom-width: 1px; border-bottom-style:dotted}
#content #col2 div#right-nav ul li a { _height: 5px; } /* ie6 hack */
#content #col2 div#right-nav ul li.last a { border-bottom-width: 0px; }

.green #content #col2 div#right-nav ul li a { border-bottom-color: #66aa47; }
.blue #content #col2 div#right-nav ul li a { border-bottom-color: #01a7e1; }

#content #col2 div#right-nav ul li.active {	background-repeat: no-repeat; background-image: url(../img/global/col2_nav-arrow.gif); background-position: left top; }

#content #col2 div#right-nav ul li.active ul li.last a { border-bottom-width: 1px; padding-bottom: 10px;}

#content #col2 div#right-nav ul li ul {	margin: -3px 0px 5px 40px; width: 160px; padding: 0px; float:left; background-color: #ffffff;}
#content #col2 div#right-nav ul li ul {	_margin: -3px 0px 5px 20px; } /* ie6 hack */

#content #col2 div#right-nav ul li ul li a { border-bottom-width: 0px; margin: 0px; padding: 0px}

#content #col2 div#right-nav ul li ul li.active { background-image: none; }

#content #col2 div#right-nav ul li ul li a { color: #747474; font-weight: normal; font-size: 10px; }


/* SUB PAGE CONTENT --------------------------------------------------- */

/* ABOUT */
.green a { color:#73ad5e; }

.about_photo { margin:40px 0 50px 0; }
.about_photo_wrap { float:left; width:176px; margin:0 25px 0 0; background:url(../img/global/about_arrow.gif) no-repeat right 90px; }
.about_photo_thumb { float:left; width:165px; padding:0; margin:10px 0 0 0;}

#team-list { clear:both; font-size:13px; }

#team-links { padding:0; display:inline-block; }
#team-links div { float:left; width:170px; display:inline-block; }
#team-links a { display:block; float:left; width:170px; }

.team-thumb { clear:both; display:block; height:48px; margin:0 0 10px 0; }
.team-thumb .thumb { float:left; width:48px; margin:0 15px 0 0; display:inline-block; }
.team-thumb .name { padding:15px 0 0 0; }

#team-bio { margin:15px 0 0 0; }
#team-photo { float:left; padding:10px 25px 0 0; }

#goback { position:absolute; top:140px; left:15px; width:129px; height:24px; background:url(../img/staff/goback-tab.png) no-repeat; padding:3px 0 0 10px; font-size:8px; line-height:normal; color:#515151; }
#goback a { color:#515151; }
#goback a:hover { color:#73ad5e; text-decoration:none; }
#goback span { font-size:12px; color:#73ad5e; }

/* client list */
#clients { margin:15px 0px 5px 0; line-height:30px; }

/* media & press */
#media-projects {}
#media-projects .project { padding:15px 0; }
#media-projects .project strong { color:#000; }
#media-projects .project div { margin:10px 0 0 0; }
#media-projects .project div span.date {display:none;}

/* awards */
div.client { margin-bottom: 15px; font-weight: bold; color: #747474; padding-top: 4px}
div.client ul { font-weight: normal; color: #adadad; margin-top: 7px}
div.client ul li span.name { color: #747474;}

div#more-awards { margin-top: 80px }

div.award {margin-bottom:10px; color: #adadad; padding-top: 4px } 
div.award span.name { font-weight: bold; color: #000; }
div.award ul { margin-top: 7px}
div.award ul li span.clientname {color: #000; } 
div.award ul li span.prize {color: #747474;} 

.caption { font-size:11px; color:#8e8e8e; margin:10px 0 20px 0; line-height:18px; width:300px; clear:both}

/* EXPERTISE */
.blue a { color:#01a7e1; }

/* CONTACT */
.purple a { color:#876cc3; }
#phone-email { margin:0 0 15px 0; display:inline-block; }
#phone-email div { float:left; width:190px; display:inline-block; }
#ftp 
{
	float: left;
	padding-bottom: 10px;
}
#map { background:url(../img/contact/contact_map.jpg) no-repeat; width:303px; height:308px; margin:95px 0 0 -20px; padding:13px 0 0 30px; line-height:18px; }
#ftp input, #ftp label, #ftp span
{
	float:left; display:block; margin-right: 10px;
}

#ftp span.validation, #ftp label
{
	clear:both;
}

#ftp label 
{
	width: 80px;
}


/*  HEADERS  --------------------------------------------------- */

/* sIFR headers */
@media screen {
.sIFR-active .green h1 { visibility: hidden; padding:35px 0 5px 0; margin-left:-2px; font-size:30px; }
.sIFR-active .green h1.bio { visibility: hidden; padding:35px 0 0 0; font-size:30px; }
.sIFR-active .blue h1 { visibility: hidden; padding:35px 0 5px 0; margin-left:-2px; font-size:30px; }
.sIFR-active #portfolio_content h1 { visibility: hidden; padding:15px 0 0 0; margin:0 0 0 -2px; font-size:22px; }
.sIFR-active .purple h1 { visibility: hidden; padding:35px 0 5px 0; margin-left:-2px; font-size:30px; }
.sIFR-active #home_content h1 { visibility: hidden; font-size:22px; }
.sIFR-active #content #col1 h2 { visibility: hidden; margin:25px 0 5px 0; font-size:18px; clear:both; }
.sIFR-active #content #col1 #team-list h2 { visibility: hidden; margin:45px 0 5px 0; font-size:18px; clear:both; }
.sIFR-active #portfolio_content #col1 h2 { visibility: hidden; font-size:11px; text-transform:uppercase; }
.sIFR-active #portfolio_content #col2 h2 { visibility: hidden; font-size:11px; text-transform:uppercase; }
.sIFR-active #archive-menu h2 { visibility: hidden; font-size:11px; line-height:normal; text-transform:uppercase; padding:0; margin:0 0 3px 0; color:#000; border-bottom:4px solid #bbb19f;}
}

@media print {
.green h1 { color: #66aa47; padding:35px 0 5px 0; line-height:normal; font-weight:normal; font-size:30px; }
.green h1.bio { color: #66aa47; padding:35px 0 0 0; line-height:normal; font-weight:normal; font-size:30px; }
.blueh1 { color: #01a7e1; padding:35px 0 5px 0; line-height:normal; font-weight:normal; font-size:30px; }
#portfolio_content h1 { color: #a9a9a9; padding:15px 0 0 0; line-height:normal; font-weight:normal; font-size:22px; }
.purple h1 { color: #876cc3; padding:35px 0 5px 0; line-height:normal; font-weight:normal; font-size:30px; }
#home_content h1 { color: #de8a48; line-height:normal; font-weight:normal; font-size:22px; }
#content #col1 h2 { margin:45px 0 5px 0; clear:both; font-weight:normal; font-size:18px; }
#portfolio_content #col1 h2 { color: #de8a48; font-size:11px; text-transform:uppercase; }
#portfolio_content #col2 h2 { color: #de8a48; font-size:11px; text-transform:uppercase; }
#archive-menu h2 { font-size:11px; line-height:normal; text-transform:uppercase; padding:0 0 3px 0; margin:0 0 3px 0; color:#000; border-bottom:4px solid #bbb19f;}
}


#content #col1 h3 { color:#000; font-size:12px; }
#content #col1 h4 { color:#000; font-size:11px; line-height:normal; }


/*  FOOTER   --------------------------------------------------- */
#archive-iist, #portfolio_content, #home_content, #content #col1 { padding-bottom:175px; display:block; }
#portfolio_content { padding-bottom:175px; display:inline-block; }

#foot_wrap { background:url(../img/global/bg_footer.jpg) repeat-x; padding:0; height:300px; clear:both;  }
#footer { margin:0 auto; padding:30px 0 0 0; width:980px; font:12px/18px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#fff; }
#footer div { float:left; width:150px; }
#footer div ul { list-style:none; }
#footer div li { margin:0 0 5px 0;}

#footer a { color:#fff; }
#footer h4 { font:normal 11px/21px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; margin-bottom:10px; letter-spacing:1px; }

/** history **/
div#content {float:left; clear:both; width: 100%}
div#content div#col2 div#history { margin:10px 0 0 -20px; width:100%; color:#9a9b89; }
div#content div#col2 div#history ul { width:100%; margin:0; }
div#content div#col2 div#history ul li { padding:0 0 12px 0; font-size:11px; line-height:normal; height:50px; border:none; }
div#content div#col2 div#history ul li img { float:left; display:inline-block; vertical-align:middle; }
div#content div#col2 div#history ul li div { float:left; display:inline-block; height:50px; width:48px; padding:0 0 0 12px; font:bold 14px Georgia, "Times New Roman", Times, serif; }
.dwn { font-weight:bold; }
.dwn img { padding-right:12px; }

/** homepage overlay **/
#video-overlay-bg{ display:none; position:fixed; _position:absolute; z-index:9; height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; }
#video-overlay { display:none; position:fixed; _position:absolute; z-index:10; margin:0; padding:0; overflow:hidden; }
#video-overlay table#video td.tc { width:3px; height:3px; }
#video-overlay table#video td.s { background:#fff; font-size:1px; }
#video-overlay table#video td.bc { width:3px; height:3px; }
#video-overlay #vid { padding:0 50px 40px 50px; }
#video-overlay #vid p { margin: 0px; }
#video-overlay h2 { font-size:22px; font-weight:normal; padding:25px 0 0px 0; }