@charset "UTF-8";


html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend,table, caption, tbody, tfoot,
thead, tr, th, td {border:0; vertical-align:baseline; text-decoration:none; background:transparent; outline:none;}
html	{height: 100%; font-family:Museo700,Helvetica,Arial,sans-serif; color:#3c3c3c; font-size:.85em; overflow-x:auto; overflow-y:scroll;}
body	{margin:0; padding:0; background:#ffffff url(./../images/colourfull/) repeat top center;}
.clear	{clear:both}


/* site formatting */
#screen	{width:1000px; margin:0 auto; border:0px solid #ccc;}
#header {height:440px;  background:/*#CFD7FF*/ url(./../images/colourfull/bracket_sky.png) no-repeat top center; position:relative; overflow:hidden;}
#titlebar{position:absolute; top:35px; left:300px; z-index:0; width:200px; height:50px; background: url(./../images/colourfull/welcome.png) no-repeat center}
#sliders{overflow:hidden;}
#sliders>*{display:none;}	
.foreground{position:absolute; top:70px; height:400px; width:1000px; z-index:100; background:url(./../images/colourfull/bracket_upper.png) no-repeat center bottom;}
.land{position:absolute; top:366px; left:0px; z-index:90; height:500px; width:1000px; background:url('./../images/village-background.png') no-repeat top center;}
.land div {position:absolute; top:120px; left:660px; width:300px;}
.land div p{color:#3C3C3C; font-family:"Lucida Grande",arial, sans-serif; font-size:13px; line-height:1.6em;}
.land div h2{color:#9C3576; font-family:arial, sans-serif; font-size:26px; margin:0; padding:0; letter-spacing:-2px;}		
.cloud{position:absolute; top:-460px; left:770px; z-index:90; height:130px; width:210px; background:url('./../images/colourfull/cloud.png') no-repeat bottom left;}
.cloud p{position:absolute; top:30px; right:10px; color:#37626F; font-family:Museo700,Helvetica,Arial,sans-serif; font-weight:normal; font-size:18px; letter-spacing:-1px; cursor:pointer;}	
.cloud a{position:absolute; top:25px; right:88px;}
#absolute {position:absolute; left:50%; margin-left:-500px; width:1000px;}
#slider {position:absolute; left:120px; top:150px; width:400px; height:260px; z-index:200; background:url('./../images/slider/bubble.png') no-repeat top left;}
#footer {position:relative; padding-top:60px; background:url(./../images/colourfull/bracket_lower.png) no-repeat center top;}
#footer ul {list-style:none; float:right; width:200px; padding:0 10px 15px; color:#3c3c3c; border-left:1px dotted #cccccc;}
#footer li {margin:12px 0 -10px; font:verdana; font-size:0.75em; font-style:oblique; color:#aaa;}
#footer a {font-style:normal; color:#aaa; border:0;}
#footer a:hover {position:relative; text-decoration:none;}
#footer:after {content:""; display:block; height:0; overflow:hidden; clear:both;} 
#tagline {margin-top:50px; text-align:center; font:verdana; color:#ccc; font-size:0.7em;}


/* showcase grid formatting */
.grid {margin:40px 0 0 90px; padding:0; width:820px; text-align:center;}
.grid:after {content:""; display:block; height:0; overflow:hidden; clear:both;}
.grid li {
	width:175px;
	height:320px;
	margin:10px 15px 20px;
	display:block;
	text-align:left;
	font-family:"Helvetica Neue", sans-serif;
	line-height:17px;
	color:#686f74;
	border-top:2px #cccccc solid;
	border-bottom:1px #cccccc dashed;
	float:left;
	}
.grid li:hover {color:#FF9E04; border-top:2px #FF9E04 solid; border-bottom:1px #FF9E04 dashed;}
.grid li div { position:relative; width:175px; height:245px; background: #fff url() no-repeat center; overflow:hidden;}
.grid li img {height:240px;}
/*.grid li img:hover {filter:alpha(opacity=80); opacity:0.8;}*/
.grid li strong {font-size:0.9em; margin:10px 0 5px; display:block;}
.grid li span {font-size:0.8em; margin:0; display:block; color:#999;}
.grid li p {font-size:0.7em; margin:0; display:block; color:#999;}
.grid li p a, .image-grid li span a {color:#aaaaaa; margin-left:5px;}
.grid li p a:hover, .image-grid li span a:hover {text-decoration:none; position:relative; left:1px;}


/* showcase shuffle formatting [ 1:first, 0:middle, 2:last ] */
.shuffle {position:absolute; top:425px; right:120px; text-align:right; font-size:12px; z-index:200;}
.shuffle:after {content: ""; display:block; height:0; overflow:hidden; clear:both;}
.shuffle, .shuffle  li {list-style:none; display:inline-block;}
.shuffle li a {padding:7px 0 20px; color:#ccc; font-weight:bold; display:inline; background: url(./../images/colourfull/unselect_tab.png) no-repeat center top;}
.shuffle li .before {padding:7px 6px 20px; display:inline; background: url(./../images/colourfull/unselect_tab.png) no-repeat left top;}
.shuffle li .after {padding:7px 6px 20px; display:inline; background: url(./../images/colourfull/unselect_tab.png) no-repeat right top;}
.shuffle li.selected-1 a, .shuffle li.selected-0 a, 
.shuffle li.selected-2 a {padding:7px 0 20px; color:#fff; font-weight:bold; display:inline; background: url(./../images/colourfull/select_tab.png) no-repeat center top;}
.shuffle li.selected-1 .before, .shuffle li.selected-0 .before,
.shuffle li.selected-2 .before {padding:7px 6px 20px; display:inline; background: url(./../images/colourfull/select_tab.png) no-repeat left top;} 
.shuffle li.selected-1 .after, .shuffle li.selected-0 .after,
.shuffle li.selected-2 .after {padding:7px 6px 20px; display:inline; background: url(./../images/colourfull/select_tab.png) no-repeat right top;}
.sorting {position:absolute; top:80px; right:-100px; text-align:left; font-size:10px;}
.sorting, .sorting  li {list-style:none; display:block; margin-bottom:15px;}
.sorting li a {padding:5px 0 7px 15px; color:#fff; font-weight:normal; display:inline; background: url(./../images/colourfull/unsort_tab.png) no-repeat left top;}
.sorting li .after {padding:5px 0 7px 10px; display:inline; background: url(./../images/colourfull/unsort_tab.png) no-repeat right top;}
.sorting li.selected-1 a, .sorting li.selected-0 a, 
.sorting li.selected-2 a {padding:5px 0 7px 15px; color:#000; font-weight:normal; display:inline; background: url(./../images/colourfull/sort_tab.png) no-repeat left top;}
.sorting li.selected-1 .after, .sorting li.selected-0 .after,
.sorting li.selected-2 .after {padding:5px 0 7px 10px; display:inline; background: url(./../images/colourfull/sort_tab.png) no-repeat right top;}


/* footermenu formatting */
#icon {position:absolute; right:275px; top:208px;}
#icon li {list-style:none; width:100px; height:83px; position:relative; float:left;}
#icon a, #icon a:visited, #icon a, #icon a:hover {
	margin: 0 auto; width:100px; height:83px; text-indent:-9999px; overflow:hidden; 
	background:url(../images/colourfull/mail.png) no-repeat; display:block; position:relative; z-index: 2;}
#icon li.button-color-1 a {background-position: 0px 0px;}
#icon li img.shadow {margin: 0 auto; position:absolute; bottom:0; left:0; z-index:1;}
#footmenu {position:absolute; left:85px; top:20px;}
#footmenu ul#menu {margin:5px 0px; width:400px; list-style:none; border:0; display:inline-block;}
#footmenu ul#menu li {padding:0px; float:left; position:relative; margin-left:5px; margin-right:5px; width:48px; height:48px;}
#footmenu ul#menu li a {position:absolute;}
#footmenu ul#menu li img {position:absolute; width:48px; top:0px; left:0px; padding:0px; margin:0 8px 0 0; border:none; overflow:hidden;}


/* contact form formatting */
#contactform {width:553px; height:270px; margin:0; padding:0; background:#000 url(./../images/colourfull/contact_bg.png) no-repeat center;}
#loadBar {position:absolute; bottom:12px; right:130px; text-align:right; margin-right:10px; display:block;}
#loadBar .img {float:right}  
#emailSuccess {position:absolute; top:80px; right:5px; height:157px; width:261px;}
#contactFormArea {position:absolute; top:0; right:0; width:550px; padding:0;}
#contactFormArea fieldset {margin-top:5px; padding:0; width:364px; float:right;}
#contactFormArea label {width:80px; height:25px; float:left; text-align:right; margin-right:10px; display:block;}
#contactFormArea input {
	background-color:transparent; border-color:transparent transparent transparent #4A4A4A; border-left:4px solid #4A4A4A; border-right:0 none transparent; border-style:none none none solid; border-width:0 0 0 4px;
	color:#FF9E04; font-family:Arial,Helvetica; font-size:15px; font-weight:100; text-align:left; vertical-align:middle; height:25px; padding-left:10px; width:200px;
	}
#contactFormArea input:hover {border-color:#FF9E04;}	
#contactFormArea input.submit {
	background-color:transparent; border:medium none; float:right; margin-top:0; padding-right:20px;
	color:#FFFFFF; font-family:Arial,Helvetica; font-size:16px; font-weight:40; text-align:right; vertical-align:middle; width:130px;
	}
#contactFormArea input.submit:hover {color:#FF9E04;}
#contactFormArea textarea {
	background-color:transparent; border-color:transparent transparent transparent #4A4A4A; border-left:4px solid #4A4A4A; border-right:0 none transparent; border-style:none none none solid; border-width:0 0 0 4px;
	color:#FF9E04; font-family:Arial,Helvetica; font-size:11px; font-weight:100; text-align:left; height:80px; overflow:hidden; padding-left:10px; width:200px;
	}
#contactFormArea textarea:hover {border-color:#FF9E04;}
#contactFormArea div {position:absolute; top:110px; left:12px; font-size:13px;}
#contactFormArea input[type="checkbox"] { outline: none; width:10px;}
#contactFormArea address {position:absolute; top:15px; left:15px;}
#contactFormArea span {display:block; color:#fff;} .name {font-size:16px; font-weight:bold;} .title {font-size:10px; padding-bottom:10px;} .snail, .phone {font-size:13px;} 


/* tipsy tooltips */
.tipsy-inner {padding:10px 15px; line-height:1.5em; font-weight:bold;}
.tipsy {opacity:.8; filter:alpha(opacity=80); background-repeat:no-repeat; padding:5px;}
.tipsy-inner {
	padding:8px 8px;
	max-width:200px;
	font:11px 'Lucida Grande', sans-serif;
	font-weight:bold;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#000;
	color:white;
	text-align:left;
}
.tipsy-north {background-image:url(./../images/colourfull/tipsy-north.gif); background-position:top center;}
.tipsy-south {background-image:url(./../images/colourfull/tipsy-south.gif);	background-position:bottom center;}
.tipsy-east {background-image:url(./../images/colourfull/tipsy-east.gif); background-position:right center;}
.tipsy-west {background-image:url(./../images/colourfull/tipsy-west.gif); background-position:left center;}