/* Global Elements */

	body {
		font-family: arial, sans-serif;
		font-size: 12px;
		color: #dad8d8;
		background-color: #878988;
		margin: 0px;
	}
	
	#page {
		margin-top: 60px;
		width: 100%;
		height: 550px;
		background-color: #616161;
	}
 
	#wrapper {
		margin-right: auto;
		margin-left: auto;
		padding-top: 20px;
		width: 980px;
		height: 540px;
	}
 
	#menu {
		width: 110px;
		height: 480px;
		float: left;
		margin-right: 20px;
	}
	
	#client {
		margin-top: -15px;
		float: left;
	}
	
	#client a {
		background: url(../images/new_client.jpg) no-repeat left top;
		background-position: 0% 0px;
		width: 110px;
		height: 195px;
		overflow: hidden; /* For nested divs in Safari */
		float: left;
	}

	/*  IE 5 hack \*/
	#client a {
		overflow: hidden;
	}
	/* end hack */ 
 
	#client a:hover {
		background-position: 0px -195px;
	}	
	
	#content {
		padding: 10px 30px 0px 15px;
		width: 800px;
		height: 470px;
		background: #616161 url(../images/content.jpg) no-repeat left top;
		float: left;
	}
		
	#footer {
		float: left;
		width: 980px;
		font-family: arial, sans-serif;
		font-size: 13px;
		color: #b6b7b6;
		padding: 0px;
		margin-top: 0px;
	}
	
	#footer img {
		margin-right: 0px;
		margin-bottom: 0px;
	}
	
	#footer {
		float: right;
	}
	
	#phone {
		vertical-align: middle;
		float-right;
		width: 395px;
		margin-left: 145px;
	}
	
	#newsletter {
		float: right;
		width: 200px;
		padding-right: 15px;
		vertical-align: bottom;	
	}

	#sign {
		float: right;
		width: 210px;
		margin-right: 10px;
		text-align: right;
	}
	
/* Home Page */

	#home_left {
		width: 500px;
		height: 450px;
		float: left;
		margin-right: 15px;
	}

	#home_left img {
		border: solid 2px #868987;
	}

	#home_right {
		width: 280px;
		height: 450px;
		float: left;
	}
	
	#news a {
		background: url(../images/news.jpg) no-repeat left top;
		background-position: 0px 0px;
		width: 135px;
		height: 150px;
		display: block;
		overflow: hidden; /* For nested divs in Safari */
		padding-top: 70px;
		padding-left: 10px;
		padding-right: 135px;
		border: solid 1px #616161;
	}

	/*  IE 5 hack \*/
	#news a {
		overflow: hidden;
	}
	/* end hack */ 

	#news a:hover {
		background-position: 0px -220px;
		text-decoration: none;
	}	
	
	#bottom_boxes {
	  height: 225px;
		width: 360px;
	  margin: 0px;
	  padding: 0px;
		margin-top: 7px;
	}
	#bottom_boxes div {
	  float: left;
	}
	
	#bottom_boxes div a {
	  display: block;
	  background-position: 0% 0px;
	  overflow: hidden; /* For nested divs in Safari */
	}
	
	#bottom_boxes div a:hover {
	  background-position: 0 -225px;
	}
	
	#design_box a {
		height: 85px;
		width: 130px;
		padding-left: 10px;
		padding-top: 140px;
	  background-image: url(../images/designideas.jpg);
	}
	
	#design_box a:hover {
		text-decoration: none;
	}
	
	#newsletter_box a {
	  height: 225px;
		width: 140px;
	  background-image: url(../images/newsletter.jpg);
	}		

	#content ul {
		padding-left: 10px;
		margin-left: 10px;
		margin-top: 0px;
		padding-top: 0px;
	}
	
/* Bio Page */

	#bio_left {
		float: left;
		height: 450px;
		width: 266px;
		background-color: #868987;
		padding: 2px 2px 0px 2px;
		text-align: right;
		margin-right: 15px;
	}

	#bio_right {
		width: 500px;
		float: left;
		
	}
	
	#bio_right a {
		text-decoration: underline;
		font-style: italic;
	}
	
	#bio_right a:hover {
		color: #1E1E1E;
	}

/* Services Page */
	
	#services_left {
		width: 302px;
		float: left;
		margin-right: 15px;
	}
	
	#services_left img {
		border: solid 2px #868987;
	}
	
	#services_right {
		float: left;
		width: 470px;
	}
	
	#services_right ul {
		list-style-type: square;
	}

/* Contact Page */

	#contact_left {
		width: 339px;
		height: 450px;
		border: solid 2px #868987;
		background: url(../images/contact/nightstand.jpg) no-repeat left top;
		float: left;
		margin-right: 10px;
	}
	
	#contact_right {
		width: 430px;
		height: 450px;
		float: left;
	}
	
	#contact_form {
		width: 410px;
		height: 150px;
		float: left;
		padding-top: 10px;
		margin-bottom: 5px;
		padding-left: 20px;
		padding-bottom: 10px;
		border: solid 1px #7d7d7d;
	}
	
	#contact_form p {
		margin-bottom: 5px;
		margin-top: 0px;
	}
	
	#contact_right a {
		text-decoration: underline;
		font-style: italic;
	}

	#contact_right a:hover {
		color: #1E1E1E;
	}
	
	label  {
  		margin-right: 5px;
		display: inline;
	   	text-align: right;
	}
	
	.center {
		text-align: center;
	}
	
	#left {
		float: left;
		width: 200px;
	}
	
	#right {
		float: left;
	}
	
	#partners {
		float: right;
	}
	
	#contact_details {
		float: left;
	}
	
	.partners {
		padding-left: 10px;
		margin-left: 10px;
		margin-top: 0px;
		padding-top: 0px;
		list-style-type: square;
	}
	
	#partner_list {
		margin: 10px;
		width: 100%;
		background-color: #616161;
	}
	
	#industry {
		background: #757575;
		padding: 5px;
	}
	
/* Navigation Links */
 
	ul.nav {
		list-style-type: none;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 10px;
		margin-left: 0px;
	}

	ul.nav li a {
		display: block;
		height: 25px;
		width: 110px;
		background-position: 0% 0px;
	}

	ul.nav li#home a {
		background: #616161 url(../images/menu_home.jpg) no-repeat left top;
	}

	ul.nav li#home a:hover {
		background-position: 0 -25px;
	}

	ul.nav li#portfolio a {
		background: #616161 url(../images/menu_portfolio.jpg) no-repeat left top;
	}

	ul.nav li#portfolio a:hover {
		background-position: 0 -25px;
	}

	ul.nav li#services a {
		background: #616161 url(../images/menu_services.jpg) no-repeat left top;
	}

	ul.nav li#services a:hover {
		background-position: 0 -25px;
	}
	
	ul.nav li#real_estate a {
		background: #616161 url(../images/menu_real_estate.jpg) no-repeat left top;
	}

	ul.nav li#real_estate a:hover {
		background-position: 0 -25px;
	}

	ul.nav li#bio a {
		background: #616161 url(../images/menu_bio.jpg) no-repeat left top;
	}

	ul.nav li#bio a:hover {
		background-position: 0 -25px;
	}

	ul.nav li#contact a {
		background: #616161 url(../images/menu_contact.jpg) no-repeat left top;
	}

	ul.nav li#contact a:hover {
		background-position: 0 -25px;
	}

/* Project Detail */

	.buttons {
		margin-right: 5px;
		float: left;
	}

	#project_image  {
		border: solid 2px #868987;
		float: left;
		width: 495px;
		height: 420px;
		margin-bottom: 10px;
		cursor: pointer;
	}

	#project_header  {
		float: left;
		margin-bottom: 10px;
	}
	
	#project_header_thumb  {
		float: left;
		margin: 0px;
	}
	
	#project_thumb  {
		border: solid 2px #868987;
		float: right;
		width: 113px;
		height: 68px;
		margin-bottom: 5px;
		margin-left: 10px;
		margin-right: 10px;
	}
		
	#details a {
		margin-top: 25px;
		background: url(../images/arrow_project_details.jpg) no-repeat left top;
		width: 150px;
		height: 15px;
		display: block;
		overflow: hidden; /* For nested divs in Safari */
	}

	/*  IE 5 hack \*/
	#details a {
		overflow: hidden;
	}
	/* end hack */ 
   
	#details a:hover {
		background-position: 0px -15px;
	}	
	
	#zoom {
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px;
		display: block;
	}
	
	#zoom_box {
		margin-right: auto;
		margin-left: auto;
		width: 800px;
		height: 600px;
	}
	
	#text {
		width: 285px;
		float: left;
		margin-left: 15px; 
	}

	#text ul {
		list-style-type: square;
		padding-left: 15px;
	} 

	#images {
		height: 440px;
		width: 495px;
		float: left;
	}

/* Portfolio Page */

	#feature_left {
		width: 390px;
		float: left;
	}
	
	#feature_left_scroll {
		width: 390px;
		height: 440px;
		float: left;
		overflow-x: hidden;
		overflow-y: scroll;
	}
	
	#feature_right_scroll {
		width: 380px;
		float: left;
		margin-left: 20px;
	}

	#feature_right_scroll img {
		border: solid 2px #868987;
	}

	#feature_right {
		width: 380px;
		float: left;
		margin-left: 30px;
	}

	#feature_right img {
		border: solid 2px #868987;
	}
	
/* Thank You Page */
	#thank_you_left {
		width: 196px;
		height: 450px;
		border: solid 2px #868987;
		background: url(../images/thank_you/cabinet.jpg) no-repeat left top;
		float: left;
		margin-right: 10px;
	}	
	
		
	
/* General Styling */

	br.clear { 
		clear: both;
	}

	p {
		margin-bottom: 10px;
		margin-top: 5px;
	}

	a {
		font-family: arial, sans-serif;
		font-size: 12px;
		color: #b6b7b6;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline; 
	}

	.nomargintop {
		margin-bottom: 10px;
		margin-top: 0px;
	}

	#footnote {
		font-size: 12px;
		color: #2e2e2e;
		float: right;
		vertical-align: middle;
	}	

	.white {
		color: #FFFFFF;
		font-weight: bold;
	}

	h1 {
		margin-top: 0px;
		margin-bottom: 0px;
		color: #FFFFFF;
		font-weight: bold;
		font-style: italic;
		font-size: 12px;
	}

	h2 {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 12px;
		margin-top: 5px;
		margin-bottom: 0px;
	}

	.grey {
		color: #1E1E1E;
	}

	#heading {
		text-align: right;
		padding-bottom: 35px;
	}

	.float_left {
		float: left;
		margin-right: 10px;
		margin-top: 0px;
	}
	
	address, address a {
		font-size: 11px;
		color: #4c4d4c;
		font-style: normal;
		text-align: center;
	}
	
	address a {
		text-decoration: underline;
	}
	
	address a:hover {
		color: #ffffff;
	}
	
	#staging_image  {
		border: solid 2px #868987;
		float: left;
		width: 445px;
		height: 420px;
		margin-bottom: 10px;
		cursor: pointer;
	}
	
	#real_estate_text {
		width: 325px;
		float: left;
		margin-left: 15px; 
	}
	
	#real_estate_images {
		height: 450px;
		width: 450px;
		float: left;
	}
	
	#real_estate_text a {
		text-decoration: underline;
		font-style: italic;
	}

	#real_estate_text a:hover {
		color: #1E1E1E;
	}
	
	#call_to_action {
		background-color: #878988;
		padding: 5px;
	}
	
	#press, #press2 {
		margin-left: 0px;
		padding-left: 0px;
		float: left;
		margin-bottom: 10px;
	}
	
	#press ul, #press2 ul {
		margin-left: 0px;
		padding-left: 0px;
	}
	
	#press li, #press2 li {
		display: inline;
		float: left;
		width: 107px;
		text-align: center;
		margin: 0 10px 0 0;
		list-style-type: none;
		padding: 0px;
	}
	
	#press li img, #press2 li img {
		border: none;
	}
	
	.float_left; {
		float: left;
	}
	
	.asid_grey {
		color: #3c413a;
		font-weight: bold;
	}
	
	#services_right a {
		text-decoration: underline;
		font-style: italic;
	}

	#services_right a:hover {
		color: #1E1E1E;
	}
	
	#archives a {
		background: url(../images/news/archives.jpg) no-repeat left top;
		background-position: 0% 0px;
		width: 117px;
		height: 23px;
		overflow: hidden; /* For nested divs in Safari */
		float: left;
	}

	/*  IE 5 hack \*/
	#archives a {
		overflow: hidden;
	}
	/* end hack */ 

	#archives a:hover {
		background-position: 0px -23px;
	}	
	
	#before_rollover {
	  float: right;
	  height: 30px;
	  width: 114px;
	}