/*Global Style Sheet*/

body{
font-family:Arial, Helvetica;
background-color: #3c2c32;
background-image: url(../images/interface/bg.gif);
background-repeat: repeat;
color: #ffffff;
}

/*Layout*/

#wrapper{
height:auto;
width: 978px;
background-color: #453a3d;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
}

#top{
height:312px;
width: 978px;
/*background-color:aqua;*/
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#logo{
height:280px;
width: 280px;
/*background-color: red;*/
padding: 0px 0px 0px 0px;
margin: 16px 0px 0px 16px;
float: left;
}

#header{
height:280px;
width: 650px;
/*background-color: blue;*/
padding: 0px 0px 0px 0px;
margin: 16px 16px 0px 16px;
float: left;
}

#middle{
height:auto;
width: 978px;
/*background-color: fuchsia;*/
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
clear: both;
}

#nav{
height:280px;
width: 280px;
/*background-color: green;*/
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 16px;
float: left;
}

#content{
height:auto;
width: 650px;
/*background-color: yellow;*/
padding: 0px 0px 0px 0px;
margin: 0px 16px 0px 16px;
float: left;
}

#cont-left{
height:auto;
width: 317px;
/*background-color: red;*/
padding: 0px 0px 0px 0px;
margin: 0px 16px 0px 0px;
float: left;
}

#cont-right{
height:auto;
width: 317px;
/*background-color: purple;*/
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
}

#bottom{
height:262px;
width: 946px;
/*background-color: lime;*/
padding: 0px 0px 0px 0px;
margin: 0px 16px 0px 16px;
clear: both;
border-top: 1px solid #5b4c50;
}

#bottom-cont1{
height:230px;
width: 280px;
/*background-color: maroon;*/
background-image: url(../images/interface/extreme.jpg);
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
margin: 16px 34px 0px 19px;
float: left;
position: relative;
}

.boxp{
position: absolute;
top: 180px;
padding: 0px 20px 0px 20px;
font-size: 10px;
}

.boxclick{
position: absolute;
right:0px;
bottom:0px;
padding: 0px 10px 10px 0px;
font-size: 10px;
}

.picture{
border:10px solid #413739;
}


#bottomborder{
margin:15px 0px 15px 0px;
border-top:1px solid #5B4C50;
padding:0px 0px 0px 0px;
}

#bottom-cont1{
height:230px;
width: 280px;
/*background-color: maroon;*/
background-image: url(../images/interface/componeers.jpg);
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
margin: 16px 34px 0px 19px;
float: left;
position: relative;
}

#bottom-cont2{
height:230px;
width: 280px;
/*background-color: maroon;*/
background-image: url(../images/interface/interest-free-teaser.jpg);
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
margin: 16px 34px 0px 0px;
float: left;
position: relative;
}

#bottom-cont3{
height: 230px;
width: 280px;
/*background-color: maroon;*/
background-image: url(../images/interface/extreme.jpg);
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
margin: 16px 19px 0px 0px;
float: left;
position: relative;
}

#footer{
height:auto;
width: 978px;
background-color:#3b3134 ;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.footp{
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 20px;
color: #b2a3a7;
}

#footerbot{
width: 946px;
height: 40px;
margin: 0px 16px 0px 16px;
border-top:1px solid #322a2c;
}

.footbotp{
float: left;
margin: 10px 3px 10px 3px;
padding: 0px 0px 0px 0px;
}

/*Typography*/

.date{
font-size:10px;
padding: 0px 0px 5px 0px;
color:#847076;
}

.testimonial{
width:600px;
background-color:#413739;
padding:10px;
font-size:14px;
font-style:italic;
color:#B7A2A8;
margin:5px 0px 0px 0px;
}

.back{
width:175px;
background-color:#413739;
border:1px solid #5E4F52;
padding:10px;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

.name{
color:#847076;
font-size:12px;
}

.article{
color:#847076;
font-size:10px;
padding: 2px;
}

.offer{
font-family: Georgia;
font-weight: normal;
font-size: 22px;
font-style:italic;
line-height:30px;
color:#db0069;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}

h1{
font-family: Georgia;
font-weight: normal;
font-size: 22px;
color:#db0069;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}

h2{
font-family: Georgia;
font-weight: normal;
font-size: 22px;
color:#db0069;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}

h3{
font-family: Georgia;
font-weight: normal;
font-size: 18px;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
	h3.team_member_name {
		margin-top: 14px;
		color:#db0069;
	}

h4{
font-family: Georgia;
font-weight: normal;
font-size: 16px;
color:#db0069;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
	h4.subhead {
	padding: 0px 0px 0px 0px;
	margin: 28px 0px 0px 0px;
	}

p{
font-size: 12px;
font-weight: normal;
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
line-height: 17px;
}
ol{
font-size: 12px;
font-weight: normal;
padding: 0px 0px 5px 0px;
margin: 12px 0px 12px 20px;
line-height: 17px;
}
	ol li{
	margin: 6px 0px 6px 0px;
	}
	
ul{
font-size: 12px;
font-weight: normal;
padding: 0px 0px 5px 0px;
margin: 12px 0px 12px 20px;
line-height: 17px;
}
	ul li{
	margin: 6px 0px 6px 0px;
	}

.offerclick{
color: #dcfaff;
text-decoration: underline;
font-size:10px;
}

.gallery{
font-style:italic;
color:#B7A2A8;
padding:0px 10px 0px 0px;
}

/*Links*/

a:link, a:visited{
color: #dcfaff;
text-decoration: underline;
}

a:hover, a:active{
color:#ffffff ;
text-decoration: underline;
}

a:link.footlink, a:visited.footlink{
color: #847076;
font-style: normal;
text-decoration:underline;
} 

a:hover.footlink, a:active.footlink{
color: #b7a2a8;
font-style: normal;
text-decoration: underline;
}

.small{
font-size:10px;
} 

/*Lists*/

#serviceslist{
width: 300px;
padding: 0 0 1em 0;
margin:0px 1px 1px 0px;
font-size:10px;
line-height:12px;
}

* html #serviceslist{ /*IE 6 only */
w\idth: 120px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#serviceslist ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#serviceslist li {
border-bottom: 1px solid #453A3D;
margin: 0;
}

#serviceslist li a{
height:80px;
display: block;
padding: 15px ;
background-color: #282123;
color: #847076;
text-decoration: none;
}

html>body #serviceslist li a{ /*Non IE6 width*/
width: auto;
}

#serviceslist li a:hover{
background-color: #181818;
color: #dcfaff;
}


/*Colors*/

.grey{
color:#C2C2C2;
}

.pink{
color:#db0069;
font-size:11px;
line-height:12px;
}

.blue{
color:#dcfaff;
}

/* Tables Style */

.galleryrow{
margin:0px 0px 0px 0px;
border-bottom:#5B4C50 1px solid;
}

.gallerycol{
padding:10px 0px 10px 0px;
}

.formbox{
width:300px;
color:#ffffff;
background-color:#5B4C50;
border:solid 1px #847076;
margin:5px 0px 5px 0px;
}

.reqformbox{
width:300px;
color:#ffffff;
background-color:#5B4C50;
border:solid 1px #847076;
margin:5px 0px 5px 0px;
}

.subbutton{
width:100px;
height:25px;
border:solid 1px #282123;
background-color:#35272C;
color:#ffffff;
font-size:12px;
margin:5px 0px 0px 200px;
}

/*Lightbox*/

#gallery {

}
	
#gallery ul {
list-style: none;
}

#gallery ul li {
display: inline;
}

#gallery ul img {

}

#gallery ul a:hover img {

}

#gallery ul a:hover {
color: #fff;
}

/****************** contact btn ************************/

p#contact_btn {
	width: 171px;
	height: 68px;
	background: url(../images/contact_btn_bg.gif) no-repeat;
	margin: 28px 0;
	position: relative;
}
	a#contact_btn_email {
		display: block;
		position: absolute;
		width: 93px;
		left: 7px;
		top: 42px;
	}
	a#contact_btn_twitter {
		display: block;
		position: absolute;
		width: 18px;
		left: 122px;
		top: 42px;
	}
	a#contact_btn_facebook {
		display: block;
		position: absolute;
		width: 18px;
		left: 141px;
		top: 42px;
	}