body{
	margin:0;
	padding:0;
	font-size:small;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #7b7b76;
	background-image: url(images/bg_page.gif);
}

#container{
	margin:auto;
	width:728px;
	height:auto;
	background-color: #f4f5f6;
}

#header{
	height:216px;
	width:728px;
	background-image: url(images/bg_header.gif);
	background-repeat: repeat-y;
}

#logo{height:57px;}

#text-left{
clear:both;
	height:99px;
	width:309px;
	float:left;
	padding:30px;
}

#nav-bar{
	height:119px;
	width:339px;
	float:left;
	padding-left:20px;
	padding-top:40px;	
}

#photo-left{width:369px;height:408px;clear:both;float:left;background-color:#d9d9d1;}

#text-right{

	width:319px;
	float:left;
	padding-left:20px;
	margin-top:20px;
height:380px;
overflow:auto;
}

#footer{height:25px;width:319px;background-color:#d9d9d1;clear:both;font-size:75%;padding:25px;}
#footer a{text-decoration:none;color: #7b7b76;}


#sub-nav{font-size:80%;color:#fc6102;}
#sub-nav a{color:#fc6102;}
#sub-nav a:hover{color:#9da64b;}
img.logo{margin-left:200px;}
img.imgReadMore{float:right;border:0}
p{font-size:80%;margin-top:0;line-height:16px;}
h2{font-size:100%;color:#9da64b;}

#text-left p, #text-left h2{margin:0;}

#text-right li{
	font-weight:bold;
	color:#9da64b;
	line-height:20px;
	list-style-image: url(images/bullet.gif);
	list-style-type: none;
}













#nav-bar ul {margin:0;padding:0;}

#nav-bar li {
	display:block;
	margin:0;
	padding:0;
	}
	
/* hide from mac ie5 \*/
#nav-bar li {display:block;margin:0;}
/* end hide from mac ie5 */

#nav-bar a:link, #nav-bar a:visited {
	display:block;
	float:left;
	padding:0;
	margin:0;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
	}
	

#nav-bar #home a{width:292px;height:31px;}
#nav-bar #about a{width:292px;height:30px;display:none;}
#nav-bar #services a{width:292px;height:30px;}
#nav-bar #contact a{width:292px;height:32px;}



#nav-bar #home_current a{width:292px;height:31px;}
#nav-bar #about_current a{width:292px;height:30px;}
#nav-bar #services_current a{width:292px;height:30px;}
#nav-bar #contact_current a{width:292px;height:32px;}


	
#nav-bar li {font-size:1em;}

/* end hide from mac ie5 */
#nav-bar span {visibility:hidden;}

#nav-bar a:hover span, #nav-bar a:active span, #nav-bar a:focus span {visibility:hidden;}
	
#nav-bar a{border:none;}
/* for some reason IE has a bug where it needs this border to display the text correctly */
/* i gave it a null border */
#nav-bar a:active, #nav-bar a:hover {border-width:0;}
	
/* normal state */
#home a:link, #home a:visited {background-image:url("images/btn_home01.gif");}
#about a:link, #about a:visited {background-image:url("images/btn_about01.gif");}
#services a:link, #services a:visited {background-image:url("images/btn_services01.gif");}
#contact a:link, #contact a:visited {background-image:url("images/btn_contact01.gif");}


/* hover and focus state */
#home_current a, #home a:hover, #home a:active, #home a:focus {background-image:url("images/btn_home02.gif") !important;}
#about_current a, #about a:hover, #about a:active, #about a:focus {background-image:url("images/btn_about02.gif") !important;}
#services_current a, #services a:hover, #services a:active, #services a:focus {background-image:url("images/btn_services02.gif") !important;}
#contact_current a, #contact a:hover, #contact a:active, #contact a:focus {background-image:url("images/btn_contact02.gif") !important;}
