body,* {

margin: 0px;
padding: 0px;


}

body{
background-image:url('/images/background.png');
background-position:center;
background-repeat:repeat-y;
color:#737373;
font-family: Arial, serif;
text-align: center;
font-size:0.9em;
}

p
{
    margin-bottom:10px;
}

h1
{
    margin:5px 0px;
}

a{color:#969696;}

ul
{
    list-style-image:url('/images/ularrow.gif');
    margin-left:15px;
}

div#content {width:950px;
             border:0px solid #000;
             margin:0 auto;
             text-align:left;}

div#smalltopbar
{
    width:950px;
    height:10px;
    background-color:#A2A68D;
    margin-bottom:10px;
                }
                
div#logo
{
    margin-bottom:10px;
}

div#logo a
{
    text-decoration:none;
    color:#000;
    font-size:30pt;
    font-family:Copperplate Gothic Bold;
    
}

div#logo img
{
    margin-right:20px;
    border:0px;
}

div#nav-menu
{
font-size:1.2em;
}

#backy
{
    background-image:url('/images/badge.png');
    background-repeat:no-repeat;
    background-position:605px 14px;
    background-attachment:scroll;

}

div#nav-menu ul
{
    list-style: none;
    margin:0px;
    padding:0px;
    height:46px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    width:605px;
}

div#nav-menu ul li
{
    float:left;
}

div#nav-menu ul li a
{
    display:block;
    width:100px;
    height:34px;
    margin-right:10px;
    text-align:center;
    color:#737373;
    text-decoration:none;
    padding-top:5px;
}

div#nav-menu ul li a:hover,div#nav-menu ul li a.on
{
    color:White;
    background-image:url('/images/menuarrow.png')
}

div#homebigimage
{
    border:1px solid #ccc;
    padding:3px;
}

div#homebigimage img
{
    border:1px solid #ccc;
}

div#homeintro
{
    width:310px;
    margin-right:10px;
    float:left;
    padding-top:15px;
}

div#homeboxes
{
    float:left;
    width:630px;
}

div#serviceoverview
{
    background-color:#A2A68D;
    padding:10px 20px;
    color:#fff;
    margin-bottom:20px;
}

div#footer
{
    border-top:1px solid #ccc;
    width:950px;
    margin:20px auto;
    text-align:left;
}

div#footer div
{
    float:left;
    width:310px;
    margin-right:10px;
    padding-top:10px;
}

div#footer div#last
{
    margin-right:0px;
}

div#footer h3
{
    color:#9BB02E;
    font-weight:normal;
}

ul.servicelist
{
    list-style: none;
    margin:0px;
}

ul.servicelist li
{
    float:left;
    width:300px;
    margin-right:16px;
}

ul.servicelist li img
{
    padding:5px;
    border:1px solid #cecece;
}

.servicelist h2
{
    margin:5px 0px 20px;
    color:#9BB02E;
    font-size:1.3em;
}

.servicelist h2 a
{
    color:#9BB02E;
}

div.projectlist
{
    border-bottom:1px solid #cecece;
    padding:20px 0px;
}

div.projectlist div.image
{
    float:left;
width:312px;
margin-right:20px;
}

div.projectlist div.text
{
    float:left;
width:400px
}


div.projectlist img
{
    padding:5px;
    border:1px solid #cecece;
}

.projectlist h2
{
    margin:0px 0px 20px;
    padding:0px;
    color:#9BB02E;
    font-size:1.3em;
}

.projectlist h2 a
{
    color:#9BB02E;
}

div#left
{
    float:left;
    width:290px;
    margin-right:10px;
}

div#images
{
    float:left;
    width:642px;
}

div#images img,img.image
{
    padding:5px;
    border:1px solid #CECECE;
    margin-right:5px;
}

.spin
{
    padding:5px;
 border:1px solid red;   
 margin-right:5px;
}

div.clear{clear:both}

#mainserviceimage
{
    margin-bottom:10px;
}

.selectable:hover, img.chosen
{
 background-color:#e0e0e0;
}

div#topsellar
{
    padding-left:10px;margin-top:12px
    
}

div#topsellar div
{
    float:left;margin:0px 0px 5px 0px;
}

div#topsellar div a img:hover
{
    background-color:#e0e0e0;
}

div#topsellar div a
{
    color:#9BB02E;
    text-decoration:none;
    font-weight:bold;
}

div#images img{ margin-bottom:5px;}








/*header slide show*/
#slideshow {
    position:relative;
    height:258px;

}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    border:1px solid #ccc;
    padding:3px;
}



#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}

#slideshow ul
{
    position:relative;
    top:220;
    float:right;
}

li.littlesquare
{
 width:15px;
 height:15px;
 float:left;
 margin-right:40px;   
 border:1px solid #fff;
 z-index:90;
 position:relative;
 display:inline;
}


#slideshow a{display:block;text-decoration:none}

li.active{background-color:#e0e0e0;}
li.last-active{background-color:transparent;}

/*end header slideshow*/