/*
STYLE SHEET FOR [x] WEB SITE
Created by Andy McEniry
www.digital-precision.co.uk
*/

/*  DEFAULT ITEMS  //////////////////////////////////////////////////*/
   
* { /* Resets margin & padding of all elements */
	margin:0px;
	padding:0px;}

* img { /* Takes borders off of all images as standard */
	border:0px;}

a:link, a:visited, a:hover, a:active {
	color:#fff;
	text-decoration:none; }
	
a.dark:link, a.dark:visited, a.dark:hover, a.dark:active {
	color:#006;
	text-decoration:none; }

body {
	margin:20px auto;
	background: #000050 url(images/bg.jpg) repeat-x; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#003;
	font-weight:normal;
	text-align:left; }
	
#RSJ {
	float:right; display:inline;
	width:0px; height:410px;}
	

/*  WRAPPERS  //////////////////////////////////////////////////*/	

#wrapper{
	margin:0px auto;
	width:880px;
	height:auto;
	border:1px solid #006;
	background-color:#fff;}
	
#header {
	width:100%; height:135px;}
	
#footer {
	width:100%; height:20px; 
	background:#f00; 
	border-top:1px solid #006; }
	
#midbar {
	width:100%; height:20px; 
	background:#f00; 
	border-bottom:1px solid #006; border-top:1px solid #006; }
	
#topbar {
	width:100%; height:20px; 
	background:#f00; 
	border-bottom:1px solid #006; }
	
#menu {
	float:right; display:inline;
	width:250px; height:366px;}

#main {
	float:right; display:inline;
	width:620px;  
	margin:10px 0px 12px 10px;
	background: url(images/bg_hoome.jpg); }
	
#main_home {
	float:right; display:inline;
	width:620px; 
	font-size:90%;
	margin:10px 0px 12px 10px;
	background: url(images/bg_home.jpg) no-repeat; }
	
#main_contact {
	float:right; display:inline;
	width:620px;  
	margin:10px 0px 12px 10px;
	background: url(images/bg_hoome.jpg); }
	
.margin10 {
	width:auto; margin:10px;}


/* FONTS  */

p {
	margin:0px 0px 10px 0px;
	text-align:justify;}

h1 {
	color:#f88;
	font-size:11px;
	text-align:right;
	line-height:20px;
	margin:0px 10px;}
	
h2 {
	color:#fff;
	font-size:11px;
	text-align:left;
	line-height:20px;
	margin:0px 10px;}
	
h3 {
	color:#f88;
	font-size:11px;
	text-align:left;
	line-height:20px;
	margin:0px 10px;}
	
h4 {
	font-size:100%;
	font-weight:bold;
	margin:0px 0px 10px 0px;}
	
/* LINKS */

a:link, a:visited, a:hover, a:active {
	color:#fff;
	text-decoration:none; }
	
#footer a:link, #footer a:visited {
	color:#f88;
	text-decoration:none; }
	
#footer a:hover, #footer a:active {
	color:#fff; }
	
	
/* FERRY LINKS */
	
#ferryLinks {
	margin:0px auto;
	width:850px;
	height:20px; line-height:20px;
	text-align:right;}
	
#ferryLinks p {
	color:#fff;
	font-size:80%;
	text-transform:uppercase;
	line-height:20px; }
	
#ferryLinks a:link, #ferryLinks a:visited {
	color:#ff8;
	text-decoration:none; }
	
#ferryLinks a:hover, #ferryLinks a:active {
	color:#ff8;
	text-decoration:underline; }
	
	
	
/* THUMBNAILS */

.transport_thumb, .abnormal_thumb, .contract_thumb {
	float:left; display:inline; 
	width:300px; 
	text-align:center;}

.transport_thumb img, .abnormal_thumb img, .contract_thumb img {	
	width:295px; height:221px; border:1px solid #003;}
	
	
/* CONTACT */

.contact_pic {
	float:right; display:inline; 
	border:1px solid #003;
	margin:0px 0px 20px 20px;}
	
#main_contact a:link, #main_contact a:visited {
	color:#003;
	text-decoration:none; }
	
#main_contact a:hover, #main_contact a:active {
	color:#003;
	text-decoration:underline; }
	
.fContact_label_textfield { 
	float:left; display:inline; 
	width:125px; height:22px;
	margin:0px 0px 0px 0px;
	line-height:22px;}
	
.fContact_textfield {
	float:left; display:inline; 
	width:300px;
	height:18px; line-height:18px;
	margin:0px 10px 0px 0px; }
	
.fContact_textarea {
	float:left; display:inline; 
	width:450px;
	height:72px; line-height:18px;
	margin:0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000; }
	
.submit_contact_form {
	float:left; display:inline; 
	width:65px;	height:21px;
	margin:0px; }
	
.reset_contact_form {
	float:left; display:inline; 
	width:85px;	height:21px;
	margin:0px 0px 0px 10px; }
	
.fCaptcha { 
	float:left; display:inline; 
	margin:0px 0px 0px 0px; width:400px;
	line-height:18px;}
		
hr.feint {clear:both;
	height:1px;
	border:0px; border-top:1px dashed #ddd;margin:10px 0px;}

.contact_email_title {
	float:left;display:inline;
	width:60px; }
	
.contact_email_title p {	
	margin-bottom:0px;}
	
.contact_email_email {
	float:left;display:inline;
	width:190px;}

.contact_email_email p {
	margin-bottom:0px;}
	
	
/* LIST ITEMS */

ul, ol {
	margin-left:20px;}
	
ul li, ol li {
	margin:5px 0px;}
	
ul.index li {
	margin:0px 0px;}