@charset "utf-8";
/* We Love Facepainting CSS Document */

/***** MAIN LAYOUT *****/
html, body {
	width:100%; height:100%;
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; color:#000000;
	background:url(../images/bg.gif) repeat-x;
	background-color:#a4d6ef
}

#wrapper {
	margin:0px auto; width:869px;
	background:url(../images/wrapper_bg.jpg) no-repeat;
	background-position:top;
}

#header {
	width:869px; height:141px;
}

/***** MENU SYSTEM *****/
#menu {
	background:url(../images/menu_bg.jpg) no-repeat;
	width:869px; height:35px;
}

#menu ul {
	display:inline; list-style:none;
}
#menu li {
	float:left;
}
#menu a {
	display:block; height:35px;
	background-position:top;
	outline:none; text-indent:-999em;
}
#menu a:hover, #menu a.active {
	background-position:bottom;
}

#menu_btn_home a { width:116px; background:url(../images/menu_btn_home.jpg); }
#menu_btn_about a { width:137px; background:url(../images/menu_btn_about.jpg); }
#menu_btn_services a { width:136px; background:url(../images/menu_btn_services.jpg); }
#menu_btn_gallery a { width:131px; background:url(../images/menu_btn_gallery.jpg); }
#menu_btn_testimonials a { width:174px; background:url(../images/menu_btn_testimonials.jpg); }
#menu_btn_contact a { width:175px; background:url(../images/menu_btn_contact.jpg); }

/***** CONTENT *****/
#content {
	width:821px; margin:33px auto 0px auto;
	background:url(../images/content_bg.gif) repeat-y;
	padding:0px 0px 25px 0px;
}
#content_top {
	background:url(../images/content_top.gif);
	width:821px; height:69px; padding:30px 0px 0px 0px;
}
#content_top hr {
	border-bottom:1px solid #98d0ec;
	border-left:none; border-right:none; border-top:none;
	margin:7px 20px 0px 20px; height:1px;
}
#content_title {
	background:url(../images/content_titlebg_green.gif);
	height:42px; padding:0px 0px 0px 20px;
	font-size:36px;
	color:#FFFFFF;
	font-family:Arial Narrow, Arial, Helvetica, sans-serif
}
#content_lhs {
	width:205px; float:left;
	padding:0px 22px;
}
#content_rhs {
	width:545px; float:left;
}
#content_rhs hr {
	border-bottom:1px solid #98d0ec;
	border-left:none; border-right:none; border-top:none;
	height:1px; margin:20px 0px;
}
#content_wide {
	width:750px; float:left;
	padding:0px 22px;
}

/***** SERVICES SUBMENU *****/
#services_menu {
	list-style:none; margin:0px 0px 20px 0px; padding:0px;
	background:#b8e3ed; border:1px solid #4bafdf;
	width:199px;
}

#services_menu li {
	margin:0px; padding:0px;
}

#services_menu a {
	display:block; padding:5px;
	margin:0px; height:15px;
}
#services_menu a:hover, #services_menu a.active {
	background:#4bafdf; color:#FFFFFF;
}

#service_thumbs {
	margin:20px 0px 0px 0px;
}

#service_thumbs img {
	margin:0px 5px 0px 0px; border:1px solid #4bafdf;
}

.pic {
border:1px solid #4bafdf;
}

/***** CONTACT FORM *****/
#contact_form tr td {
	padding:5px 0px;
}
#errors {
	border:1px solid #ed008c; background:#fcd9ee;
	color:#ed008c; padding:10px; margin:0px 0px 10px 0px;
}


/***** GALLERY SECTION *****/
.gal_thumb img {
	margin:0px 5px 5px 0px; border:1px solid #4bafdf;
}

/***** FOOTER *****/
#footer {
	width:821px; margin:0px auto;
	background:url(../images/footer_bg.gif) no-repeat;
	background-position:top;
	border:1px white none;
}

#footer_bar {
	background:#92278f; width:801px;
	padding:10px; color:#FFFFFF;
	margin:40px 0px; height:20px;
}
#footer_bar a {
	color:#FFFFFF; text-decoration:underline;
}

/***** CLASSES *****/
.clear {
	clear:both;
}
.left {
	float:left;
}
.right {
	float:right;
}

/***** ELEMENTS *****/
div, p, a, img, table {
	margin:0px; padding:0px;
}

p {
	margin:0px 0px 10px 0px; line-height:18px;
}

a {
	color:#0066FF;
}

li {
	margin:0px 0px 10px 0px;
}

h1 {
	font-size:20px; margin:0px 0px 15px 0px;
}

h2 {
	font-size:14px; margin:0px 0px 10px 0px;
}

a:hover {
	color:#00CC33;
}

br {
	margin:5px 0px;
}

a:link.gallery_link, a:visited.gallery_link {
color:#0491D4
}

a:hover.gallery_link, a:active.gallery_link {
text-decoration:underline
}

#content_rhs table.rates td{
border-bottom:1px dotted #ccc
}

#contactNames {
width:200px;
float:left
}

#contactLinks {
width:200px;
float:right
}

#contactLinks a:link, #contactLinks a:visited {
background-color:#FF6600;
border:1px solid #FF0000;
padding:2px 5px;
margin:5px 0;
display:block;
color:#00F;
font-weight:bold
}

#contactLinks a:hover, #contactLinks a:active {
background-color:#FF0000;
border:1px solid #FF6600;
color:#FFFFFF
}

.top {
color:#999999;
float:right;
text-decoration:underline;
font-size:11px;
}

.title-link {
	float:right;
	margin:8px 10px 0 0
}

.title-link a:link, .title-link a:visited {
font-size:16px;
text-decoration:underline;
color:#909;
font-weight:bold
}

.title-link a:hover, .title-link a:active {
color:#00F
}

.pleaseclick {
	color:#C09;
	position:relative;
	top:-20px;
	*top:-17px;
	height:0;
	padding:0;
	margin:0
}


hr {
	clear:both
}