/*--------------------------------------
 - V1 290509
 - Author 	:	Paul Flynn
 - Visit	:	http://britishseafoodfestival.com/
 - Client	:	lift - ramus
----------------------------------------
 - Colors
 - background	: 	 #0172B8;
 - red	:	 #ae3838;
 - blue	:	 #404f7f;


/*---------------------------------------
RESET: Meyer v1.0 | 20080212
---------------------------------------*/

/* @group RESET */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}

/* @end */

/*---------------------------------------
DEEFOLT STYLES
---------------------------------------*/

/* @group DEEFOLT */

html {
	background: #0172B8 url(../siteimages/body/background.jpg) no-repeat 200px 0; 
}

body {  
	color : #3d3d3d;
	font: 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

/* =headers */
h1, h2, h3, h4, h5 { color : #ae3838; }
/*h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}*/
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}


li ul, li ol { margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#404f7f; color : white; }
th, td, caption {padding:8px 2px 8px 2px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background : #ae3838; color : white;}


/* =p */ 
p { line-height : 18px; margin : 0 0 15px 0; }

/* =a */  
a, a:visited { color :#ae3838; text-decoration :  none; }
a:hover, a:active, a:focus  { color :#404f7f; text-decoration : underline;}

/* =img  */
img { margin : 0;}

/* =classes */
.clear { clear: both; font-size: 0.1px; height: 0; line-height: 0; width: 0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
/* =Hide from IE Mac \*/
.clearfix { display:block; }
/* =end hide from IE Mac */
.nowrap { white-space: nowrap; }
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.cursor { cursor: pointer; }
.upper { text-transform: uppercase; }
.bold { font-weight: bold; }
/* =pngfix */
img, div, a, input { behavior: url(styles/iepngfix.htc) }
.header-red { color : #ae3838; }
.terms { font-size : 10px; line-height : 13px; width : 500px; margin : 25px 130px 70px 130px;}

/* @end */


/*---------------------------------------
BODY
---------------------------------------*/

/* @group BODY */

#wrapper { width : 804px; margin : 0 auto; position : relative; }

/* @group HEADER */

h1 {
	position : absolute;
	text-indent : -9999px;
}

#header { 
	width : 804px; 
	height : 45px; 
	margin : 30px 0 0; 
	background : url(../siteimages/body/bod-header.png) no-repeat;
	padding : 100px 0 0 0;


}

#nav {
	width : 730px;
	color: white;
	border-bottom : 1px solid #c68954;
	border-top : 1px solid #c68954;
	display : block;
	margin : 0 auto;
	text-transform: uppercase;
	font: bold 13px Arial, Helvetica, sans-serif;
	list-style-type:none;
}

#nav li a {
	width : 100px;
	margin : 0 10px;
	padding : 10px 0px;
	float : left;
	display : inline;
	text-align : center;
	color : #414F80;
}
#nav li a:hover {
	background-color:rgba(255, 255, 255, .5);
	border-radius : 5px;
	-moz-border-radius:5px;
	-webkit-border-radius : 5px;
		/*-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;*/
}

/* @end */

/* @group CONTENT */

#content { 
	width : 764px; 
	background : url(../siteimages/body/bod-bod.png) repeat-y;
	padding : 15px 20px 0 20px;
	position : relative;
}

#content img { 
	padding : 5px 0 0;
	/*margin : 0 19px;*/  
}

#content h2 {
	background : url(../siteimages/home/more-fish.jpg) no-repeat;
	width : 732px;
	height : 40px;
	margin : 0px 15px 10px;
	text-indent : -9999px;
}

/* =articles */

/* @end */


/* @end */

/* @group MAP */

#map-detail {
	list-style-type : none;
}

/*#map-detail li {
	list-style-type : none;
	list-style : none;
}*/


#fish1 {
	position : absolute;
	top : 80px;
	left : 285px;
}

#fish2 {
	position : absolute;
	top : 320px;
	left : 285px;
}

#fish3 {
	position : absolute;
	top : 375px;
	left : 290px;
}

#fish4 {
	position : absolute;
	top : 330px;
	right : 100px;
}

#fish5 {
	position : absolute;
	top : 630px;
	left : 275px;
}

#fish6 {
	position : absolute;
	bottom : 75px;
	left : 475px;
}

.cloneMe {
	width : 300px;
}

#map-info {
	position : absolute;
	top : 110px;
	right : 55px;
	width : 170px;
}

/* @end */

/* @group ARTICLES */

.main-article-head {
	background : url(../siteimages/home/panel-head.jpg) no-repeat;
	width : 403px;
	height : 58px;
	padding : 40px 20px 0;
}

.main-article-bod {
	background : url(../siteimages/home/panel-bod.jpg) repeat-y;
	width : 403px;
	padding : 0 20px 10px 20px;
	margin : -20px 0 0 0;
}

.main-article-foot {
	background : url(../siteimages/home/panel-foot.jpg) no-repeat;
	width : 443px;
	height : 98px;
	margin : -10px 0 0 0;
}

.main-article-bod ol {
	font-size : 14px;
}

.main-article-head, .main-article-bod, .main-article-foot {
	margin-left : 5px;
}

.sub-article-head {
	background : url(../siteimages/home/sub-panel-head.jpg) no-repeat;
	width : 255px;
	height : 85px;
	padding : 40px 20px 0;
}

.sub-article-bod {
	background : url(../siteimages/home/sub-panel-bod.jpg) repeat-y;
	width : 255px;
	padding : 0 20px 10px 20px;
	margin : -40px 0 0 0;
}

.sub-article-foot {
	background : url(../siteimages/home/sub-panel-foot.jpg) no-repeat;
	width : 295px;
	height : 93px;
	margin : -70px 0 0 0;
}

/* @group FESTIVAL */

#festival h4, #festival h5 {
	margin : 0 0 4px 0;
}

#festival .main-article-bod li {
	margin : 0 0 10px 0;
}
#festival h5{
	background : url(../siteimages/festival/header-british.gif) no-repeat;
	width : 163px;
	height : 88px;
	padding : 0 0 10px 0;
	margin : 0 40px 20px;
	text-indent : -9999px;
}

#festival h6 {
	background : url(../siteimages/festival/dates.gif) no-repeat;
	width : 176px;
	height : 67px;
	padding : 0 0 10px 0;
	margin : 20px 40px 40px 40px;
	text-indent : -9999px;
}


/* @end */

/* @group RESTAURANTS/COMPETITION */

#restaurants h2 {
	background : url(../siteimages/restaurants/header-rest.gif) no-repeat;
	width : 739px;
	height : 145px;
	margin : 0px 15px 10px;
	text-indent : -9999px;
}

#restaurants {
	font-size : 10px;
}
#competition .main-article-head, #restaurants .main-article-head {
	background : url(../siteimages/restaurants/panel-head.jpg) no-repeat;
	width : 712px;
	height : 58px;
	padding : 40px 20px 0;
}

#competition .main-article-bod, #restaurants .main-article-bod {
	background : url(../siteimages/restaurants/panel-bod.jpg) repeat-y;
	width : 732px;
	padding : 0 10px 10px 10px;
	margin : -10px 0 0 0;
}

#competition .main-article-foot, #restaurants .main-article-foot {
	background : url(../siteimages/restaurants/panel-foot.jpg) no-repeat;
	width : 752px;
	height : 128px;
	margin : -70px 0 0 0;
}

#competition .main-article-head, #competition .main-article-bod, #competition .main-article-foot, #restaurants .main-article-head, #restaurants .main-article-bod, #restaurants .main-article-foot {
	margin-left : 5px;
}

#competition h2 {
	background : url(../siteimages/competitions/header-prizes.gif) no-repeat;
	width : 339px;
	height : 156px;
	text-indent : -9999px;
	float : left;
}

.comp-img { 
	margin : 0 175px;
}

#form {
	background : url(../siteimages/competitions/competition-background.png) no-repeat;
	width : 500px;
	height : 1038px;
	padding : 20px 20px 40px 20px;
	margin : 0 100px;
}

/* @end */

/* @group CONTACT */

#contact h5 {
	margin : 0 0 8px 0;
}

/* @end */



/* @end */

/* @group FOOTER */

#footer {
	width : 804px; 
	height : 77px; 
	background : url(../siteimages/body/bod-footer.png) no-repeat;
	/*padding : 20px 0 0 0;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	padding : 58px 0 0;
	margin-top : -30px;
}

#siteinfo {
	width : 730px;
	margin : 0 auto;
	padding : 10px 0 5px 0;
	border-bottom : 1px solid #c68954;
	border-top : 1px solid #c68954;
}

#siteinfo p {
 	width : 150px;
	float : right ;
	clear : both;
}

#footer ul {
	width : 500px;
	margin : 0 auto;
	color: white;
	display : block;
	list-style-type:none;
}

#footer li {
	margin : 0 5px;
	/*padding : px 0px;*/
	float : left;
	text-align : left;
}


/* @end */