/* Ingham Road Seafood CSS by NQ Webdesign www.nqwebdesign.com */


/* -- IMPORTED STYLESHEETS
----------------------------------------------------------------------------------------------------------*/
@import "reset.css";
@import "typography.css";
@import "common.css";

/* -- DEFAULT
----------------------------------------------------------------------------------------------------------*/
body
{
	font:12px "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
	background:#F2E3C3;
}
span#nqweb_link
{
	background:url(../images/pen.gif) left center no-repeat;
	padding:1px 0 1px 13px;
	display:block;
	float:right;
}

span#info
{
	display:block;
	text-align:center;
	padding:0 0 12px 0;
	line-height:18px;
}


/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/
div#layout
{
	min-width:780px;
	text-align:center;
}


div#layout-inner
{
	margin:0 auto;
	width:780px;
	text-align:left;
}
div#top{ background:url(../images/layout/primary.gif) repeat-y;}
div#bottom { clear:both; background:#1A3170; border-top:9px solid #4181DB; font-size:92%; color:#FFF; padding:20px 25px 10px 25px; }


div#side, div#main { float:left; }
div#main { width:600px; background:#FFF; }
div#side{ width:180px; background:#111144;}
div#logo { text-align:center; margin:25px 0 0 0;}
div#navigation { }
div#content { padding:0 35px 10px 35px;  margin:-35px 0 0 0; color:#444;}
div#footer { font-size:11px; }

/* -- NAVIGATION
----------------------------------------------------------------------------------------------------------*/
#navigation
{
	margin:40px 0 0 0;
	padding:0 18px 0 18px;
}

#navigation ul
{
  list-style:none;
  padding:0;
  margin:0;
}

#navigation ul li
{
	margin:-2px 0 0 0;
	padding:0;
	text-align:right;
	display:block;
}

#navigation ul li a
{
	display:block;
	padding:7px 9px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../images/layout/nav-separator.gif) repeat-x bottom;
}


#navigation a:hover
{
	background:#4181DB;

}

body#page-home #navigation ul li#home a,
body#page-about #navigation ul li#about a,
body#page-products #navigation ul li#products a,
body#page-recipes #navigation ul li#recipes a,
body#page-specials #navigation ul li#specials a,
body#page-specialities #navigation ul li#specialities a,
body#page-news #navigation ul li#news a,
body#page-contact #navigation ul li#contact a
{
	color:#4181DB;
	background:#111144 url(../images/layout/nav-separator.gif) repeat-x bottom;

}



/* -- TYPOGRAPHY > HEADINGS, PARAGRAPHS, LISTS
----------------------------------------------------------------------------------------------------------*/

#main h1, #main h2
{
	font-family:"Lucida Grande", Arial "Trebuchet MS",;
}

#main h1 
{
	font-size:20px;
	font-weight:normal;
	color:#020A20;
	line-height:26px;
}

#main h2
{
	font-size:17px;
	font-weight:normal;
	color:#257FC4;
}

#main h3, #main h4
{
	color:#000;
	font-size:12px;
	font-weight:bold;
	font-family:"Helvetica Neue", "Lucida Grande", Arial;
}

#footer h2
{
	font-size:17px;
	font-weight:normal;
	color:#FFF;
}

/* -- LINKS
----------------------------------------------------------------------------------------------------------*/

#main a:link, #main a:visited
{
	color:#257FC4;
}

#main a:hover
{
	background:#257FC4;
	text-decoration:none;
	color:#FFF;
}

#footer a:link, #footer a:visited
{
	color:#5797F0;
	text-decoration:none;
}
#footer a:hover
{
	text-decoration:underline;
}


/* -- FORMS
----------------------------------------------------------------------------------------------------------*/

/* -- TABLES
----------------------------------------------------------------------------------------------------------*/
.tabular-data
{
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

.tabular-data thead tr
{
	background-color:#0C3257;
}

.tabular-data th
{
	color:#FFFFFF;
	font-weight:normal;
	padding:4px;
}
	
.tabular-data td
{
	border-bottom:1px solid #D2E2FB;
	font-size:11px;
	padding:4px;
}

.tabular-data tbody tr.odd
{
	background-color:#EDF2FE;
}

/* -- INFO BOXES
----------------------------------------------------------------------------------------------------------*/

div.info-box
{
	float:left;
	display:inline;
	margin-bottom:20px;

}

div#ib-about
{
	margin-right:50px;
	width:450px;
}

div#ib-contact
{
	width:230px;
	clear:right;
}

/* -- PHOTO-BOX
----------------------------------------------------------------------------------------------------------*/

div#photos
{
	margin:30px 0 0 0;
	padding:7px;
}

.photo-box-border
{
	width:150px;
	clear:both;
	margin-bottom:20px;
	border:1px solid #0A0A2F; background:#252564; padding:5px;

}

.photo-box
{
	position:relative;
}
.photo-box .label
{
	color:#FFF;
	width:100%;
	font-style:italic;
	font-size:11px;
	padding:5px 0;
	text-align:center;
}

.photo-box .label div
{
	padding:3px 10px;
}

/* -- PANELS
----------------------------------------------------------------------------------------------------------*/
ul.panels li#p-timetable
{
	background:url(../images/layout/icon-clock.gif) no-repeat center left;
}

ul.panels
{
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	background:url(../images/layout/panels-bg.gif) repeat-y;
	width:183px;
}

ul.panels li
{
	margin:0;
	padding:6px 10px 6px 55px;
	display:block;
	border-bottom:1px solid #FFF;
}

ul.panels li#p-chef
{
	background:url(../images/layout/icon-chef.gif) no-repeat center left;
}

ul.panels li#p-specials
{
	background:url(../images/layout/icon-star.gif) no-repeat center left;
}

ul.panels li#p-recipies
{
	background:url(../images/layout/icon-notes.gif) no-repeat center left;
}


ul.panels li#p-ospecials
{
	background:url(../images/layout/icon-computer.gif) no-repeat center left;
}
/* -- MISC.
----------------------------------------------------------------------------------------------------------*/

.img-border{ border:1px solid #C3DAF7; background:#E6F0FD; padding:5px; }

.img-float-right
{
	float:right;
	margin:5px 0 5px 10px;
	border:1px solid #C3DAF7; background:#E6F0FD; padding:5px;
}

.img-float-left
{
	float:left;
	margin:5px 10px 5px 0;
	border:1px solid #C3DAF7; background:#E6F0FD; padding:5px;
}

td.label
{
font-style:italic;
font-size:11px;
color:#888;
	}
	
#products-table td
{border-bottom:1px solid #66CCFF;
padding:10px 0;
}