/* CSS Document */


/*General Layout */   

body {
		background: #f5f5f5;
		margin: 0;
		padding: 0;
		text-align: center;
		color: #333;
		border-top: 7px solid #6d5637;
	
	}
 

#wrapper {
		background: #fff;
		width: 900px;
		margin: 0 auto;
		margin-bottom: 25px;
		padding: 0 0px 15px 0px;
		text-align: left;
		border: 1px solid #4c4c4c;
		border-width: 1px 1px 1px 1px;
		
	}
 
.column {
float: left;
 margin: 0;
 padding: 25px;
 }
 
 
#primary {
 float: left;
 width: 150px;
 margin: 0;

 }
 
#secondary {
width: 400px;
 margin: 0;

 }

#secondary2{
float: left;
width: 400px;
 margin: 0;
 padding: 25px;
}

#secondary3{
width: 600px;
 padding: 25px;
 float: right;
clear: none;
}

#third {
float: right;
width: 140px; 
padding: 25px;

} 


#third2 {
float: right;
width: 400px; 
 margin: 0;
 padding: 25px;
} 

#client {

 margin: 0;
 padding: 25px;
 }

.intro {
width: 443px;
height: 280px;

background-image:url(/images/intro.jpg);
background-repeat: no-repeat;
border-bottom: 1px dotted #dedede;
}


.gallery_blank{
 float: left;
 width: 50px;
 margin: 0;

}
.gallery{
width: 700px;
text-align:center;
}

.project {
width: 443px;
height: 250px;

background-color: #fff;
padding: 5px 0 5px 5px;
margin: 0;
}

#header {
background: #fff;/*fe7901 357daa*/
xmargin: 0 0 25px 0;
background-image: url(/images/banner5.jpg);
height: 140px;
	}

#footer { 
margin: 0px auto; 
position: relative; 
background-color: #ffffff; 
border-top: 9px solid #F7F7F6; 
width: 895px; 
padding: 5px 0; 
clear: both; 
text-align:center;
} 

#portfolio_left{
width: 200px; 
background-color: #fff;
padding: 5px 0 5px 5px;
margin: 0;
float: left;
clear:both;

}

#portfolio_right{
width: 300px;
background-color: #fff;
padding: 5px 0 5px 50px;
margin: 0;

}


/*Navigation Menu */

#navbar{
position:relative;
display:block;
height:39px;
font-size:11px;
font-weight:bold;
background: url(/images/button_off.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
border-top:4px solid #557f2b;
}



#navbar ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;}

#navbar ul li{
display:block;
float:left;
margin:0;}


#navbar ul li a{
display:block;
float:left;
color:#557f2b;
text-decoration:none;
padding:11px 20px 0 20px;
height:23px;
background:transparent url(/images/button_divider.gif) no-repeat top right;}


#navbar ul li a:hover,#navbar ul li a.current{
color:#B30000;
background:#fff url(/images/button_off.gif) no-repeat top left;}





/*menu for the portfolio page */ 

#button {
	width: 10em;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: small;
	background-color: #ffffff;
color:#557f2b;

	}


#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #90bade;
		margin: 0;
			background: url(/images/button_off.gif) repeat-x top left;	
		}

#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #383838;
	
		color:#557f2b;
		text-decoration: none;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
		}
	#button li a:hover {
		border-left: 10px solid #8CC63E;
		background: url(/images/button_off.gif) no-repeat top left;
		color: #B30000;
		}

 #button li a.current {
		border-left: 10px solid #8CC63E;
		background: url(/images/button_off.gif) no-repeat top left;
		color: #454545;
		}






/* text stuff */

body p {
text-align:left;
background: transparent;
font-size:small;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
} 

.footer {
text-align:center;
background: #fff;
font-size:small;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.datebox {
width: 40px;
height: 40px;
margin: 10px 0 0 0;
background-color: #557f2b; 
}

.dateboxbrown{
width: 40px;
height: 40px;
margin: 10px 0 0 0;
background-color: #6d5637; 


}


.pdatebox {
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size: small;
text-align: center;
padding-top: 10px;
color:#FFFFFF; 
background-color: transparent;
}

body h1 {
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:x-large; 
color: #98b97f;

}

.h1_red {
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size: 16px; 
color:#B30000;

}

a {
color: #f69a16;
}



/* FORM STYLES */

#clientform{
	background-color: #DEECE3;
	position: relative;
	padding: 5px 0 5px 5px;
	width: 150px;
}

#clientform h1 {
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size: 11px; 
color:#BD6E64;
line-height: 3px;

}

#contact {
	border: 1px solid #999999;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
}

#cheading{
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
	font-weight:bold;
	color:#666666;
	border-bottom: 1px solid #999999;
}

#textfield{
	font: normal 11px/13px "lucida grande", verdana, sans-serif;
	padding:2px;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #fff;
	width: 95%;
	color: #000;
	overflow:auto;
}

#selectbox{
	font: normal 11px/13px "lucida grande", verdana, sans-serif;
	padding:2px;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #fff;
	width: 300px;
	color: #000;
}


.box {
height: 105px;
width: 105px;
border: 1px solid black;
margin: 3px;
float: left;
}

.box a {

color: #FFFFFF;

}