/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/body-bg.gif) top center; text-align:center;}
.top-tail{ background:url(images/top-tail.gif) top repeat-x;}
.top-bg{ background:url(images/top-bg.jpg) top center no-repeat;}

#BannerDiv { margin:10px 0px 0px 0px; height:350px;}
#nobanner { margin:0px 0px 0px 0px; height:350px; }

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.80em; line-height:1.25em; color:#807d75;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#ff5a00; outline:none;}
a:hover{text-decoration:none;}
h1{ font-size:3.45em; color:#000; margin-bottom:20px;}
h2{ font-size:1.95em; color:#000; text-transform:uppercase;}
h2 strong{ margin-top:-16px; color:#000;}
h3{ font-size:1.417em; text-transform:uppercase; color:#19140d; line-height:1.471em; padding-bottom:20px;}
h4{ font-size:1.1em; color:#333;}
h6{ font-size:1em; text-transform:uppercase; color:#000;}
cite{ font-style:normal; display:block;}
.fnt {text-transform:uppercase; color:#000; }
.datum {font-style:italic; font-size:0.8em; }
.blacklink { color:#807d75; text-decoration:underline; }
.newsarchivelink { padding-left:15px; color:#565143; font-weight:bold; font-size:0.8em; }

/* ============================= main layout ====================== */
.imgindent {margin:0 15px 0 0; float:left;}
.phone{ float:right; padding-right:35px;}
.phone2{ float:right; padding-right:100px;}
.space1{ margin-left:22px;}
.margin1{ margin-top:10px !important;}
.padding1{ padding-top:5px;}
.padding2{ padding-top:19px;}
.padding3{ padding-top:15px;}

/* ============================= header ====================== */
#header { display:none;}


/* =========================== navi page ====================== */
.navipage a { color:#333; font-size:0.9em; text-decoration:none; text-transform:uppercase; }
.navipage a:hover { color:#F60; }

/* ============================= content ====================== */
#content{ background:url(images/content-left-corner.gif) left bottom no-repeat #fff; min-height:500px;}
#content .right-corner{ background:url(images/content-right-corner.gif) right bottom no-repeat; padding:14px 15px 16px 15px; min-height:500px;}
#content .indent{ padding:5px 15px 0 0;}
#content .indent1{ padding:23px 15px 30px 0;}

.link{ font-weight:bold; display:inline-block; color:#ff5a00; margin-top:22px;}
.unline{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:28px; margin-bottom:21px;}

.list{ margin:-4px 0; color:#807d75;}
.list a { color:#565143; text-decoration:none;}
.list a:hover { text-decoration:underline;}
.list li{ line-height:1.783em; background:url(images/list-marker.gif) no-repeat 0 8px; padding-left:15px;}
.list .active { color:#565143; }

.list1{ margin:-4px 0;}
.list1 li{ line-height:1.783em; background:url(images/list1-unline.gif) bottom repeat-x;}
.list1 .last{ background:none;}
.list1 a{ color:#565143; text-decoration:none; background:url(images/list1-marker.gif) no-repeat 0 4px; padding-left:24px; display:inline-block;}
.list1 a:hover{ color:#ff5a00;}
.list1 .active { color:#F60; }

.box{ background:url(images/box-corner-left-top.gif) left top no-repeat #f3f2ee;}
.box .right-top{ background:url(images/box-corner-right-top.gif) right top no-repeat;}
.box .left-bot{ background:url(images/box-corner-left-bot.gif) left bottom no-repeat;}
.box .right-bot{ background:url(images/box-corner-right-bot.gif) right bottom no-repeat;}
#content .box .indent{ padding:23px 16px 29px 15px;}
.box .unline{ background:url(images/unline2.gif) bottom repeat-x; padding-bottom:27px; margin-bottom:19px;}

/* ============================= footer ====================== */
#footer .menu{ display:none;}


/* ============================= forms ============================= */
.alignright {text-align:right;}
#ContactForm { font-weight:bold;}
#ContactForm label {display:block; text-transform:uppercase; font-size:1.1em; color:#000; }
#OfferteForm label {display:block; }
#ContactForm .link {margin:25px 0 0 30px; font-weight:normal;}
.column1 {float:left; width:220px;}
.column2 {float:left; width:232px;}
.input {width:350px;  border:1px solid #a09b96; background:#fff; padding:5px 0 5px 5px; font-size:1.4em; color:#F60; margin-bottom:10px;}
textarea {width:350px; height:100px; border:1px solid #a09b96; background:#fff; padding:5px 0 0 5px; overflow:auto; font-size:1.4em; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; color:#F60;}
.selectlabel  {display:block; text-transform:uppercase; font-size:1.1em; color:#000; }
select {width:350px;  border:1px solid #a09b96; background:#fff; padding:0px; font-size:1.4em; color:#F60;margin-bottom:10px;}

.contactbutton {
	margin:0px 0px 40px 0px;
	width: 212px;
	height: 37px;
	background: transparent url(../images/contactbutton.png) no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	}
	
.contactbutton:hover {
	background: transparent url(../images/contactbutton.png) no-repeat 0 -37px;
	}
	
.offertebutton {
	margin:0px 0px 40px 0px;
	width: 212px;
	height: 37px;
	background: transparent url(../images/offertebutton.png) no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	}
	
.offertebutton:hover {
	background: transparent url(../images/offertebutton.png) no-repeat 0 -37px;
	}

.faqbutton {
	margin:0px 0px 40px 0px;
	width: 212px;
	height: 37px;
	background: transparent url(../images/faqbutton.png) no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	}
	
.faqbutton:hover {
	background: transparent url(../images/faqbutton.png) no-repeat 0 -37px;
	}

.message_green {
	width:100%;
	height:30px;
	font-size:1.2em;
	background-color:#B4D980;
	text-align:center;
	padding-top:10px;
	background-image: url(images/grmsg.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom:10px;
}

/*============================== testimonials =====================================*/

code { background: #f2f2f2; margin-bottom: 20px; display: block; padding: 20px; }	
blockquote p { margin-bottom: 10px; }
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; }

/*
 |	Setting the width for the blockquotes is required
 |	to accurately adjust it's contianer
*/

blockquote {
	width: 260px; /* required */
	float:left;
	}
	
/*
 |	The #quote_wrap div is created
 |	by Quovolver to wrap the quotes
*/

#quote_wrap { 
	
	}

/*============================== accordeon =====================================*/
.basic  {
	width: 400px;
}
.basic div {
	background-color: #FFFFFF;
}

.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	background-image: url("../images/AccordionTab0.gif");
}
.basic a:hover {
	background-color: white;
}
.basic a.selected {
	color: black;
	background-color: #80cfe2;
}

#toepa a {
	text-decoration:none;
}

#toepa li {
	background-image:none;
	background-repeat: no-repeat;
}