@charset "utf-8";
/ CSS Document /

body{background:#fefefe; color: #333333; width: 100%; height: 100%; padding: 0px; margin: 0px; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}

header {width: 100%; background:#fefefe; min-height:355px; text-align:center;}

div.logo {max-width: 300px;background-color:#fefefe; min-height: 150px; position: inherit; float: left; margin: 15px auto;}
div.topright {max-width: 900px; min-height: 150px; text-align:right; float: left; position: inherit; margin: 0px;}
div.colleft{width: 18%; background-color:#ffffff; height: 100%;}
div.colright{width: 82%; background-color:#fefefe;}

footer {background:#e5e5e5; min-height:100px;}

/* NAVIGATION STYLES */
#navsash {width: 100%; position: inherit; margin: 0px auto; background: url(images/blockdefault.png) center center repeat-x; padding: 0px; height:45px;}
#navbar {max-width: 1200px; position: inherit; text-align: right; margin: 0px auto; background: url(images/blockdefault.png) center center repeat-x; padding: 0px; height:45px;}

nav{width: 100%; background: url(images/blockdefault.png) center center repeat-x; height:45px; margin-top: 0px;}

nav ul {margin: 0px auto 0px auto; background: url(images/blockdefault.png) center center repeat-x; padding: 0; list-style: none; position: relative; display: inline-table; float: none; height:45px;}

nav ul li:hover {margin: 0px auto 0px auto; background: url(images/blockactive.png) center center repeat-x; padding: 0; position: relative;}

	/* hide sub list menu */
nav ul ul {display: none;}

	/* show sub list menu */
nav ul li:hover > ul {display: block;}

	/* padding top menu */
nav ul li a:link {display: block; padding: 12px 25px 12px 15px;}

	/* clear style for other div */
nav ul:after {content: ""; clear: both; display: block;}

	/* create main menu border */
nav ul li {float: left; border-right: 1px solid #FFF;}

	/* sub DROP DOWN MENU list */
nav ul ul {padding: 0; position: absolute; top: 100%;}

nav ul ul li {float: none; position: relative; text-align:left; border:hidden;}

	/* sub DROP DOWN MENU list */
nav ul ul li {float: none; position: relative; text-align:left; border:hidden;}

	/* DROP DOWN MENU DEFAULT : SET WIDTH - PADDING MARGINS - BACKGROUND COLOUR    */
nav ul ul li a:link {width: 180px; padding: 6px 10px 6px 10px; background: #9a655c;}

	/* DROP DOWN MENU ACTIVE : SET BACKGROUND COLOUR    */
nav ul ul li a:hover {background: #d9c4c0;}

 a:link.navlink{color: #FFFFFF; font-weight:bold; text-transform:uppercase; font-size:0.8em;}
 a:hover.navlink, a:focus.navlink {color: #444444; text-decoration:underline;}
 a:visited.navlink{color: #FFFFFF; font-weight:bold; text-transform:uppercase; font-size:0.8em;}
 a:active.navlink{color: #FFFFFF; font-weight:bold; text-transform:uppercase; font-size:0.8em;}

 a:link.navlinksub{color: #FFFFFF; font-weight:bold; text-transform:uppercase; line-height: 2; font-size:0.8em;}
 a:hover.navlinksub, a:focus.navlinksub {color: #444444; text-decoration:underline; line-height: 2;}
 a:visited.navlinksub{color: #FFFFFF; font-weight:bold; text-transform:uppercase; font-size:0.8em;}
 a:active.navlinksub{color: #FFFFFF; font-weight:bold; text-transform:uppercase; line-height: 2; font-size:0.8em;}

/* --- BLOCK GRAPHIC HTML MENU LINKS BASIC --- */
.solidblockmenu {width: 65em; position: relative; float: right; margin: 1.5em 1.5em 2em 0em; background: url(images/blockdefault.png) center center repeat-x; overflow: hidden; font: bold 13px Arial; margin-bottom: 1px; border: 1px solid #625e00; border-width: 1px 0; padding: 0em;}
.solidblockmenu li {display: inline;}
.solidblockmenu li a {float: left; color: #ffffff; text-decoration: none; border-left: 1px solid #ffffff; padding: 1.2em 2.1em 1.2em 1em;}
.solidblockmenu li a:visited {color: #ffffff;}
.solidblockmenu li a:hover, .solidblockmenu li .current{color: #444444; background: url(images/blockactive.png) center center repeat-x;}
.solidblockmenu li a:active {color: #ffffff;}

h1 {color:#3f0f06; font-size:1.6em; font-family:Georgia, Arial; line-height:1; font-weight:bold; margin: 5% 2% auto 2%;}
h2 {color:#3f0f06; font-size:1.4em; font-family:Georgia, Arial; line-height:1.5; font-weight:bold; vertical-align:center; margin: 3% 2% auto 2%;}
h3 {color:#3f0f06; font-size:1.3em; font-family:Verdana, Arial; line-height:1.5; vertical-align:bottom; margin: 2% 2% auto 2%;}
h4 {color:#3f0f06; font-size:1.2em; font-family:Verdana, Arial; line-height:1.5; margin: 2% 2% auto 2%;}
h5 {color:#3f0f06; font-size:1.1em; font-family:Georgia, Arial; line-height:1; margin: 2% 2% auto 2%;}
h5.edge {color:#3f0f06; font-size:1.1em; font-family:Georgia, Arial; line-height:1; margin: 1% .3%;}
h5.para {color:#3f0f06; font-size:1.1em; font-family:Georgia, Arial; line-height:1; margin: 2% 5% auto 5%;}
h6 {color:#3f0f06; font-size:1em; font-family:Verdana, Arial; line-height:1.5; margin: 2% 2% auto 2%;}

p {font-size:1em; font-family: Arial, Helvetica; font-weight:normal; text-align: justify; line-height:1.5; margin: 1% 2%;}
p.para {font-size:1em; font-family: Arial, Helvetica; font-weight:normal; text-align: justify; line-height:1.5; margin-left:80; margin: 1% 5%;}
p.line {font-size:1em; font-family: Arial, Helvetica; font-weight:normal; text-align: justify; line-height:1.5; margin-left:10; margin: 15px 10px 10px 10px;}
p.title {font-size:1.1em; font-family: Arial, Helvetica; font-weight:normal; line-height:1.8; margin: 15px 55px 10px 55px;}
p.edge {font-size:1em; font-family: Arial, Helvetica; font-weight:normal; text-align: justify; margin: 10px 5px 10px 5px;}
p.footnote {font-size:.9em; font-family: Arial, Helvetica; font-weight:normal; line-height:1.2; margin-left:80; margin: 60px 85px 20px 85px;}
p.credit {font-size:.9em; font-family: Arial, Helvetica; font-weight:normal; margin: 15px auto;}

p.headertitle {color:#3f0f06; font-size:2.3em; font-family: Arial, Helvetica; font-weight:normal; text-align: right; margin: 1.25% 4.5% auto auto;}
p.headersub1 {color:#3f0f06; font-size:1.8em; font-family: Arial, Helvetica; font-weight:normal; text-align: right; margin: 1.25% 5.5% auto auto;}
p.headersub2 {color:#3f0f06; font-size:1.6em; font-family: Arial, Helvetica; font-weight:normal; text-align: right; margin: 1.25% 5.5% auto auto;}

/* HYPERLINK STYLES */
a:link {color:#0464a2; font-size:1em; font-family:Helvetica, Arial; font-weight:bold; text-decoration:none;}
a:hover, a:focus {color:#444444; font-size:1em; font-family:Helvetica, Arial; font-weight:bold; text-decoration:none;}
a:visited {color:#0464a2; font-size:1em; font-family:Helvetica, Arial; font-weight:bold; text-decoration:none;}
a:active {color:#0464a2; font-size:1em; font-family:Helvetica, Arial; font-weight:bold; text-decoration:none;}

/* COLUMN PIC MENU */
div.piclink {max-width:216px; text-align: center;}
img.piclink {max-width:170px;}

a:link.piclink {color:#0464a2; font-size:.8em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:hover.piclink, a:focus.piclink {color:#444444; font-size:.8em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:visited.piclink {color:#0464a2; font-size:.8em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:active.piclink {color:#0464a2; font-size:.8em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}

a:link.credit {color:#0464a2; font-size:.9em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:hover.credit, a:focus.credit {color:#444444; font-size:.9em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:visited.credit {color:#0464a2; font-size:.9em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:active.credit {color:#0464a2; font-size:.9em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}

	.par{margin-bottom:10px;}
	.text_justify {text-align:justify;}
	.img_top_left{width:210px; float:left; margin:0px; padding:0px 20px 0px 0px; }
	.img_top_right{width:210px; float:right; margin:0px; padding:0px 20px 0px 0px; }

    /* SAMPLE CODE IMG/p
    <p class="par text_justify"><img class="img_top_left" src="images01/aboutus02.jpg" alt="_ALT_" title="_TITLE_" /></p>
    */

/* --------------- SITE MAP tags and LINKS ------------  */
p.siteleft {margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px;}
p.siteright {font-size:11pt; font-family: Arial, Helvetica;  margin: 10px 0px 10px 0px; font-weight:normal; padding: 0px 0px 0px 0px;}
div.siteleft {width:270px; float: left; clear:both;}
div.siteright {width:555px; float: left;}

a:link.sitelinks {color:#0464a2; font-size:10.5pt; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:visited.sitelinks {color:#0464a2; font-size:10.5pt; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:hover.sitelinks {color:#444444; font-size:10.5pt; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:active.sitelinks {color:#0464a2; font-size:10.5pt; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
/* --------------- END SITE MAP tags and LINKS ------------  */

/* CONTACT FORM STYLES */
table.contactform {width: 480px; border: 1px solid #AAA; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
div.contactheader {font-size:18px; font-family: arial; font-weight:bold; padding-top:10px; padding-bottom:10px; text-align:center;}
div.antispammessage {text-align:center; font-family: arial; font-size:11pt; line-height:1.8; border-top: 1px solid #AAA; padding-top:5px; padding-bottom:10px;}
div.formmessage {text-align:center; font-family: arial; font-size:11pt; line-height:1.8; padding-bottom:10px;}
label.detail {text-align:right; font-family: arial; font-size:10.5pt; padding:4px;}
.required_star {font-weight:bold;color:#F00;}
div.contactform {text-align:center; font-family: arial; font-size:9pt; line-height:1.8; padding-bottom:10px;}
a:link.contactform {color:#008a81; font-size:9pt; font-family:Helvetica, Arial; text-decoration:none;}
a:visited.contactform {color:#008a81; font-size:9pt; font-family:Helvetica, Arial; text-decoration:none;}
a:hover.contactform {color:#0060ff; font-size:9pt; font-family:Helvetica, Arial; text-decoration:none;}
a:active.contactform {color:#008a81; font-size:9pt; font-family:Helvetica, Arial; text-decoration:none;}


/* WEBSITE ADVERTISING ================================================  */
/* COLUMN ADS */
div.bizadswrapper {width: 165px; position: inherit; float: left; background-color: #fdfdfd; border-style:ridge; border-width: 2px;  border-color: #eaeaea; padding: 0px 0px 0px 0px;}
div.bizads {width:165px; text-align:center; background:#fdfdfd;}
img.bizads {width:161px;}
p.bizads {margin: 4px 0px 8px 0px; line-height:1.2; text-align:center;}

a:link.bizads {color:#8d5d13; font-size:10pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:none;}
a:visited.bizads {color:#8d5d13; font-size:10pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:none;}
a:hover.bizads {color:#444444; font-size:10pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:underline;}
a:active.bizads {color:#8d5d13; font-size:10pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:none;}

/*  BODY SPOTS ADS */
div.bizspotads {width: 720px; position: inherit; float: left; margin: 10px auto 15px 240px;}
div.bizspot {width:145px; position: inherit; float: left; margin: 0px 2px 0px 2px; border-style:ridge; border-width: 2px;  border-color: #eaeaea; padding: 0px 0px 0px 0px;}
img.bizspot {width:145px;}
p.bizspot {margin: 0px 0px 0px 0px; line-height:1.2; text-align:center;}

a:link.bizspot {color:#8d5d13; font-size:9pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:none;}
a:visited.bizspot {color:#8d5d13; font-size:9pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:none;}
a:hover.bizspot {color:#444444; font-size:9pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:underline;}
a:active.bizspot {color:#8d5d13; font-size:9pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:none;}

/* TEXT ADS */
div.textadsblock {width:935px; float: right; height:85px; background-color:#fafafa; margin-left:150px;}
div.textadsheader {width:935px; height:25px; background-color:#fafafa;}
p.textadsheader {margin: 5px 20px 3px auto; text-align:right;}

a:link.linkstextadsheader {color:#af6f00; font-size:10pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:none}
a:visited.linkstextadsheader {color:#af6f00; font-size:10pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:none}
a:hover.linkstextadsheader {color:#444444; font-size:10pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:underline}
a:active.linkstextadsheader {color:#af6f00; font-size:10pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:none}

div.textads {width:187px; position: relative; float: left; text-align:center; background-color:#fafafa; display: inline; margin:5px 0px 0px 0px;}

a:link.linkstextads {color:#af6f00; font-size:9pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:none}
a:visited.linkstextads {color:#af6f00; font-size:9pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:none}
a:hover.linkstextads {color:#444444; font-size:9pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:underline}
a:active.linkstextads {color:#af6f00; font-size:9pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:none}

/* END ====== WEBSITE ADVERTISING */

 /* --- JUSTUKLIX GALLERY CSS --- */
/* BEST PIC SIZES:  01-t 115px square - 01-mid 350px wide no more than 285px high - 01-xlge up to 820px wide and 625px high */

div#page {
	width: 825px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	border-color: #ddd;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	margin-left: 60px;
}
div#container {
	padding: 0px;
}

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: left;
	width: 775px;
	margin-left: 15px;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 10px;
	height: 25px;
}
div.controls a {
	padding: 25px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 435px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 775px;
	height: 435px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 775px;
	height: 435px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 435px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
div.caption-text {
	position: relative;
	clear: left;
	width: 775px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 800px;
	top: 0;
	left: 0;
}

div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 2px 7px 2px 8px;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}