@charset "utf-8";
/* CSS Document */

body {padding: 0px; margin: 0px; background-color: #bbaca3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

#wrapper { width: 780px; margin: 0 auto;}

h1 { font-size: 14px; color:#663300; }
h2 { font-size: 12px; color:#DA782D;}

span { font-weight:bold; color:#DA782D; }

#header { background: url(../images/baak_header_bg.jpg) no-repeat; height:132px; width: 780px;}
#navigation { height: 27px; width: 664px; float: right; margin: 105px 0px 0px 0px; background:url(../images/BAAK_navigation_bg.jpg) no-repeat; padding-left: 2px;}
ul#nav,ul#nav li { list-style-type: none; 
	margin: 0px; 
	padding: 0px;}
ul#nav { margin:0px; height: 25px;}
ul#nav li { float:left; 
	text-align:center; 
	font-size: 10px;
	border-right: 1px dotted #d3d2d2;
	margin: 1px 0px 0px 0px;}
ul#nav a { float: left; 
	text-decoration: none; 
	color: #25201e; 
	padding: 6px 17px 8px 17px; 
	margin: 0px;}
ul#nav a:hover { background: url(../images/BAAK_nav_hover.jpg) repeat-x; color: #775948;}
ul#nav li.active { background: url(../images/BAAK_nav_hover.jpg) repeat-x; color: #775948;}

#content { background: #ffffff url(../images/baak_content_bg.jpg) repeat-y right;  width: 754px; 
	margin: 0px 0px 0px 5px; 
	padding: 5px 15px 5px 5px;
	border-left: 1px solid #25201e;}
#content p { text-align: justify; color: #663300;}
#content ul { color:#663300; text-align: justify; }
#content a { color:#DA782D;}
#content p.serviceslinks {width:450px; text-align: center; border-top: 1px dotted #996600; padding: 5px 0px 15px 0px; margin: 0 auto;}
#content img { padding: 2px; border: 1px dotted #DA782D;}

#footer { background:url(../images/BAAK_footer_bg.jpg) no-repeat; width: 760px; height: 27px; padding: 10px 15px 5px 10px; margin: 0px 0px 0px 0px;}
#footer p { color: #666666; padding: 0px; margin: 0px;}
#footer a { color: #666666; padding: 0px; margin: 0px; text-decoration: none;}
#footer a:hover { color:#666633;}
.clear { clear: both;}