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

*{
	margin:0 auto;
	padding:0;
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
}

html{
	overflow-y: scroll !important;
	height:100%;
}

body{
	background-color:#f4f4f4;
	background-image:url(../images/bg.gif);
	background-repeat:repeat;
	height:100%;
}

a {
	outline: none;
}

.clear{
	clear:both;
}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

#website_wrap{
	width: 940px;
	margin: 0 auto;
	min-height: 100%;
}

/*------------------------ Begin Picture Navigation ------------------------*/

#nav_wrap{
	width:219px;
	background-image:url(../images/left_bg.gif);
	background-repeat:repeat;
	background-color:#5b5b5b;
	float:left;
	height: 100%;
	position: fixed;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 500;
}

	
#nav{
	padding-top:60px;
	width:219px;
	margin:0 auto;
	position:relative;
	left:-20px;
	margin-bottom: 20px;
}	

#contact{
	width:200px;
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#dcd8d8;
	text-align:left;
	text-decoration:none;
	position: absolute;
	margin-left:10px;
    bottom: 0px; 
	padding-bottom:10px;
}

#contact a{
	color:#dcd8d8;
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
}

/*---- HOME ----*/

.home a { 
display: block; 
width:219px;
height:34px;
background:url(../images/nav_home_a.png);
background-repeat:no-repeat;
float:left; }

.home a:hover { 
background:url(../images/nav_home_b.png);
background-repeat:no-repeat;
}

.home-current{
display: block; 
width:219px;
height:34px; 
background:url(../images/nav_home_b.png);
background-repeat:no-repeat;
float:left; }

/*---- ABOUT ----*/

.about a { 
display: block; 
width:219px;
height:39px;
background:url(../images/nav_about_a.png);
background-repeat:no-repeat;
float:left; }

.about a:hover { 
background:url(../images/nav_about_b.png);
background-repeat:no-repeat;
}

.about-current { 
display: block; 
width:219px; 
height:39px;
background:url(../images/nav_about_b.png);
background-repeat:no-repeat;
float:left; }

/*---- PORTFOLIO ----*/

.portfolio a { 
display: block; 
width:219px;
height:39px;
background:url(../images/nav_portfolio_a.png);
background-repeat:no-repeat;
float:left; }

.portfolio a:hover { 
background:url(../images/nav_portfolio_b.png);
background-repeat:no-repeat;
}

.portfolio-current { 
display: block; 
width:219px; 
height:39px;
background:url(../images/nav_portfolio_b.png);
background-repeat:no-repeat;
float:left; }

/*---- PROJECT PROCESS ----*/

.project-process a { 
display: block; 
width:240px;
height:37px;
background:url(../images/nav_project-process_a.png);
background-repeat:no-repeat;
float:left; }

.project-process a:hover { 
background:url(../images/nav_project-process_b.png);
background-repeat:no-repeat;
}

.project-process-current { 
display: block; 
width:240px; 
height:37px;
background:url(../images/nav_project-process_b.png);
background-repeat:no-repeat;
float:left; }

/*---- PRODUCTS ----*/

.products a.a-nav-btn { 
display: block; 
width:219px;
height:37px;
background:url(../images/nav_products_a_1.png);
background-repeat:no-repeat;
float:left; }

.products a.a-nav-btn:hover { 
background:url(../images/nav_products_b_1.png);
background-repeat:no-repeat;
}

.products-current a.a-nav-btn { 
display: block; 
width:219px;
height:37px;
background:url(../images/nav_products_b_1.png);
background-repeat:no-repeat;
float:left;
}

/*---- GALLERY ----*/

.gallery a.a-nav-btn { 
display: block; 
width:219px;
height:33px;
background:url(../images/nav_gallery_a.png);
background-repeat:no-repeat;
float:left; }

.gallery a.a-nav-btn:hover { 
background:url(../images/nav_gallery_b.png);
background-repeat:no-repeat;
}

.gallery-current a.a-nav-btn { 
display: block; 
width:219px;
height:37px;
background:url(../images/nav_gallery_a.png);
background-repeat:no-repeat;
float:left;
}

/*---- CONTACT ----*/

.contact a { 
display: block; 
width:219px;
height:36px;
background:url(../images/nav_contact_a.png);
background-repeat:no-repeat;
float:left; }

.contact a:hover { 
background:url(../images/nav_contact_b.png);
background-repeat:no-repeat;
}

.contact-current { 
display: block; 
width:219px;
height:36px;
background:url(../images/nav_contact_b.png);
background-repeat:no-repeat;
float:left; }

/*---- LOCATION ----*/

.location a { 
display: block; 
width:219px;
height:36px;
background:url(../images/nav_location_a.png);
background-repeat:no-repeat;
float:left; }

.location a:hover { 
background:url(../images/nav_location_b.png);
background-repeat:no-repeat;
}

.location-current { 
display: block; 
width:219px;
height:36px;
background:url(../images/nav_location_b.png);
background-repeat:no-repeat;
float:left; }

/*---- ENQUIRIRES ----*/

.enquiries a { 
display: block; 
width:219px;
height:27px;
background:url(../images/nav_enquiries_a.png);
background-repeat:no-repeat;
float:left; }

.enquiries a:hover { 
background:url(../images/nav_enquiries_b.png);
background-repeat:no-repeat;
}

.enquiries-current { 
display: block; 
width:27px;
height:65px;
background:url(../images/nav_enquiries_b.png);
background-repeat:no-repeat;
float:left; }

/*------------------------ End Picture navigation ------------------------*/

#right_wrap{
	width:721px;
	float:right;
}

#signin{
	width:721px;
	height:25px;
	padding-top:5px;
	float:left;
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	font-size:14px;
	text-align:right;
	font-style:italic;
	color:#a9a6a6;
}

#signin a:link{
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#a9a6a6;
	text-align:right;
	text-decoration:none;
}

#signin a:hover{
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#5b5b5b;
	text-align:right;
	text-decoration:none;
}

#signin a:visited{
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#a9a6a6;
	text-align:right;
	text-decoration:none;
}

#logo{
	width:721px;
	height:66px;
	float:left;
	margin-top:15px;
}

#banner{
	width:721px;
	height:355px;
	float:left;
}

#content{
	width:711px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}

#content h1{
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	color:#a9a6a6;
	font-size:20px;
	line-height:25px;
	border-bottom:1px dotted #a6a3a3;
	padding-bottom:5px;
	padding-top:15px;
	font-weight:normal;
	font-style:italic;
	margin-bottom:10px;
}



.below-banner{
	font-size:19px !important;
}

.home_title {
	letter-spacing:3px;
}

.project_process_title {
	letter-spacing:3px;
}

.contact_title {
	letter-spacing:3px;
}

.location_title {
	letter-spacing:3px;
}

#content h2{
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	color:#313030;
	font-size:18px;
	line-height:20px;
	font-weight:normal;
	font-style:italic;
}
#content h2 a{
	text-decoration:underline;
}

#content h3{
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	color:#a9a6a6;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	font-style:italic;
}

#content h4{
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	color:#313030;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
}

#content p{
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	color:#313030;
	line-height:18px;
	font-size:12px;
	text-align:justify;
	padding-bottom:5px;
	padding-top:5px;
}


#content p a{
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	color:#313030;
	font-size:12px;
	font-style:italic;
	text-decoration:underline;
}

#content_left{
	float:left;
	width:190px;
	height:350px;
	border-right: 1px solid #e9e7e7;
	padding-right:50px;
	margin-top:15px;
}

#content_right{
	margin-left:50px;
	float:left;
	width:290px;
	margin-top:15px;
}

#footer{
	width: 940px;
	margin:0 auto;
	height:100px;
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	color:#a9a6a6;
	font-size:12px;
	border-top: 2px solid #595959;
	padding-top:10px;
}

#footer a{
	font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;
	color:#a9a6a6;
	text-decoration:none;
}

.text_align_left{
	text-align:left;
	width:470px;
	float:left;
}

.text_align_right{
	text-align:right;
	width:580px;
	float:right;
}

#staffDetails {
	top:7px;
}

#staffDetails h3 {
	padding:0 !important;
	margin:0 !important;
}

#staffDetails p {
	padding:0;
	margin:0;
	text-align:left;
	color:#000;
}

.member {
	dispaly:block;
	float:left;
	margin:5px;
	border-radius:5px;
}

.memberBlock {
	background:#000 url(../images/left_bg.gif);
	bottom:0px;
	color:#fff;
	padding:5px;
	border:1px solid #fff;
	width:105px;
	height: 230px;
	z-index:1000;
	overflow:hidden;
}

.memberBlock img {
	border:1px solid #999;
}

.opacity {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
	filter: alpha(opacity=50);
	opacity:.5;
}