/* MAIN

========================================== */

body {

	color: #000;

	background-color: #fff;

	text-align: center;

	margin: 0;

	padding: 0;

	font: 84%/1.5 Arial, "Lucida Grande", Verdana, sans-serif;

	background: #fff url('images/bg-header.png') center 31px repeat-x;

}

.container {

	width: 680px;

	margin: 0 auto;

	text-align: left;

	clear: both;

}

.containernew {

	width: 680px;

	margin: 0 auto;

	text-align: center;

	clear: both;

}

.small {

	width: 170px;

	float: left;

	text-align: left;

}

.smallnew {

	width: 340px;

	float: left;

	text-align: center;

}

.medium {

	width: 340px;

	float: left;

}

.large {

	width: 510px;

	float: left;

}

.full {

	width: 100%;

	float: left;

}



/* ELEMENTS

========================================== */

p {

	color: #333;

	margin: 0 0 12px;

	line-height: 150%;

}

h1, h2, h3, h4, h5, h6 {

	margin: 0;

	line-height: 100%;

	font-weight: bold;

	font-family: Helvetica, "MS Trebuchet", Arial, sans-serif;

	color: #0C6A85;

}



img {

	border: 0

}

img.left,

img.right {

	display: block;

}



img.right {

	padding: 0 0 3px 12px;

	float: right;

}

img.left {

	padding: 0 12px 3px 0;

	float: left;

}



a:link, a:visited {

	color: #333;

}

a:hover, a:active {

	color: #000;

}



/* MISC ==========*/

p.smallprint {

	font-size: 80%;

	color: #666;

}

p.smallprint a,

p.smallprint a:link,

p.smallprint a:visited,

p.smallprint a:hover,

p.smallprint a:active {

	color: #666 !important;

}

span.required {

	color: #9A3D46;

}



/* HOME SPECIALS ==========*/

#content strong a:link, 

#content strong a:visited {

	color: #333;

}



/* CONTACT

========================================== */

#contact {

	height: 31px;

	background-color: #fff;

}

#contact p {

	margin: 0;

	line-height: 31px;

	float: left;

	

	padding: 17px 0 0 0;

	overflow: hidden;

	background: url('images/contact.png') top left no-repeat;

	width: 305px;

	height: 0px !important;

	height /**/:17px;

	

	position: relative;

	top: 6px;

}



/* HEADER

========================================== */

#header {

	height: 153px;

}



#header h1 {

	margin: 0;

	float: left;

	

	padding: 153px 0 0 0;

	overflow: hidden;

	background: url('images/logo.png') no-repeat;

	width: 173px;

	height: 0px !important;

	height /**/:153px;

}

#header.alt {height: 80px;}

#header.alt h1 {	

	padding: 80px 0 0 0;

	background-image: url('images/logo-alt.png');

	width: 400px;

	height: 0px !important;

	height /**/:80px;

}



#header h2 {

	margin: 0;

	float: left;

	

	padding: 97px 0 0 0;

	overflow: hidden;

	background: url('images/header.png') top left no-repeat;

	width: 464px;

	height: 0px !important;

	height /**/:97px;

	

	position: relative;

	top: 28px;

	right: -30px;

}



/* FEATURE

========================================== */

#feature {

	margin-bottom: 20px;

}



#feature .container {

	width: 720px;

	height: 199px;

	padding: 0;

	position: relative;

	background: #307990 url('images/feature-center.png') top center repeat-x;

}



#feature #gallery {

	float: left;

	padding: 18px 23px 0;

	height: 181px;

	background: url('images/feature-left.png') top left no-repeat;

}



#feature p {

	display: block;

	float: left;

	height: 176px;

	width: 348px;

	margin: 0;

	padding: 23px 23px 0 0;

	overflow: auto;

	background: url('images/feature-right.png') top right no-repeat;

	font-size: 110%;

	color: #fff;

}

#feature p a.quote {

	display: block;

	position: absolute;

	bottom: 14px;

	right: 18px;

	

	padding: 75px 0 0 0;

	overflow: hidden;

	background: url('images/quote-button.png') no-repeat;

	width: 215px;

	height: 0px !important;

	height /**/:75px;

}



/* CONTENT

========================================== */

#content {

	margin: 0 0 20px 0;

}



#content .small,

#content .medium,

#content .large {

	margin-bottom: 12px;

}



#content p {

	padding-right: 20px;

}



#content h1 {

	margin: 0 0 6px;

}



#content h2 {

	font-weight: normal;

	font-size: 140%;

	margin: 0 0 20px 0;

}



#content h3 {

	font-size: 120%;

	margin: 18px 0 6px 0;

}

#content h3 strong {

	color: #333;

}



#content h4 {

	font-size: 100%;

	line-height: 150%;

	margin-bottom: 6px;

	color: #000;

}



#content a,

#content a:link,

#content a:visited,

#content a:active {

	font-weight: bold;

	color: #0F8AB0;

}

#content a:hover {color: #000;}



#content img {

	margin: 0;

}



#content ul,

#content ol {

	margin: 0 0 20px;

}

#content ul {

	padding-left: 18px;

	padding-right: 20px;

}

#content ul li {

	margin-bottom: 3px;

}

#content ul ul {

	margin-bottom: 0;

}



#content blockquote {

	margin: 0 0 20px;

	padding: 12px 12px 6px;

	background-color: #E2F3F2;

	border: 2px solid #B2DEDB;

}

#content blockquote p {

	margin: 0 0 6px;

}



/* FORMS

========================================== */

form {

	margin: 0 auto 12px;

	padding: 10px;

	border: 1px solid #eee;

}



form table {

	margin: 0;

	padding: 0;

	border-collapse: collapse;

	width: 100%;

}



form table td {

	padding: 1px;

	vertical-align: top;

}



fieldset {

	margin: 0;

	padding: 0;

	border: 0;

}



#content form h2 {

	height: 24px;

	text-align: left;

	margin: 0;

}

#content form h2.contact,

#content form h2.customise {

	padding: 3px 0 0 28px;

	background: url('images/form-customise.png') center left no-repeat;

}

#content form h2.contact { background-image: url('images/form-contact.png');}



#content form p {

	margin: 0 0 6px 0;

	padding: 0;

	clear: left;

}



#content p.success {

	margin-bottom: 12px;

}

#content p.error {

	color: #D82400;

	margin-bottom: 12px;

	font-weight: bold;

}



form p span.tiny {

	display: block;

	color: #999;

	font-size: 90%;

}



label {

	display: block;

	float: right;

	width: 190px;

	margin: 6px 0 0;

	padding: 0;

	color: #777;

	line-height: 100%;

	font-weight: bold;

	text-align: right;

	margin-right: 6px;

	cursor: pointer;

}



input, textarea, select {

	margin: 0 0 4px;

	font: 100% Arial, Verdana, sans-serif;

}



input.text, textarea.text, select {

	padding: 2px 3px;

	background: #fcfcfc;

	border: 1px solid #aaa;

	border-bottom-color: #CDDBCD;

}



input.text, textarea.text {

	display: block;

	width: 195px;

}



textarea.text {

	width: 360px;

	height: 100px;

	padding: 3px;

}



input.checkbox {

	margin: 0 0 1px;

}



input.button {

	color: #000;

	margin: 0;

	padding: 3px 5px;

	background-color: #f6f6f6;

	border: 3px double #999;

	border-top-color: #bbb;

	border-left-color: #bbb;

	font-size: 100%;

	font-weight: bold;

	float: left;

}

input.button:hover {

	background-color: #fbfbfb;

}



input.button:active {

	background-color: #fff;

	border: 3px double #bbb;

}



input.text:focus,

textarea.text:focus,

input.button:active { background-color: #fff; border-color: #999; }



input.inline,

label.inline {

	margin: 0;

	display: inline;

	float: none;

	clear: none;

	font-weight: normal;

	line-height: 100%;

	color: #000;

	width: auto;

}



label::-moz-selection { background-color:transparent; }

label::selection { background-color:transparent; }



/* FOOTER

========================================== */

#footer {

	clear: both;

	background-color: #F5F5E8;

	border: 2px solid #DCDCCF;

	border-left: 0; border-right: 0;

	padding: 12px 0 0;

}



#footer p {

	color: #8A8877;

	line-height: 125%;

}



#footer p.credits {

	clear: both;

	font-size: 80%;

}



#footer a:link, #footer a:visited {

	color: #666;

}

#footer a:hover, #footer a:active {

	color: #000;

}



/* NAVIGATION

========================================== */

#nav {

	height: 57px;

	margin: 0 0 5px;

	background: url('images/bg-nav.png') top center no-repeat;

}

#nav ul {

	height: 45px;

	width: 698px;

	margin: 0;

	padding: 0 11px;

	background: #307990 url('images/bg-nav.png') top center no-repeat;

}

#nav .container {

	width: 720px;

}

#nav ul li a {

	line-height: 45px;

	font-size: 105%;

	font-weight: bold;

}



.preload1 { background: url(images/nav/six_0a.gif);}

.preload2 { background: url(images/nav/six_1a.gif);}



#nav ul {list-style:none; position:relative; z-index:200;}

#nav ul li.top {display:block; float:left;}

#nav ul li a.top_link {display:block; float:left; height:45px; color:#fff; text-decoration:none; font-weight:bold; padding:0 0 0 6px; cursor:pointer;}

#nav ul li a.top_link span {float:left; display:block; padding:0 12px 0 6px; height:45px;background: url(images/nav/six_0.gif) no-repeat right center;}

#nav ul li a.top_link span.down {float:left; display:block; padding:0 22px 0 6px; height:45px; background: url(images/nav/six_0a.gif) no-repeat right center;}



#nav ul li:hover a.top_link,

#nav ul a.top_link:hover

{color:#fff; background: #1E8AAB url(images/nav/six_1.gif) no-repeat;}

#nav ul li:hover a.top_link span, 

#nav ul a.top_link:hover span

{background: #1E8AAB url(images/nav/six_1.gif) no-repeat right top;}

#nav ul li:hover a.top_link span.down,

#nav ul a.top_link:hover span.down

{background:url(images/nav/six_1a.gif) no-repeat right top; padding-bottom:3px;}



#nav ul table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}



#nav ul li:hover {position:relative; z-index:200;}

#nav ul a:hover {position:relative; white-space:normal; z-index:200;}



#nav ul :hover ul.sub

{left:0px; top:46px; background: #1E8AAB; padding:3px; border:1px solid #0C6A85; border-top:0; white-space:nowrap; width:160px; height:auto; z-index:300;}

#nav ul :hover ul.sub li

{display:block; height:20px; position:relative; float:left; width:160px; font-weight:normal; }

#nav ul :hover ul.sub li a

{display:block; font-size: 90%; height:20px; width:100%; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; }

#nav ul li ul.sub li a.fly

{background:#50b5d0 url(images/nav/arrow.gif) 80px 6px no-repeat;}

#nav ul :hover ul.sub li a:hover 

{background:#42A2BD; color:#fff; border-color:#fff;}

#nav ul :hover ul.sub li a.fly:hover

{background:#42A2BD url(images/nav/arrow_over.gif) 80px 6px no-repeat; color:#fff;}



#nav ul li b {display:block; font-size: 80%; height:18px; width:100%; line-height:18px; margin-bottom:3px; text-indent:6px; color:#fff; border-bottom:1px solid #fff; cursor:default;}



#nav ul a:hover a:hover ul,

#nav ul a:hover a:hover a:hover ul,

#nav ul a:hover a:hover a:hover a:hover ul,

#nav ul a:hover a:hover a:hover a:hover a:hover ul

{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:160px; z-index:400; height:auto;}



#nav ul ul, 

#nav ul a:hover ul ul,

#nav ul a:hover a:hover ul ul,

#nav ul a:hover a:hover a:hover ul ul,

#nav ul a:hover a:hover a:hover a:hover ul ul

{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



#nav ul li:hover li:hover > ul

{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:160px; z-index:400; height:auto;}

#nav ul li:hover > ul ul 

{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav ul li:hover li:hover > a.fly

{background:#3f96a9 url(images/nav/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav ul li:hover li:hover > li a.fly

{background:#50b5d0 url(images/nav/arrow.gif) 80px 6px no-repeat; color:#000; border-color:transparent;} 



#nav ul li.contact {

	float: right;

}



#nav ul li.contact a {

	color: #FCEEDB;

}



#nav ul li.end a span,

#nav ul li.end:hover a span, 

#nav ul li.end a:hover span {

	background-image: none;

}