/*    -----------------------    Main Tags   -----------------------   */  

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	background: #005896 url(images/bg.gif) repeat-x top;
 }
 
 a  {
	color: #13568d;
	text-decoration:none;
}
a:hover {
	color: #13568d;
	text-decoration:underline;
}

hr {
	height: 1px;
	width: 100%;
	background: #bac8d2;
	border: 1px;
	color: #bac8d2;
}

h1 {
	font: 900 18px/18px  trebuchet ms, helvetica, arial, sans-serif;
	color: #203851;
	text-align:left;
	padding: 20px 0px 0px 0px;
	text-transform: uppercase;
}

h2 {
	font: 900 14px/14px  helvetica, arial, sans-serif;
	color: #203851;
}

h3 {
	font: 900 14px/14px  helvetica, arial, sans-serif;
	color: #ffffff;
}

h4 {
	font: normal 10px/10px  trebuchet ms, helvetica, arial, sans-serif;
	color: #666666;
}

ul {
	margin: 0px;
	padding:0px;
}

/*    -----------------------    Page Structure   -----------------------   */ 

#mc {
	width:985px;
	margin:auto;
}

#pagetile {
	background:  url(images/1024/mc_bg.gif) repeat-y 0px 0px;
	float:left;
}
#pagetileHome {
	background:  url(images/1024/mc_bg2.gif) repeat-y 0px 0px;
	float:left;
}

#header {
	background: url(images/1024/top.gif) no-repeat top;
	width:985px;
	height:88px;
	float:left;
}

/*    -----------------------    Navi   -----------------------   */  

#navicontainer {
	width: 213px;
	margin: 10px 20px 0px 0px;
	float:right;
}

#navi, #navi ul {
	width: 213px;
}

#navi ul li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0px;
}

#navi ul li a {
	display: block;
	height: 16px;
	margin: 0px;
	padding: 0px;
}

#navi em {
	display: none;
}


/*    -----------------------    Navigation   -----------------------   */  

#navcontainer {
	width: 985px;
	background: url(images/1024/nav_bg.gif) no-repeat top;
	float:left;
}

#nav, #nav ul {
	width: 985px;
}

#nav ul li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0px;
}

#nav ul li a {
	display: block;
	height: 31px;
	margin: 0px;
	padding: 0px;
}

#nav em {
	display: none;
}

/*    -----------------------   Menu Items   -----------------------   */ 

#menustart, #menustart a, #menustart a:hover {
	width: 47px;
	cursor: default;
}
.products {
	width: 108px;
	background: url(images/m_products.gif) no-repeat 0px 0px;
}	
.productshl {
	width: 108px;
	background: url(images/m_products.gif) no-repeat 0px -31px;
}
.about {
	width: 138px;
	background: url(images/m_about_seaside.gif) no-repeat 0px 0px;
}	
.abouthl {
	width:138px;
	background: url(images/m_about_seaside.gif) no-repeat 0px -31px;
}
.locations {
	width: 111px;
	background: url(images/m_locations.gif) no-repeat 0px 0px;
}	
.locationshl {
	width:111px;
	background: url(images/m_locations.gif) no-repeat 0px -31px;
}



#manufacturing, #manufacturing a {
	width: 148px;
	background: url(images/m_manufacturing.gif) no-repeat 0px 0px;
}	
#manufacturing a:hover {
	background: url(images/m_manufacturing.gif) no-repeat 0px -31px;
}
#shipping, #shipping a {
	width: 107px;
	background: url(images/m_shipping.gif) no-repeat 0px 0px;
}	
#shipping a:hover {
	background: url(images/m_shipping.gif) no-repeat 0px -31px;
}
#phone, #phone a, #phone a:hover {
	width: 103px;
	background: url(images/m_phone.gif) no-repeat 0px 0px;
	cursor: default;
}	
#home, #home a {
	width: 45px;
	background: url(images/m_home.gif) no-repeat 0px 0px;
}	
#home a:hover {
	background: url(images/m_home.gif) no-repeat 0px -16px;
}

#contact, #contact a {
	width: 65px;
	background: url(images/m_contact.gif) no-repeat 0px 0px;
}	
#contact a:hover {
	background: url(images/m_contact.gif) no-repeat 0px -16px;
}

#secondnav, #secondnav a {
	font: 900 12px/12px  trebuchet ms, helvetica, arial, sans-serif;
	color: #13568d;
	text-decoration: none;
	margin: 10px 0px 10px 0px;
	padding: 4px 4px 4px 4px;
}
#secondnav a:hover {
	font: 900 12px/12px  trebuchet ms, helvetica, arial, sans-serif;
	color: #FFFFFF;
	background:#3aa245;
	text-decoration:none;
}

/* ----------------- Submenu -----------------*/  

.subOne a, .subTwo a, .subThree a {
	font: 500 10px/12px  arial, helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	text-decoration:none;
	padding: 3px 2px 3px 7px;
	width: 150px;
	height: 20px;
	background: #005896;
	line-height: 18px;
	text-transform:uppercase;
	border-bottom: 1px dotted #1b3c18;
}
.subOne a:hover, .subTwo a:hover, .subThree a:hover {
	color: #1b3c18;
	background: #4a997b;
	text-decoration:none;

}
.subOne {
	position: absolute;
	z-index: 15;
	visibility: hidden;
	top: 115px;
	margin-left: 47px;
}
.subTwo {
	position: absolute;
	z-index: 15;
	visibility: hidden;
	top: 115px;
	margin-left: 410px;
}
.subThree {
	position: absolute;
	z-index: 15;
	visibility: hidden;
	top: 115px;
	margin-left: 548px;
}


/*    -----------------------   Content  -----------------------   */  

#content {
	width:985px;
	float:left;	
}

#contentdivide {
	float:left;
  	margin-top: 5px;
  	margin-bottom: 5px;
}

#contentleft {
	width: 290px;
	float: left;
}
#contentright {
	width: 580px;
	float: right;
	padding: 0px 30px 0px 0px;
}

/*    -----------------------   Wide Column    -----------------------   */  

#widecol {
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #504e4e;
	width: 902px;
	float: left;
	padding: 0px 50px 20px 30px;
	background: url(images/1024/content_bg.jpg) no-repeat 0px 0px;
}

#widecolHome {
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #504e4e;
	width: 925px;
	float: left;
	padding: 0px 30px 0px 30px;
	background: url(images/1024/content_bgHome.jpg) no-repeat 0px 0px;
}

#widecol ul li {
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #504e4e;
	list-style-image: url(images/a_bullet.gif);
	margin-left: 45px;
	margin-top: 0px;
	padding: 0px;
	list-style-type:disc;
}

/*    -----------------------   Left Column    -----------------------   */  

#leftcol {
	font: normal 12px/14px  arial, verdana, sans-serif;
	color: #333333;
	width: 600px;
	float:left;
}

 #leftcol a {
	color: #004e75;
	text-decoration:none;
}
 
#leftcol a:hover {
	color: #004e75;
	text-decoration:underline;
}

/*    -----------------------   Mid Column    -----------------------   */  

#midcol {
	width: 380px;
	vertical-align: top;
	float: left;
}
#midcol p {
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #504e4e;
}
#midcol a {
	color:#b53e2a;
	text-decoration:none;
}	
#midcol a:hover {
	text-decoration:underline;
	color:#b53e2a;
}
#midcol ul li {
	font: normal 11px/14px  geneva, arial, verdana;
	color: #6c6f72;
	list-style-image: url(file:///WEBSITES/S/seasidemulch.com/images/a_bullet.gif)!important;
	list-style-image: url(file:///WEBSITES/S/seasidemulch.com/images/a_bullet2.gif);
	margin-left: 45px;
	margin-top: 0px;
	padding: 0px;
	list-style-type:disc;
}

/*    -----------------------   Right Column    -----------------------   */  

#rightcol {
	font: normal 10px/12px  helvetica, arial, verdana, sans-serif;
	color: #FFFFFF;
	width: 184px;
	float: right;
	margin: 0px 0px 0px 0px;
}

#rightcol p {
	display:none;
}

/*    -----------------------   Small Columns    -----------------------   */  
#smleft { 
	width:260px;
	float:left;
}
#smright {
	width:260px;
	float:right;
}

/*    -----------------------   Content Images    -----------------------   */  

.picleft {
	float: left;
    margin-top: 3px;
	margin-right:8px;
	margin-bottom: 10px;
	border: 1px solid #0b0b71;
}

.picright {
  float: right;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
  border: 0px solid #2b5eae;
}

.pic {
  /*margin: 2px;*/
  border: 1px solid #2b5eae;s
}

.thumb {
	width: 85px;
	height: 60px;
}

#contentimg {
	width: 985px;
	height: 108px;
}
#contentimghome {
	width: 985px;
	height: 219px;
}

.img1 {
 	background: url(images/1024/content/1.jpg) no-repeat;
}
.homeimg1 {
 	background: url(images/1024/1.jpg) no-repeat;
}

#shipping1 {
	width: 275px;
	height: 190px;
    margin-top: 3px;
	margin-right:8px;
	margin-bottom: 10px;
	border: 1px solid #0b0b71;
 	background: url(images/manufacturing/17.jpg) no-repeat;
}


/*    -----------------------   Footer   -----------------------   */  

#copyright  {
	font: normal 10px/12px arial, verdana;
	color: #4d5d6a;
	width: 985px;
	text-align: left;
	background:  url(images/1024/end.gif) no-repeat 0px 0px;
	padding: 20px 0px 10px 0px ;
	float: left;
}
 #copyright a {
	color: #13568d;
	text-decoration:none;
	font-weight: bold;
}
 #copyright a:hover {
	color: #13568d;
	text-decoration:underline;
}
#copyrightHome {
	font: normal 10px/12px arial, verdana;
	color: #85abc6;
	width: 955px;
	text-align: right;
	padding: 0px 0px 10px 30px ;
	float: left;
}
 #copyrightHome a {
	color: #85abc6;
	text-decoration:none;
	font-weight: bold;
}
 #copyrightHome a:hover {
	color: #85abc6;
	text-decoration:underline;
}
.footerimage {
	width: 280px;
	height: 50px;
	float:left;
}
.footerimageHome {
	width: 1px;
	height: 15px;
}
/*    -----------------------   More Formatting   -----------------------   */  

.std {
	font: normal 11px/13px arial, verdana;
	color: #333333
}
.articles { 
	font: normal 11px/13px arial, verdana;
	color: #585858
}
.stdWhite {
	font: normal 11px/13px arial, verdana;
	color: #FFFFFF
}
.stdsmall {
	font: normal 9px/12px arial, verdana;
	color: #333333
}

/*    末末末末末末末末末  Home Logo Link   末末末末末末末末末  */ 

#gohome {
	position: absolute;
	z-index: 10;
	visibility: visible;
	margin: 0px 0px 0px 30px;
}