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

body {
	margin: 0;
	padding: 0;
	background: #e8e8e8;
	font-family: tahoma;
	font-size: 12px;
	color: #333;
}

a {
	color: inherit;
	text-decoration: none;
	border: none;
	outline: none;
}

a img {
	border: 0;
}

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

h1 {
	background: url(images/h1.png) no-repeat bottom left;
	font-size: 14px;
	padding: 0 0 4px 10px;
	color: #9AC034;
}

h2 {
	color: #0095cd;
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 0;
}

h3 {
	color: #fff;
	font-size: 14px;
	padding: 0;
	margin: 0;
}

h4 {
	color: #ff0000;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

ul {
	list-style-image: url(images/list.gif);
}

#clear {
	clear: both;
}

#wrap {
	width: 1040px;
	margin: 0 auto;
}

#header {
	width: 1040px;
	height: 129px;
	background: url(images/header.png) no-repeat;
}

#header object, embed {
	float: right;
	margin: 1px 15px 0 0;
}

#content {
	width: 1040px;
	background: url(images/content.png) no-repeat;
}
#content_body {
	width: 1000px;
	float: left;
	margin: 20px 0 0 30px;
}
#content_body_left {
	width: 750px;
	float: left;
}
#content_body_right {
	width: 200px;
	float: left;
	margin: 0 0 0 10px;
	padding: 10px;
	text-align: center;
	background: url(images/didyouknow.png) repeat-y bottom left;
}

#home {
	float: left;
	width: 52px;
	height: 26px;
	margin: 23px 0 0 121px;
	background: url(images/home.png);
}
#home:hover {
	background: url(images/homeH.png);
}
#about {
	float: left;
	width: 130px;
	height: 30px;
	margin: 12px 0 0 6px;
	background: url(images/about.png);
}
#about:hover {
	background: url(images/aboutH.png);
}
#services {
	float: left;
	width: 116px;
	height: 27px;
	margin: 10px 0 0 4px;
	background: url(images/services.png);
}
#services:hover {
	background: url(images/servicesH.png);
	cursor: pointer;
}
#services:hover span.hidden1 {
	display: block;
}
.hidden1 a:hover, .hidden2 a:hover {
	text-decoration: underline;
}
.hidden1 {
	display: none;
	width: 175px;
	height: 140px;
	margin: -3px 0 0 -5px;
	#margin: -5px 0 0 -5px;
	background: url(images/services_drop.png) no-repeat;
	color: #0095cd;
	padding: 15px 0 0 10px;
	position: relative;
}
.hidden2 {
	display: none;
	width: 185px;
	height: 154px;
	margin: 0px 0 0 -7px;
	#margin: -2px 0 0 -7px;
	background: url(images/webworks_drop.png) no-repeat;
	color: #0095cd;
	padding: 10px 0 0 10px;
	position: relative;
}
.hidden1 a, .hidden2 a {
	background: url(images/hidden.gif) no-repeat center left;
	padding: 0 0 0 13px;
}
#webworks {
	float: left;
	width: 167px;
	height: 25px;
	margin: 9px 0 0 5px;
	background: url(images/webworks.png);
}
#webworks:hover {
	background: url(images/webworksH.png);
	cursor: pointer;
}
#webworks:hover span.hidden2 {
	display: block;
}
#planning {
	float: left;
	width: 86px;
	height: 25px;
	margin: 10px 0 0 6px;
	background: url(images/planning.png);
}
#planning:hover {
	background: url(images/planningH.png);
}
#quote {
	float: left;
	width: 142px;
	height: 30px;
	margin: 11px 0 0 1px;
	background: url(images/quote.png);
}
#quote:hover {
	background: url(images/quoteH.png);
}
#contact {
	float: left;
	width: 106px;
	height: 30px;
	margin: 19px 0 0 2px;
	background: url(images/contact.png);
}
#contact:hover {
	background: url(images/contactH.png);
}

#footer {
	width: 1040px;
	height: 55px;
	background: url(images/footer.png) no-repeat;
	padding: 45px 0 0 0;
	#padding: 55px 0 0 0;
}
#footer a {
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
}