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

BODY{
background-color: #ffffff;
color: #545454;
font-family: Arial, Helvetica;
font-size: 8pt;
margin: 0px auto;
text-align: center;
text-align: -moz-center;
padding: 0px;
background-image: url('../images/bg_body.jpg');
background-position: top;
background-repeat: repeat-y;
}

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

.clear{clear: both;}

#foundation{
width: 950px;
margin: 0px auto;
padding: 0px;
background-image: url('../images/bg_foundation.jpg');
background-position: top center;
background-repeat: repeat-y;
}

.hrcontainer{
text-align: left;
}

hr{
border-top: 1px #80a92a dashed;
border-bottom: 1px #ffffff solid;
border-left: 1px #ffffff solid;
border-right: 1px #ffffff solid;
height: 2px;
background-color: #ffffff;
width: 550px;
margin: 0px 0px 0px 0px;
}

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

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

#top{
float: right;
width: 629px;
height: 195px;
margin: 0px;
padding: 0px;
background-image: url('../images/bg_top.jpg');
background-position: top left;
background-repeat: no-repeat;
}

#top p{
text-align: right;
margin: 125px 55px 0px 0px;
line-height: 12pt;
font-weight: bold;
}

#nav{
clear: right;
float: right;
width: 629px;
height: 96px;
margin: 0px;
padding: 20px 0px 0px 0px;
background-image: url('../images/bg_nav.jpg');
background-position: top left;
background-repeat: no-repeat;
}

#nav a:link {color: #000000; text-decoration: none;}
#nav a:visited {color: #000000; text-decoration: none;} 
#nav a:active {color: #000000; text-decoration: none;}
#nav a:hover {color: #80a92a; text-decoration: none;}

a.nav1:link, a.nav1:visited {
float: left;
display: block;
background: url('../images/bg_nav_home.jpg') no-repeat;
font-family: arial;
font-size: 6.5pt;
font-weight: normal;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 46px !important;
height: 46px;
width: 196px;
text-decoration: none;
line-height: 46px;
}

a.nav1:hover {
background-position: 0px -46px;
text-decoration: none;
color: #fff;
}

a.nav1#active_menu {
color:#fff;
font-weight: bold;
}

a.nav1#active_menu:hover {
color: #fff;
}

a.nav2:link, a.nav2:visited {
float: left;
display: block;
background: url('../images/bg_nav_services.jpg') no-repeat;
font-family: arial;
font-size: 6.5pt;
font-weight: normal;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 46px !important;
height: 46px;
width: 195px;
text-decoration: none;
line-height: 46px;
}

a.nav2:hover {
background-position: 0px -46px;
text-decoration: none;
color: #fff;
}

a.nav2#active_menu {
color:#fff;
font-weight: bold;
}

a.nav2active_menu:hover {
color: #fff;
}

a.nav3:link, a.nav3:visited {
float: left;
display: block;
background: url('../images/bg_nav_portfolio.jpg') no-repeat;
font-family: arial;
font-size: 6.5pt;
font-weight: normal;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 46px !important;
height: 46px;
width: 195px;
text-decoration: none;
line-height: 46px;
}

a.nav3:hover {
background-position: 0px -46px;
text-decoration: none;
color: #fff;
}

a.nav3#active_menu {
color:#fff;
font-weight: bold;
}

a.nav3active_menu:hover {
color: #fff;
}

.button{
float: left;
display: inline;
width: 195px;
height: 46px;
line-height: 46px;
text-align: center;
cursor: hand;
}

/* ------------------------------------------------------- SIDE */

#side{
float: left;
width: 321px;
height: 743px;
margin: 0px;
padding: 0px;
background-image: url('../images/bg_side.jpg');
background-position: top right;
background-repeat: no-repeat;
}

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

#content{
clear: right;
float: right;
width: 629px;
margin: 0px;
padding: 0px;
}

#content p{
text-align: justify;
margin: 10px 80px 0px 40px;
line-height: 12pt;
}

#searchresult{
width: 500px;
margin: 0px;
padding: 0px 0px 0px 40px;
}

h1{
margin: 0px 0px 0px 40px;
padding: 0px;
font-size: 16pt;
color: #000000;
font-weight: normal;
text-align: left;
}

h2{
margin: 0px 80px 0px 0px;
padding: 0px;
font-size: 11pt;
color: #000000;
font-weight: bold;
text-align: right;
}

h3{
margin: 0px 80px 0px 0px;
padding: 0px;
font-size: 9pt;
color: #000000;
font-weight: bold;
text-align: right;
}

#servicescontainer{
text-align: left;
}

.services{
width: 508px;
height: 118px;
margin: 0px 0px 0px 40px;
text-align: left;
padding: 0px;
background-image: url('../images/bg_services.jpg');
background-position: top right;
background-repeat: no-repeat;
}

.servicesleft{
float: left;
width: 124px;
height: 118px;
margin: 0px;
padding: 0px
}

.servicesright{
width: 346px;
float: right;
margin: 0px 0px 0px 0px;
padding: 10px 15px 0px 0px;
text-align: right;
line-height: 12pt;
background-image: url('../images/bg_servicelines.gif');
background-position: top right;
background-repeat: no-repeat;
}

.servicesright a:link {color: #545454; text-decoration: none;}
.servicesright a:visited {color: #545454; text-decoration: none;} 
.servicesright a:active {color: #545454; text-decoration: none;}
.servicesright a:hover {color: #80a92a; text-decoration: underline;}

.portfoliocontainer{
margin: 0px 80px 0px 0px;
}

.portfoliothumb{
width: 124px;
height: 150px;
margin: 0px 0px 0px 4px;
padding: 0px;
float: right;
display: inline;
text-align: left;
}


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

#footer-home{
clear: right;
float: right;
width: 629px;
height: 134px;
margin: 0px;
padding: 0px;
background-image: url('../images/bg_footer-home.jpg');
background-position: top left;
background-repeat: no-repeat;
}

#footer-home p{
text-align: center;
margin: 10px 80px 0px 40px;
line-height: 12pt;
letter-spacing: 2px;
}

#footer{
clear: right;
float: right;
width: 629px;
height: 134px;
margin: 0px;
padding: 0px;
background-image: url('../images/bg_footer.jpg');
background-position: top left;
background-repeat: no-repeat;
}

#footer p{
text-align: center;
margin: 10px 80px 0px 40px;
line-height: 12pt;
letter-spacing: 2px;
}

#bottomshadow{
width: 950px;
height: 39px;
margin: 0px auto;
padding: 0px;
background-image: url('../images/bg_bottomshadow.jpg');
background-position: bottom center;
background-repeat: no-repeat;
text-align: right;
}

#bottomshadow p{
line-height: 20pt;
margin: 0px 43px 0px 0px;
}

#bottomshadow a:link{color: #545454; text-decoration: none;}
#bottomshadow a:visited{color: #545454; text-decoration: none;}
#bottomshadow a:hover{color: #545454; text-decoration: underline;} 
#bottomshadow a:active{color: #545454; text-decoration: none;}

#search{
width: 586px;
text-align: center;
margin: 45px 43px 0px 0px;
padding: 0px;
}

.searchfield{
color: #9acd34;
background: #ffffff;
border: 1px ridge #cccccc;
font-size: 10pt;
}

.searchbutton{
color: #ffffff;
background: #9acd34;
font-family: verdana;
font-size: 7.5pt;
border-style: groove;
cursor:hand;
}

/* ------------------------------------------------------- POPUPS */

.dhtmlwindow{
position: absolute;
border: 1px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #649603;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}