/* CSS for Bee Safe Consultants */
/* F1 Design 2007 */

* {margin:0;padding:0;}
html {font-size:100%} 
/* 
html 100% + body 62.5% lets us specify 
 font sizes in ems at 1/10th the desired pixel value
 */

body {
	font-size:62.5%;
	font-family: verdana, arial, helvetica, sans-serif;
	background:#fff url(/img/bg.png) repeat-x;
	text-align:center;
}

p 								{margin-bottom:20px;}
h1,h2,h3,h4			{margin-bottom:20px;font-weight:normal;color:#333;}
h2								{font-size:2.1em;}
h3								{font-size:1.9em;}
h4								{font-size:1.8em;}
h3								{font-size:1.7em;}

/* === Start: Banners ===
As a fix for ie6's lack of PNG support, ie6 is
served an gif though an underscore hack
*/
h2.banner{
	height:267px;
	margin:-10px;
	padding:10px;
	z-index:-1;
}
h2.b1						{background:url(/img/banners/b1.png) no-repeat;_background:url(/img/banners/b1.gif) no-repeat;}
h2.b2						{background:url(/img/banners/b2.png) no-repeat;_background:url(/img/banners/b2.gif) no-repeat;}
h2.b3						{background:url(/img/banners/b3.png) no-repeat;_background:url(/img/banners/b3.gif) no-repeat;}
h2.b4						{background:url(/img/banners/b4.png) no-repeat;_background:url(/img/banners/b4.gif) no-repeat;}
h2.b5						{background:url(/img/banners/b5.png) no-repeat;_background:url(/img/banners/b5.gif) no-repeat;}
h2.b6						{background:url(/img/banners/b6.png) no-repeat;_background:url(/img/banners/b6.gif) no-repeat;}
h2.b7						{background:url(/img/banners/b7.png) no-repeat;_background:url(/img/banners/b7.gif) no-repeat;}
h2.b8						{background:url(/img/banners/b8.png) no-repeat;_background:url(/img/banners/b8.gif) no-repeat;}
h2.b9						{background:url(/img/banners/b9.png) no-repeat;_background:url(/img/banners/b9.gif) no-repeat;}
h2.b10					{background:url(/img/banners/b10.png) no-repeat;_background:url(/img/banners/b10.gif) no-repeat;}
/* === End: Banners ===*/

a 							{text-decoration:none;color:#06C;}
a:hover					{border-bottom:1px dotted;}

/* === Start: DIVS ===*/
#wrapper {
	width:950px;
	margin:auto;
	padding-top:5px;
	font-size:1.3em; /* base font-size here */
	background:#fff url(/img/bg.png) repeat-x;
}

#wrapper h1 {
	display:none;
}

#head {
	height:165px;
	background:url(/img/head.gif) no-repeat;
	color:#fff;
	position:relative;
}

#head a {
	color:#fff;
}
#head a:hover {
	border-bottom:1px dotted #fff !important;
}


#head ul li {
	float:left;
	padding:0 8px;
	border-right:1px solid #fff;
}

#head ul#topnav {
	position:absolute;
	left:30px;
	bottom:14px;
}

#head ul#contact {
	position:absolute;
	left:450px;
	bottom:14px;
}

#sidenav {
	float:left;
	background-color:#06C;
	width:134px;
	padding:10px;
	margin:6px 0 0 3px;
	color:#fff;
	text-align:left;
}

#sidenav a {
	color:#fff;
	text-decoration:none;
}

#sidenav ul li {
	margin-bottom:10px;
	background:url(/img/arrow_down.gif) no-repeat top right;
}
#sidenav ul li.on {
	background:url(/img/arrow_up.gif) no-repeat top right;
}

#sidenav ul li ul {
	margin-left:10px;
}

#sidenav ul li ul li {
	padding:0;
	background:none;
}

#sidenav li strong {
	display:block;
	margin-bottom:10px;
}

#content {
	float:left;
	width:761px;
	padding:10px;
	margin:6px 0 0 8px;
	text-align:left;
	background:#f7f7f3 url(/img/content_bg.gif) repeat-x;
}

#content_inner {
	margin:-65px 10px 0 150px;
}
#content_inner p {
	text-align:justify;
}

#content img {
	margin:0px 10px;
}

#content img[align=left] {
	margin-left:0;
	margin-right:10px ;
}
#content img[align=right] {
	margin-right:0;
	margin-left:10px ;
}


#foot {
	float:left;
	width:100%;
	font-size:0.8em;
	text-align:right;
	color:#06C;
	margin:15px 0;
}

#foot a {
	color:#06C;
}

/* === End:  DIVS ===*/


/* === Start: Generic navigational UL styling === */
#head ul, #sidenav ul,
#head ul li, #sidenav ul li {
	list-style-type:none;
}
/* === End:Generic navigational UL styling === */