/*********** RESET***********/

body, h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, table, tr, th, td {
	margin:0;
	padding:0;
	border:none;
}

/********** GLOBAL **********/

ul, ol, dl{
	margin:0 0 0 30px;
}
ul li, ol li, dl li{
	margin:3px 0;
}
ul{
	list-style:none;
	margin:15px 0 15px 15px;
}
ul li{
	background:url('../nav/bullet.gif') 0 5px no-repeat;
	padding:0 0 3px 10px;
	line-height:16px;
}
.align-center{
	text-align:center;
}
.align-right{
	text-align:right;
}
.float-right{
	float:right;
}
.float-left{
	float:left;
}
.clear-both{
	clear:both;
}
a:link{
	/*color:#9a9a9a;*/
	color:#ffffff;
}
a:visited{
	color:#ffffff;
}
a:hover{
	color:#3ebffe;
}
a:active{
}
a:focus{
}
input.checkbox{
	border:none;
	background-color:transparent;
}

/********* TYPOGRPAHY ********/

body{
	font-family:helvetica, arial, sans-serif;
	font-size:12px;
	/*color:#9a9a9a;*/
	color:#cccccc;
	text-align:center;
	background-color:#231f20;
}
h1, h2, h3, h4, h5{
	font-family:georgia, serif;
	font-weight:400;
	color:#fff;
}
h1{
	width:861px;
	height:37px;
	background:url('../nav/h1_bg.gif') no-repeat;
	margin:215px 0 25px 0;
	font-size:18px;
	font-family:arial;
	font-weight:400;
	line-height:37px;
	padding:0 0 0 12px;
}
h2{
	font-size:18px;
	margin:15px 0 15px 0;
}
h3{
	font-size:16px;
	margin:5px 0 10px 0;
}
h4{
	font-size:14px;
	margin:5px 0 10px 0;
}
h5{
	font-size:12px;
	margin:5px 0 5px 0;
}
p{
	margin:0 0 10px 0;
	line-height:16px;
}

/********* STRUCTURE *********/

#wrapper{
	width:861px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#content{
	padding:0 10px;
	margin:0 0 30px 0;
}
#content-with-left-nav{
	padding:0;
	margin:0 0 30px 10px;
	width:610px;
	float:left;
	display:inline;
	overflow:hidden;
}
#content-with-left-nav h2{
	margin-top:0;
}

/********* HEADER *********/

ul#top-nav{
	list-style:none;
	margin:0;
	width:861px;
	height:36px;
	background:url('../nav/top_nav_bg.gif') no-repeat;
	overflow:hidden;
}
ul#top-nav li{
	display:inline;
	padding:0;
	background:transparent;
}
ul#top-nav li a{
	display:block;
	line-height:36px;
	padding:0 15px;
	float:left;
	text-decoration:none;
	font-weight:700;
	color:#989797;
}
ul#top-nav li a:hover, ul#top-nav li.selected a{
	background-color:#231f20;
}
a#logo{
	position:absolute;
	top:40px;
	left:5px;
}
img#strapline{
	position:absolute;
	top:120px;
	left:300px;
}

/********* COMMON AND PAGES *********/

#content img{
	float:right;
	display:inline;
	margin:0 0 30px 30px;
	border:1px solid #cdcbcc;
}
#content-with-left-nav img{
	float:right;
	clear:right;
	display:inline;
	margin:0 0 30px 30px;
	border:1px solid #cdcbcc;
}
ul#subnav{
	width:200px;
	margin:0 10px 25px 0;
	list-style:none;
	float:right;
	display:inline;
	overflow:hidden;
}
ul#subnav li{
	padding:0;
	background:transparent;
	display:inline;
	margin:0;
}
ul#subnav li a{
	display:block;
	padding:8px 16px 8px 8px;
	margin:0 0 1px;
	text-decoration:none;
	font-weight:700;
	color:#fff;
	background:url('../nav/bullet_white.gif') 184px 13px no-repeat #1287c3;
}
ul#subnav li a:hover{
	background-color:#3a3436;
}
ul#subnav ul{
	margin:0;
	background-color:#3c3638;
}
ul#subnav ul li{
	margin:0;
}
ul#subnav ul li a{
	background:url('../nav/bullet_white.gif') 184px 10px no-repeat transparent;
	font-size:11px;
	padding:6px 16px 6px 8px;
}
ul#subnav ul li a:hover{
	background-color:#2d292a;
}
ul#subnav ul li#natural-play a{
	height:30px;
	width:200px;
	overflow:hidden;
	padding:0;
	background:transparent;
	position:relative;
}
ul#subnav ul li#natural-play a span{
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:30px;
	width:200px;
	background:url('../nav/natural_play.gif') 0 0 no-repeat;
}
ul#subnav ul li#natural-play a:hover span{
	background:url('../nav/natural_play.gif') 0 -30px no-repeat;
}
#breadcrumb{
	border:1px dashed #4b4446;
	line-height:18px;
	padding:6px 8px 6px 8px;
	margin:0 0 20px 0;
	font-size:11px;
}
#sub-nav-block{
	width:210px;
	margin:0 10px 30px 0;
	list-style:none;
	float:right;
	display:inline;
	bordeR:1px dashed #4b4446;
}
#padding15{
	padding:15px;
}
#sub-nav-block h2{
	margin:0 0 20px;
}
#content-with-left-nav #gallery{
	background-color:#3c3738;
	width:620px;
	padding:0 0 30px 0;
}
#content-with-left-nav  #gallery ul{
	margin:0;
	list-style:none;
	width:580px;
	overflow:hidden;
}
#content-with-left-nav  #gallery ul li{
	background:transparent;
	padding:0;
	width:162px;
	height:112px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:30px 0 0 30px;
}
#content-with-left-nav #gallery ul li img{
	width:160px;
	height:110px;
	margin:0;
}
#content-with-left-nav h3 a{
	color:#fff;
}
ul#downloads, ul#related-pages{
	margin:0 0 0 2px;
}
ul#downloads li, ul#related-pages li{
	background-position:0 5px;
	padding:0 0 0 7px; 
	height:16px;
	margin:0 0 5px 0;
}
ul#downloads li a{
	line-height:16px;
}
ul#downloads li a img{
	float:left;
	margin:0 5px 0 0;
	border:none;
}
ul#about-page-logos{
	float:right;
	display:inline;
	clear:right;
	width:201px;
	height:605px;
	background:url('../nav/logos_bg.gif') no-repeat;
	overflow:hidden;
	margin:0 9px 25px 0;
	padding:0;
}
ul#about-page-logos li{
	padding:0;
	background:transparent;
	margin:0;
}
ul#about-page-logos li img{
	margin:0 0 0 28px;
	float:left;
	clear:left;
}
ul#about-page-logos li img#top-logo{
	margin:13px 0 0 28px;
}
img#bali-link{
	float:right;
	display:inline;
	clear:right;
	margin:0 9px 25px 0;
}
ul#service-list{
	margin:0 0 0 15px;
}
ul#service-list li{
	padding:0;
	background:transparent;
	width:170px;
	height:180px;
	background-color:#3d3839;
	float:left;
	display:inline;
	margin:0 25px 25px 0;
	overflow:hidden;
	position:relative;
	border:1px solid #4a4446;
}
ul#service-list li img{
	float:none;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:170px;
	height:120px;
	bordeR:none;
}
ul#service-list li h3{
	margin:0;
	position:absolute;
	top:127px;
	width:170px;
	left:0;
	text-align:center;
	font-size:14px;
}
ul#service-list li h3 a{
	text-decoration:none;
}
ul#service-list2, ul#service-list2 li{
	clear:both;
}
ul#service-list a.read-more{
	position:absolute;
	bottom:3px;
	right:6px;
	color:#3ebffe;
	font-size:10px;
	font-style:italic;
	text-decoration:none;
}
ul#service-list2 a.read-more{
	color:#3ebffe;
	font-size:10px;
	font-style:italic;
	text-decoration:none;
	display:block;
	text-align:right;
	clear:both;
	margin:0 0 10px;
}
ul#service-list2 li a img{
	margin:0 0 12px 20px;
	display:inline;
}
ul#service-list2 li{
	border-bottom:1px dashed #3d3839;
	margin:0 0 10px 0;
	clear:both;
}

/********* LISTS *********/

ul#article-list{
		margin:15px 0;
}
ul#article-list li{
	padding:0;
	background:transparent;
	padding:15px 0 5px;
	border-bottom:1px solid #555;
}
ul#article-list li img{
	float:left;
	margin:0;
	display:inline;
	width:150px;
	height:auto;
}
ul#article-list li .list-text{
	width:400px;
	float:left;
	margin:0 0 0 15px;
}
ul#article-list li .list-text h3{
	margin:0 0 15px;
	text-decoration:none;
}
ul#article-list li .list-text h3 a{
	text-decoration:none;
}
ul#article-list li .list-text h3 a:hover{
	text-decoration:underline;
	color:#3ebffe;
}
ul#article-list li p.read-article{
	clear:both;
	text-align:right;
	font-size:11px;
	font-style:italic;
}
ul#article-list li p.read-article a{
	color:#3ebffe;
}

/********* CONTACT PAGE *********/


form#contact-form{
	border:1px dashed #4b4446;
	padding:20px;
}
form#contact-form ul{
	list-style:none;
	margin:0;
}
form#contact-form ul li{
	clear:both;
	padding:0;
	background:transparent;
	position:relative;
}
form#contact-form label{
	display:block;
	width:98px;
	height:22px;
	line-height:22px;
	float:left;
	margin:0 0 5px 0;
}
form#contact-form input, form#contact-form textarea{
	width:220px;
	height:18px;
	margin:0 0 5px 10px;
	bordeR:1px solid #fff;
	background-color:#f3f3f3;
}
form#contact-form textarea{
	height:80px;
}
form#contact-form input#submit{
	background-color:#4b4446;
	height:22px;
	width:222px;
	border:none;
	color:#fff;
	font-family:georgia;
	margin:5px 0 0 108px;
}
form#contact-form ul li p{
	margin:0;
}
form#contact-form ul li span{
	display:none;
	width:260px;
	height:40px;
	background:url('../nav/list_bg.gif') no-repeat;
	position:absolute;
	top:-9px;
	left:335px;
	line-height:40px;
	text-indent:20px;
	color:#fff;
	overflow:hidden;
}
#form-errors-box{
	border:2px solid #ff0000;
	padding:20px;
	margin:0 0 20px;
}
#sub-nav-block ul#contact-details{
	margin:0;
	list-style:none;
}
#sub-nav-block ul#contact-details li{
	background:transparent;
	margin:0 0 6px;
}
#sub-nav-block ul#contact-details img{
	margin:0 3px 0 0;
}
#sub-nav-block ul#contact-details a#find-us{
	display:block;
	background:url('../nav/bullet_white.gif') 150px 10px no-repeat #049ee8;
	width:160px;
	height:26px;
	line-height:26px;
	text-align:center;
	color:#fff;
	font-weight:700;
	text-decoration:none;
	margin:18px 0 0 0;
}
iframe{
	border:1px dashed #4b4446;
	width:588px;
	height:400px;
	padding:10px;
	background-color:#231f20;
}

/********* FOOTER *********/

#footer-links{
	width:861px;
	background:url('../nav/footer_links.gif') no-repeat #2e2a2b;
	margin:15px 0 0 0;
	overflow:hidden;
	padding:0 0 20px;
}
#footer-links ul{
	list-style:none;
	margin:20px 0 0 30px;
	width:110px;
	float:left;
	display:inline;
	overflow:hidden;
}
#footer-links ul#first-list{
	margin:20px 0 15px 25px;
}
#footer-links ul a{
	text-decoration:none;
}
#footer-links ul li a{
	font-size:11px;
}
#footer-links ul li h4{
	margin:0 0 6px;
	width:110px;
}
#footer-links ul li h4 a{
	color:#fff;
	padding:0;
	background:transparent;
	font-size:14px;
}
#footer-links ul li{
	padding:0 0 0 9px;
	background:url('../nav/bullet.gif') 0 6px no-repeat;
	margin:0 0 6px 0;
	float:left;
	clear:left;
	width:105px;
}
#footer-links ul li.list-head{
	background:transparent;
	padding:0;
}
#footer-base{
	width:861px;
	height:127px;
	background:url('../nav/footer_base.gif') no-repeat #2e2a2b;
	color:#8e8e8e;
	font-size:11px;
	line-height:18px;
	margin:0 0 20px;
	position:relative;
}
#footer-base p{
	float:left;
	display:inline;
	margin:17px 0 0 20px;
	line-height:18px;
}
#footer-base ul#footer-contact{
	list-style:none;
	margin:17px 0 0 86px;
	float:left;
	display:inline;
	width:170px;
}
#footer-base ul#footer-contact li{
	margin:0;
	height:18px;
	padding:0;
	background:transparent;
}
#footer-base ul#footer-contact li img{
	margin:0 4px 0 0;	
}
ul#footer-logos{
	list-style:none;
	margin:0;
	float:right;
	display:inline;
	margin:29px 11px 0 0;
	width:400px;
}
ul#footer-logos li{
	padding:0;
	background:transparent;
	display:inline;
}
ul#footer-logos li img{
	float:left;
}