body {margin: 25px 0; font: normal 76%/1.4 tahoma, verdana, sans-serif; background: #393939 url(../img/bg-striped.gif); line-height:1.3em;  text-align:center;}
* {padding:0; margin:0;}/*first zero everything so we're on a level browser playing field*/
h2,h3, h4, h5, h6, p, blockquote,form, label, ul, ol, dl, fieldset{margin-bottom: .85em;} /* then reset the block level stuff so it all has the same bottom margin*/

a {text-decoration:none; color:#222;}
a:hover{text-decoration:none; color:#fff;}
a img{border:none;}
h1{font-size: 1.7em; font-weight:normal; font-style:italic; color:#eaeaea; font-family: "Times New Roman",serif; margin-bottom:.4em;}
h2{font-size:1.3em; color:#fff; font-family: "trebuchet ms", "century gothic", tahoma, arial; line-height:115%;}
p {color:#fff;  font-size: 1.1em; }
label {color:#fff;  font-size: 1em; }
img.logo{float:left;margin-bottom:10px;}

/*-------useful classes---------- */
.shhh{display:none;}
.sm{font-size: .8em !important;}
.clear{clear:both; font-size:0px; border:none; background:transparent; padding:0px; margin:0px; height:0px;}
.pad {padding:40px 20px 0 25px;}
.center{display:block; margin:0 auto;}
a.button{color:#3a3a3a; background-color:#ccc !important; padding: 6px 8px; text-decoration:none;}
a.button:hover{color:#ccc;  background-color:#3a3a3a !important; text-decoration:none !important;}
.centertxt{text-align:center;}

/*general structure*/
#wrapper {margin:0px auto; width:779px;}
#col1{height:500px; width:100px; float:left; text-align:right; margin:0;background-color: #292929; border-bottom: 10px solid #292929; }
#content{height:500px; width:417px; float:left; background: url(../img/bg-main1.jpg) top left no-repeat; text-align:left; margin:0;  border-bottom: 10px solid #292929; }
#examples{height:500px; width:250px; float:left; text-align:left; background-color:#b3b4b8; margin:0; border-right: 10px solid #292929; border-bottom: 10px solid #292929; }
  #examples h2{padding-top:65px; text-align:right;}
  #examples p{text-align:right;}

/*main navigation*/
 #nav{background: transparent url(../img/bg-nav.gif) left top no-repeat; height:251px; font-family:"trebuchet ms", tahoma, arial, helvetica, sans-serif;}
 #nav ul{list-style-type:none; padding-top:90px;}
 #nav li{width: 94px; padding:0 8px 0 0;}
 #nav li a{color:#b3b4b8; text-decoration:none; font-weight:bold; display:block; width:91px; line-height: 17px; padding-bottom:5px; border-bottom: 1px solid #4b4b4d; margin-bottom: 8px;}
 #nav li a:hover{color:#fff;}

/*main content*/
#maincontent{text-align:left;  padding-top:0; width:100%;}
table.svcs{border:0px; width:100%;margin-top: 20px;}
 table.svcs td{vertical-align:top; padding:3px;}
 table.svcs td h3{color:#c3b6af; font-size:1em; font-family: "trebuchet ms", "century gothic", tahoma, arial; margin-bottom: .3em; border-bottom:1px solid #ffffff;}
 table.svcs td p{font-size:.9em; color:#d6ccc6; line-spacing:100%;}
 table.svcs.two td{width:50%;}
 table.svcs.three td{width:33%;}
 table.svcs.five td{width:20%;}
 table.svcs2 td {padding:0;}
 table.svcs2 td p{font-size:.9em; color:#fff; text-align:center !important; font-weight:bold; line-height:100%;}

 
/* styling for thumbnails */
a.gallery, a.gallery:visited {display:block; display:inline-block; border:2px solid #CDCEC0; text-decoration:none; width:70px; height:70px; float:left; margin:4px; z-index:50;}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:2px solid #fff;}
.thumbs {position:relative; width:100%;}
.thumbs img {border:0;}
.thumbs {position:relative; left:0; top:0;}
.thumbs a.gallery:hover em, .thumbs a.gallery:hover em {display:block; position:absolute; width:209px; height:209px; top:250px; left:15px; padding:5px; color:#000; border:1px solid #cdcec0; z-index:50;}

.rightthings {padding-top:110px;}
.rightthings p {font-family:"trebuchet ms", tahoma, arial, helvetica, sans-serif;font-weight:bold; line-height:8px !important; text-align:right; padding-right:10px;}
.rightthings p a{color:#082567;}
.rightthings p a:hover{color:#fff;}

 /*contact form*/
 .labelfloat {width: 130px; text-align: right; float: left; padding: 2px 5px 2px 0px;}
form#contactform {padding:0 10px 10px 10px;}
 input.contact1 {font-size:.9em ; color:#666 ; height:12px; padding: 2px 8px; width:170px; border: 1px solid #ccc;background-color: #eeeeee;}
 textarea.contact {color:#666; margin:3px; width:325px; padding: 0 8px; border: 1px solid #ccc; background-color: #eeeeee; margin: 3px 0px;}

#footer {width:100%; padding:10px 0 0 0 ;text-align:left;}
#footer a, #footer p{color:#bbb; text-decoration:none;font-size:.85em; }
#footer a:hover{color:#fff; text-decoration:underline;}