/* Everything */

body {margin:12% 0 12% 0;color:#434334;background-color:#F2EEE6}

#all {width:750px;border:1px solid #ccc;margin:0;padding:0;background-color:#fff}
#main {width:750px;margin:0;padding:0;border:0px solid #000;}

p{font: normal normal 11px verdana, arial, tahoma, sans-serif; text-align:left;line-height:180%;color:#747474; padding:0;margin:0;margin-bottom:5px;}

h1 { font: normal bold 16px arial,sans-serif; text-align:left;color: #747474;margin:0;padding:0;line-height:150%;}

h2 { font: normal bold 12px verdana, sans-serif; text-align:left;color: #747474;margin:0;padding:0 0 5px 0;line-height:150%}
h3 { font: normal bold 12px verdana, sans-serif; text-align:left;color: #747474;margin:0;padding:0 0 5px 0;line-height:150%}
h3 a{ color: #575757;}
a {text-decoration:underline;color:#747474;}
a:hover {text-decoration:underline; color:#575757;}


/* Header*/

#header {
	height:75px;
	width:750px;
	background-color: #b99e6f;
	background-image: url(images/topbackground.gif);
	background-repeat: no-repeat;
}
div#header h1, div#header h1 a:link, div#header h1 a:visited {
	float:right;
	margin-top:5px;
	margin-right:13px;
	color:#FFFFFF;
	font-family: Verdana;
	font-size: 24px;
	font-weight: bold;
	padding:0;
	text-decoration:none;
}

div#header h1 a:hover {
color:#F2EEE6;
}
div#header h2 {
	float:right;
	margin-right:13px;
	font-family: Verdana;
	padding:0;

}


/* TOP NAV*/
#topnav {background-color:#575757; height:25px;width:750px;padding:2px 0 5px 0;margin:0;}
#topnav ul {margin:0;margin-left:5px;}
#topnav li {list-style:none;text-align:left;display:inline;text-transform:uppercase;}
#topnav li a {color:#FFF;text-decoration:none; margin:0;font: normal bold 12px arial, verdana,sans-serif;padding:11px 12px 11px 11px;}
#topnav li a:hover, #topnav li a.on {color:#fff; background-color:#818075;}
#topnav li.last {margin-left:5px;}

html>body #topnav {height:25px;margin:0;padding:4px 0 0 0;}
html>body #topnav ul {margin:0 0 0 12px; padding:0;height:25px}
html>body #topnav a, html>body #topnav a.on {margin:0;padding:7px  12px 7px 12px;}

/* END TOP NAV*/

/* START CONTENT AREA*/

#content {float:left;padding:0;margin:0;width:360px;padding-top:20px;padding-right:20px;padding-left:30px;}
#content h1 {padding-bottom:10px;font: normal bold 15px arial,sans-serif; text-align:left;color: #747474;line-height:150%;}
html>body #content {padding:0;margin:0;margin-top:50px;margin-left:30px;width:315px;}

#content-inner {float:left;padding:0;margin:0;width:362px;padding-top:25px;padding-right:20px;padding-left:30px;}
#content-inner h1{padding-bottom:15px;}
html>body #content-inner {padding:0;margin:0;margin-top:20px;margin-left:30px;width:319px;}
#content-inner p {height:200px;}

#content-right p.testimonials {height:0px}
/* Gallery Sections Content*/

#content-gallery
{float:left;padding:0;margin:0;width:372px;padding-top:24px;padding-left:30px;padding-right:22px;}
#content-gallery h1{margin:0;padding:0;}

#leftside-gallery {padding:30px 0 17px 30px;margin:0;float:left;}
#leftside-gallery h1 {font: normal bold 16px arial, verdana, tahoma, sans-serif; text-align:left;color: #747474;margin:0;padding:0 0 20px 0;line-height:150%;}

html>body #content-gallery {padding:0;margin:0;margin-top:24px;margin-left:30px;width:315px;}

/* GREY ARROWS*/
#arrows {background-color:#F3F4EF;height:22px;margin-top:33px;}
html>body #arrows {background-color:#F3F4EF;height:22px;margin-top:38px;}
html>body #arrows.higherup {margin-top:15px;}
#arrows.higherup {margin-top:13px;}
#arrows ul{padding:0;margin:0;padding-top:2px;}
html>body #arrows ul{padding:0;margin:0;}
#arrows li {display:inline;padding:0;margin:0;font: normal normal 11px verdana, sans-serif;margin:0 4px;color:#747474; }
#arrows li img{margin:0;}

/* RIGHT CONTENT*/

#content-right {float:left;padding:0;margin:0;width:423px;padding-top:60px;padding-right:20px;padding-left:30px;}
html>body #content-right {padding:0;margin:0;margin-top:63px;margin-left:30px;width:315px;}
#content-right p {height:185px}


#content-right p.links {height:auto}
/* LEFT CONTENT*/

#leftside {padding:22px 0 25px 30px;margin:0;float:left;}
#leftside h1 {font: normal bold 16px arial, verdana, tahoma, sans-serif; text-align:left;color: #747474;margin:0;padding:0 0 20px 0;line-height:150%;}

/*Special Offer Classess*/

#leftside-specialoffers {padding:22px 0 25px 30px;margin:0;float:left}
#leftside h1-specialoffers {font: normal bold 16px arial, verdana, tahoma, sans-serif; text-align:left;color: #747474;margin:0;padding:0 0 20px 0;line-height:150%;}
#rightside {background-color:#CAC8C0;width:165px;margin:30px 0 10px 0;padding:7px;height:320px;float:left;}
ul.specialoffers {margin:0;padding:0;}
ul.specialoffers li{float:left;margin-left:0;padding:0;list-style:none;}
ul.specialoffers li.txt{float:left;color:#747474;font-size:12px;width:20px;padding-top:55px}
ul.specialoffers li img{border:1px solid #ccc}
ul.specialoffers li.specialoffers{float:left;margin-right:10px}
ul.specialoffers p{color:747474;font-size:9px;background-color:#CAC8C0;padding:5px;margin-top:5px}
p.info {color:#747474;font-size:10px;width:250px;border:1px;float:left;margin:10px 20px 0 0;line-height:15px}
p.info b{font-size:11px;line-height:15px}
p.info2 {color:#747474;font-size:10px;width:240px;border:1px;float:left;line-height:15px;margin:10px 0 0 0}
p.info2 b{font-size:11px;line-height:15px}
p.2{color:#747474;font-size:11px;line-height:15px}
p.2 b{color:#747474;font-size:9px}
p.terms{color:#747474;font-size:9px;line-height:13px}
#content-full {float:left;padding:0;margin:0;width:650px;padding:30px 0 30px 30px;}
#content-full p{margin-top:10px}
/* IMAGES IN CONTENT*/

#leftpic{float:left;width:375px;height:330px;padding:0;margin:0;background: url("/images/loading.gif") no-repeat center center;}
html>body #leftpic {height:330px;}
#leftpic img{padding:0;margin:0;}

#rightpic{padding:0;margin:0;float:right;background: url("/images/loading.gif") no-repeat center center;}
#rightpic img{padding:0;margin:0;}

#bottompics {
	float:left;
	width:750px;
	margin:0;
	padding:0;
	padding-left:30px;
}
#bottompics ul {display:inline;}
#bottompics li {display:inline;list-style:none;}
#bottompics img {float:left;margin-right:16px;margin-bottom:23px;}

/* Contact Form */

#content-right p.contact {height:100px;border:0px solid #000;margin-bottom:3px}
#content-right p.normalgap {height:10px;border:0px solid #000;margin-bottom:3px}

#contactform {font-family:verdana,sans-serif; text-align:left;margin-top:22px}
html>body #contactform {font-family:verdana,sans-serif; text-align:left;margin-top:70px}
#contactform table td {vertical-align:top;padding:4px;font: normal normal 11px verdana, arial, tahoma, sans-serif; color:#747474;}
#contactform label {vertical-align:top;}
#contactform input {width:100px;border: 1px solid;border-color: #666 #ccc #ccc #666;font: normal normal 11px verdana, sans-serif; color:#747474;}
#contactform textarea {font: normal normal 11px verdana, sans-serif; line-height:15px;width: 290px;border:1px solid #ccc;align:right;color:#747474;}
#contactform select {font: normal normal 10px arial, helvetica sans-serif; color:#747474;}
#contactform input.button {width:60px;background-color: #e6e6e6;border-color: #ccc #666 #666 #ccc;float:right;margin-right:10px}
#contactform input.browse {width: 150px;border: 1px solid;border-color: #666 #ccc #ccc #666;}







/* END CONTENT AREA*/

/* Footer */

#footer {width:750px;height:100px;clear:both;background-color:#B99E6F; padding:0;margin:0;}
#footer p{font: normal bold 17px Arial, Helvetica,  sans-serif;color:#fff;text-align:right;padding:0;margin-top:15px;margin-right:30px;}
#footer a {text-decoration:none;color:#fff;padding-left:10px;}
#footer a:hover {text-decoration:underline;}
#footer b.small{float:left; font: normal normal 10px verdana, Arial, Helvetica,  sans-serif;color:#575757;margin-left:30px;}


/* QUOTES AT THE BOTTOM */
#footer span.small{float:left; width:440px;font: normal normal 10px verdana, Arial, Helvetica,  sans-serif;color:575757;margin-left:30px;text-align:left;margin-top:-5px;color:#575757}
#footer span.small-3line{float:left; width:440px;font: normal normal 10px verdana, Arial, Helvetica,  sans-serif;color:575757;margin-left:30px;text-align:left;margin-top:-8px;color:#575757}
#footer span.small-wide{float:left; width:600px;font: normal normal 10px verdana, Arial, Helvetica,  sans-serif;color:575757;margin-left:30px;text-align:left;margin-top:-5px;color:#575757}
#footer span.small-wide-3line{float:left; width:600px;font: normal normal 10px verdana, Arial, Helvetica,  sans-serif;color:575757;margin-left:30px;text-align:left;margin-top:-8px;color:#575757}



html>body #footer p {padding-top:15px;}

/* TLD */

#terms-tld {clear:both;width:750px;margin-top:10px;font: normal .7em Verdana, Arial, Helvetica, sans-serif;color:#7C7D71}
#tld {text-align:right;}
#tld a {color: #7C7D71; text-decoration: underline;}
#tld a:hover {color: #000; text-decoration: underline;}

#p.copyprob {font: normal bold 17px verdana, tahoma, sans-serif;color:#ff00ff}

#clearall {clear:both}

#headers { position: relative; width:375px; height:330px; margin:0; padding:0; z-index: 50; }
#headers li { display: block; postition:absolute;}
* html #headers li { _margin-left: -187px; }

/* FOOTER - LINKS*/

#footer-links {margin: 30px 0 0 0; font: normal normal 9px arial;color:#575757}
#footer-links a {text-decoration: none; color:#575757 padding:0 10px;}

/* Stefan Addition */
img.absmiddle{ vertical-align: middle; }
div#preload{ width:345px; height: 262px; background: url("/images/loading.gif") no-repeat center center; }
