/*
Theme Name: Optix
Theme URI: http://www.junowebdesign.com/
Description: The default Optix WordPress theme
Version: 1.0
Author: Junooo!
Author URI: http://junowebdesign.com/
*/

/***** Global *****/
	/* 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,
		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
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on 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: "" "" }

/* Body */
	body {
	    line-height: 1.4;
	    font-size: 81.25%; /* 100% = 16px */
	    color: #fff;
	    background: #050505;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
		margin: 0;
		padding: 0;
		text-align: left
	}

/* Headers */
	h2 {font-size: 178.57%}
	h3 {font-size: 128.57%}
	h4 {font-size: 114.28%}
	h5 {font-size: 100%}
	h6 {font-size: 100%}
	
	h2, h3, h4, h5, h6 {margin-bottom: .8em; font-weight: bold}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #fff; text-decoration: underline}
	a:hover, a:active {text-decoration: none}
	
	a.rss {padding-right: 15px; background: url('images/icons/rss.gif') no-repeat center right}
	
/* Paragraphs */
	p {
    margin-bottom: 1.5em;
    line-height: 1.4;
    text-align: left
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}
	
/* Quotes */
blockquote {background: #222; margin: 1em .5em; padding: 1em 1em .5em 1em; font-style: italic;}
blockquote p {margin-bottom: .5em}

/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside disc
}

ul li ul {margin: 0 0 0 1em}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside decimal
}

/* Tables */
table {width: 98%; margin: .5em auto 1.5em auto; border: 1px solid #222}

thead th {background: #444; color: #fff; text-align: left; padding: .5em .4em}

tbody td {padding: .5em .4em}
tbody .alt td {background: #222}

/***** Layout *****/
#wrapper {width: 918px; margin: 0 auto; background: url('images/bg.png') no-repeat top left; min-height: 400px; padding: 40px 26px 10px; position: relative}

/* Header */
#header {
	font-family: 'trebuchet ms', tahoma, arial, sans-serif;
	font-size: 121.42%
}

.header-image {display: block; padding-bottom: 20px; clear: both}

#logo {float: left; margin-bottom: 1.7em; position: relative; bottom: 12px}
#slogan {position: absolute; font-style: italic; display: block; top: 80px; left: 25px; z-index: 999;}

	/* Menu */
	#menu {
		float: right;
		list-style: none;
		margin: 25px 0 1em 0
	}
	
	#menu li {float: left; margin: 0 0 0 2em}
	
	#menu a:link, #menu a:visited {text-decoration: none}
	#menu a:hover, #menu a:active {text-decoration: underline}
	
	/* Header Image */
	#img-header {display: block; margin-bottom: 1em; clear: both}
	
	/* Options */
	#contact-details {position: absolute;top:15px;right: 30px; text-align: right; line-height: .8; font-style: italic; padding-bottom: .3em;}
	#contact-details .email {margin-left: 1.4em;}
	#layout-options {margin: 0; padding: 0; list-style: none}
	#layout-options li {float: left; margin: 0 5px 0 0}
	#layout-options a:link, #layout-options a:visited {width: 23px; height: 23px; display: block; float: left; text-indent: -9999em}
	
	#smaller-text {background: url('images/icons/black-small.gif')}
	#bigger-text {background: url('images/icons/black-big.gif')}
	#black-style {background: url('images/icons/black-switch.gif')}
	
/* Body */
#body {overflow: hidden; padding-bottom: 1em}
	
	/* Sidebar */
	#sidebar {
		width: 177px;
		padding: 30px;
		margin: 0 20px 0 0;
		float: left;
		background: url('images/sidebar-bg.png') no-repeat top left
	}
	
	#sidebar ul {margin: 0 0 1.5em 0; padding: 0; list-style: none}
	#sidebar a:link, #sidebar a:visited {text-decoration: none}
	#sidebar a:hover, #sidebar a:active {text-decoration: underline}
	#sidebar ul#layout-options {margin-bottom: 0}
	
	/* Content */
	#content {
		width: 620px;
		float: right;
		padding: 30px 0 30px 30px;
		overflow: hidden
	}
	#content a:link, #content a:visited {text-decoration: none}

/* Footer */
#footer {
	clear: both;
	background: url('images/footer-border.png') no-repeat top center;
	padding: 2em 0;
	text-align: left;
	color: #2e2e2e;
	font-size: 114.28%;
	overflow: hidden;
	margin: 1.5em 0 1em 0;
	position: relative;
}
#footer a:link, #footer a:visited {text-decoration: none; color: #999}
#footer a:hover, #footer a:active {text-decoration: underline}
#footer .juno-links {position: absolute; right: 0; top: 20px; font-size: .8em;}

#footer ul {font-size: .8em; float: left; clear: both; margin: -10px 0 23px 0; list-style: none; width: 100%;}
#footer li {float: left; margin: 0 1.5em 0 0;}

#footer #sg-links {margin: 2em 0 0;}
#footer #sg-links a:link, #footer #sg-links a:visited {color: #2E2E2E;}
	
/***** Sections *****/
/* Blog */
#post-list {margin: 0; list-style: none}
.post {background: none; padding: 0; margin-bottom: 4em}

#body .post h2 {font-size: 1.6em; margin-bottom: .2em}
#body .post h2 a:link, #body .post h2 a:visited {text-decoration: underline}
#body .post h2 a:hover, #body .post h2 a:active {text-decoration: none}
.post .meta {display: block; margin-bottom: 1.5em; color: #bbb}

/* Comments */
#comments h3 {font-size: 133.33%; margin-bottom: .8em; line-height: 1; text-decoration: none}
#comments ul {margin: 0 0 2em 0; padding: 0; list-style: none}
#comments ul li {background: #333; padding: 1em; margin-bottom: 1em}

#comments blockquote {margin: 0; padding: 0}
#comments blockquote p {margin-bottom: 0}
#comments cite {font-size: 76.92%; color: #acacac}

/* Comments Form */
#comment-form {margin: 0 0 1em 0; overflow: hidden; height: 1%}
#comment-form div {background: #333; padding: 1.8em; margin-bottom: 15px; overflow: hidden; height: 1%}

#comment-form label {
	display: block;
	float: left;
	margin-bottom: 15px;
	line-height: 20px;
	width: 75px;
	clear: left
}
#comment-form .text, #comment-form textarea {
	border: 0;
	display: block;
	float: left;
	margin-bottom: 15px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	font-size: 100%;
	padding: .2em .5em;
	width: 380px;
	color: #888;
	background: #fff
}

#comment-form textarea {float: none; width: 455px; height: 125px}

#comment-form .button {
	float: right;
	background: #333;
	color: #fff;
	font-size: 115.38%;
	border: 0;
	padding: .5em 2em .5em 2em;
	cursor: pointer
}

#comment-form .breakless {float: left; clear: none; margin: 0 40px 0px 0;padding:0}
#comment-form .clear {clear: both}


/* Homepage */
.sections {margin: 0 0 2.5em 0; padding: 2em 0 0 0; list-style: none; width: 642px; overflow: hidden}
.sections li {float: left; position: relative; width: 202px; height: 142px; overflow: hidden; margin: 0 10px 0 0; border: 1px solid #323232}

.sections img {position: absolute; left: 0; top: 0; z-index: 1}
.sections a:link, .sections a:visited {
	display: block;
	width: 182px;
	padding: 6px 10px 5px 10px;
	position: absolute;
	z-index: 9;
	text-decoration: none;
	bottom: 0;
	background: url('images/overlay.png') !important;
	background: url('images/overlay-ie.gif')
}
.sections a:hover {text-decoration: underline}




	/* Win link */
	.win-link {
		display: block;
		width: 536px;
		height: 57px;
		line-height: 57px;
		background: url('images/win-bg.png') no-repeat top left;
		margin: 0 auto 2em auto;
		font-family: 'trebuchet ms', tahoma, arial, serif;
		padding: 0 70px 0 20px
	}
	
	.win-link:link, .win-link:visited {text-decoration: none}
	
	.win-link strong {
		float: left;
		font-size: 25px;
		text-transform: upppercase;
		cursor: pointer
	}
	
	.win-link span {float: right; color: #848484; font-size: 18px; cursor: pointer}
	.win-link:hover span {text-decoration: underline}
	
	/* Featured Box */
	#featured {
		border: 3px solid #fff;
		clear: both;
		padding: 10px;
		overflow: hidden;
		height: 1%;
		margin: 0 0 3em 0
	}
	
	#featured .video {width: 379px; height: 243px; overflow: hidden; float: left}
	
	#featured .icons {
		width: 30px;
		padding: 0 25px 0 15px;
		margin: 0;
		list-style: none;
		float: left
	}
	
	#featured .icons li {display: block; padding: 4px 0}
	#featured .icons li a:link, #featured .icons li a:visited {
		display: block;
		width: 16px;
		padding: 3px 3px 3px 7px;
		height: 15px;
		background: url('images/icons/icon-bg.gif') no-repeat top left
	}
	#featured .icons li a:hover, #featured .icons li a:active {background-position: bottom left}
	
	#featured .info {width: 440px; float: left; padding: .5em 0 0 0; font-size: 1.1em}
	#featured .info p {line-height: 1.7}
	#featured .info a:link, #featured .info a:visited {text-decoration: none; font-weight: bold}
	
	#featured .info .links {font-size: 1.1em;}
	#featured .info .links a:link, #featured .info .links a:visited {font-weight: normal}
	#featured .info a:hover, #featured .info a:active {text-decoration: underline}
	
	/* News List */
	#news h2 {padding-left: 35px;}
	#news {background: url('images/footer-border.png') no-repeat top center; padding-top: 30px; clear: both;}
	#news-list {margin-left: 0; list-style: none; padding-top: 1.5em}
	#news-list li {float: left; width: 410px; overflow: hidden; margin-bottom: 25px}
	#news-list .left-news {clear: both; padding: 0 40px 0 35px;}
	#news-list li img {border: 2px solid #fff; float: left; margin: 0 15px 15px 0}
	#news-list h3 {line-height: 1.2; margin: 0 0 10px 0; padding: 0}
	#news-list h3 a:link, #news-list h3 a:visited {text-decoration: none}
	#news-list p {margin-bottom: .5em}
	#news-list .links {font-size: .9em; color: #a8a8a8}
	#news-list .links a:link, #news-list .links a:visited {text-decoration: none; color: #a8a8a8}
	
	#news-list h3 a:hover, #news-list h3 a:active, #news-list .links a:hover, #news-list .links a:active {text-decoration: underline}
	
/* Contact */
#contact {overflow: hidden; height: 1%}
#contact address {width: 220px; float: right; font-style: normal; font-size: 115.38%}
#contact .button:link, #contact .button:visited {
	float: left;
	background: #333;
	color: #fff;
	text-decoration: none;
	border: 0;
	padding: .5em 2em .5em 2em;
	cursor: pointer
}

#contact p {display: none}

#contact #comment-form {
	width: 350px;
	float: left
}

#contact #comment-form label {width: 50px}
#contact #comment-form .text {width: 220px; float: right}
#contact #comment-form textarea {width: 295px; clear: both}

#location-map {
	width: 608px;
	clear: both;
	float: left;
	margin-bottom: 40px;
	border: 1px solid #222;
	padding: 5px
}

#location-map fieldset {padding: 10px; margin-bottom: 10px; background: #111; color: #fff; overflow: hidden; height: 1%}

#location-map label {padding: 0 .5em 0 0; float: none; display: inline; line-height: 22px}
#location-map .text {
	background: #fff;
	margin: 0 1em 0 0;
	color: #000;
	width: 140px;
	display: inline;
	float: none;
	border: 0;
	padding: .3em .2em
}
#location-map #to {width: 120px;  cursor:default; color: #999}

#location-map input.button {
	display: inline;
	float: none;
	padding: 5px;
	background: #333;
	border: 0;
	color: #fff;
	cursor: pointer;
	text-align: left;
}

#map_canvas {height: 460px; margin: 0 auto}

#detailed-directions {padding: 0; overflow: hidden; height: 1%; color: #fff}
#detailed-directions span.left {float: left}
#detailed-directions img#expand-detailed, #detailed-directions img#contract-detailed {position: relative; bottom: 20px; right: 20px; float: right; cursor: pointer}
#detailed-directions img.hidden {display: none}

#detailed-text {float: none; display: block; padding: .8em 1em; overflow: hidden; height: 1%}

#detailed {clear: both; background: #fff; padding: 1em 1em .5em 1em; color: #000}

/* Glossary */
.glossary-term {font-size: 1.2em; color: #aaa}

/* Booking link & Offer Section */
#book-links {display: block; overflow: hidden; list-style-type: none; margin: 0 0 20px 0; padding:0}
#book-links li{float:left;width: 45%; overflow: hidden;padding: 5px 0 0 0}
#book-links li a{
	display:block;
	width: 280px;
	height: 57px;
	background: url('images/book-bg.png') no-repeat;
	line-height: 57px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	text-decoration: none
}
#book-links li a span{color: #b3b3b3}
#book-links li a:hover{
	text-decoration: none;
	background: url('images/book-bg-hover.png') no-repeat;
}
#button-link {display: block; overflow: hidden; margin: 0 0 20px 0; padding:0}
#button-link a{
	display:block;
	width: 280px;
	height: 57px;
	background: url('images/book-bg.png') no-repeat;
	line-height: 57px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	text-decoration: none
}
#button-link a span{color: #b3b3b3}
#button-link a:hover{
	text-decoration: none;
	background: url('images/book-bg-hover.png') no-repeat;
}

.offer{margin: 20px 0}

.offer a{
	display:block;
	width: 619px;
	height: 57px;
	background: url('images/offer-bg.png') no-repeat;
	line-height: 57px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	text-decoration: none
}

.offer a:link, .offer a:visited {text-decoration: none}

.offer a:hover{
text-decoration: none;
	background: url('images/offer-bg-hover.png') no-repeat;
}

.offer a span {text-decoration: none}
.offer a .grey {color: #b3b3b3}
.offer a .white {color: white}