@charset "utf-8";

html, body {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(../images/bg-gradient.jpg);
	background-repeat:repeat-x;
	background-color:#e9e1de;
	background-position:top left;
	font:Palatino, Palatino Linotype, Georgia;
	font-size:12px;
	line-height:18px;
	color:#666;
}

p {
	margin-top:10px;
}

img {
	border:0;
}

hr {
	color: #CCC;
	background-color: #CCC;
	height: 1px;
	width:140px;
	border:0;
}

hr.menu1 {
	margin:0 0 30px 10px;
}

hr.menu2 {
	margin:30px 0 3px 10px;
}

a:link {color: #666; text-decoration:none;}
a:visited {color: #666; text-decoration:none;}
a:hover {color: #906; text-decoration:none;}
a:active {color: #666; text-decoration:none;}

a.on:link {color: #F36; text-decoration:none;}
a.on:visited {color: #F36; text-decoration:none;}
a.on:hover {color: #666; text-decoration:none;}
a.on:active {color: #F36; text-decoration:none;}

a.experience:link {color: #CCC; text-decoration:none;}
a.experience:visited {color: #CCC; text-decoration:none;}
a.experience:hover {color: #999; text-decoration:none;}
a.experience:active {color: #CCC; text-decoration:none;}

h1 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:9px;
	font-weight:normal;
	color:#999;
}

h1.top {
	margin:40px 0 0 0;
}

h2 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:20px;
	font-weight:normal;
	color:#906;
	line-height:28px;
}

h3 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:14px;
	font-weight:normal;
	color:#906;
	line-height:20px;
}

h4 {
	margin:0 0 20px 0;
	padding:0 0 0 0;
	font-size:28px;
	font-weight:normal;
	color:#906;
	line-height:44px;
}

h5 {
	margin: 0 0 7px 0;
	padding: 0;
	font-size:26px;
	color: #FFF;
	line-height: 34px;
	text-align: justify;
	width: 395px;
}

h5.pink {
	color: #906;
}

.pink {
	color: #906;
}

.slidingpanel_tab {
	background-image:url(../images/slidebtn.png);
	background-repeat:no-repeat;
	cursor: pointer;
	padding:0;
	height:201px;
	width:29px;
	margin:248px 0 0;
	z-index:500;
}

#panel {
	 width: 275px;
	 height:677px;
	 background-image:url(../images/sidepanel-bg.png);
	 background-repeat:no-repeat;
	 background-position:top left;
	 padding: 10px;
	 margin: 0;
	 border: 1px solid #ccc;
	 z-index:1000;
	 text-align:center;
}

#panel1 {
		float:left;
		width:162px;
		height:590px;
		margin:55px 0 0 43px;
}

#panel2 {
		float:left;
		width:200px;
		height:10px;
		margin:0 0 0 23px;
		font-size:9px;
}

#wrapper {
	margin:35px auto 80px;
	width:965px;
	height:691px;
	background-image:url(../images/wrapper-bg.png);
	background-repeat:no-repeat;
	padding:3px;
	
}

#content {
	float:left; 
	width:965px; 
	height:691px; 
	margin:0; 
	padding:0;
}

#content.whatwedoBG {
	background-image:url(../images/whatwedoBG3.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#content.howwedoitBG {
	background-image:url(../images/whatwedoBG.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#content.contactBG {
	background-image:url(../images/contactBG.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}

#whatwedo1 {
	float:left;
	width:397px;
	text-align:justify;
	margin: 256px 0 0 528px;
	color: white;
}

.howwedoitLogo {
	margin:60px 0 35px 410px;
}

#howwedoit1 {
	float:left;
	width:965px;
	height:100px;
	text-align:center;
}

#howwedoit2 {
	float:left;
	width:195px;
	height:200px;
	margin:40px 20px 0 0;
}

#howwedoit2.first {
	margin-left:70px;
}

#howwedoit3 {
	float:left;
	width:965px;
	margin:50px 0 0 0;
	text-align:center;
}

#contact1 {
	float:left;
	width:175px;
	height:220px;
	margin:55px 25px 0 317px; /* Top: 346px */
}

#contact2 {
	float:left;
	width:395px;
	height:600px;
	margin:146px 0 0 0; /* Top: 65px */
	text-align:left;
}

#experience {
	position: relative;
	width: 320px;
	height: 530px;
	margin: 120px 0 0 620px;
	z-index: 1000;
	font-size: 14px;
}

/* SLIDESHOW BEGIN */
#slideshow {
	position:relative;
	/* [disabled]height:559px; */
	width: 691px;
	margin: 0;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:80;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:100;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:90;
}