@charset "utf-8";
/* CSS Document */

html {
width: 100%;
height: 100%;
}

body{
background:url(../images/plank.jpg) repeat fixed;
margin-top:0;
}

#shadowleft {
padding: 0 0 0 25px;
max-width:1000px;
background: url(../images/shadow.left.png) repeat-y;
margin-left: auto;
margin-right:auto;
}

#shadowright {
padding: 0 25px 0 0;
background: url(../images/shadow.right.png) repeat-y top right;
height: 100%;
}

#container {
width: 975px;
background-color:#FFFAF0; /* off white */

border-left: 1px #666666 solid;
border-right: 1px #666666 solid;
border-bottom: 1px #666666 solid;
}

table {
padding: 0;
margin:0;
}

td { vertical-align:top; }

th { vertical-align:middle; }

p, li{
font-size: .85em;
font-family: Calibri,"Century Gothic",Verdana,Arial,Helvetica;
color: #333333;
margin: 0 0 12px 5px;
}

li{ margin: 0; }

/* headings */
h1 {
font-size: 1.35em;
font-family: Calibri,"Century Gothic",Verdana,Arial,Helvetica;
color: #07518d; /* navy */
border-bottom: 1px #07518d solid;
padding: 0 5px 0 5px;
margin: 0 0 12px 0;
font-variant:small-caps;
}

h2 {
font-size: 1.1em;
font-family: Calibri,"Century Gothic",Verdana,Arial,Helvetica;
font-style:italic;
color: #0a74ca; /* royal blue */
padding: 0 5px 0 5px;
}

h3 {
font-size: 1.05em;
font-family: Calibri,"Century Gothic",Verdana,Arial,Helvetica;
font-style:normal;
color: #333333;
font-weight: bolder;
padding: 0 2px 0 2px;
}

#footer p a,
#footer p a:visited,
#footer p a:active
{
font-family: Calibri,"Century Gothic",Verdana,Arial,Helvetica;
color: #717171;
}

a,
a:visited,
a:active,
#footer p a:hover
 {
font-family: Calibri,"Century Gothic",Verdana,Arial,Helvetica;
color: #0a74ca;
}

a:hover{
font-family: Calibri,"Century Gothic",Verdana,Arial,Helvetica;
color: #07518d;
}

/* top */
#top {
width: 100%;
height: 75px;
background-color: #FFFfff;
padding: 5px 0 20px 0;
margin-bottom: 0;
}

/* top - left side */
#logo {
width: 211px;
height: 75px;
float:left;
margin-top: 0;
}

#logo img {
border: 0;
margin-left: 13px;
}

/* contact us */
#quick {
position: relative;
height: 25px;
z-index:999;
left: 20px;
}

#quick img,
#join img {
border:0;
}

/* links in top right */
#upmenu {
position:relative;
height: 25px;
float:right;
margin-right: 15px;
top: -23px;
z-index:1002;
}

#join {
width: 334px;
height: 55px;
position:relative;
float:right;
top: 30px;
right: 115px;
}

/* main menu */
#menu {
position: relative;
width: 760px;
height: 50px;
padding: 0;
margin:0;
float:left;
top: -20px;
left: -8px;
z-index:1000;
}

#menu img {
width: 90px;
height: 50px;
border:0;
margin-left:1px;
float:right;
}

/* tagline */
#tag {
width: 100%;
height: 25px;
position:relative;
top: -17px;
}

/* page content area */
#inside {
width: 100%;
height:100%;
background-color:#FFFAF0;
margin-top:0;
}

/* left column */
#leftcolumn {
width: 292px;
background-color: #fffaf0;
min-height:325px;
height:100%;
float:left;
margin-top:15PX;
}

/* products slider */
#slider {
width: 100%;
padding-bottom:20px;
}

/* submenu */
#submenu {
width: 100%;
}

#submenu ul li{
list-style-image:url(../images/bullet.png);
margin-top: 5px;
text-align:left;
}

ul li {
list-style-image:url(../images/bullet2.png);
text-align:justify;
margin: 5px 30px 5px 10px;
}

tr td ul li {
list-style-image:none;
list-style:circle;
text-align:left;
margin: 5px 5px 5px 5px;
font-size:inherit;
}

ul li ul li {
list-style-image:none;
list-style:circle;
text-align:left;
margin: 5px 30px 5px 10px;
}

/* main text content */
#maintext{
width: 675px;
min-height: 325px;
height: 100%;
float:right;
padding-top: 15px;
}

#hometext {
width: 100%;
min-height: 425px;
height: 100%;
padding-top: 15px;
}

#maintext p,
#hometext p {
margin-right: 10px;
text-align:justify;
}

#maintext img {
border: 1px #999999 solid;
padding: 3px;
}

#maintext img.center {
text-align:center;
}

#maintext img.link {
border:0;
vertical-align:middle;
}

#maintext p.link {
text-align:right;
}

ol li {
text-align:justify;
margin: 5px 25px 0 0;
}

.fp {
margin-left:auto;
margin-right:auto;
padding-bottom:10px;
}

.fp td {
text-align:center;
padding: 0 10px 0 10px;
}

p.trademark {
color:#999999;
font-style:italic;
margin-top:0;
font-size: .80em;
}

/* email form on PRICING page */
#pricing table {
margin-left: 8px;
width: 98%;
margin-bottom: 20px;
border: 1px #999999 dotted;
}

#pricing table tr th {
font-size: .90em;
font-family: Calibri,"Century Gothic",Verdana,Arial,Helvetica;
color: #ffffff;
border: 1px #999999 dotted;
text-align:center;
vertical-align:middle;
font-weight: bold;
background-color:#0a74ca;
margin:5px;
}

#pricing table tr th.manu {
background-color:#07518d;
}

#pricing table tr td {
font-size: .80em;
font-family: Calibri,"Century Gothic",Verdana,Arial,Helvetica;
color: #333333;
border: 1px #999999 dotted;
text-align:center;
vertical-align:middle;
margin: 5px;
background-color:#e0eeee;
}

#pricing table tr td input,
#pricing table tr td select{
padding: 3px;
border: 1px red solid;
color: red;
}

/* email form on CONTACT US page */
#eform table {
margin-left: 15px;
width: 70%;
margin-bottom: 10px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px dotted #0a74ca; 
background-color:#e0eeee;
color: #0a74ca;
padding: 5px;
}

#eform table tr td {
font-size: .85em;
font-family: Calibri,"Century Gothic",Verdana,Arial,Helvetica;
color: #0a74ca;
font-weight:bold;
}

#eform table tr td input {
padding: 5px
}

/* text and textare fields */ 
.field {
font-size: .85em;
font-family: Calibri,"Century Gothic",Verdana,Arial,Helvetica;
border: 1px solid #0a74ca;
color: #07518d;
}

/* buttons */
.button {
color: #07518d;
font-weight: bold;
}

/* slideshow */
#slide {
text-align:center;
margin-bottom: 10px;
}
/* footer */
#footer {
width:100%;
height:30px;
background-color:#e0eeee;
text-align:center;
float:none;
clear:both;
padding: 5px 0 5px 0;
border-top: 3px #c8eded solid;
top:10px;
}

#footer p{
font-size: .70em;
font-family: Calibri,"Century Gothic",Verdana,Arial,Helvetica; 
margin:0;
padding:0;
color:#717171;
text-align:center;
}