/*Page elements*/
body{
background: #fff;
font-size: 80%;
color: white;
padding: 0;
border: none;
margin: 0;

background-image: url(../imgs/background2.jpg); 
background-repeat: repeat-y;
	background-position: top center; 
}

p {
line-height: 1.25;
font-size: 1.2em;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;

border: 0px;
margin: 8px;
}

 a {
color: white; }
 a:visited{color: #ccc;
}
 a:hover {color: #999;
}

img {
padding: 0;
border: none;
margin: 0;
}
h1 {
font-weight: bold;
background: #335F8D url(../imgs/blue_corner.gif) top left no-repeat;
font-size: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-variant: small-caps;
margin: 0;
border: none;
padding: 0 0 0 8px;
border-bottom: #666 1px solid;
}
h2{
background: #335F8D url(../imgs/blue_corner.gif) top left no-repeat;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
font-variant: small-caps;
margin: 0px;
border: none;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
border-bottom: #666 1px solid;
}
h3 {
background: #335F8D url(../imgs/blue_corner.gif) top left no-repeat;
font-size: 1.1em;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
border: none;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
border-bottom: #666 1px solid;
}

/*class elements*/
td.tug_description {
vertical-align: bottom;

font-size: .85em;
}
td.tug_description a{
color: white;
text-decoration: none;
}
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clear_left {
clear: left;}

.float_left {
float: left;
margin-right: 6px;
margin-bottom: 4px;
}

.line {
background: url(../imgs/line.gif) no-repeat center;
padding-bottom: 4px;
}
.white_box {
background: white url(../imgs/white_corner1.gif) top left no-repeat;

}
p.white_box span {
background: url(../imgs/white_corner2.gif) top right no-repeat;
}
p.white_box span span{
background: url(../imgs/white_corner3.gif) bottom right no-repeat;
}
p.white_box span span span{
background: url(../imgs/white_corner4.gif) bottom left no-repeat;
}
.img_center {
display: block;
margin-left: auto;
margin-right: auto;
}
p.columnbox {
padding: 3px;

color: white;
margin-top: 0;
}
p.columnbox a{
text-decoration: underline;

}
.column a{
color: #FFFFFF;
}
.column a:visited {
color: #CCCCCC;
}
.column a:active {}
/*template id elements*/
#container {
width: 809px;
/*border: 1px solid black; background: url(imgs/background.jpg);*/
margin: 0px auto;

padding: 0; /*the purpose of this is keep the bottom from overlapping*/
}

h1#logo_block {
position: relative;
width: 809px;
height: 125px;
font-size: 30px;
margin: 0;
padding: 0;
border: 0;
}
h1#logo_block span {
position: absolute;
top: 0;
width: 809px;
height: 125px;
margin: 0;
padding: 0;
border: 0;
background-image: url(../imgs/header.jpg);
}

#main_menu{
position: relative;
top: -123px;
text-align: right;
margin-right: 10px;
}
#main_menu copy {
position: relative;
top: -123px;
margin-left: 320px;
}
div#main_menu a{
color:white;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding-left: 15px;

}
div#main_menu a:hover{
color: #CCCCCC;
}
div#main_menu a:visited{
color: #FFFFFF;
}
div#main_menu a.circle{
background: url(../imgs/circle.gif) no-repeat 1px;
}

#inventory{
    position: relative;
    top: -48px;
    margin-left: 0px;
    width:525px;
    text-align:right;
}

div#inventory a{
color:#9CF;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight:bold;
}
div#inventory a:hover{
color: #69F;
}
div#inventory a.circle{
    /*background: url(../imgs/circle.gif) no-repeat 1px;*/
}

div#footer {
margin-left: auto;
margin-right: auto;
}

#footer{
    clear: both;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align:center; 
    text-decoration:none; margin-top: 15px; margin-bottom:4px; font:.75em normal Arial, Helvetica, sans-serif; 
    color:#FFFFFF; padding-left:5px; padding-right:5px;
}
div#footer a {
color: #FFFFFF;}
div#footer a:visited{color: #CCCCCC;
}
div#footer a:hover {color: #999999;
} 
div#footer a:focus {
}
div#footer a:active {
} 

#body{ /*Purpose of this id is to move the content closer to the header*/
position: relative;
top: -20px;
margin-left: 20px;
}
#body_inventory{ /*Purpose of this id is to move the content closer to the header*/
position: relative;
top: -20px;
margin-left: 0px;
}
/*front page id elements*/
#content{
position: absolute;
float: left;
width: 546px;
top: 0px;
padding-right: 10px;

}
#front_page_welcome {
position: relative;
top: -42px;
width: 535px;
padding-left: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding-top: 5px;
margin-top: 0px;
border-top: 0px;
}
#w { /*id for front page "w"*/
margin-left: -8px;
}
#column{
width: 240px;
float: right;
}
#column a{}
#column a:hover {
color: #CCCCCC;
}

#column h2{
background: #335F8D url(../imgs/blue_corner.gif) top left no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align: center;
padding-left: 0;
margin-bottom: 0;
border-bottom: #999999 1px solid;
}

/*id's for Nordic Tugs Page*/

#nordic_tugs  {
float: left;
width: 575px;
padding-left: 40px;
padding-right: 20px;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.3;
margin-top: 0;
padding-top: 0;
border-top: 0;
}

img#tugs {

margin-top: 20px;
border: #ccc 1px solid;
margin-left: 30px;

}

div#whats_new {
width: 225px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
}

#contact {
width: 270px;
padding-left: 45px;
padding-right: 20px;
padding-top: 75px;
text-align: right;
}

#contact_pic {
float:right;
margin-right: 40px;
margin-top: 10px;
border: #ccc 1px solid;
}

div#about_skippercress_left {
width: 400px;
float: left;
}
div#about_skippercress_left1 {
width: 400px;
float: left;
clear: both;
}

div#about_skippercress_right {
width: 364px;
margin-left: 410px;
}
div#about_skippercress_right1 {
width: 364px;
margin-left: 410px;

}

div#about_skippercress_right img {
margin-top: 8px;
margin-bottom: 8px;
border: #ccc 1px solid;
}
div#about_skippercress_left1 img {
margin-top: 8px;
margin-bottom: 8px;
border: #ccc 1px solid;
}

div #models h1 {
margin-right: 10px;
margin-bottom: 5px;
padding-bottom: 2px;
}
div #models h1 a {
font-size: .9em;
color: #ccc;
}

div #right_column {
width: 400px;
margin-left: 380px;
}
div #left_column {
float: left;
width: 350px;
margin-right: 20px; 
}
div #left_column h3{
margin-top: 10px;
margin-bottom: 6px;
}
#grey_outline {
margin-top: 0px;
margin-bottom: 4px;
border: #ccc 1px solid;
}
#details {
margin-top: 0;
margin-bottom: 0;
}
div #specs {
background: white;
border: #ccc 1px solid;
margin-bottom: 6px;
margin-right: 10px;
}

#longer {
background-image: url(../imgs/background_span.jpg); 
background-repeat: repeat-y;
	background-position: top center; 
	}
	
#burst {
position: absolute;
top: 0px;
left: 10px;
height: 229px; width: 228px;
}


.hide {display: none;}
/***********************
* CONTACT FORM
***********************/


.contactform_content_wrapper {width: 788px; margin-top: 30px;}
.contact_form_wrapper 
{
	font-family: Arial; 
	color: #FFFFFF;
	margin-top:10px;
	padding: 10px 30px 0 30px;
	/*text-align:-moz-center;
	text-align:center;*/
}
.contact_form_wrapper select {margin-bottom:20px; height:20px;}
.required {color:#FF0000;}
.left_div {text-align:left; padding-left:40px;}


.personal_info_wrapper {width:605px; text-align:left; margin-top:10px; margin-left:60px; padding:0}
.how_contact {margin-bottom:20px;}
.how_to_area {margin-bottom:40px;}
.whitebar 
{
	font-size:18px; 
	margin-bottom:30px; 
	font-weight:bold; 
	background-image:url(../imgs/whitebar.png); 
	background-repeat:no-repeat; 
	color:#6D6A6A;
	padding-left:20px;
	padding-top:3px;
	height:25px;
}


.contact_form_wrapper .form_company {margin-bottom:20px; height:20px;width: 575px; border: 1px #335F8D solid;}
.contact_form_wrapper .form_textbox {margin-bottom:20px; height:20px; width: 270px; border: 1px #335F8D solid;}
.contact_form_wrapper .form_apt {margin-bottom:20px; height:20px;width: 130px; border: 1px #335F8D solid;}
.contact_form_wrapper .form_state {margin-bottom:20px; height:20px;width: 148px; border: 1px #335F8D solid;}
.phone_number {font-size:10px; font-style:italic;}


.tug_tbl td {padding-right:30px;}

.contact_left_div {float:left; width:300px; height:300px;}
.contact_right_div {float:right; width:300px; height:300px;}

.hear_about_tugs td {padding: 0 20px 10px 0;}
.contact_submit {float:right; margin-top:30px;}