/*--------------------------------------------
   doc title: grafik architecture master stylesheet
   filename: styles.css
   author: j brighton
   date: 14/10/2008

   ------------------

   1. defaults
   2. structure
   3. navigation
   4. headings, typography, links
   5. forms
   6. images
   7. iframes

--------------------------------------------*/

/*-------- 1. defaults --------*/

*
		{
		margin: 0;
		padding: 0;
		}

body
		{
		font-family: arial, helvetica, sans-serif;
		font-size: 62.5%;
		color: #7B7979;
		background: #fff;
        padding: 0 0 10px 0;
		}

img
		{
		border: 0;
		}

a		
		{
		text-decoration: none;
		}
a:hover
		{
		text-decoration: underline;
		}
p
      {
      font-size: 1.2em;
      line-height: 1.4em;
      }

/*-------- 2. structure --------*/
#header
      {
      clear: both;
      width: 972px;
      }

#page_left
      {
      width: 245px;
      height: 200px;
      float: left;
      clear: left;
      }
.home #page_right
      {
      width: 637px;
      }

#page_right
      {
      width: 752px;
      min-height: 415px;
      overflow: hidden;
      float: left;
      }

.newsdate
      {
      text-align: right;
      margin: 0 20px 0 0;
      color: #B2740E;
	  width: 167px;
      float: left;
	  display: block;
      }
#page_holder
      {
      width: 1017px;
      overflow: none;
      }
.project
      {
      padding: 20px 0 0 20px;
      }
.noheader
      {
      margin-top: 23px;
      }
#flash
      {
      float: right;
      }
.content, .news, .widecontent, .wideishcontent
      {
      padding: 70px 0 0 0;
      }

.widecontent p
      {
      padding-right: 110px !important;
      }
.homenews
      {
      width: 389px;	
	  }
.homenews img
      {
      	display: inline;
		}
.homenews p
      {
	  width:auto!important;
	   }
#footer
      {
      width: 615px;
      margin: 30px 0 15px 265px;
      min-height: 30px;
      clear: both;
	  padding: 10px 0 0 0;
      }
#project_header_left
      {
      float: left;
      margin: 20px 0 20px 0;
      }
#project_header_right
      {
      float: right;
      margin: 20px 0 0 0;
      padding: 10px 0 0 0;
      width: 200px;
      }

#column1
      {
      float: left;
      width: 330px;
      margin: 0 40px 0 0;
      }
#column2
      {
      float: left;
      width: 330px;
      }
#peoplegrid
      {
      margin: 10px 0 0 0;
      padding: 0 0 0 20px;
      clear: both;
      }

/*-------- 3. navigation --------*/

		/*-- main nav --*/
#main_navigation
		{
		list-style: none;
		display: inline;
      position: relative;
      top: -15px;
      margin-left: 30px;
		}

#main_navigation li
		{
		color: #7B7979;
		display: inline;
		list-style-type: none;
		text-align: left;
      font-size: 1.6em;
      font-weight: 1;
      margin: 0 12px 0 0;
		}

#main_navigation li a
      {
      color: #7B7979;
      }

.home #homelink, .practice #practicelink, .projects #projectslink, .clients #clientslink, .contact-us #contactlink, .resources #resourceslink, .news--press #newslink
      {
      color: #0079C1;
      }
   
      /*-- sub navigation --*/
#sub_navigation
		{
      margin: 70px 0 0 40px;
      font-size: 1.4em;
		}

#sub_navigation li a
      {
      color: #0079C1;
      }
#sub_navigation li
		{
		color: #0079C1;
		list-style-type: none;
		text-align: left;

      margin: 0 10px 5px 0;

		}
#sub_navigation .selected
      {
      font-weight: bold;
      }
.childnav
      {
      margin: 5px 0 0 0;
      }
.childnav li
      {
      padding: 0 0 0 20px;
      }
.childnav .selected
      {
      background: url(../img/arrow_on.gif) 5px 0 no-repeat;
      color: #B2740E;

      }
#sub_navigation li.selected a
      {
      color: #B2740E;
      }

      /*-- footernav nav --*/
#footernav
		{
		list-style: none;
		display: block;
      clear: both;
		}

#footernav li
		{
		color: #0079C1;
		display: inline;
		list-style-type: none;
		text-align: left;
      font-size: 1em;
      padding: 0 11px 0 0;
      margin: 0 10px 0 0;
      border-right: 1px solid #0079C1;
		}
.last
      {
      border: 0 !important;

      }
#footernav li a
      {
      color: #0079C1;
      }
/*-------- 4. headings, typography --------*/

		/*-- typography --*/

.bold
	  {
	  font-weight: bold !important;	
	  }
.underline
      {
      text-decoration: underline !important;	
	  }
.blue
      {
           color: #0079C1 !important;
	  }

.bold_blue
{
	     color: #0079C1 !important;
		 font-weight: bold !important;
	}



.homecontent p
      {
      width: 389px;
      margin: 0 0 5px 20px;
      }
#page_right a
      {
      color: #0079C1;
      text-decoration: underline;
      }
#page_right a:hover
      {
      text-decoration: none;
      }
#column1 p,#column2 p
      {
      padding-right: 0 !important;	
	  }
#column2 ol,#column2 ul, #column2 h2:first-child
      {
      padding-top: 10px;	
		
	  }
.content p
      {
      width: 305px;
      padding: 0 20px 0 0;
      margin: 5px 0 10px 20px;
            display: block;
      }

.widecontent p
      {
      padding: 0 20px 0 0;
      margin: 10px 0 5px 20px;
            display: block;
      }
.wideishcontent p
      {
      padding: 0 20px 0 0;
      margin: 10px 0 5px 20px;
            display: block;
			width: 417px;
			clear: left;
      }	  
	  
.news p
      {
      padding: 0 20px 0 0;
      margin: 5px 0 10px 20px;
      display: inline;
      float: left;
      clear: left;
      width: 690px;
      }
.projectdata
      {
      float: left;
      clear: left;
      width: 130px;
      color: #0079C1;
      font-weight: bold;
      margin: 0 0 3px 0;
      }
.project h1, .content h1, .news h1, .widecontent h1,  .wideishcontent h1
      {
      color: #0079C1;
      font-size: 2em;
      font-weight: 200;
      }
.content h1, .news h1, .widecontent h1, .wideishcontent h1
      {
      margin: 0 0 3px 20px;
      }
.project h2, .content h2, .news h2, .widecontent h2, .wideishcontent h2, .homecontent h2
      {
      color: #0079C1;
      font-size: 1.2em;
      margin: 0 0 3px 0;
      }
.content h2, .news h2, .widecontent h2, .wideishcontent h2
      {
      padding: 0 0 0 20px;
      }
.homecontent h2
      {
      padding: 20px 0 0 20px;	
      }
.wideishcontent h2
      {
      width: 250px;
	  float: left;
      }
.news h2
      {
      width: 50%;
      float: left;
      }
.news hr, .content hr, .wideishcontent hr, .homecontent hr
      {
      color: #fff;
      margin: 0px 20px 10px 20px;
      padding: 0;
      border-top: 1px solid #CACBCD;
      }
.homecontent hr
      {
      width: 389px;	
	  }
.news hr, .content hr
      {

      }
.wideishcontent hr
      {
      width: 417px;	
      }
.download
      {
      background: #E5F1F9;
      padding: 5px 5px 5px 5px !important;
      width: 407px !important;

      }
.download a
      {
      margin: 0 5px 0 3px;
      }
.download img
      {
      vertical-align: middle;
      margin: 0 0 0 0;
      }
.contact
      {
      margin-top: 20px !important;
      }
.project p
      {
      margin: 0 0 5px 0;
      }
.projectinfo
      {
      float: left;
      width: 400px;
      }

#page_right ol, #page_right ul
      {
      font-size: 1.2em;
      margin: 0 0 15px 40px;
      }

.acrobat img
      {
      vertical-align: top;
	  margin-right: 10px;	
	  }
.acrobat
      {
      padding: 10px 0 15px 0 !important;
      }
/*-------- 5. forms --------*/

		/*-- contact-form --*/
fieldset
      {
      padding: 10px 0 0 20px;
      border: 0;
      font-size: 1.2em;
      }
label
      {
      width: 120px;
      float: left;
      clear: left;
      padding: 3px 0 3px 0;
      }
select
      {
      width: 180px;
      font-size: 1.0em;
      }
input, textarea
      {
      border: 1px solid #7B7979;
      margin: 0 0 10px 0;
      padding: 3px 0 3px 0;
      width: 180px;
      font-size: 1em;
      }
textarea
      {
      margin: 20px 0 10px 0;
      }
.submit
      {
      margin: 0 0 0 204px;
      border: 0;
      width: 97px;
      }

/*-------- 6. images --------*/

#logo
      {
      margin: 40px 0 0 40px;
      }
.title_image
      {
      margin: 0 0 5px 20px;
      }
#footertag
      {
      clear: both;
      float: left;
      margin: 0 0 2px 0;
      }
.projectimage
      {
      margin: 0 0 0 20px;
      }
.main_image
	  {
	  display: inline;	
	  }
.homenewsimage
      {
      margin: 3px 16px 20px 20px;
	  float: left;
		
	  }
/*-------- 7. iframes --------*/

.popup
		{
		width: 180px;
		height: 35px;
		background: #B2740E;
		display: none;
		visibility: hidden;
      padding: 15px;
		}
.popup p
      {
      color: #fff;
      padding: 0;
      margin: 0;
      }
.popup .name
      {
      font-weight: bold;
      }
.people_thumb_link
      {
      
      padding: 0 5px 2px 0;
      display: inline;
      float: left;
      }