@charset "utf-8";
/* You like the design? Contact the website owner and ask for us :) */

body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #fff;
}

.clear { clear: both;}
.relative { position: relative; }
.sep30 {padding: 15px;}

p, h1, h2, h3 {margin: 0; padding: 0;}
img { border: 0; }

/* Header */

.header {
position: relative;
width: 100%;
height: 100px;
background-color: #0a0806;
}

.header .inside {
position: relative;
width: 960px;
height: 100px;
margin: 0 auto;
}

.header .inside .logo {
	position: absolute;
	width: 262px;
	height: 49px;
	top: 25px;
}
.header .inside .logo h1 a {
width: 262px;
height: 49px;
background: url(img/logo.gif) no-repeat;
text-indent: -9999px;
display: block;
overflow: hidden;
}

.header .inside .menubar {
	position: absolute;
	width: 370px;
	height: 22px;
	background: url(img/top_sep_line.gif) bottom repeat-x;
	left: 590px;
	top: 20px;
}
.header .inside .menubar .buttons {
float: left;
margin-right: 20px;
height: 17px;
cursor: pointer;
}
.header .inside .menubar .button1 { background: url(img/menu_home.gif) no-repeat; width: 51px; }
.header .inside .menubar .button1:hover { background-position: 0 -20px; }
.header .inside .menubar .button2 { background: url(img/menu_contact.gif) no-repeat; width: 66px; }
.header .inside .menubar .button2:hover { background-position: 0 -20px; }
.header .inside .menubar .button3 { background: url(img/menu_about.gif) no-repeat; width: 51px; }
.header .inside .menubar .button3:hover { background-position: 0 -20px; }
.header .inside .menubar .button4 { background: url(img/menu_products.gif) no-repeat; width: 74px; }
.header .inside .menubar .button4:hover { background-position: 0 -20px; }
.header .inside .menubar .button5 { background: url(img/menu_faq.gif) no-repeat; width: 45px; }
.header .inside .menubar .button5:hover { background-position: 0 -20px; }
.header .inside .menubar .selected {
cursor: default;
background-position: 0 -20px;
}

.header .inside .emailbar {
	position: absolute;
	background: url(img/top_email_bar.gif) no-repeat;
	width: 370px;
	height: 31px;
	left: 590px;
	top: 55px;
}
.header .inside .emailbar .mail { float: left; background: url(img/top_email_bar_1.gif) no-repeat left; width: 27px; height: 18px; margin: 7px 0 0 20px;}
.header .inside .emailbar .mail2 { float: left; margin: 9px 0 0 6px; color: #fff; font-size: 0.70em;}
.header .inside .emailbar .ym { float: left; background: url(img/top_email_bar_ym.gif) no-repeat left; width: 21px; height: 21px; margin: 7px 0 0 70px;}
.header .inside .emailbar .ym2 { float: left; margin: 9px 0 0 6px; color: #fff; font-size: 0.70em;}


/* Mid Top */

.midwelcome {
width: 100%;
height: 429px;
position: relative;
background: url(img/middle_bg.jpg) repeat-x;
}

.small {
height: 140px;
}

.midwelcome .inside {
position: relative;
width: 960px;
height: 429px;
margin: 0 auto;
}

.midwelcome .inside .slogan h1 {
	position: absolute;
	background: url(img/midwelcome_slogan.png) no-repeat;
	width: 575px;
	height: 107px;
	display: block;
	text-indent: -9999px;
	top: 20px;
}

.midwelcome .inside .box {
position: relative;
width: 557px;
height: 235px;
background: url(img/midwelcome_box.png) no-repeat transparent 0 150px;
margin: 0 auto;
padding: 170px 0 0 20px;
}
.midwelcome .inside .box .left {
	position: absolute;
	background: url(img/midwelcome_left.png) no-repeat;
	width: 242px;
	height: 229px;
	left: -272px;
	top: 150px;
}
.midwelcome .inside .box .right {
	position: absolute;
	background: url(img/midwelcome_right.png) no-repeat;
	width: 273px;
	height: 381px;
	left: 587px;
	top: 40px;
}

.gradient_sep {
position: relative;
width: 100%;
height: 37px;
background: url(img/gradient_sep.jpg) repeat-x;
}


/* Body */

.middle {
position: relative;
width: 100%;
}

.middle .inside {
position: relative;
width: 960px;
margin: 0 auto;
}

.middle .inside .title_quality {
position: relative;
background: url(img/title_quality_is_us.gif) no-repeat;
width: 424px;
height: 62px;
padding-bottom: 20px;
}

.middle .inside .textbox {
position: relative;
width: 920px;
padding: 20px 20px 11px 20px;
background: #ceb78c url(img/textbox_top.gif) no-repeat top center;
text-align: justify;
line-height: 1.5em;
}
.middle .inside .bottom { width: 960px; height: 9px; background: url(img/textbox_bottom.gif) no-repeat bottom; }

.middle .inside .pvas { float:left; width:260px; height:220px; padding: 80px 20px 0 35px; color:#b4944c; text-align:left; font-size: 0.8em; margin: 0 15px 30px 0; cursor: pointer;}
.middle .inside .express { background:url(img/express_delivery.gif) no-repeat; margin-left: -15px; color: #fff; }
.middle .inside .pvas1000 { background:url(img/1000pvas.gif) no-repeat; margin-left: -15px; }
.middle .inside .pvas750 { background:url(img/750pvas.gif) no-repeat; }
.middle .inside .pvas500 { background:url(img/500pvas.gif) no-repeat; margin:0; }
.middle .inside .pvas250 { background:url(img/250pvas.gif) no-repeat; margin-left: -15px; }
.middle .inside .pvas100 { background:url(img/100pvas.gif) no-repeat; }
.middle .inside .pvas50 { background:url(img/50pvas.gif) no-repeat; margin:0; }
.middle .inside .pvas25 { background:url(img/25pvas.gif) no-repeat; margin-left: -15px; }
.middle .inside .pvas10 { background:url(img/10pvas.gif) no-repeat; }
.middle .inside .pvas5 { background:url(img/5pvas.gif) no-repeat; margin:0; }
.middle .inside .pvademo { background:url(img/demopva.gif) no-repeat; margin-left: -15px; height:116px; color: #000; }
.middle .inside .lowestprices { float:left; background-color:#1a170f; margin-left: 15px; padding:15px 250px 0 20px; width: 360px; height: 181px; color:#b4944c; line-height: 1.5em; }

.middle .inside .pricetag {
	position:absolute;
	background:url(img/pricetag.png) no-repeat;
	width:289px;
	height:207px;
	left: 350px;
	top: 20px;
}


.middle .inside .title_cl_posting{ padding-top:15px; }
.middle .inside .title_cl_posting h1 {
position: relative;
background: url(img/title_cl_posting.gif) no-repeat;
width: 629px;
height: 62px;
display: block;
text-indent: -9999px;
padding-bottom: 20px;
}


.middle .inside .title_ipaddress { padding-top:15px; }
.middle .inside .title_ipaddress h1 {
position: relative;
background: url(img/title_ipaddress.gif) no-repeat;
width: 620px;
height: 50px;
display: block;
text-indent: -9999px;
padding-bottom: 20px;
}
.middle .inside .ips { float:left; width:260px; height:220px; padding: 80px 20px 0 35px; color:#b4944c; text-align:left; font-size: 0.8em; margin: 0 15px 30px 0; cursor: pointer;}
.middle .inside .ips10 { background:url(img/ips10.gif) no-repeat; margin-left: -15px; color: #000;}
.middle .inside .ips25 { background:url(img/ips25.gif) no-repeat; }
.middle .inside .ips50 { background:url(img/ips50.gif) no-repeat; margin:0; }


/* Footer */
.footer {
position: relative;
width: 100%;
height: 100px;
background: url(img/middle_bg.jpg);
border-top: 10px solid #0a0806;
margin-top: 20px;
}
.footer .inside {
position: relative;
width: 960px;
height: 100px;
margin: 0 auto;
}
.footer .inside .creature {
	position: absolute;
	background: url(img/creature.png) no-repeat;
	width: 150px;
	;
	height: 168px;
	top: -73px;
	left: -45px;
}

.footer .inside h2 {
float: right;
margin-top: 20px;
display: block;
text-indent: -9999px;
background: url(img/footer_sitename.png) no-repeat;
width: 144px;
height: 22px;
}
.footer .inside .right {
position: relative;
text-align: right;
font-size: 0.7em;
color: #9c815c;
}

.footer .inside a:link, a:visited { color: #9c815c; text-decoration: none; }
.footer .inside a:hover { color:#000; }


/* Website different pages */

.middle .inside .title_contact h1 {
position: relative;
background: url(img/title_contact.gif) no-repeat;
width: 379px;
height: 49px;
padding-bottom: 20px;
text-indent: -9999px;
}

.box_contact { position: relative; width: 960px; }
.sticky_note {
	position: absolute;
	width: 260px;
	height: 200px;
	background-color: #ffff66;
	right: 0px;
	top: 10px;
	padding: 20px 20px;
	line-height: 1.4em;
	font-size: 0.9em;
}
.tape_right {
	position: absolute;
	background: url(img/tape_right.png) no-repeat;
	width: 205px;
	height: 96px;
	top: -30px;
	left: 150px;
}
	

.box_orange {float: left; width: 260px; padding: 20px; background-color:#ff6600; line-height: 1.5em;}
.box_brown {float: left; width: 590px; padding: 20px;  background-color:#1a170f; color: #b4944c; line-height: 1.5em; margin-left: 30px;}

.middle .inside .title_about h1 {
position: relative;
background: url(img/title_about.gif) no-repeat;
width: 324px;
height: 48px;
padding-bottom: 20px;
text-indent: -9999px;
}

.box_orange2 {float: left; width: 590px; padding: 20px;  background-color:#ff6600; line-height: 1.5em; margin-right: 30px;}
.box_brown2 { float: left; width: 260px; padding: 20px; background-color:#1a170f; color: #b4944c; line-height: 1.5em;}

.middle .inside .title_faq h1 {
position: relative;
background: url(img/title_faq.gif) no-repeat;
width: 892px;
height: 61px;
padding-bottom: 20px;
text-indent: -9999px;
}

.box_orange3 {position: relative; width: 920px; padding: 20px;  background-color:#ff6600; line-height: 1.5em; }
