body { font-family:verdana; font-size: 11pt; color: #333; margin: ;0; background: #e2f3ea; text-align: left; line-height: 1.4em; }
html { }

#wrapper { width: 900px; margin: 15px auto 0; background-color:white; padding: 5px; border: 1px solid #b6c1bc;} 
#header { float:left; background-image:url(images/swains-header.jpg); background-position:top left; background-repeat:no-repeat;  width:900px; height:343px;}

#tel { float: left; width: 900px; height: 20px;  font-size: 60%; color: #666666;}
#tel a:link {color:red;}
#tel a:visited {color:red;}
#telp { float: right; }
#date { float: left; }

/*
a:link { color: #990000; text-decoration: underline;}
a:active { color: #990000; text-decoration: underline;}
a:hover { color: #333; text-decoration: none;}
a:visited { color: #660099; text-decoration: underline;}
*/


#content a:link { color: #990000; text-decoration: underline;}
#content a:active { color: #990000; text-decoration: underline;}
#content a:hover { color: #333; text-decoration: none;}
#content a:visited { color: #660099; text-decoration: underline;}

#news a:link { color: #990000; text-decoration: underline;}
#news a:active { color: #990000; text-decoration: underline;}
#news a:hover { color: #333; text-decoration: none;}
#news a:visited { color: #660099; text-decoration: underline;}


#imagehead { float: left; width:900px; height:243px; margin-top: 101px;}

.index-image { background-image: url(images/home-page-collage.jpg)}

.abnormalload-image { background-image:url(images/abnormal-image.jpg); }
.plantmovement-image { background-image:url(images/plant-movement-image.jpg); }
.haulage-image { background-image:url(images/haulage-image.jpg); }
.dockside-image { background-image:url(images/dockside-image.jpg); }
.forklift-image { background-image:url(images/forklift-image.jpg); }
.fineart-image { background-image:url(images/fineart-image.jpg); }
.crane-image { background-image:url(images/cranes-image.jpg); }
.icon {float: left; margin: 0 3px 0 0;}
.logos{ margin: 10px;}
.photog {border: 1px solid #333;}
.vehicle_range { font-size: 110%; text-align:center;} 

.photoh {float: left; margin: 8px; border: 1px solid #333;}

.ghimg {float:left; margin:10px; }

#patch { width: 150px; float: left; margin: 20px 17px 0 0;}
#patch-photo { width: 220px; float: left; margin: 20px 1px 0 1px;}
#content { float: left; width: 673px; padding: 1px; margin: 65px 0 10px 0; font-size: 80%; text-align: left;}
#content_sub { float: left; width: 895px; padding: 1px; margin: 65px 0 10px 0; font-size: 80%; text-align: left; }
#news { float: right; width:193px; padding: 0; margin: 100px 0 0 10px; font-size: 70%; text-align:left; color: #666;}
#right{ float: right; width:193px; padding: 0; margin: 100px 0 0 10px; font-size: 70%; text-align:left; color: #666;}

#patch h1 { background-image:url(images/patch-bg.jpg); width:142px; height: 15px; padding: 4px; font-size: 75%; text-align: center; color: #fff;}
#news h1 { font-family: verdana; font-size: 135%; color: #fff; font-weight: bold;  margin: 0 0 10px 0; background-color:#006633; border-bottom: 3px solid #0f4d2a; padding:4px; text-align:center;}
#right h1 { font-family: verdana; font-size: 135%; color: #fff; font-weight: bold;  margin: 0 0 10px 0; background-color:#006633; border-bottom: 3px solid #0f4d2a; padding:4px; text-align:center; }
#patch-photo h2 { font-size: 75%; color: #c90000; font-weight: bold;  margin: 0; text-align: center; text-transform:uppercase; padding: 2px;}
h1 { font-size: 190%; color: #333; font-weight: bold;  margin-top: 30px;}
h2 { font-size: 120%; color: #333; font-weight: bold; margin: 0 0 10px 0; }



#footer {width: 880px; height: 33px; padding: 10px; color: #fff; clear: both; font-size: 70%; margin: 1px auto; color: #fff; background-image:url(images/foot-bg.jpg); text-align:center;}
#foot-text { float: left; margin-top: 70px;}
#footer a:link, a:visited { color: #fff; font-weight: normal;}

/*NAV*/
#nav { float: left; margin: 1px 0 0 0; background: #cc0000; width: 900px;  text-transform:uppercase; font-family:verdana; 
text-align: center;}

ul#nav { padding: 0; margin: 0;}
li#nav { padding: 0; margin: 0;}

#nav li 
{
float: left;
margin: 5px;
width:5.8em;
pdding:5px;
}

#nav ul {
list-style-type: none; 
padding: 0;
margin: 0; 
tet-align:center;
}

#nav a
{
color: white;
text-decoration: none;
font-weight: normal;
font-size: 75%; 
display:block;
border-right: 1px solid #fff; 
}
#nav li#active { color: white; }
#nav a:hover { color:#333; }
/*current page highlight link*/#home .home, #haulage .haulage, #warehousing .warehousing, #abnormalloads .abnormalloads, #cranelorries .cranelorries, #fineart .fineart, #photo .photo, #history .history, #contact .contact{ font-weight: bold;)  no-repeat;}

.clearer {
clear:both;
height:0px;
overflow:hidden;
margin-top:-1px; 
}

/*FORM*/
fieldset {border: none; padding:0;}
.input {
height: 25px; 
width: 188px;
border: 1px solid #666;
padding: 1px;
font-size: 14px;
}

.option {
height: 30px; 
width: 193px;
border: 1px solid #666;
padding: 1px;
font-size: 14px;
}
.submit { color: #fff; background: #666; width: 110px; height: 35px; border:0;}
.textarea { width: 200px; height: 130px; border: 1px solid #666; font-size: 16px; color: #333;}
.blank{display:none;}

#form-left { float: left; width: 250px; margin: 0 80px 0 0px; text-align: left; font-size: 100%; font-weight: normal; color:#333;}
#address-right {float: left; width: 260px; margin-top:90px; text-align: left; padding: 2px; font-size: 110%; font-weight: normal; color:#333;}