/*------------------------------------------------------------------*/
/*                                                                  */
/*   sevenseasseating.com - June 15, 2006                           */
/*   Designed & Coded by Ronnie Tate                                */
/*                                                                  */
/*------------------------------------------------------------------*/

body 		{
		background-color:#666666;
		background-image:url('\images\site-images\bg.jpg');
		text-align:center;
		margin:0;
		padding:0;
		font-family:verdana, tahoma, helvetica, arial, sans-serif;
		font-size:8pt;
		color:#444444;
		}

a		{color:#444444; font-weight:bold; text-decoration:none;}
a:link		{color:#444444; font-weight:bold; text-decoration:none;}
a:visited	{color:#444444; font-weight:bold; text-decoration:none;}
a:hover		{color:#444444; font-weight:bold; text-decoration:underline;}
a:active	{color:#444444; font-weight:bold; text-decoration:none;}




/*------------------------------------------------------------------*/
/*     Navigation Menu                                              */
/*------------------------------------------------------------------*/
.container	{
		margin: 0 auto;
		width: 810px;
		/* text-align: left; */
		}
		

.navigation	{
		float: center;
		width: 810px;
		background-color: #FFFFFF;
		border-right: 3px solid #000000;
		border-left: 2px solid #000000;
		}

.text_nav	{
		padding: 12px;
  		text-align: left;
		}		

ul.nav		{
		float: center;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style-type: none;
		}

li.nav 		{
		display: inline;
		}

a.nav		{
		float: center;
		width: 155px;
		text-decoration: none;
		background-color: #FFFFFF;
		padding: 8px 2px 8px 2px;
		border-top: 4px solid #F0F0F0;
		border-right: 4px solid #F0F0F0;
		border-bottom: 4px solid #F0F0F0;
		border-left: 4px solid #F0F0F0;
		}

a.nav:hover	{
		background-color: #F0F0F0;
		text-decoration: none;
		}





/*------------------------------------------------------------------*/
/*     Main Content - Thumbnail Pages                               */
/*------------------------------------------------------------------*/

.content_top	{
		float: center;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		width: 810px;
		background-color: #FFFFFF;
  		text-align: center;
		}

.spacer_top	{
		width: 810px;
		background-color: #FFFFFF;
		padding: 0px;
		border-top: 3px solid #000000;
		border-right: 3px solid #000000;
		border-left: 2px solid #000000;
		}

.content	{
		position: relative;
		float: center;
		margin: 0px 0px 0px 0px;
		width: 810px;
		background-color: #FFFFFF;
		border-right: 3px solid #000000;
		border-left: 2px solid #000000;
		}

.thumbnail	{
		float: left;
  		border: 2px solid #D1D1D1;			
		margin: 20px 0px 2px 4px;
		}

.style_info	{
		float: left;
		width: 194px;
		margin: 2px 2px 10px 2px;
  		text-align: center;
		font-size:8pt;
		line-height: 25px;
		background-color: #E8E8E8;
		border: 2px solid #D1D1D1;
		}

.new_style_info	{
		float: left;
		width: 194px;
		margin: 2px 2px 10px 2px;
  		text-align: center;
		font-size:8pt;
		line-height: 25px;
		background-color: #D1D1D1;
		border: 2px solid #777777;
		}

/* This spacer allows the style_info line to show beneath the thumbnail */
/* properly when there aren't 4 styles to fill up the row               */
.spacer		{
		clear: all;
		margin: 0px;
		padding: 0px;
		}

.content_bottom	{
		float: center;
		margin: 0px 0px 10px 0px;
		padding: 5px;
		width: 810px;
		background-color: #FFFFFF;
  		text-align: center;
		border-right: 3px solid #000000;
		border-bottom: 3px solid #000000;
		border-left: 2px solid #000000;
		}

.ShareThis	{
		float: right;
		}


/*------------------------------------------------------------------*/
/*     Main Content - Info Pages                                    */
/*------------------------------------------------------------------*/

.head01		{
		margin: 20px 0px 20px 10px;
		text-align: left;
		font-size: 14pt;
		font-weight: bold;
		}

.paragraph01	{
		clear: all;
		margin: 2px 20px 20px 20px;
		text-align: justify;
		font-size: 10pt;
		}





/*------------------------------------------------------------------*/
/*     Style Details Page                                           */
/*------------------------------------------------------------------*/

.capitalize	{text-transform: capitalize}
.lowercase	{text-transform: lowercase}

table		{
		font-family:verdana, tahoma, helvetica, arial, sans-serif;
		font-size:10pt;
		color: #444444;
		}

.style_photo	{
		float: center;
		width: 700px;
		margin: 20px 2px 0px 2px;
		border: 2px solid #D1D1D1;
		}

.style_title	{
		width: 700px;
		margin: 2px 2px 1px 2px;
		padding: 5px;
  		text-align: center;
		text-transform: uppercase;
		font-size:18pt;
		font-weight:bold;
		background-color: #E8E8E8;
		border: 6px solid #D1D1D1;
		}

.style_details	{
		width: 700px;
		margin: 2px 2px 2px 2px;
		padding: 5px;
  		/* text-align: justify; */
		/* text-transform: capitalize; */
		font-size:9pt;
		background-color: #E8E8E8;
		border: 2px solid #D1D1D1;
		}