/* CSS Document */

body 
{
text-align:center;
margin:0px;
color: #000000;
padding:0px;
font: 11px Arial, Helvetica, sans-serif;
background: #CCCCCC;
}

#back
{
width:880px;
background-image:url(images/bg_drop.gif);
background-repeat:repeat-y;
margin:0 auto;
}

#main_wrap 
{
width:800px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
text-align:left;
border:0px;
}

#logo a
{
padding-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
float:left;
color:#FFFFFF;
}

#top_head
{
margin-right: 15px;
padding-left: 20px;
margin-top: 50px;
border-left: 1px dashed #FF9900;
float:right;
}

.clear
{
clear:both;
}


#flash
{
float:left;
margin:0;
padding:0;
}


p
{
margin:0;
text-align:left;
padding: 10px 30px;
line-height: 2em;
}

#footer
{
clear:both;
margin:0;
padding:10px 10px 30px 10px;
background-color:#003366;
color:#FFFFFF;
text-align:center;
font-size:9px;
}

.orange
{
color:#F60;
}

.harborside
{
font-family: "book antiqua", palatino, arial;
color:#FF6600;
font-size:18px;
font-variant:small-caps;
margin:0 5px 0 0;
}

h1
{
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:12px;
font-weight:normal;
background-color:#F60;
background-image:url(bg_h1.gif);
background-repeat:repeat-x;
padding: 5px 10px 5px 10px;
margin:0;
}

h2 
{
margin:0;
text-decoration:none;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
border-bottom: 1px dotted #000;
}

h2.first
{
margin:0;
border-top: 1px dotted #000;
}


h2 a
{
margin:0;
display:block;
text-decoration:none;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:10px 10px 10px 10px;
font-weight:normal;
text-decoration:none;
}

h2 a:hover
{
margin:0;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
background-color:#003366;
}

h3
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:20px;
font-weight:normal;
background-color:#FFFFFF;
padding:10px;
border: 1px dotted #000;
}

h2 img
{
color:#ccc;
margin-right:5px;
}

#nav
{
clear:both;
}

#footer_wrap
{
width:880px;
margin:0 auto;
background-image:url(background_bottom.gif);
background-repeat:no-repeat;
}

#footer_content
{
width:800px;
margin:0 auto;
height:80px;
}

ul.mainnav
{
text-align:center;
margin: 0 auto;
padding:8px 0;
background-image:url(bg_nav.gif);
background-repeat:repeat-x;
}

ul.mainnav li
{
margin:0 -1.5px;
padding:0 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1em;
color:#FFFFFF;
font-weight:normal;
text-transform:uppercase;
display:inline;
list-style:none;
/* Hide from IE-Mac \*/
border-right: 1px solid #000099;
border-left: 1px solid #003366;
 /* End hide */
}

 ul.mainnav li a:link {color: #FFF; text-decoration:none;}
  ul.mainnav li a:visited {color: #FFF; text-decoration:none;}
  ul.mainnav li a:hover {color: #FF6600; text-decoration:none;}
  
  ul.mainnav li .active
{
color:#FF6600;
}

ul.servicesnav
{
border-bottom:1px solid #666;
margin: 0;
padding:0 0 2px 0;
}

ul.servicesnav li
{
margin:0;
padding:0 6px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1em;
color:#003366;
font-weight:normal;
text-transform:uppercase;
display:inline;
list-style:none;
}

 ul.servicesnav li a:link {color: #666; text-decoration:none;}
  ul.servicesnav li a:visited {color: #666; text-decoration:none;}
  ul.servicesnav li a:hover {color: #FF6600; text-decoration:none; padding-bottom:5px; border-bottom: 3px solid #ff6600;}

 ul.servicesnav li .activeservice
{
color:#003366;
padding-bottom:5px;
border-bottom: 3px solid #003366;
}
 

#first
{
border-left:none;
}

#last
{
border-right:none;
}

.serviceshead
{
margin: 5px;
float:left;
}

div.name
{
clear:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding:40px 0 0 30px;
}

.title
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
padding-left:30px;

}

.pic
{
float:left;
margin:5px 15px 50px 0;
}

div.pic
{
float:left;
margin:5px 15px 50px 0;
}

.para

{
margin:0;
text-align:left;
padding: 10px 30px;
line-height: 2em;
}

#teamquote{
text-align:center;
}

#tincans{
margin:70px 20px 0 0 ;
float:right;
}

p.contact{
font-size:12px;
}

p#address{
float:left;
padding: 20px 0px 80px 100px;
line-height:1.2em;
font-size:12px;

}


p#info{
line-height:2em;
clear:right;
}

a:link{ text-decoration:none;}
a:hover {text-decoration:underline; color:#FF6600;}

.sup {
vertical-align: text-top;
font-size: 65%;
}



#add
{
margin: 0 20px 20px 20px;
float:left;
}

p#pone
{
padding:60px 20px;
background-image:url(images/images/case1.gif);
background-position:center left;
background-repeat:no-repeat;
}

p#ptwo
{
padding:60px 20px;
background-image:url(images/images/case2.gif);
background-position:center left;
background-repeat:no-repeat;
}

p#pthree
{
padding:60px 20px;
background-image:url(images/images/case3.gif);
background-position:center left;
background-repeat:no-repeat;
}

#emails
{
font-size:12px;
margin:5px 0 30px 35px;
}

#form
{
margin:40px;
padding:10px;
border:1px dotted #000000;
}

#formp
{
text-align:left;
margin:0;
padding:0;
}