/* ------------------------------------------------------- GLOBAL */

html{
height:100%;
margin:0;
padding:0;
background-color:#ffffff;
background-image:url(../images/bg-html.jpg);
background-repeat:repeat-x; 
background-position: top center;
}

body{
color: #666666;
font-family: Arial, Helvetica, Tahoma;
font-size: 9pt;
margin: 0px auto;
text-align: center;
padding: 0px;
background-image: url("../images/bg-body.jpg");
background-repeat: no-repeat;
background-position: top center;
}

a:link {color: #b11617; text-decoration: none;}
a:visited {color: #b11617; text-decoration: none;} 
a:active {color: #b11617; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}
a img {border: none;}

.clear{clear: both;}
span.black{color: #000000;}
span.gray{color: #666666; font-weight: normal;}
span.rust{color: #a87556;}
span.red{color: red;}
span.caption{font-size: 7pt;}
span.caption a:link {color: #666666; text-decoration: none; cursor: text;}
span.caption a:visited {color: #666666; text-decoration: none; cursor: text;} 
span.caption a:active {color: #666666; text-decoration: none; cursor: text;}
span.caption a:hover {color: #666666; text-decoration: none; cursor: text;}
span.blurb{font-size: 8pt;}
span.arrows{font-family: Courier, Courier New;}
span.strike{text-decoration: line-through;}

h1{
margin: 0px;
padding: 10px 10px 0px 0px;
font-size: 12pt;
font-weight: normal;
color: #a87556;
text-align: right;
font-family: Arial;
font-weight: normal;
line-height: 18pt;
}

h2{
margin: 0px;
padding: 0px 0px 0px 20px;
font-size: 12pt;
font-family: Arial;
font-weight: bold;
color: #808080;
text-align: left;
line-height: 40px;
clear: both;
}

h3{
margin: 0px;
padding: 10px 0px 15px 0px;
font-size: 15pt;
font-family: Arial;
font-weight: bold;
color: #b11617;
text-align: left;
line-height: 30px;
clear: both;
}

h4{
margin: 0px;
padding: 10px 0px 15px 0px;
font-size: 9pt;
font-family: Arial;
font-weight: bold;
color: #000000;
text-align: left;
line-height: 30px;
clear: both;
}

h5{
margin: 0px;
padding: 0px 0px 15px 0px;
font-size: 9pt;
font-family: Arial;
font-weight: bold;
color: #000000;
text-align: left;
}

p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
font-size: 9pt;
font-weight: normal;
text-align: justify;
line-height: 25px;
}

.hr{
margin: 0px auto;
margin-bottom: 15px;
padding: 0px;
width: 100%;
height: 17px;
_height: 15px;
border: 0px;
border-bottom: 1px dotted #c2b49a;
clear: both;
}


/* ------------------------------------------------------- STRUCTURE */


#slogan{
margin: 0px auto;
padding: 0px;
width: 900px;
height: 233px;
line-height: 30px;
font-size: 7pt;
color: #98b7ce;
letter-spacing: 1px;
background-image: url("../images/bg-slogan.jpg");
background-repeat: no-repeat;
background-position: top center;
font-family: Arial;
text-align: right;
}

#shad-mid{
margin: 0px auto;
padding: 0px;
width: 900px;
background-image: url('../images/bg-shad-mid.png');
background-position: top center;
background-repeat: repeat-y;
}

#navigation{
margin: 0px auto;
padding: 2px 0px 0px 0px;
width: 890px;
height: 60px;
background-image: url("../images/bg-navigation.jpg");
background-repeat: no-repeat;
background-position: top center;
}

a.topnav1:link, a.topnav1:visited {
float: left;
display: block;
background: url('../images/bg-topnav1.jpg') no-repeat;
font-family: Arial;
font-size: 8pt;
color: #494949;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 32px !important;
height: 32px;
width: 149px;
text-decoration: none;
line-height: 32px;
display: inline;
}
a.topnav1:hover {
background-position: 0px -32px;
text-decoration: none;
color: #eaecec;
}

a.topnav2:link, a.topnav2:visited {
float: left;
display: block;
background: url('../images/bg-topnav2.jpg') no-repeat;
font-family: Arial;
font-size: 8pt;
color: #494949;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 32px !important;
height: 32px;
width: 148px;
text-decoration: none;
line-height: 32px;
display: inline;
}
a.topnav2:hover {
background-position: 0px -32px;
text-decoration: none;
color: #eaecec;
}

a.topnav3:link, a.topnav3:visited {
float: left;
display: block;
background: url('../images/bg-topnav3.jpg') no-repeat;
font-family: Arial;
font-size: 8pt;
color: #494949;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 32px !important;
height: 32px;
width: 149px;
text-decoration: none;
line-height: 32px;
display: inline;
}
a.topnav3:hover {
background-position: 0px -32px;
text-decoration: none;
color: #eaecec;
}

#container{
margin: 0px auto;
padding: 0px 11px 0px 11px;
width: 868px;
background-image: url("../images/bg-container.jpg");
background-repeat: no-repeat;
background-position: top center;
}

#left{
float:left; display: inline;
width: 209px;
background-image: url("../images/bg-vr.jpg");
background-repeat: no-repeat;
background-position: top right;
}

#mid{
float:left;
margin: 0px;
padding: 0px 0px 0px 0px;
width: 400px;
text-align: left;
}

#right{
float:left;
margin: 0px;
padding: 0px 0px 0px 40px;
width: 196px;
text-align: left;
background-image: url("../images/bg-vr.jpg");
background-repeat: no-repeat;
background-position: top left;
}

#wideright{
float:right;
margin: 0px;
padding: 0px 0px 0px 0px;
width: 646px;
text-align: left;
}

#contentmid{
margin: 0px auto;
padding: 0px 0px 20px 0px;
width: 320px;
text-align: left;
}

#content{
margin: 0px auto;
padding: 0px 0px 20px 0px;
width: 606px;
text-align: left;
}

#content ul{
list-style-type: none;
padding: 0px;
margin: 0px 0px 0px 0px;
} 

#content li{
background-image: url("../images/bullet.gif");
background-repeat: no-repeat;
background-position: top left;
padding-left: 20px;
padding-bottom: 10px;
font-size: 9pt;
text-align: left;
}

#footer{
margin: 0px auto;
padding: 0px;
width: 900px;
background-image: url("../images/bg-footer.jpg");
background-repeat: no-repeat;
background-position: top center;
}

#signature{
margin: 0px;
padding: 35px 0px 0px 0px;
width: 868px;
height: 26px;
color: #a8a8a7;
font-family: Arial;
font-size: 7pt;
line-height: 26px;
text-align: center;
}
a.botnav:link {color: #a8a8a7; text-decoration: none;}
a.botnav:visited {color: #a8a8a7; text-decoration: none;} 
a.botnav:active {color: #a8a8a7; text-decoration: none;}
a.botnav:hover {color: #747474; text-decoration: none;}

.tan{color: #c8bdb5; inherit:none;}
a.tanlink:link {color: #c8bdb5; text-decoration: none;}
a.tanlink:visited {color: #c8bdb5; text-decoration: none;} 
a.tanlink:active {color: #c8bdb5; text-decoration: none;}
a.tanlink:hover {color: #8d7c6d; text-decoration: none;}


/* ------------------------------------------------------- CONTENT */

.thumb{
float: left; display: inline;
margin: 0px 10px 0px 0px;
padding: 0px;
width: 150px;
height: 113px;
border: 1px solid #666666;
}

#back{
font-size: 7pt;
letter-spacing: 1px;
}
#back a:link {color: #666666; text-decoration: none;}
#back a:visited {color: #666666; text-decoration: none;} 
#back a:active {color: #666666; text-decoration: none;}
#back a:hover {color: #b11617; text-decoration: none;}

#gallery{
float: right; display: inline;
}

.galthumb{
margin: 0px 0px 20px 0px;
padding: 0px;
width: 150px;
height: 113px;
border: 1px solid #666666;
}

#specs{
float: left; display: inline;
}

table{
border: 1px solid #ffffff;
margin: 0px;
padding: 0px;
font-size: 8pt;
}
td{
padding: 10px;
}
.tdtopleft{
text-align: right;
border-top: 0px;
border-right: 1px dotted #c2b49a;
border-bottom: 0px;
border-left: 0px;
width: 100px;
}
.tdtopright{
border: 0px;
width: 280px;
}
.tdleft{
text-align: right;
border-top: 1px dotted #c2b49a;
border-right: 1px dotted #c2b49a;
border-bottom: 0px;
border-left: 0px;
width: 100px;
}
.tdright{
border-top: 1px dotted #c2b49a;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
width: 280px;
}

#emailer{
padding: 15px;
border-top: 1px dotted #c2b49a;

text-align: center;
}

.thumb2{
float: left; display: inline;
margin: 0px 10px 0px 0px;
padding: 0px;
width: 193px;
height: 145px;
border: 1px solid #666666;
}
.thumb2end{
float: left; display: inline;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 193px;
height: 145px;
border: 1px solid #666666;
}

.thumb3{
float: left; display: inline;
margin: 6px 6px 0px 0px;
padding: 0px;
width: 297px;
height: 213px;
border: 1px solid #666666;
}
.thumb3end{
float: left; display: inline;
margin: 6px 0px 0px 0px;
padding: 0px;
width: 297px;
height: 213px;
border: 1px solid #666666;
}

#devleft{
float: left; display: inline;
margin: 0px 20px 0px 0px;
width: 370px;
}
#devright{
float: left; display: inline;
width: 210px;
}

.thumb4{
float: left; display: inline;
margin: 6px 0px 0px 0px;
padding: 0px;
width: 147px;
height: 111px;
border: 1px solid #666666;
}



/* ------------------------------------------------------- FORM */


form{
margin: 0px;
}

.textfield{
color: #622A29;
background: #ffffff;
border: 1px ridge #cccccc;
font-size: 8pt;
width: 190px;
font-family: Arial;
}
.textmail{
color: #522227;
background: #ffffff;
border: 1px ridge #cccccc;
font-size: 8pt;
width: 250px;
font-family: Arial;
padding: 3px 0px 3px 5px;
}

.button{
color: #a7a992;
background: #e5e5dd;
font-size: 9pt;
border: 1px groove #c0c1b3;
cursor: pointer;
height: 22px;
}
@-moz-document url-prefix()
{
.button { line-height: 22px; padding: 0px 5px 5px 5px; }
}

.googleform{
margin: 0px auto;
padding: 13px 0px 20px 0px;
text-align: center;
}