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

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

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

.clear{clear: both;}

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

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

h1{
margin: 0px;
padding: 10px 0px 0px 0px;
font-size: 13.5pt;
font-weight: normal;
text-align: right;
color: #ffffff;
}

h2{
margin: 0px;
padding: 0px 0px 20px 0px;
font-size: 14pt;
font-weight: normal;
text-align: left;
color: #ffffff;
}

h3{
margin: 0px;
padding: 100px 0px 20px 40px;
font-size: 13pt;
font-weight: bold;
text-align: left;
color: #ffffff;
}

h4{
margin: 0px;
padding: 0px 0px 20px 0px;
font-size: 11pt;
font-weight: bold;
text-align: left;
color: #ffffff;
}

.fff{color: #ffffff;}
.c8b{color: #c8b49b;}

/* ------------------------------------------------------- TOP */


#top{
margin: 0px auto;
padding: 0px;
width: 850px;
height: 257px;
background-image: url('../images/top.jpg');
background-position: bottom center;
background-repeat: no-repeat;
}

#toptext{
margin: 0px auto;
padding: 70px 0px 0px 0px;
width: 770px;
height: 64px;
text-align: right;
color: #c8b49b;
}

#topnav{
float: right;
display: inline;
margin: 0px 30px 0px 0px;
padding: 0px;
width: 562px;
height: 27px;
}

a.topnav1:link, a.topnav1:visited {
float: left;
display: block;
background: url('../images/bg-topnav1.gif') no-repeat;
font-family: arial;
font-size: 7.5pt;
color: #c8b49b;
text-align: center;
margin: 0px;
padding: 0px;
height: 27px !important;
height: 27px;
width: 113px;
text-decoration: none;
line-height: 27px;
display: inline;
}
a.topnav1:hover {
text-decoration: none;
background-position: 0px -27px;
}

a.topnav2:link, a.topnav2:visited {
float: left;
display: block;
background: url('../images/bg-topnav2.gif') no-repeat;
font-family: arial;
font-size: 7.5pt;
color: #c8b49b;
text-align: center;
margin: 0px;
padding: 0px;
height: 27px !important;
height: 27px;
width: 110px;
text-decoration: none;
line-height: 27px;
display: inline;
}
a.topnav2:hover {
text-decoration: none;
background-position: 0px -27px;
}


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

#container{
margin: 0px auto;
padding: 0px;
width: 850px;
}

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

#left{
float: left;
display: inline;
margin: 0px 0px 0px 30px;
padding: 0px;
width: 200px;
}
#left p{
margin: 0px;
padding: 0px 0px 0px 40px;
text-align: left;
line-height: 16pt;
color: #c8b49b;
}
#left a:link {color: #c8b49b; text-decoration: none;}
#left a:visited {color: #c8b49b; text-decoration: none;} 
#left a:active {color: #c8b49b; text-decoration: none;}
#left a:hover {color: #ffffff; text-decoration: none;}

#main{
float: left;
margin: 0px 0px 0px 30px;
padding: 0px;
width: 530px;
text-align: left;
}
#main p{
text-align: justify;
line-height: 17pt;
color: #c8b49b;
}

#mainwide{
margin: 0px auto;
padding: 0px;
width: 730px;
text-align: left;
}
#mainwide p{
text-align: justify;
line-height: 17pt;
color: #c8b49b;
}

.googleresults{
margin: 0px auto;
padding: 0px;
}

#servleft{
float: left;
display: inline;
width: 350px;
}

#servright{
float: left;
display: inline;
padding: 0px 0px 0px 80px;
width: 250px;
border-left: 1px solid #604a2e; 
}

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

.projthumb{
float: left;
display: inline;
width: 150px;
margin: 0px;
padding: 0px 20px 0px 0px;
border-right: 1px solid #604a2e; 
}

.projdescrip{
float: left;
display: inline;
padding: 0px 0px 0px 20px;
width: 530px;
line-height: 19px;
}

.projpic{
float: left;
display: inline;
width: 420px;
margin: 0px;
padding: 0px;
border-right: 1px solid #604a2e; 
}

.projspecs{
float: left;
display: inline;
padding: 0px 0px 0px 20px;
width: 270px;
line-height: 19px;
}

#map{
float: left;
display: inline;
margin: 0px 10px 0px 0px;
}

/* ------------------------------------------------------- BOTTOM */

#footer{
width: 850px;
height: 91px;
margin: 0px auto;
padding: 2px 0px 0px 0px;
font-size: 9pt;
color: #7e7e7e;
text-align: center;
background-image: url('../images/bg-footer.jpg');
background-position: top center;
background-repeat: no-repeat;
}
#footer p{
margin: 0px;
padding: 0px 0px 2px 0px;
font-size: 7pt;
line-height: 19pt;
}
#footer a:link {color: #8e8e8e; text-decoration: none;}
#footer a:visited {color: #8e8e8e; text-decoration: none;} 
#footer a:active {color: #8e8e8e; text-decoration: none;}
#footer a:hover {color: #ffffff; text-decoration: none;}

#botnav{
float: left;
display: inline;
margin: 0px 0px 0px 160px;
padding: 0px;
width: 650px;
height: 27px;
}

a.botnav1:link, a.botnav1:visited {
float: left;
display: block;
font-family: arial;
font-size: 7.5pt;
color: #8e8e8e;
text-align: center;
margin: 0px;
padding: 0px;
height: 20px !important;
height: 20px;
width: 70px;
text-decoration: none;
line-height: 20px;
display: inline;
}
a.botnav1:hover {
text-decoration: none;
color: #ffffff;
}

a.botnav2:link, a.botnav2:visited {
float: left;
display: block;
font-family: arial;
font-size: 7.5pt;
color: #8e8e8e;
text-align: center;
margin: 0px;
padding: 0px;
height: 20px !important;
height: 20px;
width: 104px;
text-decoration: none;
line-height: 20px;
display: inline;
}
a.botnav2:hover {
text-decoration: none;
color: #ffffff;
}

a.botnav3:link, a.botnav3:visited {
float: left;
display: block;
font-family: arial;
font-size: 7.5pt;
color: #8e8e8e;
text-align: center;
margin: 0px;
padding: 0px;
height: 20px !important;
height: 20px;
width: 95px;
text-decoration: none;
line-height: 20px;
display: inline;
}
a.botnav3:hover {
text-decoration: none;
color: #ffffff;
}

a.botnav4:link, a.botnav4:visited {
float: left;
display: block;
font-family: arial;
font-size: 7.5pt;
color: #8e8e8e;
text-align: center;
margin: 0px;
padding: 0px;
height: 20px !important;
height: 20px;
width: 90px;
text-decoration: none;
line-height: 20px;
display: inline;
}
a.botnav4:hover {
text-decoration: none;
color: #ffffff;
}

a.botnav5:link, a.botnav5:visited {
float: left;
display: block;
font-family: arial;
font-size: 7.5pt;
color: #8e8e8e;
text-align: center;
margin: 0px;
padding: 0px;
height: 20px !important;
height: 20px;
width: 70px;
text-decoration: none;
line-height: 20px;
display: inline;
}
a.botnav5:hover {
text-decoration: none;
color: #ffffff;
}

.googlebutton{
color: #6b5e4b;
background: #c8b49b;
font-size: 10pt;
border: 1px solid #7e9db9;
cursor: pointer;
height: 22px;
}


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


form{
margin: 0px;
}

.button{
color: #6b5e4b;
background: #c8b49b;
font-size: 10pt;
border: 1px solid #7e9db9;
cursor: pointer;
height: 22px;
}

.textfield{
margin: 0px 0px 3px 0px;
color: #c8b49b;
background: #000000;
border: 1px ridge #cccccc;
font-size: 7.5pt;
width: 300px;
font-family: Arial;
}

.formfield{
color: #005e9e;
background: #ffffff;
border: 1px ridge #cccccc;
font-size: 7.5pt;
width: 450px;
font-family: Arial;
}

.formline{
width: 595px;
height: 25px;
text-align: right;
margin: 0px;
padding: 0px;
}

.formleft{
float: left;
width: 129px;
text-align: right;
margin: 0px;
padding: 0px;
}

.formrightselect{
width: 450px;
height: 25px;
float: left;
text-align: left;
margin: 0px;
padding: 0px 0px 0px 12px;
}

.formrightarea{
width: 450px;
float: left;
text-align: right;
margin: 0px;
padding: 0px 0px 0px 12px;
}