* {
	margin: 0; padding: 0;
}

html {
  font-family: arial, geneva, helvetica, sans-serif;
  height: 100%;
  
  }

body {
  font-size: 10px;
  line-height: 17px;
  font-color: #000000;
  background-color: #ffffff;
  height: 100%;
}

td {
	font-family: arial, geneva, helvetica, sans-serif;
}

th {
	font-family: arial, geneva, helvetica, sans-serif;
}


/* Background Images */

#body_hom {
	background-image: url(../images/bg2_home_2h.jpg);
	background-repeat: no-repeat;
	background-position: 380px 270px;
	}

#body_abo {
	background-image: url(../images/bg2_about_9.jpg);
	background-repeat: no-repeat;
	background-position: 303px 246px;
	}

#body_con {
	background-image: url(../images/bg2_contact_3c.jpg);
	background-repeat: no-repeat;
	background-position: 245px 200px;
	}

#body_wor {
	background-image: url(../images/bg2_work_7.jpg);
	background-repeat: no-repeat;
	background-position: 290px 370px;
	}

/* main DIVs*/

div#grand_div {
	background-image: url(../images/logo_1.gif);
  background-repeat: no-repeat;
  background-position: top left;
	}

div#main_column {
	position: absolute;
	left: 198px;
	top: 84px;
	width: 292px;
	margin-top: 40px;
	height: *;
	vertical-align: top;
	}

div#right_column {
	position: absolute;
	left: 567px;
	top: 84px;
	width: 164px;
	margin-top: 0px;
	height: *;
	vertical-align: top;
	border-left: 1px solid grey;
	margin-left: -15px;
	padding-left: 15px;
	}	
	
div#left_column {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 160px;
	margin-top: 0px;
	height: 805x;
	vertical-align: top;
	}
	
div#main_column_case {
	position: absolute;
	left: 198px;
	top: 84px;
	width: 312px;
	margin-top: 40px;
	height: *;
	vertical-align: top;
	}

div.case_left {
	width: 100px;
	float: left;
	}

div.case_left p {
	line-height: 14px;
	padding-bottom: 8px;
	}
	
div.case_left p a {
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
	}
	
div.case_left p.project_links a:link {padding-bottom: 0px; color: black; font-weight: normal; text-decoration: none;}	
div.case_left p.project_links a:hover {padding-bottom: 0px; color: #7D0A1D; font-weight: normal; text-decoration: none;}	
div.case_left p.project_links a:active {padding-bottom: 0px; color: #7D0A1D; font-weight: normal; text-decoration: none;}
div.case_left p.project_links a:visited {padding-bottom: 0px; color: black; font-weight: normal; text-decoration: none;}	
	
div.case_right {
	width: 202px;
	float: left;
	padding-left: 10px;
	}
	
div.case_right .study {
	padding-bottom: 5px;
	}		

	
	
/* image classes*/

img.side {
	padding: 0px;
	margin: 0px;
	}

img.logo {
	padding: 0px;
	margin: 0px;
	}

img.img_head_1 {
	padding-top: 0px;
	padding-bottom: 17px;
	}
	
img.img_head_2 {
	padding-bottom: 20px;
	}	

img.img_sidehead {
	padding-bottom: 8px;
	}

img.img_sidehead_2 {
	padding-bottom: 8px;
	padding-top: 14px;
	}
	
img.img_sidepic {
	padding-bottom: 22px;
	}
	
img.img_latest {
	padding-bottom: 4px;
	}


/* main text styles*/

div#main_column p {
	padding: 0px 0px 8px 30px;
	font-size: 1.16em;
	line-height: 21px;
}

div#main_column p.study {
	font-size: 1.1em;
	line-height: 19px;
	padding-bottom: 5px;
}

div#right_column p {
	font-size: 1.04em;
	line-height: 16px;
	padding-bottom: 0px;
	}

div#right_column p.latest {
	font-size: 1.04em;
	line-height: 14px;
	padding-bottom: 14px;
	padding-top: 3px;
}

div#right_column p.latest a {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	}

div#right_column .services {
	padding-bottom: 7px;
	}

div#main_column p.essays {
	font-size: 1.1em;
	line-height: 14px;
	padding-bottom: 10px;
	font-weight: normal;
}

div#main_column p.essays_excerpt {
	font-size: 1.1em;
	line-height: 14px;
	padding-bottom: 0px;
	font-weight: normal;
}

div#main_column p.essays_head {
	font-size: 1.2em;
	line-height: 16px;
	padding-bottom: 10px;
	font-weight: bold;
}

div#main_column p.essays_subhead {
	font-size: 1.1em;
	line-height: 14px;
	padding-top: .5em;
	padding-bottom: 7px;
	font-weight: bold;
}

div#main_column p.essays_head_2 {
	font-size: 1.15em;
	line-height: 16px;
	padding-bottom: 4px;
	font-weight: bold;
}

div#main_column p.essays_head_3 {
	font-size: 1.15em;
	line-height: 16px;
	padding-bottom: 2px;
	padding-top: 7px;
	font-weight: bold;
}

div#right_column p.writings {
	font-size: 1em;
	line-height: 16px;
	padding-bottom: 6px;
	font-weight: bold;
}

div#right_column p.writings_list {
	font-size: 1em;
	line-height: 16px;
	padding-bottom: 6px;
	font-weight: normal;
}

div#right_column p.writings_list_small {
	color: #7D0A1D;
	font-size: 1em;
	line-height: 16px;
	padding-bottom: 0px;
	font-weight: normal;
}

div#right_column p.writings_list_small_head {
	color: #000000;
	font-size: 1em;
	line-height: 16px;
	padding-bottom: 0px;
	font-weight: normal;
}


div#main_column p.footer {
	padding: 12px 0px 10px 30px; 
	font-size: 1.1em;
	line-height: 16px;
}

div#main_column p.footer_2 {
	padding: 130px 0px 10px 30px; 
	font-size: 1.1em;
	line-height: 16px;
}

div#main_column p.footer_3 {
	padding: 10px 0px 10px 30px; 
	font-size: 1.1em;
	line-height: 16px;
}

div#main_column span.footer_head {
	font-size: .8em;
	line-height: 16px;
}

div#main_column p.standout {
	padding-bottom: 3px;
}

div#main_column p.phone_number {
	font-weight: bold;
	font-size: 1.7em;
	padding-bottom: 5px;
	color: #121212;
	letter-spacing: 1px;
	}
	
div#main_column p.company {
	color: #000000;
	font-size: 14px;
	padding-bottom: 5px;
	font-weight: normal;
}


/* links */

div#right_column p a {
	color: #222233;
	text-decoration: underline;
	font-weight: bold;
}

div#main_column p a {
	color: #242424;
	text-decoration: underline;
	font-weight: bold;
}

div#main_columnBASIC p a {
	color: #5B5893;
	text-decoration: underline;
	font-weight: bold;
}

div#main_column p.standout a {
	color: #5B5893;
	text-decoration: underline;
	font-weight: bold;
}

div#main_column p.footer a {
	color: #333344;
	text-decoration: underline;
	font-weight: bold;
}

div#main_column p.essays a {
	color: #222233;
	text-decoration: underline;
	font-weight: bold;
}

div#main_column p.footer_2 a {
	color: #222233;
	text-decoration: underline;
	font-weight: bold;
}

div#main_column p.footer_3 a {
	color: #222233;
	text-decoration: underline;
	font-weight: bold;
}

div#right_column p.writings a {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

div#right_column p.writings_list a {
	color: #7D0A1D;
	text-decoration: none;
	font-weight: normal;
	line-height: 16px;
}

div#right_column p.writings_list_small a {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

div#main_column p.go_to_essay a {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	}

/* project divs, links etc*/

div#project_holder {
	width: 330px;
	height: 270px;
	border: solid black 1px;
	}
	
div#right_column p.project_head {
	padding-bottom: 0px;
	font-weight: bold;	 
	}
	
	
div#right_column p.project_links {
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight: normal;
	}	
	
div#right_column p.project_links a:link {padding-bottom: 0px; color: black; font-weight: normal; text-decoration: none;}	
div#right_column p.project_links a:hover {padding-bottom: 0px; color: #7D0A1D; font-weight: normal; text-decoration: none;}	
div#right_column p.project_links a:active {padding-bottom: 0px; color: #7D0A1D; font-weight: normal; text-decoration: none;}
div#right_column p.project_links a:visited {padding-bottom: 0px; color: gray; font-weight: normal; text-decoration: none;}


div#right_column p.cs_link {
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight: bold;
	}

div#right_column p.cs_link a {padding-bottom: 0px; color: #000000; font-weight: bold; text-decoration: none;}	
div#right_column p.cs_link a:hover {padding-bottom: 0px; color: #7D0A1D; font-weight: bold; text-decoration: none;}	
div#right_column p.cs_link a:active {padding-bottom: 0px; color: #7D0A1D; font-weight: bold; text-decoration: none;}


div#right_column p.cs_link_on {
	padding: 0 0 0 0;
	}

div#right_column p.cs_link_on a {padding-bottom: 0px; color: #7D0A1D; font-weight: bold; text-decoration: none;}	
div#right_column p.cs_link_on a:hover {padding-bottom: 0px; color: #7D0A1D; font-weight: bold; text-decoration: none;}	
div#right_column p.cs_link_on a:active {padding-bottom: 0px; color: #7D0A1D; font-weight: bold; text-decoration: none;}


			
/* photo div, links etc*/

div#photo_holder {
	width: 330px;
	height: 330px;
	background-color: #ffffff;
	border: solid black 1px;
	}
	
div#right_column p.project_head {
	padding-bottom: 0px;
	font-weight: bold;	 
	
	}	
	
div#right_column p.photography_links {
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight: bold;
	line-height: 20px;
	}	
	
div#right_column p.photography_links a:link {padding-bottom: 0px; color: black; font-weight: bold; text-decoration: none;}	
div#right_column p.photography_links a:hover {padding-bottom: 0px; color: #7D0A1D; font-weight: bold; text-decoration: none;}	
div#right_column p.photography_links a:active {padding-bottom: 0px; color: #7D0A1D; font-weight: bold; text-decoration: none;}
div#right_column p.photography_links a:visited {padding-bottom: 0px; color: gray; font-weight: bold; text-decoration: none;}			

/* MAIN NAV */

div#navtable {
	background-color: #ffffff;
	width: 300px;
	position: absolute;
  	top: 0px;
  	left: 255px;
	margin: 0 auto;
	padding: 0;
	}

div#navbar {
	margin: 0 0 0 0;
	padding: 0px;
	width: 300px;
	height: 40px;
	background-color: #ffffff;
		}

ul#nav {
  list-style-type: none;
  width: 300px;
  height: 40px;
  position: absolute;
  top: 0px;
  left: 0px;  
  background: url(../images/navbar_2.gif) no-repeat;
  margin: 0px;    
  padding: 0px;
  float: left;
}

ul#nav li {
  float: left;
  width: 100%;
}

ul#nav li a {
  position: absolute;
  top: 0px;
  margin: 0;
  padding: 0;
  display: block;
  height: 40px;
  background: url(../images/navbar_2.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}

div#navbar li#nav_hom a {
  left: 0;
  width: 63px;
  background-position: 0 0;
}

div#navbar li#nav_wor a {
  left: 63px;
  width: 72px;
  background-position: -63px 0;
}

div#navbar li#nav_abo a {
  left: 135px;
  width: 74px;
  background-position: -135px 0;
}

div#navbar li#nav_con a {
  left: 209px;
  width: 91px;
  background-position: -209px 0;
}



body div#navbar li#nav_hom a:hover {
  background-position: 0 -40px;
}

body div#navbar li#nav_wor a:hover {
  background-position: -63px -40px;
}

div#navbar li#nav_abo a:hover {
  background-position: -135px -40px;
}

div#navbar li#nav_con a:hover {
  background-position: -209px -40px;
}



body#body_hom li#nav_hom a {
  background-position: 0px -40px;
}

body#body_wor li#nav_wor a {
  background-position: -63px -40px;
}

body#body_abo li#nav_abo a {
  background-position: -135px -40px;
}

body#body_con li#nav_con a {
  background-position: -209px -40px;
}

	
/* ABOUT SUBNAV */

div#subnavbar {
	margin: 0;
	padding: 0;
	position: absolute;
 	top: 40px;
 	left: 274px; 
 	height: 10px;
	background-color: #F5F4F2;
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}

ul#aboutnav {
 	margin: 0;
	padding: 0;
	list-style-type: none;
 	float: left;
 	border-left: 1px solid #A0A49D;
}

ul#aboutnav li {
  	margin: 0;
	padding: 0;
	float: left;
	background-color: #ffffff;
	border-top: 1px solid #A0A49D;
	border-bottom: 1px solid #A0A49D;
	border-right: 1px solid #A0A49D;
}

ul#aboutnav li a {
  float: left;
	color: #000000;
  padding: 1px 8px 0px 8px;
text-decoration: none;
 }

div#subnavbar ul#aboutnav a {
  border: none;
}

div#subnavbar ul#aboutnav a:hover {
	background-color: #ECEBEA;
}

	
div#subnavbar li#subnav_on {
	background-color: #ECEBEA;	
	}
	
/* WORK SUBNAV */

div#worksubnavbar {
	margin: 0;
	padding: 0;
	position: absolute;
 	top: 40px;
 	left: 274px; 
 	height: 10px;
	background-color: #F5F4F2;
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}

ul#worknav {
 	margin: 0;
	padding: 0;
	list-style-type: none;
 	float: left;
 	border-left: 1px solid #A0A49D;
 	}

ul#worknav li {
  	margin: 0;
	padding: 0;
	float: left;
	background-color: #ffffff;
	border-top: 1px solid #A0A49D;
	border-bottom: 1px solid #A0A49D;
	border-right: 1px solid #A0A49D;
	}

ul#worknav li a {
  float: left;
	color: #000000;
  padding: 1px 8px 0px 8px;
	text-decoration: none;
	
 }

div#worksubnavbar ul#worknav a {
  border: none;
  }

div#worksubnavbar ul#worknav a:hover {
	background-color: #ECEBEA;
}

	
div#worksubnavbar li#subnav_pro {
	background-color: #ECEBEA;	
	}


div#right_column ul {
	margin: 0;
	padding: 0;
	list-style-type: square;
	list-style-position: inside;
	}




/* main spacers*/

div.spacer_3 {
	padding-bottom: 3px;
	}

p.spacer_3 {
	padding-bottom: 3px;
	}

div.spacer_5 {
	padding-bottom: 5px;
	}

p.spacer_5 {
	padding-bottom: 5px;
	}

div.spacer_10 {
	padding-bottom: 10px;
	}

p.spacer_10 {
	padding-bottom: 10px;
	}
	
div.spacer_23 {
	padding-bottom: 23px;
	}
	
div.spacer_50 {
	padding-bottom: 50px;
	}
	
	
/* porfolio numbers */

div.number_holder {
	padding: 8px 0 16px 0;
	}

img.number_project {
	margin-left: 5px;
	float:right;
	border: black solid 1px;
	}