/* GLOBAL RESET by Eric Meyer
==================================================*/

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,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }

body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* SITE COLOURS
==================================================

	Background dark blue: #077C9E => #0A7791
	Light blue: #C7E3EF
	Dark green (body link): #AAA20C
	Light green (sidebar link): #D9E021
	Grey: #555555

*/

/* GENERAL
==================================================*/


body { background: #077c9f; font-family: Georgia, "Serif"; font-size: 64.5%; line-height: 1.8em; color: #555; }

/* HEADERS */
h1 { padding: 0 0 0.5em; margin: 0; font: normal 2.4em/1.3em Georgia, serif; letter-spacing: -0.05em; color: #077c9f; }
h2 { padding: 0 0 0.5em; margin: 0; font: normal 2em/1.3em Georgia, serif; letter-spacing: -0.03em; color: #077c9f; }
h3 { padding: 0; margin: 0; font: bold 1.5em/1.3em Arial, Helvetica, sans-serif; letter-spacing: -0.03em; color: #000; }

span { font-weight: normal; }
img { border: 0; padding: 0; margin: 0; }
p { margin: 0 0 1.4em; display: block; }
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 0.846em; }

/* a { padding-bottom: .3em; }*/
a { color: #AAA20C; text-decoration: none; }
a:active { color: #AAA20C; font-style: normal; }
a:hover { color: #333; text-decoration: none; }

blockquote { font: italic 1em Georgia, serif; padding: 0; }

/* DIV TEMPLATE
==================================================*/

#container { margin: 0 auto; width: 930px; }
#body-bg { background: #1b6588; margin-top: 75px; width: 930px; float: left; padding: 0 0 20px 0; display: inline; }
#body-bg-shadow { background: url(/images/body-bg-shadow.gif) 0 0; width: 930px; float: left; display: inline; }
#body-content { float: left; width: 890px; margin: -20px 20px 0 20px; display: inline; position: relative; }
#sidebar { float: left; width: 260px; }
	#sidebar a { color: #D9E021; }
	#sidebar a:active { color: #D9E021; }
	#sidebar a:hover { color: #FFF; }

	#sidebar #logo { float: left; width: 260px; height: 100px; background: url(/images/title-bg.gif) no-repeat 0 0; }
	#sidebar #logo h1 { float: left; width: 260px; height: 100px; }
	#sidebar #logo h1 a { float: left; text-indent: -9999px; outline: hidden; width: 260px; height: 100px; background: url(/images/logo.gif) no-repeat 50% 40%; }

	#menu-box { width: 260px; float: right; margin-top: 20px; }
		#menu-box ul#main-menu { text-align: right; font: normal normal 1.4em/1em Helvetica, Arial, Sans-serif; letter-spacing: -0.01em; }
		#menu-box ul#main-menu li { padding: 0.9em 0; }
		#menu-box ul#main-menu li a { padding: 10px 30px 10px 15px; color: #fff; text-decoration: none; }
		#menu-box ul#main-menu li a:hover { background: #185873; }
		#menu-box ul#main-menu li a.current { background: #164e65; }

	#sidebar .box { background: url(/images/box-shadow.gif) repeat-y 100% 0; width: 220px; float: right; margin: 20px 0; padding: 20px; font: 1.1em/1.8em Arial, Sans-serif; color: #C7E3EF; }
	#sidebar .box.no-bg { background: transparent; }
	#sidebar h3.contact-details { float: left; width: 100%; height: 22px; background: url(/images/header_contact-details.gif) 0 0 no-repeat; text-indent: -9999px; padding-bottom: 20px; }
	#sidebar h3.tariff-details { float: left; width: 100%; height: 22px; text-indent: -9999px; padding-bottom: 20px; background: url(/images/header_tariffs.gif) 0 0 no-repeat; }

	#sidebar .content.left { width: 30%; float: left; font-style: bold; }
	#sidebar .content.right { width: 70%; float: right; padding-bottom: 10px; }
	#sidebar .content.center { width: 90%; float: left; padding: 10px; }

#content-strip { float: right; width: 630px; background: #fff; padding: 20px 0; display: inline; height: auto !important; height: 830px; min-height: 830px; }
ul#slideshow { float: left; width: 610px; height: 260px; padding: 0; margin: 0; }
	ul#slideshow li { float: left; width: 610px; height: 260px; list-style: none; }
	ul#slideshow li.hide { display: none; }
#content-body { position: relative; width: 570px; margin: 0 0 0 20px; float: left; padding: 20px 0 20px 20px; display: inline; }
	#intro { float: left; z-index: 9999; position: relative; width: 590px; height: 90px; text-indent: -9999px; background: url(/images/transparent_intro.png) no-repeat; margin: -90px 0 20px -20px; display: inline; }
	#content-body .boxes.left { float: left; width: 46.9%; padding: 2% 2.5% 2% 0; border-right: 1px solid #ddd; }
		#content-body .boxes.left.noline { border: 0; }
	#content-body .boxes.right { float: right; width: 46.9%; padding: 2% 0 2% 2.5%; }

	#content-body p { font: 1.2em/1.8em Georgia, Serif; }


#content-body .boxes.item { width: 90%; float: left; }
#content-body .boxes.item.left { width: 46.9%; float: left; border-right: 1px solid #ddd; }
#content-body .boxes.item.right { float: right; width: 46.9%; }

ul#motel { float: left; width: 250px; height: 300px; padding: 0; margin: 0; }
	ul#motel li { float: left; width: 250px; height: 300px; list-style: none; }
	ul#motel li.hide { display: none; }

#footer { color: #0F3B4F; font: normal 1.1em Arial, Sans-serif; width: 910px; text-align: center; padding: 20px 0 10px 0; float: left; }
	#footer a { color: #61C4DF; }
	#footer a:hover { color: #fff; }
	#footer span.separator { padding: 0 10px; color: #07657F; } 

/* This creates a break between dividers */

.givemeabreak { font-size: 0; padding: 0; margin: 0; line-height: 0; height: 1px; width: 100%; float: left; }
.givemeabreak.line { background: #ddd; }

/* List formatting */

#content-body ul { padding-bottom: 1.8em; }
	#content-body li { font-size: 1.2em; list-style: disc; margin: 0 0 0 7%; }
	#content-body ul.spacing li { margin: 0 0 1em 7%; }

ul.half-stack { width: 100%; float: left; }
	ul.half-stack li { width: 49.9%; float: left; }
#content-body ul.half-stack { padding-bottom: 1.8em !important; padding-bottom: 0; }
	#content-body ul.half-stack li { width: 35.9% !important; width: 80%; list-style: disc; margin: 0 0 0 7%; padding: 0; float: left !important; float: none; }

/* FORMS
==================================================*/

form table { font-size: 1.2em; }
form table td { padding: 0.3em 2em 0.3em 0; }
form input { border: 1px solid #ddd; border-top: 1px solid #ccc; background: #f2f2f2; padding: 0.3em; font: normal 1.2em Arial, Sans-Serif; color: #888; }
form select { border: 1px solid #ddd; border-top: 1px solid #ccc; background: #f2f2f2; padding: 0.3em; font: normal 0.95em Arial, Sans-Serif; color: #888; }
form textarea { border: 1px solid #ddd; border-top: 1px solid #ccc; background: #f2f2f2; padding: 0.3em; font: normal 1.2em Arial, Sans-Serif; color: #888; height: 5em; }

/* OTHER
==================================================*/