@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; }

html, body {
padding:0;
margin:0;
background:#f3e8e4 url(../img/liquidbg.jpg) no-repeat;
font-family:Arial, Helvetica, sans-serif;
height: auto;
overflow-x: hidden;
}

#wrapper {
padding:0;
height:100%;
width:100%;
margin:0 auto;
overflow: hidden;

}

#wrapper1 {
padding:0;
height:100%;
width: auto;
overflow:hidden;


}
#mask {
	width:500%;
	height:100%;

	
	}
	
* html #mask {
	width:500%;
	height:100%;
	overflow: hidden;
	
	}

.item {
		width:20%;
		height:100%;
		float:left;
	}
	
	
	


	.clear {
		clear:both;
	}



#home {
float:left;
height:800px;
width:1400px;

}

#parallax{
height:auto;
width:1400px;
float:left;
top:20px;
left:100px;
padding:0;
margin:0;
color:#b5aca7;

}

#email {
z-index:9999;
float:left;
}

li ul {
list-style-type:none;

}
a {
text-decoration:none;
color:#b5aca7;
}
a:hover {
color:#FF6600;
}

#people {
position:relative;
bottom:0;
float:left;
clear: both;

}

#links {
float: left;
display: inline ;
position: absolute;
padding:0;
margin:0;
z-index:9999;

}

#menu {
font-family: Georgia, "Times New Roman", Times, serif;
position: absolute;
z-index:9999;
width: 95%;
height:40px;
list-style-type:none;
margin:0;
font-style:italic;
text-align:right;
top:700px;
}

#menu1 {
font-family: Georgia, "Times New Roman", Times, serif;
position: absolute;
z-index:9999;
width: 95%;
height:40px;
list-style-type:none;
font-style:italic;
text-align:right;
margin-right:30px;
top:700px;
}

#menu ul {
list-style:none;
font-size:12px;

}

#menu1 ul {
list-style:none;
font-size:12px;

}

#menu li  {
color:#FFF;
background:none;
padding:3px;
margin-left:5px;
line-height:24px;
display:inline;
}

#menu1 li  {
color:#FFF;
background:none;
padding:3px;
line-height:24px;
display:inline;
}
.menunav a {
color:#FF6600;
font-weight:bold;
text-shadow: 0px 1px 1px #f8f2ed;
}
.menunav a:hover {
color:#FF9900;
font-weight:bold;
}

.menunav1 a {
color:#FF6600;
font-weight:bold;
}
.menunav1 a:hover {
color:#FF9900;
font-weight:bold;
}
#activelink {
color: #FF9900;
}


.newsticker {
	list-style: none;
	background: none;
	padding:10px;
	z-index:1;
	font-size:18px;
	float: right;
	margin-top: 340px;
	margin-left:870px;
	left:0;
	color: #FF6600;
	font-weight:bold;
	width:160px;
	font-style:italic;
	position:absolute;
	font-family:Georgia, "Times New Roman", Times, serif;
	
}

#footer {
padding:0;
margin-bottom:0;
position: relative;
width: 100%;
height:100px;
margin-top:500px;
z-index:1;
top:80px;
background: url(../img/footeroverlay.png) repeat-x top  center; 

}

.wrapper {
	min-height: 100%;
    height: auto !important;
	height: 100%;
	margin: 0 auto -191px; /* the bottom margin is the negative value of the footer's height */
}

.push {
height: 191px; /* .push must be the same height as .footer */
position: relative;

}


/*drop down*/
/* CSS Document */
#popupContact{
display:none;
position:aabsolute;
_position:absolute; /* hack for internet explorer 6*/
height: auto;
width:750px;
background: url(../img/fadebg.png);
z-index:9999;
padding:12px;
font-size:11px;
color:#FF6600;

}

#backgroundPopup {
padding:0;
margin:0;
width:2800px;
height: auto;
background: transparent;
overflow: auto;
float:left;
position:absolute;
display:none;
z-index:100;
}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
.bg {
opacity:0.4;filter:alpha(opacity=40)
}
*html #popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:250px;
width:300px;
background:#FFFFFF;
z-index:9999;
padding:12px;
font-size:11px;
position:absolute;
color:#FF6600;
}
#popupContact h1{
text-align:left;
color:#9cbf3b;
font-size:18px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:10px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#FF6600 ;
font-weight:700;
display:block;
z-index:1;
cursor: pointer;
}

#button{
text-align:right;

}




#contactdetails1{
float:left;
position:absolute;
padding:15px;
height:auto;
width: auto;
left:550px;
top:200px;
z-index:1;
background:url(../img/fadebg.png) ;
font-size:12px;
color: #666666;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
 #contactdetails2{
float:left;
position:absolute;
padding:15px;
height:auto;
width: auto;
left:750px;
background:url(../img/fadebg.png) ;
top:200px;
z-index:1;
font-size:12px;
color: #666666;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
.orangetxt {
color:#FF6600;
}

/*portfolio*/

#works {
position: absolute;
width: 100%;
height:800px;
background: url(../img/worksbg.jpg) repeat-x;
float:right;
overflow:hidden;

}

#tarsier  {
float:left;
z-index:1;
position: absolute;
padding-top:515px;

}

#clouds{
height: auto;
width:1400px;
overflow: auto;
float:left;
top:0;
left:0;
padding:0;
margin:0;
color:#b5aca7;
z-index:1;
}

#slides {
float:left;
position:absolute;
height: auto;
width:700px;
z-index:1;
top:60px;
left:300px;
}

/*contact*/

#contact {
position: absolute;
width:1400px;
height: 800px;
background: url(../img/contactbg.jpg) repeat-x;
float:right;
left:1400px;
z-index:1;
}

#cloudy{
height: auto;
width:1000px;
min-height:700px;
overflow: auto;
float:left;
top:0;
left:0;
padding:0;
margin:0;
color:#b5aca7;
z-index:1;
}

#kiteboy {
float:right;
height:453px;
width:458px;
position:absolute;
z-index:1;
padding-top:183px;
left:830px;
}


/*contacform*/

#contactform {
float:left;
position:absolute;
left:310px;
padding:10px;
margin:0 auto;
height:auto;
top:460px;
z-index:9999;
font-size:11px;
color: #FF6600;
background: url(../img/fadebg.png) ;
width: 950px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

.contactbox {
padding:10px;
}
input {
			border: none;
			background: transparent;
			width: 125px;
			color:#FFF;
			font-size:12px;
			font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;

		}
		.rounded {
			background: #998675;
			padding: 8px;
			width: 140px;
			height:20px;
			z-index:9999;
			margin:5px;
			float:left;
		}

textarea {
			border: none;
			background: #998675;
			width: 195px;
			color:#FFF;
			font-size:12px;
			padding:5px;
			font-family:Georgia, "Times New Roman", Times, serif;
    		font-style:italic;
			height:25px;
			}
			
				.roundedbox {
			background: #FF6600;
			padding: 0px;
			width: 195px;
				height:30px;
			margin:5px;
			z-index:9999;
					float:left;
					}
		
		 .sbtn input {
		float:left;
		position: relative;
		left:20px;
		height: auto;
		width: auto;
		z-index:9999;
		margin:10px 0 0 0;
		padding:5px;
		background:#f26522;

		text-align:center;
		
		}

#human {
visibility:hidden;
display:none;
}

#clientele1 {
padding:20px;
line-height:16px;
}
#clientele1 ul, #clientele1 li {
display:block;
list-style-type:none;
list-style: none;
margin-left:5px;
}

#clientele1 li {
font-size:11px;
color:#736357;
font-family:Georgia, "Times New Roman", Times, serif;
}