@charset "utf-8";
/* "Clean White" Template by Dieter Schneider | www.csstemplateheaven.com */

* {margin: 0; padding: 0}

img {border: none}

body {font-family: arial, helvetica, sans-serif; font-size: 100%; color:#666; height: 100%;margin:0;padding:0;}

html {height: 90%; margin-top: -35px;}

th {text-align: left;}

#salestable {margin-top: 50px;margin-left: 70px;}

#container {width: 800px; min-height:100%; margin: 20px auto; font-size: .875em; margin-bottom: 20px; position: relative; }

#logo {width: 220px; height:64px; float: left; margin-bottom: 20px}

#header {height: 370px;  clear: both; }

#wrap {clear: both}

#left {width: 250px; float: left}

#right {width: 250px; float: right}

#middle {margin-left: 275px; margin-right: 275px}

#left, #right, #middle {margin-bottom: 40px}

#footer {background: url(../images/footerpty.png) no-repeat; clear:both; padding:20px; text-align: center; font-size: .875em; height: 52px; position: relative;}

.clearfooter {
    height: 100px;
    clear: both;
}

/* typography */

a {color: #930}

p {padding: 15px 0; text-align: justify}

.h2 {background:#303030; padding:10px; color: #FFF; font-weight: normal; letter-spacing: .15em}

/* navigation */

#navcontainer ul
{
color: White;
float: right;
width: 580px;
padding-top: 25px
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0px 1em;
color: #999;
font-weight: bold;
text-decoration: none;
float: right;
border-right: 1px solid #fff;
font-size: 19px;
}

#navcontainer ul li a:hover {
    color: #840000;
    font-weight: bold;
    
}

#navcontainer ul li #current {
    color: #840000;
      
}

#container2 {
	width:800px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:800px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:1000px;
	height:341px;
	top:-3px;
	left:-110px;
}

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

.slides_container {
	width:770px;
	overflow:hidden;
	position:relative;
	display:none;
}

.slides_container a {
	width:770px;
	height:270px;
	display:block;
}

.slides_container a img {
	display:block;
}

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-46px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:792px;
}

.pagination {
	margin:26px auto 0;
	width:200px;
        
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

#contact {
    margin-top: 10px;
    margin-left: -15px;
}

input, textArea {
	-webkit-box-shadow: 2px 2px 3px 1px #666666;
	-moz-box-shadow: 2px 2px 3px 1px #666666;
	box-shadow: 2px 2px 5px 1px #666666;
        border: 1px solid #CCCCCC;
	behavior: url(pie/PIE.htc);
        outline: none;
}

input:focus {
	-webkit-box-shadow: 3px 3px 5px 1px #840000;
	-moz-box-shadow: 3px 3px 5px 1px #840000;
	box-shadow: 3px 3px 5px 1px #840000;
	behavior: url(pie/PIE.htc);
}

textarea:focus {
	-webkit-box-shadow: 3px 3px 5px 1px #840000;
	-moz-box-shadow: 3px 3px 5px 1px #840000;
	box-shadow: 3px 3px 5px 1px #840000;
	behavior: url(pie/PIE.htc);
        outline: none;
}

#submit {
	width: 70px;
	padding: 3px;
	color: lightgray;
	background-color: #454545;
}

#submit:hover {
	background-color: #840000;

	-webkit-box-shadow: 0px 1px 3px -1px #666;
	-moz-box-shadow: 0px 1px 3px -1px #666;
	box-shadow: 0px 1px 3px -1px #666;
}

.phperror {
    display: none;
    color: #840000;
    margin-left: -20px;
    margin-top:10px;
      
}

#form input, textArea {
    margin: 0.7em;
}

textarea {max-width: 550px; overflow: auto;}

input {width:250px;}