/*
----------------------------------------------------------------------------- 
ESSENTIAL
-----------------------------------------------------------------------------*/

html { 
height: 100%; margin-bottom: 1px; 
}
body {
	margin: 0;
	padding: 0 0 0 0;
	font: 12px/20px "Helvetica", Arial,"Lucida Grande", Verdana, Arial, sans-serif;
	color: #444;
background: #474747; 
/*background: url(http://www.grcinc.com/_images/home-bg.png) no-repeat center top;*/
}

body * {margin: 0;padding: 0;}

p,h1,h2,h3,h4,h5,h6,li,td,dt,dd {font-weight: normal; }
p,h1,h2,h3,h4,ul,ol,dl,blockquote,pre { margin-bottom: 15px; }

a {color: #6D231A;text-decoration: none; outline: none}
a:visited {color: #854B40;}
a:hover {color: #710101; border-bottom: 1px dotted #454545}

a.external{
background: url(_images/external.gif) no-repeat right center;
padding-right: 12px;
}

ul,ol,dl{list-style-type: none;}

img { border: none; }

.clearfix:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
}

a.print-me{
background: url(_images/printer-icon.gif) no-repeat right center;
padding-right: 20px;
}

a.pdf{
background: url(_images/pdf-icon.gif) no-repeat right center;
padding-right: 20px;
}

.flt-right{
float: right;
}

.flt-left{
float: left;
}

body#home ul#project-types{
width: 540px;
float:left;
background: none;
margin-bottom: 45px;
}

body#home div#main-content h2{
margin-top: 33px;
}


body#home div#main-content h2#affiliates{

}

ul#affiliates{
margin-top: 15px;
position: relative;
width: 572px;
left: -34px;
}

ul#affiliates li{
display: block;
float:left;
}

ul#affiliates a{
display: block;
float:left;
height: 82px;
background-position: left top;
background-repeat: no-repeat;
text-indent: -20000px;
}

ul#affiliates a:hover{
border-bottom: none;
background-position: left bottom;
}

ul#affiliates li#usgbc a{
width: 139px;
background-image: url(/_images/icon-01.gif);
}

ul#affiliates li#agc a{
width: 132px;
background-image: url(/_images/icon-02.gif);
}

ul#affiliates li#aia a{
width: 186px;
background-image: url(/_images/icon-03.gif);
}

ul#affiliates li#vp a{
width: 114px;
background-image: url(/_images/icon-04.gif);
}




/*
----------------------------------------------------------------------------- 
Wrapper and Global
-----------------------------------------------------------------------------*/

div#global{
background: #FFF;
}

div#wrapper{
width: 960px;
margin: 0 auto;
position: relative;
/* design watermark 
background: url(http://www.grcinc.com/images/content/grc-project-bgimage.gif) no-repeat center top;*/
border-top: 1px solid #FFF;
}

div#wrapper:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
}

/*
----------------------------------------------------------------------------- 
Header
-----------------------------------------------------------------------------*/

div#header{
background: #FFC;
display: relative;
}

img#logo{
margin: 10px 0 0 30px;
float:left;
}

ul#primary-nav{
position: absolute;
width: 610px;
top: 118px;
right: 0;
}

ul#primary-nav li{
float:left;
display: block;
}

ul#primary-nav li a{
float:left;
display: block;
padding: 0 11px;
height: 11px;
overflow: hidden;
}

/* primary nav
---------------------------------------------------- */

div#header ul#primary-nav li a:hover{
border: none;
background-position: center -11px;
}

ul#primary-nav li#li-home a{
background: transparent url(http://www.grcinc.com/images/content/home-bg.gif) no-repeat center top;
width: 37px;
text-indent: -4000px;
}

ul#primary-nav li#li-projects a{
background: transparent url(http://www.grcinc.com/images/content/projects-bg.gif) no-repeat center top;
width: 62px;
text-indent: -4000px;
}

ul#primary-nav li#li-construction a{
background: transparent url(http://www.grcinc.com/images/content/construction-bg.gif) no-repeat center top;
width: 100px;
text-indent: -4000px;
}

ul#primary-nav li#li-architecture a{
background: transparent url(http://www.grcinc.com/images/content/architectural-bg.gif) no-repeat center top;
width: 109px;
text-indent: -4000px;
}

ul#primary-nav li#li-partners a{
background: transparent url(http://www.grcinc.com/images/content/partners-bg.gif) no-repeat center top;
width: 67px;
text-indent: -4000px;
}

ul#primary-nav li#li-contact a{
background: transparent url(http://www.grcinc.com/images/content/contact-us.gif) no-repeat center top;
width: 80px;
text-indent: -4000px;
}

/* secondary nav
---------------------------------------------------- */

ul#secondary-nav{
background: #454545 url(http://www.grcinc.com/images/content/secondary-nav-bg.gif) no-repeat right center;
position: absolute;
top: 140px;
right: 30px;
width: 901px;
height: 24px;
padding-right: 5px;
}

ul#secondary-nav li{
float:right;
line-height: 24px;
}

ul#secondary-nav li a{
color: #ececec;
font-size: 11px;
padding: 0 7px;
font-family: "Lucida Grande","Helvetica",Arial, san serif;
color: #d8d8d8;
}

ul#secondary-nav li a:hover{
border-bottom: 1px dotted #ECECEC;
}

body ul#secondary-nav{
display: none;
}

body#projects ul#secondary-nav{
display: block;
}

h1#content-h1{
visibility: visible;
position: absolute;
top: 140px;
right: 30px;
width: 906px;
height: 24px;
background: #454545;
text-indent: -5000px;
}

body#home h1#content-h1{
display: none;
}

body#architectural h1#content-h1{
background: #454545 url(http://www.grcinc.com/images/content/h1-architectural.gif) no-repeat right center;
}

body#construction h1#content-h1{
background: #454545 url(http://www.grcinc.com/images/content/h1-construction.gif) no-repeat right center;
}

body#partners h1#content-h1{
background: #454545 url(http://www.grcinc.com/images/content/h1-partners.gif) no-repeat right center;
}

body#contact h1#content-h1{
background: #454545 url(http://www.grcinc.com/images/content/h1-contact.gif) no-repeat right center;
}

body#news h1#content-h1{
background: #454545 url(http://www.grcinc.com/images/content/h1-news.gif) no-repeat right center;
}

body#projects h1#content-h1{
display: none;
}

/*
----------------------------------------------------------------------------- 
Content
-----------------------------------------------------------------------------*/

div#content{
margin: 0 30px;
clear:both;
margin: 200px 60px 0 70px;
height: 1%;
}

body#projects div#content{
margin: 237px 0 0 0;
}

body#home div#content{
margin: 140px 0 0 0;
}

#flashcontent{
width: 912px;
margin: 0 auto 30px auto;
display: block;
height: 470px;
}

div#content:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
}

div#input-prompt{
height: 300px;
clear: both;
background: transparent url(http://www.grcinc.com/_images/content-prompt-watermark.gif) no-repeat center center;
}

/* Main Content
---------------------------------------------------- */

div#main-content{
display: block;
margin: 0 auto;
}

div#main-content h1{
}

div#main-content h2{
font-size: 16px;
clear:both;
}

body#home div#main-content{
margin: 0 0 0 73px;
width: 540px;
float:left;
display: inline;
}

body#home div#main-content h1{
margin-bottom: 10px;
}

body#projects div#main-content{
float: right;
width: 680px;
background: none;
margin: 0;
}

div#project-info{
float:right;
display: inline;
width: 265px;
margin: 0 50px 0 0;
color: #444;
}

body#news h2{
margin-bottom: 0px;
}

body#news h3{
margin-bottom: 10px;
}

div#main-content img.img-float-right{
float: right;
margin: 0 20px 20px 20px;
border: 10px solid #fbfbfb;
}

div#main-content img.img-float-left{
float: left;
margin: 0 20px 20px 0;
border: 10px solid #fbfbfb;
}

/* Project Gallery
---------------------------------------------------- */

ul#gallery{
margin-left: 3px;
width: 320px;
float:left;
}

ul#gallery li{
float:left;
margin-right: 10px;
}

ul#gallery li img{
width: 150px;
margin-bottom: 5px;
}

ul#gallery li#alpha img{
width: 310px;

}


/* Home Project Types
---------------------------------------------------- */

ul#project-types{
background:red;
display: block;
}

ul#project-types li{
display:block;
float:left;
display: inline;
}

ul#project-types li a{
display: block;
width: 63px;
height: 58px;
float:left;
margin: 0 3px 0 0;
text-indent: -10000px;
}

ul#project-types li a:hover{
border-bottom: none;
}

a#type1{
background: url(http://www.grcinc.com/_images/project-icon-1.gif) no-repeat left top;
}
a#type2{
background: url(http://www.grcinc.com/_images/project-icon-2.gif) no-repeat left top;
}
a#type3{
background: url(http://www.grcinc.com/_images/project-icon-3.gif) no-repeat left top;
}
a#type4{
background: url(http://www.grcinc.com/_images/project-icon-4.gif) no-repeat left top;
}
a#type5{
background: url(http://www.grcinc.com/_images/project-icon-5.gif) no-repeat left top;
}
a#type6{
background: url(http://www.grcinc.com/_images/project-icon-6.gif) no-repeat left top;
}
a#type7{
background: url(http://www.grcinc.com/_images/project-icon-7.gif) no-repeat left top;
}
ul#project-types li a#type8{
background: url(http://www.grcinc.com/_images/project-icon-8.gif) no-repeat left top;
width: 72px;
}


/* Secondary Content
---------------------------------------------------- */
div#secondary-content{
display: none;
}

body#home div#secondary-content{
display: block;
width: 250px;
float:right;
margin-right: 30px;
}

body#home div#secondary-content h2{
margin: 0 0 8px 18px;
}

body#home div#secondary-content h3{
display:block;
margin: 0 0 -3px 0;
font-weight: bold;
line-height: 16px;
}

body#home div#secondary-content h4{
display: block;
font-size: 11px;
margin: 0;
}

body#home div#secondary-content li{
display: block;
background: url(http://www.grcinc.com/_images/bg-arrow.gif) no-repeat 0 4px;
padding: 0 0 0 8px;
}

body#home div#secondary-content p{
margin: 0;
line-height: 16px;
}

body#home div#secondary-content a{
display: block;
padding: 0 10px 0 10px;
margin: 0 0 20px 0;
}

body#home div#secondary-content a:hover{
display: block;
background: #fbfbfb;
border: none;
}

body#projects div#secondary-content{
text-align: right;
float:left;
width: 200px;
display: block;
}

body#projects div#secondary-content li{

}

body#projects div#secondary-content a{
border-top: 1px solid #DDD;
padding: 3px 0;
display: block;
}

body#projects div#secondary-content a:hover{
border-bottom: none;
background: #FCFCFC;
}

/*
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/

div#footer{
color: #999;
float:right;
display: inline;
clear: both;
width: 200px;
position: relative;
top: 140px;
margin: 0 70px 0 0;
}

div#footer address{
font-size: 10px;
line-height: 14px;
font-style: normal;
}

div#footer a{
color: #854B40;
}

div#footer a:hover{
color: #9e5a4d;
}

/*
----------------------------------------------------------------------------- 
Form Styles
-----------------------------------------------------------------------------*/

form p{
margin-bottom: 10px;
clear; both;
}

form label{
display: block;
float:left;
width: 100px;
text-align: right;
margin-right: 40px;
}

form textarea{
height: 300px;
width: 500px;
}

form p.input-whole input{
width: 750px;
}

form p input,
form textarea{
border: 1px solid #DDD;
font-size: 12px;
}

form p.text-area table{
width: auto;
}

form p.submit input{
width: auto;
background: #333;
color: #FFF;
padding: 3px 9px;
display: block;
margin: 0 auto;
}

form select option{
margin-right: 5px;
}

/*
----------------------------------------------------------------------------- 
Table Styles
-----------------------------------------------------------------------------*/

table{
width: 100%;
}

table th{
text-align:left;
padding: 0px 10px;
}

table tr.row_1{
	background: #E4E4E4;
}

table tr.row_1 td{
padding: 5px 10px;
}

table tr.row_2 td{
padding: 10px 10px;
}

/*
----------------------------------------------------------------------------- 
EOD
-----------------------------------------------------------------------------*/