/* ------------------ reset default browser styles ----------*/

body, h1, h2, h3, ul, li {
	padding:0;
	margin:0;
}

a img {
	border:none;
}


a:active, a:focus {outline: 0;}

/* ------------------ general preferences ------------------ */

body {
	font-family: Trebuchet MS, Arial, Verdana, sens-serif;
	font-size:0.8em;
	background:#FFF;
	color:#6e6e6e;
}

h1 {
	font-family: 'EB Garamond', serif;
	font-size:3em;
	margin: 0 0 20px 0;
	color:#fcaf1b;
	font-weight: normal;
}

h2 {
	font-family: 'Questrial', sans-serif;
	font-size: 1.8em;
	margin: 10px 0 10px 0;
	color:#fcaf1b;
	font-weight:normal;
	text-transform: lowercase;
}

h3 {
	font-family: Trebuchet MS, Arial, Verdana, sens-serif;
	font-size:1.3em;
	margin: 10px 0 10px 0;
	color:#fcaf1b;
	font-weight:normal;
}

p {
	line-height:1.8em;
	padding:0;
}

p a {
	text-decoration:none;
	color:#fcaf1b;
	font-weight: bold;
}

p a:visited {
	color:#fcaf1b;
	font-weight: bold;
}

p a:hover {
	color:#848383;
	font-weight: bold;
}

ul {
	list-style:square;
	list-style-position: inside;
}

/*------------------- main elements -------------------------*/

box  {

	margin:0 auto;
	position:relative;
	width:800px;
}

div#containerTop {
	position:relative;
	width:800px;
	height:110px;
	margin:0 auto;
	background:#FFF;
	z-index:80;
}

div#containerMiddle {
	position:relative;
	background:#ffffff;
	z-index:100;
}

div#containerMiddleIndex {
	position:relative;
	height:200px;
	background:#FDB827;
	z-index:100;
}

div#contentMiddle {
	width:800px;
	margin:0 auto;	
}

div#containerBottom {
	width:800px;
	margin:0 auto;
	padding-top:15px;
	line-height: 1.8em;
}

div#containerBottomMenu {
	float:right;
	width:260px;
	margin: 0px;
	padding: 0px;
}

div#contentBottom, div#contentBottomFading, div#contentBottomHideOnly, div#contentBottomFadeOutOnly {
	float:left;
	width:530px;
	padding: 0px;
	background:#FFF;
}

div#contentBottom p, div#contentBottomFading p, div#contentBottomHideOnly p, div#contentBottomFadeOutOnly p {
	text-align:justify;
	padding: 0px 0px 15px 0px;
	line-height: 1.8em;
	margin: 0px;
}

ul#lvl1menu {
	float:right;
	margin-top:64px;
	list-style:none;
}

ul#lvl1menu li {
	float:left;
}

ul#lvl1menu li a {
	display:block;
	height:16px;
	font-family: 'Questrial', sans-serif;
	font-size:1.2em;
	color:#6e6e6e;
}

ul#lvl1menu li a#about, ul#lvl1menu li a#aboutactive {
	margin-left:0;
}

ul#lvl2menu {
	text-align:left;
	font-size:1em;
	list-style:none;
	margin: 0px 0px 0px 10px;
}

ul#lvl2menu li {
}

ul#lvl2menu li a {
	text-transform:lowercase;
	text-decoration:none;
	font-family: 'Questrial', sans-serif;
	font-size:1.2em;
	color:#6e6e6e;
	height: 18px;
	display:block;
}

ul#lvl2menu li a:visited {
	color:#6e6e6e;
}

ul#lvl2menu li a#active2, ul#lvl2menu li a:hover {
	color:#fcaf1b;
	height: 18px;
	
}

ul#lvl3menu,  ul.lvl3menu{
	text-align:left;
	font-size:1em;
	list-style:none;
	margin: 0px 0px 0px 15px;
}

ul#lvl3menu li a,  ul.lvl3menu li a {
	display:block;
	text-decoration:none;
	color:#6e6e6e;
	padding:1px;
	padding-right:13px;
}

ul#lvl3menu li,  ul.lvl3menu li{

}

ul#lvl3menu li a:visited,  ul.lvl3menu li a:visited {
	color:#6e6e6e;
}

ul#lvl3menu li a#active3, ul#lvl3menu li a:hover,
ul.lvl3menu li a#active3,  ul.lvl3menu li a:hover{
	color:#fcaf1b;
	background-color:#FFFFFF;
}

div#stretch1 {
	float:left;
	width:1px;
	height:290px;
}

div#stretch2 {
	float:left;
	width:127px;
	height:290px;
}

img#logo {
	float:left;
	margin-top:40px;	
}

div#shadow {
	position:relative;
	height:5px;
	/*background:url(img/shadow.gif) repeat-x; */
	/*opacity:.40; */
	/*filter: alpha(opacity=40); */
	z-index:100;
}

div#footer {
	padding-top:15px;
	padding-bottom:5px;
	text-align:center;
	color:#a09f9f;
	font-size: 10px;
}

div#footer a, body#photo div#footer a {
	margin-left:10px;
	text-decoration:none;
	color:#a09f9f;
	font-size: 10px;
}

div#footer a:visited, body#photo div#footer a:visited {
	color:#a09f9f;
	font-size: 10px;
}

div#footer a#activeFooterLink, div#footer a:hover, 
body#photo div#footer a#activeFooterLink, , body#photo div#footer a:hover {
	color:#A20202;
	font-size: 10px;
}

body.home_body div#footer a {
	color:#bc7401;
}

h1#rootPage {
	float:left;	
	width:128px;
	padding-top:50px;	
	text-transform:uppercase;
	text-align:left;
	font-family: Trebuchet MS, Arial, Verdana, sens-serif;
	font-size:1.6em;
	color:#FFF;
}

h1#rootPage a {
	text-decoration:none;
	font-weight:normal;
	color:#FFF;
}

a#enquiryButton {
	display:block;
	width:224px;
	height: 17px;
	margin:10px 0;	
	background-image: url(img/enquire_off.gif);
}
a#enquiryButton:hover {
	background-image: url(img/enquire_on.gif);
}

div#contentBottomHideOnly p#message, div#contentBottomFadeOutOnly p#message {
	display:block;
	width:380px;
	margin-top:80px;
	text-align:center;
}

p#message a {
	text-decoration:none;
	border-bottom:1px solid #FFF297;
	color:#FDB827;
}

p#message a:visited {
	color:#F2DF58;
	border-bottom-color:#FFF9D2;
}

p#message a:hover {
	color:#A20202;
	border-bottom-color:#DFAEAE;
}

/*------------------- lvl1 menu elements --------------------*/

#lvl1menu_bis li{
	float: right;
	background-color: #fdb827;
	padding: 2px 2px 3px 2px;
	display: block;
	height: 21px;
}
#lvl1menu_bis li img{
	padding-top: 2px;
}
#lvl1menu_bis li.first{
	padding-left: 15px;
}
body#photo #lvl1menu_bis li a:hover{
	color: white;
}
#lvl1menu_bis{
	list-style: none outside none;
	position: absolute; 
	right: 0px; 
	width: 660px;
	top: 100px
}
ul#lvl1menu li a#about {
	width:35px;
	background:#FFF url(img/m_about.gif) no-repeat;
}

ul#lvl1menu li a#aboutactive, ul#lvl1menu li a#about:hover {
	width:35px;
	background:#FFF url(img/m_about.gif) no-repeat;
	background-position:0px -16px;
}

ul#lvl1menu li a#services {
	width:49px;
	background:#FFF url(img/m_services.gif) no-repeat;
}

ul#lvl1menu li a#servicesactive , ul#lvl1menu li a#services:hover {
	width:49px;
	background:#FFF url(img/m_services.gif) no-repeat;
	background-position:0px -16px;
}

ul#lvl1menu li a#blog {
	width:26px;
	background:#FFF url(img/m_blog.gif) no-repeat;
}

ul#lvl1menu li a#blog:hover {
	width:26px;
	background:#FFF url(img/m_blog.gif) no-repeat;
	background-position:0px -16px;
}

ul#lvl1menu li a#portfolio {
	width:49px;
	background:#FFF url(img/m_portfolio.gif) no-repeat;
}

ul#lvl1menu li a#portfolioactive, ul#lvl1menu li a#portfolio:hover {
	width:49px;
	background:#FFF url(img/m_portfolio.gif) no-repeat;
	background-position:0px -16px;
}

ul#lvl1menu li a#contact {
	width:46px;
	background:#FFF url(img/m_contact.gif) no-repeat;
}

ul#lvl1menu li a#contactactive, ul#lvl1menu li a#contact:hover {
	width:46px;
	background:#FFF url(img/m_contact.gif) no-repeat;
	background-position:0px -16px;
}

/*------------------- form elements -------------------------*/

span#errorMessageName, span#errorMessageEmail, span#errorMessageCode, span#errorMessageSubject {
	position:relative;
	padding:2px 2px 2px 4px;
	background:red;
	color:#FFF;
	z-index:2;
}

form th.label {
	padding-right:6px;
	font-weight:normal;
	text-align:left;
}

form td.input input, form td.input textarea {
	position:relative;
	width:210px;
	border:1px solid #E5E5E5;
	border-top:1px solid #AAA;
	font-size:1em;
	z-index:10;
}

form td.input {
	padding:2px 0 1px 0;
}

form td.input textarea {
	height:70px;
	font-family: Trebuchet MS, Arial, Verdana, sens-serif;
	font-size:0.9em;
}

input.submit {
	margin-top:10px;
	margin-left:160px;
	font-weight:bold;
	background:#FDB827;
	border:none;
	color:#FFF;
}

a#back {
	text-decoration:none;
	border-bottom:1px solid #FFF297;
	color:#FDB827;
}

a#back:visited {
	color:#F2DF58;
	border-bottom-color:#FFF9D2;
}

a#back:hover {
	color:#A20202;
	border-bottom-color:#DFAEAE;
}

/*------------------- project page elements -----------------*/

div#projectDescription {
	float:left;
	width:230px;
	line-height: 1.8em;
}

div#projectImages {
	float:right;
	width:300px;
	height:240px;
}

img#projectImage {
	
}

a.imagePickers {
	display: block;
	float: left;
	width:12px;
	height:12px;
	margin:8px 0 0 10px;
	background:url(img/imagepickergray.gif);
}

a.imagePickers:hover {
	background:url(img/imagepickeryellow.gif);
}
a.photoImagePickers img{
	border: 2px solid black;
}
a.photoImagePickers img.selected{
	border: 2px solid #e9aa25;
}

#thumbs_container{
	float: right; 
	height: 20px; 
}
/*------------------- Home ----------------------------------*/

div#homeStretch {
	float:left;
	width:13px;
	height:200px;
}

div#homeMiddle {
	float:left;
	width:498px;
	margin-top: 20px;
}

div#homeRight p a, div#homeMiddle p a {
	background:white;
}

div#homeRight {
	float:left;
	width:270px;
	padding-left:15px;
	margin-top: 20px;
}

div#homeMiddle h1, div#homeRight h1 {
	padding-bottom:10px;
}
div#homeRight p {
	margin: 0px;
	margin-bottom: 14px;
	}
div#homeRight h2 {
	font-size:1em;
	font-weight:normal;
	color:#FDB41B;
	margin: 0px;
}

div#homeRight h2 a {
	text-decoration:none;
	color:#FDB41B;
	font-family: Georgia, Times, serif;
	text-transform: lowercase;
	font-weight: bold;
	margin: 0px;
}

div#homeRight h2 a:hover {
	color:#A20202;
}

div#homeRight p {
	margin: 0px;
}

/*------------------- Various -------------------------------*/

div#googlemap {
	float:right;
	width:300px;
	height:270px;
	border:1px solid #DDD;
}

a#enquireContact {
	display:block;
	width:108px;
	margin-top:10px;
}

div#sitemapLeftColumn {
	float:left;
	padding-right:80px;
	padding-left:15px;
}

ul.sitemap li {
	margin:2px 0;
}

ul.sitemap li ul li {
	margin:1px 0;
}

ul.sitemap a {
	color:#848383;
	text-decoration:none;
}

ul.sitemap a:visited {
	color:#A4A3A3;
}

ul.sitemap a:hover {
	color:#A20202;
}

ul.sitemap li ul {
	padding-left:15px;
}

h2.news {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	font-weight:normal;
	color:#FDB827;
}

div.news {
	margin-bottom:25px;
}

div.yellowbox {border: 0px;
	padding: 0 0 0 20px;
	margin: 10px 4px 0 0;
	background-color:#FFFFFF;
	background: url('tpl/img/shadow.jpg') top left no-repeat;
	width: 154px;
	height: 160px;
	float: left;
	text-align:left;
}

div.yellowbox h1 {
	background-color: #FFFFFF;
	margin: 10px 0 0 0;
	padding:0;
	height: 23px;
}

div.yellowbox a {
	margin:0;
	padding:0;
	color: #848383;
	text-decoration: none;
	text-align:left;
}

div.yellowbox a:hover {
	color: #FDB827;
}

div.yellowbox p.box {
	padding: 4px 12px 0 0;
	text-align:left;
}

.red {
	color: #C30000;
}

div.rightbox {
	float:right;
	margin: 0 0 10px 26px;
	width: 200px;
}

div.rightbox ul {
	color: #FDB827;
	list-style: disc outside none;
}
div.rightbox ul li {
	font-family: 'Questrial', sans-serif;
	font-size: 1.2em;
	color:#fcaf1b;
	font-weight:normal;
	text-transform: lowercase;
}

.highlight {
	text-decoration: underline;
}

div.clear{
	clear: both;
}

/* photo section */

body#photo, body#photo div#containerTop, body#photo div#containerMiddle, body#photo div#topPhotosSection, body#photo div#contentMiddle, body#photo div#containerBottom, body#photo div#contentBottomFading  {
	background-color: #ffffff;
}

body#photo a:link, body#photo a:visited , body#photo div#containerTop ul#lvl1menu li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #7c7b7e;
	text-decoration: none;
}
body#photo a:hover, body#photo div#containerTop ul#lvl1menu li a:hover {
	color: #fdb725;
}

#topPhotosSection{
	width: 800px;
	margin: 0 auto;
}

div#containerBottom a.visitbutton {
	padding-right: 20px;
	height: 25px;
	background: url(img/arrow.gif) top right no-repeat;
	color: #6e6e6e;
	font-weight: normal;
	font-family: 'EB Garamond', serif;
	font-size:1.4em;
}

div#containerBottom a.readmore {
	padding-right: 20px;
	height: 25px;
	background: url(img/arrow.gif) top right no-repeat;
	color: #6e6e6e;
	font-weight: normal;
	font-family: 'EB Garamond', serif;
	font-size:1.4em;
}
div#containerBottom  a.visitbutton:hover, div#containerBottom a.readmore:hover {
	background: url(img/arrow.gif) bottom right no-repeat;
	color: #FDB41B;
}

h1.projecth1{
	float: left; padding-right: 10px
}
#simprojects a, #simprojects a:visited{
	color:#A09F9F;
	text-transform:uppercase;
	font-size:0.9em;
	text-decoration: none;
}
#simprojects a:hover{
	color:#FDB827;
}
#go_right, #go_left, .carousel_content{
	float: left;
}
.carousel_content{
	width: 600px;
}
#intro_content{
	width: 940px;
	margin: 0 auto;
	margin-top: 100px;
}
#info{
	position: relative;
	width: 300px;
	margin: 0 auto;
	margin-top: 20px;
	height: 150px;
}
#info div{
	position: absolute;
	left: 0px;
	top: 0px;
}
#index_logo{
	width: 508px;
	margin: 0 auto;
}
#photos_content{
	position: relative;
	height: 600px;
}
.slider{
	position: absolute;
	top: 0px;
	left: 0px;
}
#go_left_t, #go_right_t{
	float:left;
	height:60px;
	width:20px;
 	cursor: pointer;
}
#go_left_t{
	background: url(img/go_l.jpg) bottom right no-repeat;
}
#go_right_t{
	background: url(img/go_r.jpg) bottom right no-repeat;
}
#thumbs_contents img{
	border: 1px solid #202020;
	margin: 0;
	padding: 0;
}
#thumbs_contents {
	float:left;
	height:60px;
	overflow:hidden;
	width:760px;
}
#thumbs_inner_content {
	width:10000px;
}
a.thumb{
	display:block;
	float:left;
	height:50px;
	margin:5px 0 0 5px;
	width:80px;
	padding: 0px;
	
}
#thumbs_contents img.selected{
	border: 1px solid #fdb724;
}

div.portfoliolisting a {
	display: block;
	width: 159px;
	height: 114px;
	float:left;
	margin: 0px 3px 3px 0px;
	border: solid 6px #ffffff;
}

div.portfoliolisting a:hover {
	display: block;
	width: 159px;
	height: 114px;
	float:left;
	margin: 0px 3px 3px 0px;
	border: solid 6px #FDB827;
}

/* slider contact form */
#contactFormContainer {
			position:absolute;
			left:750px;
			top: 0px;
			float:right;
			
			z-index: 100;
            }
#contactForm
	{
		background-color: #7c7b7e;
		width:300px;
		background-image:url('');
		display:none;
		font-size: 11px;
	}
#contactForm p {
		margin: 0;
		padding: 10px;
		color: #000000;
		font-size: 12px;
	}  
#contactForm fieldset
	{
		padding:10px;
		border:none;
		color: #000000;
		width: 300px;
	}      
#contactForm label
	{
		display:block;
		color:#000000;
	}      
#contactForm input[type=text]
	{
		display:block;
		border:solid 1px #000000;
		width:45%;
		margin-bottom:6px;
		margin-right: 5px;
		height:18px;
		font-size: 11px;
		float:left;
	}  
#contactForm textarea
	{
		display:block;
		border:solid 1px #000000;
		width:277px;
		margin-bottom:6px;
	}  
#contactForm input[type=submit]
	{
		background-color:#fdb725;
		border:solid 1px #fdb725;
		color:#767578;
		padding:2px 3px;
	}                
#contactLink
	{
		margin-left: 229px;
		height:19px;
		width:71px;
		background-image:url('img/contactus.gif');
		display:block;
		cursor:pointer;
	}
#messageSent
	{
		color:#ff9933;
		display:none;
	}
.home_body{
	background-color: #e78e00
}
.home_container{
    position: relative;
	width: 960px;
	height:749px;
	margin: 0 auto;
	background-image:url('img/hsbg_light.jpg');
}
.subhome_container{
    position: relative;
	width: 960px;
	height:749px;
	background-image:url('img/hsbg_logo.jpg');
}
.bg_container{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 20;
	width: 960px;
	height:749px;
	background-image:url('img/fade_bg.jpg');
}
.mask_container{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 20;
	width: 960px;
	height:749px;
	background-image:url('img/hsbg_cutout.png');
}
.fade_container{
	z-index: 1;
	position: relative;
	top: 0px;
	left: 0px;	         
}
.fade{
	position: absolute;
	top: 0px;
	left: 47px;
	width: 960px;
	height:749px;
}
#s_1{
	
	width: 209px; 
	height: 133px; 
	left: 77px;
	top: 182px;
	position: absolute;
}
#s_2{
	
	width: 75px; 
	height: 83px; 
	left: 294px;
	top: 182px;
	position: absolute;
}
#s_3{
	
	width: 104px; 
	height: 182px; 
	left: 376px;
	top: 83px;
	position: absolute;
}
#s_4{
	
	width: 108px; 
	height: 75px; 
	left: 181px;
	top: 322px;
	position: absolute;
}

#s_5{
	
	width: 187px; 
	height: 214px; 
	left: 294px;
	top: 272px;
	position: absolute;
}
#s_6{
	
	width: 322px; 
	height: 223px; 
	left: 487px;
	top: 182px;
	position: absolute;
}
#s_7{
	
	width: 65px; 
	height: 113px; 
	left: 815px;
	top: 182px;
	position: absolute;
}
.home_link{
	display: block;
	position: absolute;

	width: 640px;
	height: 90px;
	top: 570px;
	left: 160px;
	z-index: 999;
}