/* @override http://surerideinc.com/format.css */
/** CSS - Superior Cabinets
==============================================================================*/



/** Body
==============================================================================*/

html, body {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
margin: 0 auto;
background: #ffffff;
background-image: url(images/body_bg.gif);
background-repeat: repeat-x;
}

* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}

/** Main Container
==============================================================================*/

#container {
width: 760px;
margin: 0 auto;
}

/** Top Contact Information
==============================================================================*/

#topinfo {
float: left;
width: 760px;
margin-top: 0px;
background-color: #333333;
color: #cccccc;
font-size: 10px;
}

p.left {
float: left;
padding-left: 20px;
margin-top: 4px;
margin-bottom: 4px;
}

p.right {
float: right;
padding-right: 20px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 20px;
background-color: #c4d4da;
color: #333333; font-size: 15px; font-weight: bold;}


/** Logo
==============================================================================*/

img#logo {
float: left;
margin-top: 0px;
margin-right: 62px;
height: 69px;
overflow: hidden;
padding-bottom: 6px;
}

/** Navigation
==============================================================================*/

ul#nav {
float: left;
width: 450px;
padding: 0px;
margin: 0px;
list-style-type: none;
height: 69px;
overflow: hidden;
}

ul#nav li {
display: block;
float: left;
}

li#home a {
display: block;
float: left;
width: 75px;
height: 75px;
background-image: url(images/nav/nav_home.gif);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

li#fleet a {
display: block;
float: left;
width: 75px;
height: 75px;
background-image: url(images/nav/nav_fleet.gif);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

li#charters a {
display: block;
float: left;
width: 75px;
height: 75px;
background-image: url(images/nav/nav_charters.gif);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

li#about a {
display: block;
float: left;
width: 75px;
height: 75px;
background-image: url(images/nav/nav_about.gif);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

li#contact a {
display: block;
float: left;
width: 75px;
height: 75px;
background-image: url(images/nav/nav_contact.gif);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

li#links a {
display: block;
float: left;
width: 75px;
height: 75px;
background-image: url(images/nav/nav_links.gif);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

li#blog a {
display: block;
float: left;
width: 75px;
height: 75px;
background-image: url(images/nav/nav_blog.gif);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

li#home a:hover, li#fleet a:hover, li#charters a:hover, li#about a:hover, li#contact a:hover, li#links a:hover, li#blog a:hover {
background-position: 0px -170px;
}

li#home a#current, li#fleet a#current, li#charters a#current, li#about a#current, li#contact a#current, li#links a#current, li#blog a#current {
background-position: 0px -86px;
}

li#home a span, li#fleet a span, li#charters a span, li#about a span, li#contact a span, li#links a span, li#blog a span {
display: none;
}


/** Header Images
==============================================================================*/

#headerimages {
float: left;
height: 234px;
width: 760px;
}

ul#imagerotation {
padding: 0px;
margin: 0px;
list-style-type: none;
}

/** Misc
==============================================================================*/

a img {
border: none;
}

.clear {
clear: both;
}

/** Left Column
==============================================================================*/
#leftcol h1 { font-size: 18px; font-weight: normal; font-style: normal;}
#leftcol h2 { color: #719caa; font-weight: normal; font-style: normal; font-size: 14px; padding-top: 8px; padding-bottom: 8px;}


#leftcol {
float: left;
margin-top: 30px;
width: 475px;
background-image: url(images/home_para_bg.gif);
background-position: top right;
background-repeat: no-repeat;
}

#leftcol p {
width: 440px;
font-size: 12px;
margin-bottom: 20px;
}

ul.list {
list-style-type: none;
font-size: 14px;
line-height: 28px;
}

ul.list li {
padding-left: 25px;
background-image: url(images/icons/tick_white_bg.gif);
background-position: 0 6px;
background-repeat: no-repeat;
}

ul#links {
list-style-type: none;
font-size: 14px;
line-height: 28px;
}

ul#links li {
padding-left: 25px;
background-image: url(images/icons/link_go.gif);
background-position: 0 6px;
background-repeat: no-repeat;
}

img.fleet {
padding-top: 15px;
padding-bottom: 25px;
}

p.note {
margin-top: 25px;
background-color: #c4d4da;
color: #333333;
text-align: center;
width: 400px;
padding: 15px;
}

/** Right Column
==============================================================================*/

#rightcol {
float: right;
margin-top: 30px;
width: 254px;
}

#rightcolcopy{
float: right;
position: absolute;
margin-top: 30px;
width: 254px;
}

#rightcol p {
font-size: 11px;
margin-bottom: 10px;
}

#rightcol ul {
list-style-type: none;
font-size: 11px;
line-height: 28px;
}

#rightcol ul li {
padding-left: 25px;
background-image: url(images/icons/tick_white_bg.gif);
background-position: 0 6px;
background-repeat: no-repeat;
}

#map {
width: 252px;
height: 350px;
overflow: hidden;
border: 1px solid #333333;
}

p#name {
font-weight: bold;
font-size: 14px;
margin-bottom: 0px;
}

p#location {
font-style: italic;
margin-top: 0px;
padding-top: 0px;
}

#pass {
width:280px;
margin-top: 62px;
height: 269px;
overflow: auto;
list-style-type: none;
font-size: 13px;
line-height: 22px;
}



/** Contact Form
================;==============================================================*/

label{
float: left;
width: 390px;
font-weight: bold;
}

input, textarea{
width: 400px;
margin-bottom: 5px;

}

textarea{
width: 400px;
height: 150px;
}

.boxes{
width: 100px;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}

input:focus, textarea:focus, input.sffocus, textarea.sffocus {
background: #ffffde;
}

#submitbutton{
margin-left: 305px;
margin-top: 0px;
width: 100px;
}

/** Footer
==============================================================================*/

#footer {
float: left;
width: 760px;
margin-top: 35px;
border-top: 1px solid #aaaaaa;
}

#footer ul {
margin-top: 15px;
list-style-type: none;
}

#footer ul li {
display: block;
float: left;
}

#footer ul li a {
display: block;
float: left;
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #aaaaaa;
color: #aaaaaa;
text-decoration: none;
}

#footer ul li a:hover {
color: #346d80;
}

#footer ul li#first a {
padding-left: 0px;
}

#footer ul li#last a {
border-right: none;
}

#copyright {
font-size: 10px;
color: #aaaaaa;
padding-top: 15px;
}

#siteby {
margin-top: 0px;
color: #aaaaaa;
font-size: 10px;
}

#footer a:link {
color: #aaaaaa;
}

.footphone {
	font-size: medium;
	font-weight: bold;
	font-style: italic;
	}