@charset "UTF-8";
/* CSS Document */
/* Designed by asubtleweb.com */

* { margin: 0px; padding: 0px; }

body { font: 13px Helvetica, Arial, sans-serif; color: #000000; background-attachment: fixed; background-color: #C7D8C6; background-image: url(img/background_hills.jpg); background-repeat: repeat-x; background-position: left bottom; }
body a { color: #666600; text-decoration: none; }
body a:hover { color: #999900; }

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

h1#header { width: 980px; height: 250px; display: block; margin-top: 10px; text-indent: -6000px; text-decoration: none; font-size: 8px; clear: both; }
	.header_fp { background: url(img/header_v203.jpg); }
	.header_consultation { background: url(img/header_v203.jpg); }
	.header_repair { background: url(img/header_v203.jpg); }
	.header_training  { background: url(img/header_v203.jpg); }
	.header_partners { background: url(img/header_partners.jpg); }

h1.header_placeholder  {
	background-image: url(img/header_v203.jpg);
}

h2 { display: block; font: 18px Helvetica, Arial, sans-serif; text-transform: lowercase; margin-bottom: 5px; padding: 5px 0px; border-top: 1px solid #CBD7C7; border-bottom: 1px solid #CBD7C7; }

.logo_green { color: #B1BF36; }
.logo_orange { color: #E3742F; }
.logo_blue { color: #729798; }


#menu { width: 260px; float: left; }

#page { width: 720px; float: right; display: table; background-color: #FFFFFF; padding-bottom: 0px; clear: right; }

#base {
    color: #FFFFFF;
	float: right;
	width: 720px;
	clear: right;
	background: #99A698;
	text-align: center;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	display: block;
	padding: 20px 0px;

}

.menu_items ul { width: 252px; list-style-type: none; }
.menu_items a { display: block; width: 252px; padding: 10px 0px; margin-bottom: 5px; text-indent: 10px; text-decoration: none; font-weight: bold; color:  color: #4A4F49; background: #BAC7B7; }
.menu_items a:hover { background-color: #959F93; color: #FFFFFF; }
	a.menuOn { background-color: #999966; }

.menu_box { width: 232px; display: block; padding: 10px; color: #666600; background-color: #BAC7B7; margin-bottom: 5px; }
.menu_box a { color: #4B4B00; font-weight: normal; text-decoration: none; }
.menu_box a:hover { color: #FFFFFF; }
.menu_box em { font: italic 12px Georgia, "Times New Roman", Times, serif; }


.page_wrap { width: 700px; display: table; margin-left: 10px; margin-top: 10px; clear: both; }

.one_third_box { width: 225px; display: block; float: left; }
.otb_left { margin: 0px; } .otb_middle { margin: 0px 10px; } .otb_right { margin: 0px; }

.fp_repair a, .fp_training a, .fp_consultation a, .fp_webcollage a { width: 225px; height: 100px; display: block; text-indent: -6000px; text-decoration: none; background-position: 0px 0px; }
.fp_repair a:hover, .fp_training a:hover, .fp_consultation a:hover, .fp_webcollage a:hover { background-position: 0px -100px; }
.fp_repair a { background-image: url(img/fp_repair.gif); }
.fp_training a { background-image: url(img/fp_training.gif); }
.fp_consultation a { background-image: url(img/fp_consultation.gif); }

.fp_webcollage a { width: 700px; height: 206px; display: block; text-indent: -6000px; text-decoration: none; background-position: 0px 0px; }
.fp_webcollage a:hover { background-position: 0px -1030px; }

.fp_webcollage a { background-image: url(img/fp_webcollage.jpg); }

.wd_foerst a, .wd_rvha a, .wd_whitedog a, .wd_moreschi a, .wd_rabeisner a, .wd_trc a, .wd_snooki a { width: 225px; height: 100px; display: block; text-indent: -6000px; text-decoration: none; background-position: 0px 0px; }
.wd_foerst a:hover, .wd_rvha a:hover, .wd_whitedog a:hover, .wd_moreschi a:hover, .wd_rabeisner a:hover, .wd_trc a:hover, .wd_snooki a:hover { background-position: 0px -100px; }
.wd_foerst a { background-image: url(img/wd_foerst.gif); }
.wd_rvha a { background-image: url(img/wd_rvha.gif); }
.wd_whitedog a { background-image: url(img/wd_whitedog.gif); }
.wd_snooki a { background-image: url(img/wd_snooki.gif); }
.wd_rabeisner a { background-image: url(img/wd_rabeisner.gif); }
.wd_moreschi a { background-image: url(img/wd_moreschi.gif); }
.wd_trc a { background-image: url(img/wd_trc.gif); }

.webdev_link a { display: block; height: 150px; width: 700px; background-image: url(img/fp_webdev.jpg); text-indent: -6000px; text-decoration: none; }

.text { }
.text ul { margin: 10px 25px; } 
.text p {
	margin-bottom: 10px;
	}
	

.quote { margin-top: 20px; padding-top: 20px; border-top: 1px solid #99CC99; }
	

.page_wrap_subtleweb {
	width: 700px;
	display: table;
	clear: both;
	margin: 10px;
}
.indexcontentfacebook { margin-left: 8px; }
