@charset "UTF-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin: 0px;
	background-color: #E3D7EB;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
}
h1 {
	margin: 0px 0px 0px 30px;
	color: #3F3E3E;
	font-size: 36px;
	font-weight: normal;
}
h2 {
	margin: 0px 0px 0px 0px;
	color: #3F3E3E;
	font-size: 14px;
	font-weight: normal;
}
h3 {
	margin: 0px 0px 0px 0px; 
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	color:#9fcf67; 
	font-weight:bold;
}
.wrapper {
	height: 500px;
	float: left;
	width: 1000px;
	position: absolute;
	left: -550px;
	margin-top: -250px;
	top: 50%;
	overflow: hidden;
}
.logo {
	width:286px;
	height: 73px;
	position: absolute;
	centre: 0px;
	top: 0px;
	margin: 100px 30px 0px 550px;
	cursor: pointer;
	z-index: 1000;
}
.pay_off {
	width:182px;
	height: 21px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin: 0px 30px 30px 0px;
}
.nav {
	width: 370px;
	height: 500px;
	padding: 0px 0px 0px 20px;
	background-image: url(../images/shadow.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: right;
}
.content {
	width: 460px;
	margin: 0px 60px 0px 60px;
	float: left;
	position: relative;
	overflow: hidden;
	padding: 80px 0px 0px 0px;
}
.clear {
	clear: both;
}
.about {
	height: 58px;
	background-image: url(../images/about_us.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin: 60px 0px 20px 0px;
}
.about:hover {
	background-position: 0px -85px;
}
.team {
	height: 58px;
	background-image: url(../images/the_team.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin-bottom: 20px;
}
.team:hover {
	background-position: 0px -85px;
}
.services {
	height: 58px;
	background-image: url(../images/our_services.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin-bottom: 20px;
}
.services:hover {
	background-position: 0px -85px;
}
.portfolio {
	height: 78px;
	background-image: url(../images/portfolio.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
}
.portfolio:hover {
	background-position: 0px -85px;
}
.contact {
	height: 58px;
	background-image: url(../images/contact_us.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin-bottom: 20px;
}
.contact:hover {
	background-position: 0px -85px;
}
.close {
	width: 55px;
	height: 48px;
	float: right;
	position: absolute;
	background-image: url(../images/close_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	right: 0px;
	top: 80px;
	z-index: 100;
}
#about_content {
	height: 330px;
	padding: 10px 0px 0px 0px;
	background-color: #2A1444;
	display: none;
	overflow-y: scroll;    
	overflow-x: hidden;
}
#team_content {
	display: none;
	height: 420px;
	width: 460px;
	overflow: hidden;
	position: relative;
}
#services_content {
	height: 330px;
	padding: 10px 0px 0px 0px;
	background-color: #2A1444;
	display: none;
	overflow-y: scroll;    
	overflow-x: hidden;
}
#portfolio_content {
	display: none;
	height: 330px;
	width: 460px;
	overflow: hidden;
	position: relative;
}
#contact_content {
	height: 330px;
	padding: 10px 0px 0px 0px;
	background-color: #2A1444;
	display: none;
	overflow-y: scroll;    
	overflow-x: hidden;	
}
.thumbs_team {
	width: 125px;
	height: 125px;
	float: left;
	margin: 5px 0px 0px 5px;
}
.thumb_holder_team {
	width: 460px;
	float: left;
}
.image_holder_team {
	width: 460px;
	float: left;
}
.thumbs {
	width: 85px;
	height: 45px;
	float: left;
	margin: 5px 0px 0px 5px;
}
.thumb_holder {
	width: 460px;
	float: left;
}
.image_holder {
	width: 460px;
	float: left;
}
.gallery_slider {
	width: 8740px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.close_image {
	width: 55px;
	height: 48px;
	float: right;
	position: absolute;
	background-image: url(../images/close_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	right: 0px;
	top: 80px;
	z-index:100;
}
.caption {
	width: 460px;
	position: absolute;
	padding: 10px;
	background-image: url(../images/caption_bg.png);
	background-repeat: repeat;
	color: #FFF;
	bottom: 0px;
}
.copy_padding {
	padding: 10px 30px 30px 30px;
}
.copy_padding1 {
	padding: 30px 30px 0px 30px;
}
.team_slider {
	width: 1840px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.team_member {
	width: 460px;
	float: left;
}
.team_nav {
	width: 455px;
	padding: 30px 0px 30px 0px;
	background-color: #551f75;
	color: #FFF;
	bottom: 0px;
	text-align: center;
}
.left_btn {
	float: left;
	margin-left: 30px;
}
.right_btn {
	float: right;
	margin-right: 30px;
}
.team_caption {
	width: 440px;
	position: absolute;
	padding: 10px;
	background-image: url(../images/caption_bg.png);
	background-repeat: repeat;
	color: #FFF;
	bottom: 85px;
}


/*form*/


.form_wrapper input[type="button"] {
	background: #e3e3e3;
	border: 1px solid #ccc;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0 9px;
	margin:12px 20px 10px 30px;
	text-align: center;
	width: 150px;
	cursor:pointer;
	text-shadow: 0px 1px 0px #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 2px #fff inset;
	-webkit-box-shadow: 0px 0px 2px #fff inset;
	box-shadow: 0px 0px 2px #fff inset;
}
.form_wrapper input[type="button"]:hover {
	background: #d9d9d9;
	-moz-box-shadow: 0px 0px 2px #eaeaea inset;
	-webkit-box-shadow: 0px 0px 2px #eaeaea inset;
	box-shadow: 0px 0px 2px #eaeaea inset;
	color: #222;
}

.form_wrapper label{
	display:block;
	padding:10px 30px 0px 30px;
	margin:5px 0px 0px 0px;
}
.form_wrapper input[type="text"]{
	border: solid 1px #E5E5E5;
	background: #FFFFFF;
	margin: 5px 30px 0px 30px;
	padding: 9px;
	display:block;
	font-size:16px;
	width:76%;
	background: 
		-webkit-gradient(
			linear,
			left top,
			left 25,
			from(#FFFFFF),
			color-stop(4%, #EEEEEE),
			to(#FFFFFF)
		);
	background: 
		-moz-linear-gradient(
			top,
			#FFFFFF,
			#EEEEEE 1px,
			#FFFFFF 25px
			);
	-moz-box-shadow: 0px 0px 8px #1A1A1A;
	-webkit-box-shadow: 0px 0px 8px #1A1A1A;
	box-shadow: 0px 0px 8px #1A1A1A;
	border: #000 1px solid;
}
.form_wrapper input[type="text"]:focus{
	background:#feffef;
}
.form_wrapper .bottom{
	background-color:#1A1A1A;
	border-top:1px solid #333;
	margin-top:20px;
	clear:both;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	height: 60px;
}
/*scrolling*/ /* Let's get this party started */ 
::-webkit-scrollbar {    
	width: 5px; 
} 
/* Track */ 
::-webkit-scrollbar-track {    
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);    
	-webkit-border-radius: 10px;    
	border-radius: 10px; 
} /* Handle */ 
::-webkit-scrollbar-thumb {    
	-webkit-border-radius: 10px;    
	border-radius: 10px;    
	background: #fff;    
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
} 
::-webkit-scrollbar-thumb:window-inactive {    
	background: #fff; 
}
.infowrap{
 width:115px; 
 float:left; 
 margin-left: 30px; 
 padding-bottom:30px;
}
.map {
	width: 275px;
	padding-left:30px;
	padding-bottom:10px;
}
.map_icon{
	float: left;
	width: 50px;
}

.map h3 { 
	width:80px;
	height:65px;
	float:left;
	text-indent:-8008px;
	background:transparent url(../images/dl_icon.png) no-repeat 0 0;
}

.cv {

	padding:10px 30px 30px 30px;
}
.cv_img{
	float: left;
	width: 200px;
	margin-right: 10px;
	height: 143px; 
	margin-bottom: 10px;
}
.test {
	width: 300px;
	height: 20px;
	position: absolute; 
	margin-left:5px;
	top: 300px;
	
}


a:link {color:#fff; text-decoration:none;}     
a:visited {color:#fff; text-decoration:none;}  
a:hover {color:#fff; text-decoration:underline;}  
a:active {color:#fff; text-decoration:none;}  

a.greenlink:link {color:#fff; text-decoration:none;}     
a.greenlink:visited {color:#fff; text-decoration:none;}  
a.greenlink:hover {color:#fff; text-decoration:underline;}  
a.greenlink:active {color:#fff; text-decoration:none;}