/* ------------------ 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: Georgia, Times, serif;
	font-size:1.4em;
	margin: 0 0 10px 0;
	color:#FDB827;
	font-weight: bold;
}

h2 {
	font-family: Trebuchet MS, Arial, Verdana, sens-serif;
	font-size: 0.9em;
	margin: 10px 0 10px 0;
	color:#FDB827;
	font-weight:bold;
	text-transform: uppercase;
}

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

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

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

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

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

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

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

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

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;
}

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:uppercase;
	text-decoration:none;
	font-size:0.9em;
	color:#A09F9F;
	height: 18px;
	display:block;
}

ul#lvl2menu li a:visited {
	color:#A09F9F;
}

ul#lvl2menu li a#active2, ul#lvl2menu li a:hover {
	color:#FDB827;
	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:#A09F9F;
	padding:1px;
	padding-right:13px;
}

ul#lvl3menu li,  ul.lvl3menu li{

}

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

ul#lvl3menu li a#active3, ul#lvl3menu li a:hover,
ul.lvl3menu li a#active3,  ul.lvl3menu li a:hover{
	color:#FDB827;
	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 {
	margin-left:10px;
	text-decoration:none;
	color:#a09f9f;
}

div#footer a:visited {
	color:#a09f9f;
}

div#footer a#activeFooterLink, div#footer a:hover {
	color:#A20202;
}

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 --------------------*/


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 16px;
	width: 200px;
}

div.rightbox p {
	color: #FDB827;
	font-style: italic;
}

div.rightbox a {
	font-size: 0.9em;
	text-underline: none;
	color: #FDB827;
	border: none;
}

.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: #202020;
}

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 {
	margin-top: 10px;
	padding-right: 20px;
	height: 15px;
	background: url(img/arrow.gif) top right no-repeat;
	font-size: 10px;
	text-transform: uppercase;
	color: #6e6e6e;
	font-weight: normal;
}
div#containerBottom  a.visitbutton:hover {
	background: url(img/arrow.gif) bottom right no-repeat;
	color: #FDB41B;
}

div#containerBottom a.readmore {
	font-size: 10px;
	text-transform: uppercase;
	color: #6e6e6e;
	font-weight: normal;
	}
div#containerBottom a.readmore:hover {
	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;
}