/*------------------------------------------------------*/
/* www.jdkaia.com                              			*/
/* Copyright 2006 snk design  |  www.seankelley.net		*/
/*------------------------------------------------------*/

/*-----------------------*/
/* LAYOUT                */
/*-----------------------*/
html, body {height: 100%;}

body {
	margin:0px 0px; padding:0px;
	text-align:center;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#EEE5D6;
	font-family:Georgia, Times, serif;
	} 
	
#level0 {
	width:800px;
	min-height:100%;
  	height:100%;
	margin:0px auto;
	text-align:left;
	padding:0px 30px 0 30px;
	}
	
#level1_left {
	width:644px;
	min-height:100%;
  	height:auto !important;
  	height:100%;
	margin:0px;
	padding:0px;
	float:left;
	}

#level1_left2 {
	width:644px;
	min-height:500px;
  	height:auto !important;
  	height:551px;
	margin:0px;
	padding:0px;
	float:left;
	}
	
#level1_right {
	width:153px;
	min-height:900px;
  	height:auto !important;
  	height:900px;
	margin:0px 0 0 3px;
	padding:145px 0 0 0;
	float:left;
	background-image:url(../images/logo.gif);
	background-position:11px 10px;
	background-repeat:no-repeat;
	background-color:#E4D1B3;
	}

#level2_logo2 {
	width:133px;
	height:22px;
	margin:0px;
	padding:0px;
	position:relative;
	left:10px;
	top:410px;
	background-image:url(../images/logo2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#735D48;
	}

#level2_logo2bg {
	width:133px;
	min-height:468px;
  	height:auto !important;
  	height:468px;
	margin:0px;
	padding:0px;
	position:relative;
	left:10px;
	top:410px;
	background-color:#735D48;
	}

#level2_header {
	width:644px;
	height:143px;
	margin:0px;
	padding:0px;
	background-image:url(../images/header_tree.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:#FFFFFF;
	}
	
#level2_content {
	width:642px;
	min-height:450px;
  	height:auto !important;
  	height:460px;
	margin:0px;
	padding:0px;
	border:1px solid #EEE5D6;
	background-color:#FFFFFF;
	}

#level3_menu {
	width:638px;
	height:24px;
	margin:2px;
	padding:0px;
	background-color:#F2E8D9;
	}

#level3_main {
	width:638px;
	min-height:450px;
  	height:auto !important;
  	height:450px;
	margin:0 2px 2px 2px;
	padding:0;
	background-color:#E4D1B3;
	}

#level3_projects {
	width:638px;
	min-height:575px;
  	height:auto !important;
  	height:575px;
	margin:0 2px 2px 2px;
	padding:0;
	background-color:#E4D1B3;
	}

#level3_projectpg {
	width:638px;
	min-height:760px;
  	height:auto !important;
  	height:600px;
	margin:0 2px 2px 2px;
	padding:0;
	background-color:#E4D1B3;
	}
		
#level3_biography {
	width:638px;
	min-height:650px;
  	height:auto !important;
  	height:650px;
	margin:0 2px 2px 2px;
	padding:0;
	background-color:#E4D1B3;
	}
	
#level3_footer {
	width:638px;
	height:15px;
	margin:2px 0px 0px 4px;
	padding:0px;
	float:left;
	font-size:9px;
	color:#999999;
	text-align:left;
	}

#level4_intro1 {
	width:416px;
	min-height:450px;
  	height:auto !important;
  	height:450px;
	margin:0px;
	padding:0px;
	float:left;
	background-image:url(../images/mainbg.gif);
	background-position:right top;
	background-repeat:repeat-y;
	}

#level4_intro2 {
	width:2px;
	min-height:450px;
  	height:auto !important;
  	height:450px;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	background-color:#FFFFFF;
	float:left;
	}

#level4_intro3 {
	width:220px;
	min-height:450px;
  	height:auto !important;
  	height:450px;
	margin:0px;
	padding:0px;
	float:left;
	background-image:url(../images/mainbg.gif);
	background-position:right top;
	background-repeat:repeat-y;
	}

#level4_projectpg1 {
	width:220px;
	min-height:760px;
  	height:auto !important;
  	height:675px;
	margin:0px;
	padding:0px;
	float:left;
	background-image:url(../images/mainbg.gif);
	background-position:right top;
	background-repeat:repeat-y;
	}

#level4_projectpg2 {
	width:2px;
	min-height:760px;
  	height:auto !important;
  	height:675px;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	background-color:#FFFFFF;
	float:left;
	}

#level4_projectpg3 {
	width:416px;
	min-height:760px;
  	height:auto !important;
  	height:675px;
	margin:0px;
	padding:0px;
	float:left;
	background-image:url(../images/mainbg.gif);
	background-position:right top;
	background-repeat:repeat-y;
	}
	
#level4_biography {
	width:638px;
	min-height:650px;
  	height:auto !important;
  	height:650px;
	margin:0px;
	padding:0px;
	float:left;
	background-image:url(../images/mainbg.gif);
	background-position:right top;
	background-repeat:repeat-y;
	}
	
#level4_news {
	width:638px;
	min-height:470px;
  	height:auto !important;
  	height:470px;
	margin:0px;
	padding:0px;
	background-image:url(../images/mainbg.gif);
	background-position:right top;
	background-repeat:repeat-y;
	}
		
#level4_row1 {
	width:638px;
	min-height:350px;
  	height:auto !important;
  	height:350px;
	margin:0px;
	padding:0px;
	background-image:url(../images/mainbg.gif);
	background-position:right top;
	background-repeat:repeat-y;
	}

#level4_row2 {
	width:638px;
	min-height:200px;
  	height:auto !important;
  	height:200px;
	margin:0px;
	padding:0px;
	background-image:url(../images/mainbg.gif);
	background-position:right top;
	background-repeat:repeat-y;
	}

#level4_hdivider {
	width:638px;
	line-height:2px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	}
	
#level4_proj1 {
	width:233px;
	margin:0px;
	padding:0px;
	float:left;
	}

#level4_proj2 {
	width:405px;
	margin:0;
	padding:0;
	float:left;
	}

#level4_news1 {
	width:220px;
	margin:0px;
	padding:0px;
	float:left;
	}

#level4_news2 {
	width:418px;
	margin:0;
	padding:0;
	float:left;
	}

div.pl_cola {
  float: left;
  width: 170px;
  text-align: left;
  }
  
div.pl_colb {
  float: left;
  width: 300px;
  text-align: left;
  }
  
/*---------------------------------------------*/
/* TEXT                                        */
/*---------------------------------------------*/

h1 {
	font-size:11px;
	color:#735D48;
	font-weight:bold;
	margin:4px 10px 0 10px;
	padding:0;
	text-transform:uppercase;
	}

h1 a {
	color:#735D48;
	text-decoration:none;
	text-transform:uppercase;
	}
	
h1 a:hover {
	color:#FFF;
	background-color:#735D48;
	text-decoration:none;
	text-transform:uppercase;
	}
	
h2 {
	font-size:10px;
	color:#666;
	margin:4px 10px 0 10px;
	padding:0;
	text-transform:lowercase;
	font-weight:normal;
	}
	
p	{
	font-size:11px;
	color:#333333;
	margin:4px 10px 0 10px;
	padding:0px;
	text-align:left;
	}

p a
{
text-decoration:underline;
color:#996633;
}

p a:hover
{
color:#FFFFFF;
background-color:#996633;
text-decoration:none;
}

.bodytext {
	font-size:11px;
	color:#333333;
	margin:4px 10px 0 10px;
	padding:0px;
	text-align:left;
	}

.footerlink {
	color:#999999;
	text-decoration:none;
	}

.footerlink:hover {
	color:#555555;
	text-decoration:none;
	}
	
.break {
	line-height:8px;
	}

.break2 {
	line-height:4px;
	}

.breakline {
	height:1px;
	margin:4px 10px 0 10px;
	padding:0;
	line-height:1px;
	background-image:url(../images/hline.gif);
	background-repeat:repeat-x;
	}

#phonefax {
	width:150px;
	text-align:left;
	}
	
#phonefax p	{
	font-size:11px;
	color:#333333;
	margin:4px 10px 0 10px;
	padding:0px;
	text-align:right;
	}

/*---------------------------------------------*/
/* FORMS                                       */
/*---------------------------------------------*/

div.form {
	width:300px;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#333;
	float:left;
	padding:5px 0 0 0;
	}
			
div.row {
  clear: both;
  padding-top: 5px;
  margin:0;
  }

div.row span.label {
  float: left;
  width: 60px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 230px;
  text-align: left;
  }

div.row span.formww {
  float: right;
  position:relative;
  right:0 !important;
  right:26px;
  width: 230px;
  text-align: right;
  }
  
div.row input,textarea {
	border:1px solid #B19478;
	overflow:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#333;
	}
	
/*---------------------------------------------*/
/* LINKING                                     */
/*---------------------------------------------*/

#listcontainer ul
{
margin: 0;
padding:4px 0 0 28px;
list-style-image:url(../images/bullet.gif);
list-style-position:outside;
text-align: left;
font-size:11px;
color:#333;
}

#listcontainer ul li {
margin:0;
padding:0 0 4px 0;
}

#listcontainer ul li a
{
text-decoration:underline;
color:#996633;
}

#listcontainer ul li a:hover
{
color:#FFFFFF;
background-color:#996633;
text-decoration:none;
}

/*---------------------------------------------*/
/* NAVIGATION                                  */
/*---------------------------------------------*/

#navcontainer ul
{
margin: 0;
padding:5px 0 0 2px;
list-style-type: none;
text-align: left;
font-weight:bold;
font-size:11px;
}

#navcontainer li {
display: inline;
}

#navcontainer a
{
text-decoration: none;
text-transform:uppercase;
color:#777777;
background:url(../images/navbg_off.gif) repeat-x;
background-position:bottom;
background-color:#FAF1E4;
border:1px solid #E4D1B3;
width: 20px;
padding: 2px 6px 2px 6px;
}

#active a
{
text-decoration: none;
text-transform:uppercase;
color:#5D4126;
background:url(../images/navbg_off.gif) repeat-x;
background-position:bottom;
background-color:#FAF1E4;
border:1px solid #E4D1B3;
width: 20px;
padding: 2px 6px 2px 6px !important;
padding: 2px 6px 2px 6px;
}

#navcontainer a:hover
{
color:#735D48;
background:url(../images/navbg_hover.gif) repeat-x;
background-color:#E4D1B3;
border:1px solid #FAF1E4;
}

/*---------------------------------------------*/
/* BELLS, WHISTLES, DROPSHADOWS, FLASH, ETC.   */
/*---------------------------------------------*/

div.img_large {
	width:398px;
	margin:2px 0 0 15px !important;
	margin:2px 0 0 7px;
	padding:0;
	float:left;
	}

div.img_medium {
	width:125px;
	margin:1px 0 0 9px !important;
	margin:1px 0 0 7px;
	padding:0;
	float:left;
	}

div.img_small {
	width:92px;
	margin:0 0 0 9px !important;
	margin:0 3px 0 5px;
	padding:0;
	float:left;
	}

div.img_row {
	margin:0 0 0 6px !important;
	margin:0 0 0 3px;
	padding:0;
	float:left;
	}

.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 13px 0 0 0px !important;
  margin: 13px 0 0 0px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -5px 5px 5px -5px;
  padding: 4px;
  }

.img-shadow_over {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #666;
  margin: -5px 5px 5px -5px;
  padding: 4px;
  }

 .img-shadow_m {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 13px 0 0 0 !important;
  margin: 13px 0 0 0;
  }

.img-shadow_m img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -4px 4px 4px -4px;
  padding: 3px;
  }
  
.img-shadow_s {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 13px 0 0 0 !important;
  margin: 13px 0 0 0;
  }

.img-shadow_s img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -4px 4px 4px -4px;
  padding: 2px;
  }

div.caption h1 {
	font-size:9px;
	color:#473C30;
	line-height:11px;
	font-weight:normal;
	text-transform:capitalize;
	padding:0;
	margin:0;
	}
	
div.caption h2 {
	font-size:9px;
	color:#555;
	line-height:11px;
	font-weight:normal;
	padding:0;
	margin:0;
	}	
	
#quote {
	width: 500px;
	height: 100px;
	margin:0;
	padding:0;
	position:relative;
	top:25px;
	left:50px;
} 