body, html { margin:0px; padding:0px; }
body {
	font-size: 70%;
	font-family: arial, helvetica, verdana, tahoma, verdana, sans-serif;
	background: url('') repeat-x;
	color: #333;
	text-align: left;
	}
h1 { font-size:2.2em; }
h2 { font-size:1.8em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
form { display:inline; }
td { vertical-align:top; }

img { border:0px; }
.border { border: 1px #666 solid; }

h1, h2, h3, h4, p, a { margin-top: 0px; color: #333; }

p { font-size: 1.2em; line-height: 1.5em; }

hr { border: none; border-bottom: 1px solid #ccc; margin: 10px 0; }

.font10 { font-size: 10px; font-weight: normal; line-height: 14px; }

#site-container { margin:0 auto; width:936px; }
#site-relative { position:relative; }
	#site-home { position:absolute; width:180px; height:120px; }
		#site-home img { width:180px; height:120px; }
		#site-home a {text-decoration:none; }
		#site-home a:hover {text-decoration:none; }

#header { background: url('') no-repeat center; height: 117px; margin: 0px; padding:0px; text-align: right;	}
	.headertext { font-size:2.2em; color:#fff; padding: 30px 4px 0px; }
		.headertext a { color:#fff; text-decoration:none; width:100%; }
	.search { padding: 4px; }
	.headerlinks { padding: 4px; color: #fff; font-size: 1.1em; }
	.headerlinks a { color: #fff; text-decoration: none; }

#banner {
	background: url(../images/banners/pier.jpg) no-repeat center; height: 226px; }

#content-container { }
#breadcrumbs { text-align:right; padding:4px; }
#content { width:520px; margin-left:190px; margin-top:5px; }


#pages-footer {  }	

#gulls-container { position:relative; }
#gulls { position:absolute; right:65px; width:200px; }

#content img { border: 1px #999 solid; }

.invalidInput { border:1px dotted #F00;	background-color: #FFECE6; }
.error { color:#FF0000; } .ok { color:#00FF00; }
.left { float:left; }
.right { float:right; }
.left-margin { margin-right: 10px; } .right-margin { margin-left: 10px; }
.alignleft { float:left; margin: 0 10px 10px 0; }
.alignright { float:right; margin: 0 0 10px 10px; }
.clearer { clear: both; float:none; }

.navigation { height: 30px; }


.more { width: 100%; text-align: right; margin-bottom: 20px; font-size: 14px; }
	.more a { text-decoration: none; background-color: #fff; padding: 5px; margin-right: 10px; }
	.more a:hover { background-color: #999; color: #fff; }

/* EVENTS */

.categories ul { margin:0px; padding:0px; }
	.categories ul li { list-style:none; display:inline; padding-right:10px; }

/* W3C */
p#w3c {  border:1px solid red; height:100px; width:100px; }

/* SIDEBAR */

#sidebar { float: left; width: 176px; font-size: 1.2em; margin-top: 20px; text-align: left; }
#sidebar ul { padding-left: 0px; margin-left: 0px; }
ul#pages { margin: 0px; padding: 0px; }
	ul#pages li { list-style: none; color: #fff; background: url(/images/navButtons/button1.gif) no-repeat; padding: 5px; margin-bottom: 5px; font-weight: bold; }
	ul#pages li a { width:100%; text-decoration: none; color: #fff; }
	ul#pages ul { font-size: 0.9em; font-weight: normal; margin-top: 6px; background: url(/images/table/greydiant.gif) repeat-x bottom #f9f9f9; padding-left: 10px; line-height: 1em; padding-bottom: 2px; padding-top: 2px; }
		ul#pages ul li { color: #666; background: none; list-style: none; padding: 1px 0 0; position:relative; }
		ul#pages ul li a { color: #666; font-weight: normal; }
		ul#pages ul li a:hover { color: #333; text-decoration: underline; }
			ul#pages ul ul { display: none; }
ul#pages li a	{ width:150px; display: block; }	
ul#pages li>a { width:auto; }



/* DETAILS */
div.detail { background:#f1f1f1 url(/images/adverts/advert-small.gif) no-repeat; padding:10px; margin-bottom:5px; height:72px; font-size:10px; }
	div.detail h1 { font-size:12px; margin:0px 0px 4px; }
	div.detail p{ line-height:1.5em; margin:0px; padding:0px; margin-bottom:0px; margin-top:2px; }
	div.detail img { width:80px; float:right; margin-top:20px; }
	div.email { float:right; margin:10px; text-align:right; width:300px; padding-top:60px; }
		div.email div.pink-btn { margin-left:90px; }
			
div.pages-ext { float:left; padding:10px; width:150px; margin-right:10px; margin-bottom:5px;
background: url(/images/table/greydiant.gif) repeat-x bottom #f9f9f9; border: 1px solid #ccc; }
div.pages-ext h3 { margin: 0px; }
div.pages-ext li { padding-left: 0px; margin-left: 15px; font-size: 1.1em; list-style-image:url(/images/misc/arrow.gif); list-style-position: outside; }
div.pages-ext li a { text-decoration: none; color: #666666; }

#pages-footer { background: #eee; border: none; padding: 20px; text-align: right; }
#pages-footer a { color: #333; text-decoration: none; }	
#pages-footer img { margin-top: 5px; }
	div#pages-footer ul { margin:0px; padding:0px; }
	div#pages-footer ul li { list-style-type:none; display:inline; padding-left:15px; }
	
.detail-pink { background: #c9345b url(/images/feat-fac-bg.gif) no-repeat top; width: 210px; margin-right: 5px; 
			float: left; padding: 5px 5px 0; margin-top: 10px; }
	.detail-pink-footer { background: url(/images/feat-fac-foot.gif) no-repeat bottom; height: 10px; width: 220px; margin-left: -5px; }
	.detail-pink h4 { color: #FFFFFF; margin-bottom: 2px; }
	.detail-pink h4 img { vertical-align: middle; padding-left: 2px; }
	.detail-pink p { color: #FFFFFF; margin: 5px 0px 0px; }
	.detail-pink a { color: #FFFFFF; text-decoration: underline; }
	.detail-pink ul { margin: 0px auto; padding-left: 40px; list-style-type: none; font-size: 10px; color: #FFFFFF; }
	.detail-pink ul li { margin-left: -40px; }

#footer { display: none; }	

#content ul { }

ul#links { background: none; margin: 0px; list-style: none;  }
ul#links ul { margin: 0px; padding: 0px; }
	ul#links ul li { list-style: none; color: #fff; background: url(/images/navButtons/button1.gif) no-repeat; padding: 5px; margin-bottom: 5px; font-weight: bold; }
	ul#links ul li a { width:100%; text-decoration: none; color: #fff; }
.linkcat h2 { font-size: 1.4em; margin: 10px 5px 5px; color: #333; }

#gallery-sample { border: #FF0000 2px solid; padding: 2px; }

.pink-btn { background: #cf375f url(/images/pink-btn.gif) no-repeat; text-align: center; width: 106px; height: 18px; 
		margin: 0px 0px 10px; padding: 1px 2px 3px; }
.pink-btn:hover { background: #df7b95 url(/images/pink-btn-on.gif) no-repeat; }
.pink-btn a { color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 14px; display: block; }

#listing-content { width:510px; margin-left:190px; margin-top:5px; }
	#listing-content p, #listing-content ul { font-size: 12px; }
#listing-images { float: right; width: 220px; font-size: 1.2em; margin-top: 10px; }
#listing-gallery { display:none; }

/* forms */
.input { font-size:13px; font-family: arial, helvetica, verdana, tahoma, verdana, sans-serif; 
	padding:2px; border:1px solid #ccc; width:200px; }
.info { padding:5px; background:#f1f1f1; border:1px solid #fff; } 
.fade{ 	filter:alpha(opacity=40); opacity: .4; }
	
/* postcards */

.postcards {  }
	.postcards img { width:100px; margin:5px;  }
	
	
/* FORMS */
form { display:inline; }
.input, .input-small { font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif; 
		font-size:12px; padding:3px; border:1px solid #ccc; width: 200px; margin: 1px; }
.input { width: 250px; }
.input-small { width:190px; float: left; }
.search-button { margin: 1px; }
h1 .search-button { vertical-align: middle; }
table.enquire { background-color: #f6f6f6; padding:5px; }
tr.enquire td { padding: 3px; border-bottom: 5px #f6f6f6 solid; }
tr.enquire:hover td { background-color: #eeeeee; }
table.enquire label { font-size: 14px; margin: 5px; }
input.error, textarea.error { border:1px solid red; }


/* FEATURES */
#features { float: right; width: 191px; font-size: 1.2em; margin-top: 10px; }

#features img, #listing-images img { padding-bottom: 10px; border: none; }

div.feature { margin-bottom:5px; padding-bottom: 2px; background: url(/images/table/greydiant.gif) repeat-x bottom; color: #333333; }
div.feature h3 { padding: 4px; color: #fff; margin: 0 0 5px; font-size: 1em; font-weight: bold; background: url(images/features/header1.gif) no-repeat; }
div.feature .form { width:110px; color: #333; margin-left: 5px; margin-bottom: 3px; }
div.feature label { padding-left: 4px; margin-left: 5px; }
div.feature p { padding: 0px 4px; margin: 5px auto; }
.hidden { display: none; }

/* PAGINATION */
ul.pages { display:inline; margin: 0px; padding: 0px; }
	ul.pages li { list-style-type: none; display: inline; line-height: 24px; margin: 10px 2px 10px 0px;  }
	ul.pages li a { color: #666666; padding: 5px; border: #cccccc 1px solid; background-color: #f7f7f7; text-decoration: none; }
	ul.pages li a:hover { border: #cb2550 1px solid; }
	ul.pages li a.active { background-color: #cb2550; color: #FFFFFF; font-weight: bold; border: #cb2550 1px solid; }
	ul.pages li a.guide { background-color: #339999; color: #FFFFFF; border: #339999 1px solid; }

/* ADVERTISING */
.full-content { padding:5px 12px; font-size: 14px; margin-left:190px; line-height: 20px;  margin-top:5px; }

	.full-content h1 { font-size: 24px; font-weight: bold; margin: 15px 0px; line-height: 28px; }
	.full-content p { line-height: 20px; margin-bottom: 10px; font-size: 14px;  }
	
	.benefit-box { border: #CCCCCC 1px solid; background: url(/images/marketing/white-grad-bg.jpg) repeat-x bottom; padding: 10px; width: 430px; margin: 10px 0px; }
		.benefit-box h3 { margin: 0px; } 
		.benefit-box ul { padding-left: 40px; margin: 5px 0px 0px; line-height: 20px; list-style-type: circle; }
		.benefit-box ul li { margin-left: -20px; } 
		.benefit-box a:hover { text-decoration: underline; }
		.benefit-box .bubble { float: right; margin-right: -40px; background: url(/images/marketing/speech-bubble.png) no-repeat; width: 180px; height: 120px; }
			.benefit-box .bubble p { margin: 10px; font-size: 16px; line-height: 22px; color: #FFFFFF; font-weight: bold; }
	
	.highlight-box { background: #c9345b url(/images/marketing/pink-grad-bg.jpg) repeat-x bottom; float: right; padding: 10px; margin-top: 10px; }
		.highlight-box p { color: #FFFFFF; font-size: 14px; line-height: 24px; text-align: center; }
		.highlight-box a { color: #FFFFFF; text-decoration: underline; }
		.highlight-box strong { font-weight: bold; font-size: 36px; line-height: 40px; }
		
	.ol { background: url(/images/marketing/ol-image.gif) no-repeat top left; font-weight: bold; color: #FFFFFF; text-indent: 5px; padding-right: 10px; font-size:16px; }
	
	.official { border: #c9345b 1px solid; padding: 10px; float: right; font-size: 12px; }
	
	.page-box { border: #CCCCCC 1px solid; padding: 10px; float: left; background: url(/images/marketing/white-grad-bg.jpg) repeat-x bottom; margin-top: 10px; font-size: 14px; }
		.third { width: 210px; }
		.half { width: 330px; }
		.fixed-height { height: 280px; }
		.page-box p, .grey-page-box p { line-height: 16px; }
		.page-box h1 { margin: 0px 0px 10px; line-height: 20px; font-size: 16px; }
		.page-box img { margin-bottom: 10px; }
		.page-box a:hover { text-decoration: underline; }
	
	.grey-page-box { padding: 10px; float: left; background: #999999 url(/images/marketing/grey-grad-bg.jpg) repeat-x bottom; margin-top: 10px; font-size: 12px; }
		.grey-page-box p, .grey-page-box h2, .grey-page-box a, .grey-page-box h4, .grey-page-box .font10 { color: #FFFFFF; }
		.grey-page-box img { border: 1px solid #666666; } 
		
	.package-benefits { width: 200px; height: 230px; padding: 15px; }
		.package-benefits p { color: #FFFFFF; }
		.package-benefits h2 { color: #FFFFFF; font-weight: bold; margin: 0px; }
		.package-benefits ul { padding-left: 40px; line-height: 16px; color: #FFFFFF; margin: 0px; }
		.package-benefits ul li { margin-left: -20px; margin-top: 5px; }
		.more-info { text-align: right; font-size: 12px; font-weight: bold; }
			.package-benefits .more-info a { color: #FFFFFF; }
			.more-info a:hover { text-decoration: underline; }
		
		.bronze { background: url(/images/marketing/bronze-bg.jpg) no-repeat #c39b4f; }
		.silver { background: url(/images/marketing/silver-bg.jpg) no-repeat #abb6ba; }
		.gold { background: url(/images/marketing/gold-bg.jpg) no-repeat #dab215; }
		.display-ad { background: url(/images/marketing/display-bg.jpg) no-repeat #c28570; }
		
	
#guide .box { padding: 10px; background-color: #EEEEEE; margin-top: 30px; margin-bottom: 30px; border-bottom: #CCCCCC 1px solid; border-top: #CCCCCC 1px solid; }
* html #guide .box { width: 100%; }


#guide hr { border: none; border-bottom: #CCCCCC 1px solid; margin: 30px 0px 20px ; }

#guide blockquote { background: url(/images/marketing/open-quote.jpg) no-repeat left top; font-style: italic; font-size: 16px; color: #666666; margin: 20px 10px 10px; }
#guide blockquote span { background: url(/images/marketing/close-quote.jpg) no-repeat right bottom; display: block; padding: 12px 34px; }
#guide .source { margin: 0px 30px 40px; font-size: 10px; color: #434779; }

#guide table.prices { margin-top: 10px; }
#guide thead.prices td { padding: 10px; background-color: #DDDDDD; border-bottom: #434779 3px solid; }
#guide tbody.prices td { padding: 10px; border-bottom: #CCCCCC 1px solid; }
#guide tfoot.prices td { padding: 5px; font-size: 10px; }

#guide td.noback { background:#eeeeee; }