@import url("./main.css");
body {
	margin: 0; padding: 0; 
	background: #622377; 
	color: #F7AB15; 
	font-size: 12px; 
	font-family: 'Arial', sans-serif; 
}
div { margin: 0; padding: 0; }
div#main {
	width: 789px; 
	height: 684px; 
	margin: 33px auto;
	background: url("./images/background/1.jpg") 0 0 no-repeat;
	position: relative;
}
div#header {
	height: 114px;
	padding: 0;
	position: relative;
}
div#header strong {
	font-size: 16px;
	color: #FFF; 
}
div#header a {
	text-decoration: none; 
	color: #FFF; 
}
div#header div#service { float: right; margin-right: 1em; }
div#header div#logo { 
	 position: absolute; left: 0; top: 0;
	 width: 684px; height: 114px;
	 background: #622377;
	z-index: 102;
}
div#header div#logo img { margin-top: 25px; }
div#flags {
	width: 105px; height: 105px;
	text-align: right;
	position: absolute;
	z-index: 100;
}
div#flags img { vertical-align: -2px; }
div#flags a { font-weight: bold; font-size: 17px }

div#content {
	width: 447px; height: 447px;
	float: right; 
	background: #F7AB15; color: #622377;
	position: relative; z-index: 101;
	overflow: hidden;
}
div#content.c0x0 { background: transparent; width: 789px; height: 684px; margin-top: -114px; margin-left: 342px; }
div#content.c0x0 #scrollbar,
div#content.c0x0 h1, 
div#content.c0x0 #toppadding 
	{ display: none; }
div#content.c1x1 { width: 105px; height: 105px; }
div#content.c1x2 { width: 105px; height: 219px; }
div#content.c1x3 { width: 219px; height: 333px; }
div#content.c1x4 { width: 219px; height: 447px; }
div#content.c2x2 { width: 219px; height: 219px; }
div#content.c2x3 { width: 219px; height: 333px; }
div#content.c2x4 { width: 219px; height: 447px; }
div#content.c3x2 { width: 333px; height: 219px; }
div#content.c3x3 { width: 333px; height: 333px; }
div#content.c3x4 { width: 333px; height: 447px; }
div#content.c4x2 { width: 447px; height: 219px; }
div#content.c4x3 { width: 447px; height: 333px; }
div#content.c4x4 { width: 447px; height: 447px; }
div#content.c5x2 { width: 561px; height: 219px; }
div#content.c5x3 { width: 561px; height: 333px; }
div#content.c5x4 { width: 561px; height: 447px; }
div#content.c6x2 { width: 675px; height: 219px; }
div#content.c6x3 { width: 675px; height: 333px; }
div#content.c6x4 { width: 675px; height: 447px; }
div#content.c7x2 { width: 789px; height: 219px; }
div#content.c7x3 { width: 789px; height: 333px; }
div#content.c7x4 { width: 789px; height: 447px; }
#id-reference div#content.c0x0 #mainText { overflow: hidden; margin-left: 328px; margin-top: 556px; width: 447px; height: 105px; background: #F7AB15; }
#id-reference div#content.c0x0 #mainText div { padding: 10px 15px; line-height: 18px; }


div#content .inside {
	margin: 0;
	padding: 14px 16px;
	line-height: 16px;
	position: relative;
}
div#content .inside p {	margin: 0 0 4px 0; padding: 0; }
div#content .inside ul { margin: 0 0 4px 15px; padding: 0; }

div#content #scrollbar {
	width: 100%; height: 21px;
	/*background: red url('./images/bg_scrollBar.png') 0 0 repeat-x;*/
	background: #F7AB15;
	text-align: right;
	position: absolute;
	bottom: 0;
}
#scrollbarBack, 
#scrollbarNext { text-decoration: none; font-size: 19px; }

div#content #toppadding {
	width: 100%; height: 16px;
	background: #F7AB15;
	position: absolute; top: 0;
	/*background: url('./images/bg_toppading.png') 0 0 repeat-x;*/
}
div#sidebar {
	width: 333px; 
	width: 342px; 
	float: left;
}
div#footer {
	line-height: 2.5em;
	padding: 0 .5em; 
	clear: both;
	font-size: 10px;
	display: none;
}
div#footer a {
	color: #FFF; 
}
a { color: #622377; }
a:hover { color: #000; }
div#sidebar a {
	color: #FFF; 
}
h1, h1 a {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 18px;
	color: #622377;
	clear: both;
}
h2, h2 a {
	margin: 1em 0 .5em 0;
	font-size: 15px; 
	color: #622377;
}
h3, h3 a {
	font-size: 15px; 
}
h4, h4 a {
	font-size: 13px; 
}
p {
	margin-top: 0;
	margin-bottom: .5em;
	padding: 0;
}
ul { margin-top: 0; }
ul li { padding-top: .5em; list-style-type: none;}

div.divider { 
	width: 95%; 
	height: 20px;
	margin: 1em 0 0 0;
	padding: .2em 0;
	display: block;
}
fieldset {
	 width: 75%;
	 border: 0; 
	 padding: 1em; 
}
legend {
	 font-style: italic; 
	 font-weight: bold; 
	 font-size: 1em; 
	 background: #025774; 
	 color: #FFF; 
	 border: solid 1px #999; 
	 padding: 0 .4em 0 .4em; 
}
label { 
	float: left;
	width: 30%;
	text-align: right;
	margin: 4px 1em 0 0;
}
fieldset#submit {
	margin-top: 1em;
	padding: .5em;
	text-align: center;
}
fieldset#submit input {
	margin-top: .5em;
	padding: .2em .4em;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
}
input, select {
	margin-bottom: .5em;
	padding: .1em;
	/*border: solid 1px #000;*/
}
input.checkbox {
	width: 1em;
	margin-bottom: 0;
	padding: 0;
	border: none;
}
div.buttons {
	margin-top: 1em;
	float: right;
}
div.buttons input { border: solid 1px #000; background: #99CC66; color: #000; }
img { margin: 0; padding: 0; border: 0; }
pre { font-size: 120%; }

.cleaner { display: none; clear: both; }
.clear { clear: both; }
.ref { float: left; margin: 0 2em 0 0; padding: .3em; border: solid 1px #D1E5EF; background-color: #EFFAFF; }

/* TOP MENU */
#header .menu { width: 100%; padding: 0; background: #000; position: absolute; bottom: 0; text-align: center }
#header .menu ul { margin: 0 auto; padding: 0; list-style-type: none; display: block; }
#header .menu li { margin: 0; padding: 0; color: #FFF; float: left; }
#header .menu li a, #header .menu li strong { margin: 0; padding: 0 1em; color: #FFF; font-size: 18px; line-height: 30px; float: left; font-weight: bold; }
#header .menu li strong { background-color: #426288; }
#header .menu li a:hover { background-color: #426288; }

/* SIDEBAR MENU */
#sidebar .menu ul { margin: 0; padding: 0; }
#sidebar .menu li,
#squares div { 
	width: 105px; height: 105px;
	border: solid #622377; 
	border-width: 0 9px 9px 0;  
	margin: 0; padding: 0; 
}
#sidebar .menu li { 
	list-style-type: none; 
	background: #FFF; color: #F7AB15; 
	position: absolute; z-index: 1000;
}

#sidebar .menu li a,
#sidebar .menu li strong {
	width: 89px; height: 89px; 
	padding: 8px;
	display: block;
	font-size: 18px;
	text-transform: lowercase;
}
#sidebar .menu li a { color: #F7AB15; font-weight: bold; text-decoration: none; }
#sidebar .menu li a:hover { color: #622377; /*background: #F7AB15;*/ }
#sidebar .menu li strong { color: #FFF; background: #F7AB15; }
#sidebar .menu li ul { position: absolute; bottom: 9px; left: 9px; font-size: 10px;width: 90px; }
#sidebar .menu li ul li.sq0 { width: auto; height: auto; position: static; float: left; border: 0; margin-right:.5em; background: transparent; }
#sidebar .menu li ul li.sq0 a,
#sidebar .menu li ul li.sq0 strong 
	{ width: auto; height: auto; background: transparent; font-size: 13px; padding:0; float: left; line-height: auto; text-transform: none;}


div.pages {
	margin: 0 .5em 0 0;
	padding: 0;
	color: #001333;
	font-style: italic;
}
div.pictureMenu {
	font-size: 95%;
	text-align: right;
	line-height: 2em;
	float: right;
}
div.pictures {
	/*min-height: 250px; _height: 250px;*/
}
div.pictures div.picture {
	margin: .75em 1.5em .75em 0;
	padding: .5em;
	text-align: center;
	display: inline;
	float: left;
	/*background: #EFEFEF;*/
	position: relative;
}
div.pictures ul {
	margin: 0 2em;
}
div.pictures div.picture a {
	text-decoration: none;
}
div.pictures div.picture .text {
	line-height: 30px; height: 30px; 
	display: block; 
	overflow: hidden; 
	position: absolute; bottom: 0; 
	text-align: center; 
}
div.pictures div.picture .image { display: table-cell; vertical-align: middle; padding: 0; }

div#thumb {
	margin: .5em 0 1em 0; padding: 0;
	text-align: center;
	border: solid 1px #000;
}
div#thumb img {
	margin: 0; padding: 0;
	border: 0;
}
/* Search */
div#search { 
	padding: 1em .5em 0 0;
	text-align: right;
}
div#search form { margin: 0; padding: 0;}
div#search fieldset { width: 100%; margin: 0; padding: 0; border: 0; text-align: right; }
div#search input { margin: 0; padding: 0;  font-size: .9em;}
div#search input#sbi { width: 10em; font-size: .9em; padding: 2px; }
div#search input#sbb { margin: 0; padding: 1px .5em; _padding: 0; }
div#search input#ss0, div#search input#ss1 { 
	width: 1em; 
	vertical-align: -20%; _vertical-align: -10%; 
	border: 0; 
	padding: 0;
	margin: 0;
}
div#search label { 
	float: none;
	margin: 0; padding: 0;
	color: #EFEFEF;
}
div#googleSearchUnitIframe { font: normal .8em 'Trebuchet MS' !important; height: 50px!important; overflow: hidden!important}

iframe {
  background-color: #ebebeb;
  border: #B5B6B5 2px solid;
  margin: 0;
}


em.annotation {
	display: block;
	margin-bottom: 1em;
}

.list { margin: 0 0 10px 0; padding: 0;  }
.list ul { margin: 0!important; padding: 0; list-style-type: none; display: block}
.list ul li { margin: 0 1em 0 0; padding: 0; float: left }
.list ul li a, .list ul li strong { text-decoration: none; font-size: 18px; color: #FFF; font-size: 18px; text-transform: lowercase; font-weight: bold; }

#breadcrumbNav { margin: 0 0 0  -.25em; font-size: 11px; }
#breadcrumbNav a,#breadcrumbNav strong { padding: 0 .25em; }

/* GBOOK */
div#gbook { margin: 1em 0; }
div#gbook div { padding: .5em 0; border-top: 1px solid #8C8C8C; }
/*div#gbook div span, div#gbook div span small { float: left; }*/
div#gbook div span.date { float: right; }
div#gbook div p { padding-top: .5em; clear: both; }

form#gbookForm label { width: 4em; text-align: left; }
form#gbookForm label.text { width: auto; }

/* BASIC CLASS */
.right { float: right; }

/* POLL */
.box { margin: .5em .5em; padding: 7px 10px; background: #EFEFEF; color: #000; }
.box .title { margin: 0 0 .25em 0; padding: 0; font-size: 15px; }
.box .title a { text-decoration: none; }
.box a { color: #385B82!important; }
.box a:hover { color: #74A530!important; }

.box.poll span { display: block; }
.box.poll .voted { margin: 0; padding: 1em 0 0 0; clear: both; }
.box.poll form { margin: 0; padding: 5px 0; clear: both; }
.box.poll form label { float: left; width: auto; }
.box.poll form input { float: left; margin: 6px 3px 0 0; }
.box.poll form input.button { float: right; margin-top: 0; }
.box.poll form p { margin: 0; padding: 0; }
.box.poll form .submit { padding-top: .5em; clear: both; float: none; }
.box.poll ul { margin: 0; padding: 0; list-style-type: none; }
.box.poll ul li { clear: both; }
.box.poll ul li .label { float: left; }
.box.poll ul li .cover { float: right; width: 72%; color: #FFF; }
.box.poll ul li .cover .graph { padding: 0 2px; }

.box.articles ul { margin: 0 0 1em 0; padding: 0; list-style-type: none; border-bottom: 1px solid #8C8C8C; }
.box.articles ul li { margin: .5em 0 0 0; padding: .5em 0 0 0; clear: both; border-top: 1px solid #8C8C8C; }
.box.articles ul li div { margin: 0; padding:0 }

.box.gallery ul { list-style-type: none;  }
.box.gallery ul li {  border-top: 1px solid #8C8C8C;  }
.box.gallery ul li .name { margin-bottom: .5em; }
.box.gallery ul li img { margin-right: 3px; }

/* RESULT MSG */
div#result {
	 width: 30em;
	 width: 332px;
	 margin: -60px auto 0 auto; 
	 padding: .3em 1em .3em .3em;
	 background-color: #FFF; 
	 font-size: 110%;
	 font-weight: bold;
	 position: absolute;
	 z-index: 777777;
}
div#result.success {
	 border: solid 2px #54BA01;
	 color: #54BA01;
}
div#result.fail {
	 border: solid 2px #CF4141;
	 color: #CF4141;
}
div#result img {
	float: left;
	margin: 0 1em 0 0; 
}
div#result p {
	margin: .3em 0; 
	padding: 0;
}

/* SQUARES */
#squares div {
	position: absolute; z-index: 99;
	border-color: #622377;
}
.square { 
	width: 105px; height: 105px;
	border: solid #622377; 
	border-width: 0 9px 9px 0;
	margin: 0; padding: 0; 
	position: absolute;
}
.square.out { display: none; }
.sq1 { top: 0px; left: 0px; }		
.sq2 { top: 0px; left: 114px; }		
.sq3 { top: 0px; left: 228px; }		
.sq4 { top: 0px; left: 342px; }		
.sq5 { top: 0px; left: 456px; }		
.sq6 { top: 0px; left: 570px; }		
.sq7 { top: 0px; left: 684px; }		
.sq8 { top: 114px; left: 0px; }		
.sq9 { top: 114px; left: 114px; }		
.sq10 { top: 114px; left: 228px; }		
.sq11 { top: 114px; left: 342px; }		
.sq12 { top: 114px; left: 456px; }		
.sq13 { top: 114px; left: 570px; }		
.sq14 { top: 114px; left: 684px; }		
.sq15 { top: 228px; left: 0px; }		
.sq16 { top: 228px; left: 114px; }		
.sq17 { top: 228px; left: 228px; }		
.sq18 { top: 228px; left: 342px; }		
.sq19 { top: 228px; left: 456px; }		
.sq20 { top: 228px; left: 570px; }		
.sq21 { top: 228px; left: 684px; }		
.sq22 { top: 342px; left: 0px; }		
.sq23 { top: 342px; left: 114px; }		
.sq24 { top: 342px; left: 228px; }		
.sq25 { top: 342px; left: 342px; }		
.sq26 { top: 342px; left: 456px; }		
.sq27 { top: 342px; left: 570px; }		
.sq28 { top: 342px; left: 684px; }		
.sq29 { top: 456px; left: 0px; }		
.sq30 { top: 456px; left: 114px; }		
.sq31 { top: 456px; left: 228px; }		
.sq32 { top: 456px; left: 342px; }		
.sq33 { top: 456px; left: 456px; }		
.sq34 { top: 456px; left: 570px; }		
.sq35 { top: 456px; left: 684px; }		
.sq36 { top: 570px; left: 0px; }		
.sq37 { top: 570px; left: 114px; }		
.sq38 { top: 570px; left: 228px; }		
.sq39 { top: 570px; left: 342px; }		
.sq40 { top: 570px; left: 456px; }		
.sq41 { top: 570px; left: 570px; }		
.sq42 { top: 570px; left: 684px; }

.sq28, .sq36, .sq38, .sq39, .sq41, .sq42 { background: #622377; }

#sendMsg { margin: 0 -14px; padding: 0; z-index: 9999; color: #FFF; font-weight: bold; font-size: 16px; line-height: 17px; float:right} 
#sendMsg fieldset { margin: 0; padding: 0; } 
#sendMsg fieldset.enq { background: #622377; width: 333px; } 
#sendMsg fieldset label { float: left; width: 45px; text-align: left; margin-top: -2px; margin-bottom: 8px } 
#sendMsg fieldset input, 
#sendMsg fieldset textarea { padding: 1px 0; border: none; margin-bottom: 11px; float: left; width: 330px; font-family: 'Arial', sans-serif; font-size: 14px; color: #622377; } 
#sendMsg fieldset textarea { margin: 0; padding: 0; width: 334px; height: 105px; position: absolute; bottom: 114px; right: 0; } 
#sendMsg fieldset input#form-zip,
#sendMsg fieldset input#form-num { width: 105px; margin-right: 8px; margin-top: -2px; } 
#sendMsg fieldset input#form-city { width: 217px; margin-top: -2px; } 
#sendMsg fieldset input#form-num { margin-top: 0; } 
#sendMsg fieldset a#form-submit { 
	width: 89px; height: 89px; 
	position: absolute; bottom: 0; right: 0; 
	border: none; background: #F7AB15; color: #FFF; 
	font-weight: bold; font-size: 18px; line-height: 22px;  
	margin: 0; padding: 8px;
	text-decoration: none;
} 
#sendMsg fieldset input.checkbox { width: auto; margin: 0 9px 0 0; } 
#sendMsg fieldset input.short { width: auto; } 
#sendMsg fieldset .form-checkbox { margin-top: 3px; margin-right: -12px; float: right; } 
#sendMsg fieldset .form-checkbox label { width: auto; } 
#sendMsg fieldset br, #sendMsg fieldset p { clear: left; } 
#sendMsg fieldset h2 { 
	z-index:99999!important;
	width: 89px; height: 89px; 
	position: absolute; top: 0; left: 0; 
	border: none; background: #F7AB15; color: #FFF; 
	font-weight: bold; font-size: 18px; line-height: 22px; 
	margin: 0; padding: 8px;
} 

body.enquiry {}
body.enquiry div#content { background: transparent; }
body.enquiry div#content .inside { margin: 0; padding: 0 14px; height: 447px; position: relative }
body.enquiry h1, 
body.enquiry #toppadding, 
body.enquiry #scrollbar 
{ display: none; }