/*GLOBAL STYLES 
---------------------------------------------------------------------*/
body{
	background-color:#000;
	background-image:url(/images/bg-body.gif);
	background-repeat:repeat-x;
	background-position:top left;
	margin:0;
	padding:0;
	color:#9e9888;
	font-family:Arial, Helvetica, sans-serif;
	}
	
img{
	border:none;
	}
	
h2 span{
	display:none;
	}
	
h2{
	margin:0;
	padding:0 0 22px 0;
	}
	
h4{
	font-weight:normal;
	font-size:15px;
	padding:0 0 4px 0;
	margin:0;
	}

img, div { behavior: url(/iepngfix.htc) }

p{
	margin:0;
	padding:0 0 12px 0;
	font-size:11px;
	line-height:16px;
	}

ul{
	font-size:11px;
	}
	
a{
	color:#969919;
	}

#main-container{
	margin:0 auto;
	width:1048px;
	}
	
#main-bg{
	background-image:url(/images/bg-main-container.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:787px;
	}
	
	
/*HEADER STYLES 
---------------------------------------------------------------------*/
#header{ 
	padding:0 74px 0 68px;
	float:left;
	}
	
#logo{
	float:left;
	padding:38px 0 0 0;
	}
	
#on-call{
	float:right;
	padding:46px 0 0 61px;
	}


/*MAIN NAVIGATION STYLES 
---------------------------------------------------------------------*/
#top-nav-container{	
	width:561px;
	float:left;
	padding:62px 0 0 34px;
	}
	
#top-nav, #top-nav ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#top-nav a{
	display:block;
	height:16px;
	}	
	
#top-nav li{
	float:left;
	overflow:hidden;
	}
	
.nav-capabilities{
	width:80px;
	background:url(/images/btn-capabilities.gif) left top no-repeat;
	padding-right:30px;
	}
	
.nav-advantage{
	width:149px;
	background:url(/images/btn-advantage.gif) left top no-repeat;
	padding-right:29px;
	}
	
.nav-portfolio{
	width:63px;
	background:url(/images/btn-portfolio.gif) left top no-repeat;
	padding-right:29px;
	}
	
.nav-employment{
	width:78px;
	background:url(/images/btn-employment.gif) left top no-repeat;
	padding-right:29px;
	}
	
.nav-contact{
	width:71px;
	background:url(/images/btn-contact.gif) left top no-repeat;
	}
	
#top-nav-container ul li.hover a, #top-nav-container ul li:hover a, #top-nav-container ul li a.hover, #top-nav-container ul li a:hover{
	background-position:0 -18px;
	}
	
#top-nav-container li a:hover.active, #top-nav-container li a.active, #top-nav-container li a.hover.active, #top-nav-container li a:hover.active{
	background-position:0 -18px;
	}


/*     DROP DOWN STYLES 
--------------------------------------*/
#top-nav-container ul li ul{	
	z-index:100;
	position:absolute;
	background: url(/images/bg-dropdown.png) left bottom no-repeat;
	display:none;
	height:auto;
	width:160px;
	margin:0 0 0 -5px;
	padding:2px 0 8px 0;
	}

#top-nav li ul li{
	float:none;
	margin:0 0 0 0;
	padding:4px 12px 0 12px;
	height:12px;
	}
	
#top-nav li ul li a{
	text-decoration:none;
	font-size:9px;
	color:#373632;
	text-transform:uppercase;
	font-weight:bold;
	}
	
#top-nav li ul li a:hover{
	color:#808310;
	}
	
#top-nav-container ul li.hover ul, #top-nav-container ul li:hover ul, #top-nav-container ul li.sfhover ul{
	display:block;
	}
	

/*HOME PAGE BODY STYLES 
---------------------------------------------------------------------*/
#home-image{
	background:url(/images/bg-home-image.gif) top left no-repeat;
	float:left;
	width:900px;
	height:312px;
	margin:0 12px;
	padding:14px 62px;
	display:inline;
	}
	
#home-leftcol{
	float:left;
	width:630px;
	padding:0 18px 0 0;
	}
	
#home-rightcol{
	float:left;
	width:234px;
	padding:0 0 0 18px;
	}
	
.home-portfolio-callout{
	float:left;
	padding:0 0 8px 0;
	}
	
.home-portfolio-title{
	float:left;
	padding:6px 0 0 0;
	}	
	
p.project-description{
	padding:0;
	font-size:11px;
	line-height:14px;
	}
	
p.project-title{
	font-size:13px;
	padding:0;
	}


/*SECONDARY PAGE STYLES 
---------------------------------------------------------------------*/
.text-link-right{
	float:right;
	padding:3px 5px 0 0;
	margin:0;
	clear:both;
	}	
		
.text-link-right-a{
	float:right;
	padding:0;
	margin:0;
	clear:both;
	}	
	
.text-link-right a, .text-link-left a, .text-link-right-a a{
	color:#969919;
	text-decoration:none;
	}
	
.text-link-left{
	float:left;
	padding:0;
	margin:0;
	}	
	
#strip-title{
	padding:0 12px;
	}
	
#content-container{
	float:left;
	width:900px;
	padding:0 74px;
	}
	
#inside-text{
	float:left;
	padding:0 6px;
	}
	
#leftcol-lg{
	float:left;
	width:470px;
	padding:26px 18px 0 36px;
	}
	
#rightcol-sm{
	float:left;
	width:232px;
	padding:26px 0 0 18px;
	}
	
#leftcol-equal{
	float:left;
	width:351px;
	padding:26px 18px 0 36px;
	}
	
#rightcol-equal{
	float:left;
	width:351px;
	padding:26px 0 0 18px;
	}
	
#column-container{
	float:left;
	width:738px;
	padding:26px 0 0 36px;
	}
	
#column-container ul{
	margin-top:0px;
	}

#leftcol-sm{
	float:left;
	width:232px;
	padding:0 18px 0 0;
	}
	
#rightcol-med{
	float:left;
	width:470px;
	padding:0 0 0 18px;
	}
	
#rightcol-lg{
	float:left;
	width:580px;
	padding:0 0 0 18px;
	}
	
.img-left{
	padding:0 20px 20px 0;
	}
	
.piece-container{
	float:left;
	padding:0 0 20px 0;
	}
	
	
/*PORTFOLIO STYLES 
---------------------------------------------------------------------*/
#portfolio-container{
	background:url(/images/bg-portfolio.gif) top left no-repeat;
	float:left;
	width:900px;
	height:378px;
	margin:0 12px;
	padding:14px 62px;
	display:inline;
	}
	
#portfolio-content{
	float:left;
	width:910px;
	height:358px;
	}
	
#portfolio-testimonial{
	float:left;
	width:198px;
	padding:0 0 0 36px;
	}
	
#portfolio-case-study{
	float:left;
	width:198px;
	padding:0 0 0 36px;
	}
	
.portfolio-project-detail{
	float:left;
	width:432px;
	}
	
.portfolio-project-detail-A{
	float:left;
	width:630px;
	}
	
.portfolio-project-detail-B{
	float:left;
	width:900px;
	}
	
#portfolio-tabs{
	float:right;
	width:190px;
	margin-top:3px;
	}
	
#portfolio-tabs-list{
	margin:0;
	padding:0;
	list-style:none;
	}

#portfolio-tabs-list a{
	display:block;
	height:33px;
	}
	
#portfolio-tabs-list li{
	float:left;
	overflow:hidden;
	}
	
.interior-tab{
	width:95px;
	background:url(/images/tabs-interior.gif) top left no-repeat;
	}
	
.building-tab{
	width:95px;
	background:url(/images/tabs-building.gif) top left no-repeat;
	}
	
#portfolio-tabs-list .not-active{
	background-position:-95px 0;
	}
	
.testimonial-name{
	text-align:right;
	margin:0;
	padding:0 0 6px 0;
	}
	
.interiorsTitle{
    color:#5e82a3;
    font-weight:normal;
    padding-left:5px;
    }
	
.buildingTitle{
    color:#d88c02;
    font-weight:normal;
    padding-left:5px;
    }


/*T3 NAV 
---------------------------------------------------------------------*/
#T3-nav{
	width:140px;
	float:left;
	padding:0;
	margin:-10px 0 0 0;
	}
	
#T3-nav{
	font-size:11px;
	}
	
#T3-nav ul{
	list-style:url(/images/link-icon.png);
	margin:0 0 0 22px;
	padding:0;
	}
	
#T3-nav li{
	padding:10px 0 0 0;
	}
	
#T3-nav a{
	color:#9e9888;
	text-decoration:none;
	display:block;
	}
	
#T3-nav a:hover{
	color:#969919;
	}
	
.name{
	font-weight:bold;
	}

#T3-nav a.active{
	color:#969919;
	}


/*SIDE NAV STYLES 
---------------------------------------------------------------------*/
#side-nav{
	float:left;
	width:126px;
	height:500px;
	padding:0;
	margin:0;
	background:url(/images/bg-side-nav.gif) top left no-repeat;
	}
	
#side-nav ul{
	list-style:none;
	padding:20px 2px 0 2px;
	margin:0;
	}
	
#side-nav ul li{
	overflow:hidden;
	text-indent:-3000px;
	}
	
#side-nav ul li a{
	width:122px;
	display:block;
	overflow:hidden;
	}
	
#side-nav li a:hover, #side-nav li a.active, #side-nav li a.active.hover, #side-nav li a.active:hover{
	background-position:-122px 0;
	}
	
.side-capabilities, .side-interior, .side-building, .side-contact-us, .side-24-hour-service, .side-case-studies, .side-employment, .side-in-the-news, .side-portfolio, .side-testimonials, .side-meet-our-people, .side-work-space, .side-forms-policies, .side-the-greiner-story{
	height:26px;
	}
	
.side-architectural-partners, .side-awards-and-recognition, .side-building-portfolio, .side-community-service, .side-interior-portfolio, .side-online-application, .side-the-greiner-advantage{
	height:40px;
	}
	
.side-capabilities{
	background:url(/images/btn-side-capabilities.gif) top left no-repeat;
	}
	
.side-interior{
	background:url(/images/btn-side-interior.gif) top left no-repeat;
	}
	
.side-building{
	background:url(/images/btn-side-building.gif) top left no-repeat;
	}
	
.side-contact-us{
	background:url(/images/btn-side-contact-us.gif) top left no-repeat;
	}

.side-24-hour-service{
	background:url(/images/btn-side-24-hour-service.gif) top left no-repeat;
	}

.side-work-space{
	background:url(/images/btn-the-work-space.gif) top left no-repeat;
	}

.side-the-greiner-story{
	background:url(/images/btn-the-greiner-story.gif) top left no-repeat;
	}

.side-forms-policies{
	background:url(/images/btn-forms_policies.gif) top left no-repeat;
	}

.side-architectural-partners{
	background:url(/images/btn-side-architectural-partners.gif) top left no-repeat;
	}

.side-awards-and-recognition{
	background:url(/images/btn-side-awards-and-recognition.gif) top left no-repeat;
	}

.side-building-portfolio{
	background:url(/images/btn-side-building-portfolio.gif) top left no-repeat;
	}

.side-case-studies{
	background:url(/images/btn-side-case-studies.gif) top left no-repeat;
	}

.side-community-service{
	background:url(/images/btn-side-community-service.gif) top left no-repeat;
	}

.side-employment{
	background:url(/images/btn-side-employment.gif) top left no-repeat;
	}

.side-in-the-news{
	background:url(/images/btn-side-in-the-news.gif) top left no-repeat;
	}

.side-interior-portfolio{
	background:url(/images/btn-side-interior-portfolio.gif) top left no-repeat;
	}

.side-meet-our-people{
	background:url(/images/btn-side-meet-our-people.gif) top left no-repeat;
	}

.side-online-application{
	background:url(/images/btn-side-online-application.gif) top left no-repeat;
	}

.side-portfolio{
	background:url(/images/btn-side-portfolio.gif) top left no-repeat;
	}

.side-testimonials{
	background:url(/images/btn-side-testimonials.gif) top left no-repeat;
	}

.side-the-greiner-advantage{
	background:url(/images/btn-side-the-greiner-advantage.gif) top left no-repeat;	}


/*TABLE STYLES 
---------------------------------------------------------------------*/
.dataTable thead{
	font-size:16px;
	background:url(/images/bg-thead-border.gif) bottom left no-repeat;
	}
	
.dataTable thead td{
	padding:0 10px 6px 0;
	}

.dataTable tbody{	
	font-size:11px;
	}
	
.dataTable tbody td{
	padding:6px 10px 0 0;
	width:35%;
	}
	
.dataTable tbody a{
	color:#969919;
	text-decoration:none;
	}
	
.dataTable tfoot td{
	height:20px;
	}


/*FOOTER STYLES 
---------------------------------------------------------------------*/
#footer{
	float:left;
	width:900px;
	margin:26px 74px 0 74px;
	padding-bottom:30px;
	display:inline;
	background:url(/images/bg-footer-border.gif) top left no-repeat;
	clear:both;
	}
	
#copyright{
	float:right;
	padding-top:8px;
	}
	
#copyright p{
	font-size:9px;
	}
	
#footer-nav{
	float:left;
	padding-top:8px;
	}
	
#footer-nav ul{
	margin:0;
	padding:0;
	}
	
#footer-nav li{
	display:inline;
	list-style:none;
	font-size:9px;
	padding:0 30px 0 0;
	text-transform:uppercase;
	}
	
#footer-nav li a{
	color:#9e9888;
	text-decoration:none;
	}
	
#footer-nav li a:hover{
	color:#969919;
	}


/*FORM STYLES 
---------------------------------------------------------------------*/
.box {
	font-family: arial, verdana, sans;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	border: #969919 solid;
	border-width: 1px 1px
    }

.box2 {
	font-family: arial, verdana, sans;
	font-size: 12px;
	width: 175px;
	color: #000000;
	background-color: #FFFFFF;
	border: #969919 solid;
	border-width: 1px 1px
    }
  
.text {
  font-family: arial, verdana, sans; 
  font-size: 12px; 
  font-weight: normal; 
  color: #9e9888; 
  text-decoration: none;
  }
  
.text2 {
  font-family: arial, verdana, sans; 
  font-size: 12px; 
  font-weight: normal; 
  color: #9e9888; 
  text-decoration: none;
  }	 
  
.text3 {
  font-family: arial, verdana, sans; 
  font-size: 12px; 
  font-weight: bold; 
  color: #9e9888; 
  background-color: #2c2c28;
  text-decoration: none;
  border-right: 1px solid #2c2c28;
  border-left: 1px solid #2c2c28;
  border-top: 1px solid #2c2c28;
  border-bottom: 1px solid #2c2c28;
  }	 	 
  
.text4 {
  font-family: arial, verdana, sans; 
  font-size: 12px; 
  font-weight:normal; 
  color: #9e9888; 
  background-color: #ffffff;
  text-decoration: none;
  border-right: 1px solid #2c2c28;
  border-left: 1px solid #2c2c28;
  border-top: 1px solid #2c2c28;
  border-bottom: 1px solid #2c2c28;
  }
