/*
	Theme Name: A&M Marine Services
*/

* {
   margin: 0;
   padding: 0;
}
html>body {
   margin: 0;
   padding: 0;
}
body {
	background: white url(images/bkgrd2.jpg) repeat-x top;
	color: #333333;
	text-align: center;
}

#container {
	background-color: white;
	width: 920px;
	margin: 4px auto 10px;
	padding: 0px;
}

img {
	border: none;
}

img a {
	margin: 0;
   padding: 0;
}

hr {
	margin-left: 20px;
	margin-right: 0%;
}

.clear {
	clear : both;
}

.left {
	float : left;
}

.right {
	float : right;
}

.center {
	text-align : center;
}

.alignleft {
	float: left;
	margin: 0px 8px 5px 0px;
}
.alignright {
	float: right;
	margin: 0px 0px 5px 8px;
}
.aligncenter {
	text-align: center;
}

/************************************************
*	Photo Left  -  Intro Right						*
************************************************/

#headertop {
	width: 920px;
	height: 210px;
	margin: 0px;
	padding: 0px;
}

.headhome {
	background: #efe7e5 url(images/header350.jpg) no-repeat;
	}

.headsales {
	background: #efe7e5 url(images/header4.jpg) no-repeat;
	}

#photoleft {
	width: 400px;
	margin : 0px;
	padding: 0px;
	float : left;
}

#photoright {
	width: 520px;
	margin : 0px;
	padding: 0px;
	float : left;
}

#headertop  h1 {
	font: italic bold 22px "Times New Roman", Times, serif;
	text-align: left;
	padding: 90px 0px 0px 24px;
	margin-bottom: 0px;
}

#headertop  h2 {
	font: italic bold 22px/30px "Times New Roman", Times, serif;
	text-align: left;
	padding: 10px 0px 0px 24px;
	margin-bottom: 0px;
	color: #FF3333;
}

#content {
	width: 920px;
	margin : 0px;
	padding: 0px;
}

#contenttop {
	width: 860px;
	margin : 24px auto 36px;
	padding: 0px;
}


#homeleft {
	width: 480px;
	margin : 0px 0px 20px 0px;
	padding: 0px;
	float: left;
}

#homeleft p {
	font : 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	padding : 0px 0px 10px 0px;
}

#homeright {
	width: 340px;
	margin : 0px 0px 0px 0px;
	padding: 0px;
	float: right;
}

#homeright ul {
	margin : 0px 0px 20px 0px;
	padding: 0px 0px 0px 30px;
}

#homeright ul li {
	margin : 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font : italic bold 11px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	list-style : square;
}

#homeleft h2 {
	font : normal bold 18px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : center;
	margin : 8px 0px 8px 0px;
	color : #CC0000;
}



#contentleft {
	width: 500px;
	margin : 0px 0px 10px 0px;
	padding: 0px;
	float : left;
}

#contentleft h2 {
	font : normal bold 18px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : center;
	margin : 8px 0px 8px 0px;
	color : #CC0000;
}

#contentleft p {
	font : 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	padding : 0px 0px 10px 0px;
}

#contentright {
	width: 320px;
	margin : 0px 0px 10px 0px;
	padding: 0px;
	float : right;
}

#contentright p {
	font : 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	padding : 0px 0px 10px 0px;
}

#contentright ul {
	margin : 0px 0px 20px 0px;
	padding: 0px 0px 0px 30px;
}

#contentright ul li {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font : italic bold 11px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	list-style : square;
}



.topbox {
	width: 830px;
	margin-bottom : 12px;
	padding: 0px;
	float : left;
}

.topbox p {
	font : italic bold 14px/28px "Times New Roman", Times, serif;
	text-align : center;
	padding : 0px 0px 10px 0px;
}

.homebox {
	width: 246px;
	margin : 0px;
	padding: 0px;
	float : left;
}

.salesbox {
	width: 840px;
	padding: 0px;
	float: left;
	margin: 10px 0px 10px 20px;
}

.salesimg {
	width: 400px;
}

.salestext {
	width: 400px;
}

.salestext p {
   float: left;
	text-align: left;
	margin-top: 12px;
	font: 13px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.boxinfo  {
	font : italic 11px/16px Arial, Helvetica, sans-serif;
	text-align : center;
	padding-top:10px;
}

.menubox {
	width: 180px;
	margin : 0px;
	padding: 0px;
	float : left;
}

#sidebar {
	width: 275px;
	margin : 0px 0px 10px;
	padding: 0px;
	background-color : #efe7e5;
	float : right;
}

.box {
	width: 220px;
	margin : 10px auto;
	padding: 12px;
	border : 1px solid #FF6666;
	clear : both;
}

.box h3 {
	font : normal bold 14px/16px Arial, Helvetica, sans-serif;
	text-align : center;
	margin : 8px 0px 0px 0px;
	color : #CC0000;
}

.box p {
	font : italic bold 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : center;
	margin : 4px 0px 8px 0px;
}

.box ul {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	float : left;
	font : italic 10px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	list-style : square;
}

.box ul li {
	margin : 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}

.box a {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font : bold 14px/24px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	color : #CC0000;
}

.box a:hover {
	color : White;
}

/************************************************
*	Navbar      								
************************************************/

#navbar {
	width: 898px;
	margin: 16px auto 0px;
	padding: 0px;
	height: 26px;
}
	
ul#nav {
	height: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#nav span {
	background: url(images/tabs3.jpg) 100% 0;
	display: block;
	padding-right: 20px;
	padding-top : 5px;
}

ul#nav a {
	background: #33CCCC url(images/tabs3.jpg);
	color: #333333;
	display: block;
	float: left;
	height: 24px;
	padding-left: 20px;
	text-decoration: none;
}

ul#nav a:hover {
    background-color: #c51718;
    background-position: 0% -30px;
	color: White;
}

ul#nav a:hover span {
	background-position: 100% -30px;
	padding-top : 5px;
}

ul#nav li {
	float: left;
	margin: 0 6px 0 0;
	font : bold 11px/16px Arial, Helvetica, sans-serif;
	padding-top : 2px;
}

ul#nav li.current a {
	background-color: #c51718;
	background-position: 0% -30px;
	color: White;
}

ul#nav li.current span {
    background-position: 100% -30px;

}




/************************************************
*	Footer
************************************************/

#footertop {
	width: 920px;
	height:20px;
	margin : 0px;
	padding: 0px;
}
	
#footer {
	width: 920px;
	height:40px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}


#footer p {
	font : 11px/16px Arial, Helvetica, sans-serif;
	color : #555555;
	border : none;
	padding-top : 10px;
    padding-bottom: 30px;
}

#footer a {
	color : #666666;
	text-decoration : none;
	font : 11px/16px Arial, Helvetica, sans-serif;
	border : none;
}

#footer a:hover {
	color : #666666;
	text-decoration : underline;
}

.copyright {
	clear : both;
	padding : 12px 0px 2px 0px;
	font-size : 10px;
}

#footer p.hours {
	font : bold 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #333333;
	border : none;
	padding-top : 26px;
    padding-bottom: 10px;
}

#footerbottom {
	width: 920px;
	height: 40px;
	margin : 0px;
	padding: 0px;
}

/************************************************
*	Location Map
************************************************/

#mapleft {
	width: 560px;
	margin : 20px 0px 20px 0px;
	padding: 0px;
	float : left;
}

#mapleft h2 {
	font : normal bold 18px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : center;
	margin : 8px 0px 8px 0px;
	color : #CC0000;
}

#mapleft p {
	font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 10px 0px 15px 0px;
}

#mapright {
	width: 320px;
	margin : 30px 0px 10px 0px;
	padding: 0px;
	float : right;
}

#mapright p {
	font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0px 10px 10px 10px;
}

#mapright h2 {
	font: bold 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0px 0px 10px 10px;
}

#mapright ul {
	margin : 0px 0px 20px 20px;
	padding: 0px 0px 0px 0px;
}

#mapright ul li {
	margin : 0px 0px 0px 16px;
	padding: 0px 0px 0px 2px;
	font : italic bold 11px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : left;
	list-style : square;
}


/************************************************
*	Contact Form
************************************************/
/* Contact CSS Attributes */

#contact {
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 400px;
	padding: 10px 0px 0px 40px;
	float : left;
	text-align: left;
	display: block;
}

#sidebar-contact {
	float: right;
	padding: 6px 20px 0px 0px;
	width: 360px;
}
	
#contact h4  {
    padding-top : 12px;
	font : bold 13px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#contact p  {
    padding-top : 12px;
	font : 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#contact label, #contact input, #contact textarea {
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	padding : 2px;
}

textarea#message, textarea#comment {
	width: 370px;
	height: 120px;
}

.text {
	width: 250px;
}

#contact input {
	width: 220px;
}
#error {
	width: 320px;
	margin: 0px;
	padding: 20px 40px 0px 0px;
	float : right;
}

#error p {
	font : bold 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #FF6347;
}

.red {
	color : Red;
	font-weight : bold;
}