/* turners-seafood.com - CSS Document */
/* Programmed by Matt St. Gelais from http://stelliollc.com */

body {
	font: 62.5% 'Georgia', Times, serif; /* Resets 1em to 10px */
	color:#fff;
}

.planks{
	background: url(http://www.turners-seafood.com/app_themes/turners/images/site_bkg.jpg);
}


	
/* Text */

p {
	font: normal 1.1em/1.7em 'Georgia', Times, serif;
	color:#333;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 10px 0px;
}
td {
	font: normal 1.1em/1.7em 'Georgia', Times, serif;
	color:#333;
}


/* Links */

a:link, a:visited, a:active {
	font: normal 1em 'Georgia', Times, serif;
	color:#fff;
	text-decoration: none;

}
a:hover {
	font: normal 1em 'Georgia', Times, serif;
	color:#ccc;
	text-decoration: none;
}

#sectioncopy a:link, #sectioncopy a:visited, #sectioncopy a:active {
	font: normal 1em 'Georgia', Times, serif;
	color:#666;
	text-decoration: underline;

}
#sectioncopy a:hover {
	font: normal 1em 'Georgia', Times, serif;
	color:#770000;
	text-decoration: underline;
}

#footer a:link, #footer a:visited, #footer a:active {
	font: normal 1em 'Georgia', Times, serif;
	color:#fff;
	text-decoration: none;

}
#footer a:hover {
	font: normal 1em 'Georgia', Times, serif;
	color:#ccc;
	text-decoration: underline;
}	


/* Headers */

h1{
	font-family: 'Georgia', Times, serif;
	font-size: 12px;
	color:#770000;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;

}

h2{
	font: normal 1.1em/2em 'Georgia', Times, serif;
	color:#770000;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}

/* Structure and Placement */


#total{
	width: 833px;
	margin: 55px auto;
	position: relative;
}

#logo{ 
     margin: -60px 0px 0px 0px;
	 left: 0px; 
     position:absolute; 
     z-index: 1; 
}

html>body #logo{ 
     margin: -60px 0px 0px 0px; 
     position:absolute; 
     z-index: 1; 
}

#marooner{ 
     width:731px; 
     background: #451313; 
     margin: 60px 0px 0px 100px; 
     border-style: solid; 
     border-width: 0px 1px 1px 1px; 
     position: relative; 
} 

#restaurant{ 
     width:731px; 
	 background: #33423f;
     margin: 60px 0px 0px 100px; 
     border-style: solid; 
     border-width: 0px 1px 1px 1px; 
     position: relative; 
}

#home_bkg{
	 width:731px; 
     background: url(http://www.turners-seafood.com/app_themes/turners/images/home/home_bkg.jpg) #451313;
	 background-repeat: no-repeat;
	 background-position: bottom left; 
     margin: 60px 0px 0px 100px; 
     border-style: solid; 
     border-width: 0px 1px 1px 1px; 
     position: relative;
}

#content{ 
     width:731px; 
     margin: 0px 0px 0px 0px; 
     position:relative; 
     top: -30px; 
}

#footer{
	margin: 0px 0px 0px 0px;
}

/* Floaty Columns */

#masthead{
	margin: 0px 0px 0px 0px;
	width: 468px;
	height: 155px;
	background-color: #000;
	border-style: solid;
	overflow: hidden;
	border-width: 1px 1px 0px 0px;
	float:left;
}

#column1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 468px;
	min-height: 550px;
	background: url(http://www.turners-seafood.com/app_themes/turners/images/paper_bkg.png) #cccc99;
	float:left;
}

#column1_home{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 468px;
	text-align: left;
	overflow: hidden;
	float:left;
}


#sectioncopy{
	padding: 23px;
	float:left;

}
#column2{
	margin:30px 0px 0px 0px;
	width: 150px;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	float:left;
}

.mailinglist{
	width: 150px;
	height: 220px;
	overflow: hidden;
	background: url(http://www.turners-seafood.com/app_themes/turners/images/Turners_MailingList5.jpg) #cccc99;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	text-align: center;
}
.mailinglist:hover{
	width: 150px;
	height: 220px;
	overflow: hidden;
	background: url(http://www.turners-seafood.com/app_themes/turners/images/Turners_MailingList6.jpg) #cccc99;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	text-align: center;
}



.mailinglistb{
	width: 150px;
	height: 220px;
	overflow: hidden;
	background: url(http://www.turners-seafood.com/app_themes/turners/images/Candy_Hook.jpg) #cccc99;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	text-align: center;
}
.mailinglistb:hover{
	width: 150px;
	height: 220px;
	overflow: hidden;
	background: url(http://www.turners-seafood.com/app_themes/turners/images/Candy_Hook.jpg) #cccc99;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	text-align: center;
}


.envelope{
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menu a {
  position: absolute;
  height: 220px;
  width: 150px;
  top: 31px; 
  text-decoration: none;

  }

#menu a i { visibility: hidden; }


a#MailList { top: 180px; height: 100px; left: 580px; width: 150px; }
/* a#Cart { top:295px; height:20px; left: 580px; width: 150px; } */
/* a#Checkout { top:320px; height:20px; left: 580px; width: 150px; } */
a#MyAccount { top:345px; height:20px; left: 580px; width: 150px; }

html>body .envelope{
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.clear{
	clear:both;
}

/* Lists */

ul.nav{
	margin: 0px 0px 0px 0px;
	padding: 10px;
	list-style-type: none;
}

ul.nav li{
	font: normal 1.1em/1.7em 'Lucida Grande', Arial, sans-serif;
	margin: 10px 0px 0px 0px;
	text-transform: uppercase;
	list-style-type: none;
	display: block;
}

ul.utility_nav{
	font: normal 9.5px/13px 'Georgia', Times, serif;
	padding: 5px;
	width: 640px;
	margin: 0px 0px 0px 0px;
	border-style: solid; 
	border-width: 0px 1px 1px 1px;
	list-style-type: none;
	background: #3a4025;
	float: right;
}

ul.utility_nav li{
	list-style-type: none;
	padding: 3px;
	float: left;
}	
	
ul.content{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	list-style-type: none;
	color: #333;
}

ul.content li{
	font: normal 1.1em/1.7em 'Georgia', Times, serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

ul.body{
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 10px 0px;
	list-style-type: none;
	float: left;
	color: #333;
}

ul.body li{
	font: normal 1.1em/1.7em 'Georgia', Times, serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: center;
}

ul.body li img, #sectioncopy img{
	border:  solid 1px #FFF;
}

ul.content .pdf{
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background:  url(../images/pdf.gif) 0px 2px no-repeat;
}

/* Misc. */
img{
	border: none;
}


/* Form Love */

input, text, textarea {
	background: #ffffff;
	color: #333;
	font-size: 12px;
	font-family: geneva;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #451313;

}
select {
	background: #ffffff;
	color: #333;
	font-size: 12px;
	font-family: geneva;
	border-style: solid;
	border-width: 1px;
	border-color: #451313;

}

input#radio {
	background: #C3C395;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #C3C395;
}

input#checkbox {
	background: #C3C395;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #C3C395;
}

.submit {
	background: red;
	color: #333;
	font-size: 9px;
	font-family: geneva;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

/* left side */

div#containerleft {
	margin: 150px 0px 0px -39px;
	width: 145px;
	height: 399px;
	float:left;
	position: relative;
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	background:url(http://www.turners-seafood.com/app_themes/turners/images/left-fade.gif) repeat-y;
}

html>body div#containerleft {
	margin: 150px 0px 0px -33px;
}

div#leftnav {
	width: 120px;
	margin: 0; border: 0; padding: 15px 15px 30px 15px;
	text-align: left;
}

#leftnav ul { margin: 0 0 10px 0; padding: 0; border: 0; list-style: none; }
#leftnav ul li { text-align: left; margin: 0 0 0 0; font: normal 1.1em Verdana, Arial, sans; border-top: 1px solid #444; }
#leftnav ul li a { width: 105px; display: block; margin: 0;color: #ccc; padding: 8px 5px 8px 10px; text-decoration: none; }
#leftnav ul li a:hover { color: #fff; background: #444; }

#leftnav ul li.in a { width: 105px; display: block; margin: 0;color: #646432; padding: 8px 5px 8px 10px; text-decoration: none; }
#leftnav ul li.in a:hover { color: #646432; }

#leftnav .header { margin: 0 0 1px 0; color: #888; text-transform: uppercase; letter-spacing: 0.2em; border-top: 0; padding:12px 5px 12px 10px;  font: normal 1.1em Arial, Helvetica, sans; }
#leftnav .header a { width: 105px; display: block; color: #888; margin: 0; border-top: 0; padding:0; }
#leftnav .header a:hover { color: #ccc; background: none; }
.button1 {
	font: normal 1.1em/1.3em 'Georgia', Times, serif;
	font-size: 11px;
	color: #000000;
	background-color: #e5e5e5;
	height: 20px;
	border: 1px solid #000000;
}
.button2 {
	font: normal 1.1em/1.3em 'Georgia', Times, serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #451313;
	height: 20px;
	border: 1px solid #000000;
}