/* Master Reset
----------------------------------------------------------- */

html
	{
		background-color:#0c3530;
	}
#logo1{
	background:url(images/logo1.png) no-repeat;
	width:327px;
	height:82px;
	float:left;
	position:absolute;
	left:0;
	top:86px;
}
html, body, div,
h1, h2, h3, h4, h5, h6, p, img,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table,tbody, tfoot, thead, tr, th, td 
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-family:Tahoma,"Times New Roman",Times,serif;
	font-size:12px;
	line-height:20px;
	color: #3d4137;
	}
	
	
body 
	{
	line-height: 1;
	background: #0c3530 url(images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-attachment:fixed;
	}
	
	
ol, ul 
	{
	list-style: none;
	}
	
	
:focus 
	{
	outline: 0;
	}


table {
	border-collapse: collapse;
	border-spacing: 0;
	}

a
	{
	color: #3a3e3a;
	text-decoration: none;
	font-weight: bold;
	font-family:Tahoma;
	font-size:11px;
	}

a:hover
	{
	color: #0c95b0;
	}


/* Layout
----------------------------------------------------------- */

#wrapper
	{ 
	width:100%; 
	height:100%; 
	position:absolute; 
	bottom:0; 
	left:0; 
	overflow:hidden;
	min-height: 600px;
	
	}


#mask		
	{ 
	width:500%; 
	height:100%; 
	}


.box		
	{ 
	width:20%; 
	height:100%; 
	float:left;
	position: relative;
	}
	

.content	
	{ 
	top:150px;
	height:75%;
	left:50%;
	margin-left:-480px;
	position:absolute;
	width:960px;
	}
		
				
.inner		
	{
	width:900px; 
	height:100%;
	min-height: 500px;
	position:absolute;
	bottom: 0;
	}



/* Header
----------------------------------------------------------- */

#menu				
	{
	background:url(images/navbar.png) no-repeat right 0px;
	position:absolute; 
	bottom:0px; 
	z-index:10; 
	left: 50%;
	overflow: hidden;
	display: block;
	margin: 0 0 0 -450px;
	padding: 0;
	width:950px;

	}
	
#menu	li{
padding: 0;
margin: 0;

}

#menu li.copyright{
padding-top:10px;
width:410px;
color: #041d36;
font-family:tahoma;
font-size:11px;
font-weight:bold;
opacity:.8;
float:left;
}

#menu a	
	{
	color:#898989;  
	text-decoration:none; 
	display: block;
	padding:4px 0px 7px 0px;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	}
	
					
#menu a:hover
	{
	color:#a2a2a2;
	text-decoration:none;
	}
	

#menu a.selected
	{ 
	background:url(images/menu.png) no-repeat 0 top;
	color:#666666;
	}
	
#menu a.home{
width:74px;
background-position: right 4px;

}

#menu a.sample{
width:74px;
background-position: -221px 4px;
}

#menu a.services{
width:74px;
background-position: -147px 4px;
}
		
#menu a.about{
width:74px;
background-position: -74px 4px;
}

#menu a.contact{
width:74px;
background-position: 0px 4px;
}
#menu a.support{
width:74px;
background-position: 73px 4px;
}	
	
#menu a.order{
width:74px;
background-position: 147px 4px;
}	
	
					
#menu li			
	{
	float:right;
	}
	


/* Waves A
----------------------------------------------------------- */


.clouds					
	{ 
	width:100%; 
	height:238px; 
	overflow:hidden; 
	position: absolute; 
	bottom: 0;  
	z-index: 4; 
	}

/* Waves B
----------------------------------------------------------- */


#cloud2					
	{ 
	position:absolute; 
	bottom:20px; 
	height: 346px;
	}


.clouds-big				
	{ 
	width:4000px; 
	height:100%; 
	
	}


.clouds_a
	{
	width:100%; 
	height:95%; 
	overflow:hidden; 
	position: absolute; 
	z-index: 3;
	}


#cloud3
	{
	position: absolute; 
	bottom: 20px;
	z-index: 2;
	height: 216px;
	}

/* Trees
----------------------------------------------------------- */

#cloud0
	{
	position: absolute; 
	top: 100px;
	z-index: 2;

	}


#cloud0 .clouds-big
	{
	background:url(images/logo.png) no-repeat 310px top;
	height:100%
	}



/* Trees
----------------------------------------------------------- */

#cloud4
	{
	position: absolute; 
	top: 246px;
	z-index: 1;
	height: 380px;
	}


#cloud4 .clouds-big
	{
	height:100%;
	}

/* Birds A
----------------------------------------------------------- */

#cloud7
	{
	position: absolute; 
	bottom: 0;
	z-index: 4;
	}


#cloud7 .clouds-big
	{
	height:100%;
	}
	
	

/* Clouds
----------------------------------------------------------- */

#cloud5
	{
	position: absolute; 
	bottom: auto;
	z-index: 1; 
	top:0;
	height: 318px;
	
	}


#cloud5 .clouds-big
	{
	height:100%;
	}

/* Birds
----------------------------------------------------------- */

#cloud6
	{
	position: absolute; 
	bottom: auto;
	z-index: 0; 
	top:0;
	}


#cloud6 .clouds-big
	{
	background:url(images/birds.png) repeat-x 280px 10px; 
	height:100%;
	}




/* Avatars
----------------------------------------------------------- */

.avatar
	{
	width:292px;
	height: 500px;
	z-index: 6;
	position:absolute;
	top:0;
	text-indent: -999px;
	right: 0;
	background: transparent no-repeat top right;
	overflow: hidden;
	}


.avatar.liveface
	{
	position:absolute;
	top:0;
	background-image:url(images/zoofapack.png);
	width:350px;
	}
#box1 .content .inner
	{
	position:absolute;
	z-index: 5;
	right: 0;
	top:10px;
	width:480px; 
	}


#box2 .content .inner, #box3 .content .inner
	{
	right: -3%;
	width:900px;
	bottom: 50px;

	}
	
	#box4 .content .inner, #box5 .content .inner{
	bottom:50px;
	}


#box2 .content .inner .paper
	{
	z-index: 4;
	background-position: 0px top;
	width:553px;
	left: auto;
	right:115px;
	position:absolute;
	top:50px;
	padding-top:30px;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
	direction:rtl;
	}
	
	
#box2 .content .inner.cont,  #box2 .content .inner .paper.cont{
	right: 0;
	width:1004px;

}


#box3 .content .inner .paper
	{
	z-index: 4;
	background-position: 0px top;
	bottom:0px;

	}
	
#box4 .content .inner .paper
	{
	z-index: 4;
	top:50px;
	background-position: 0px top;
	}
	
	
#box5 .content .inner .paper
	{
	z-index: 4;
	position:absolute;
	top:50px;
	background-position: 0px top;
	}


.box .content .inner .paper
	{
	background: transparent url(images/paper.png) no-repeat;
	height:396px;
	position:absolute;
	left: 0;
	width:597px; 
	top: 50px;
	z-index: 4;
	opacity:.9;
	overflow: hidden;
	}
	
	
	
/* Titles
----------------------------------------------------------- */

.box .content .inner .paper h1
	{
	width:293px;
	overflow: hidden;
	height: 44px;
	text-indent: -999px;
	margin-top: 10px;
	}

#box2 .content .inner .paper h1
	{
	background-position: 25px 0;
	margin-left: 0;
	margin-top:0px;
	background:url(images/sample.png) no-repeat;
	width:230px;
	height:145px;	
	}

#box3 .content .inner .paper h1
	{
	background-position: 60px -45px;
	margin-top:0px;
		background:url(images/service.png) no-repeat;
	width:230px;
	height:145px;
	}

#box4 .content .inner .paper h1
	{
	background-position: 0px -95px;
	margin-top:0px;
	background:url(images/about.png) no-repeat;
	width:230px;
	height:145px;
	}

#box5 .content .inner .paper h1
	{
	background-position: 0px -155px;
	margin-top:0px;
	background:url(images/contact1.png) no-repeat;
	width:230px;
	height:145px;
	}
	
	
/* Portfolio
----------------------------------------------------------- */
	

div.portfolio_list
	{
	width:570px;
	overflow: hidden;
	margin: 50px auto 0px;
	height: 270px;
	float:right;
	}

div.portfolio_list h2
	{
	color: #969696;
	padding-bottom: 9px;
	font-size: 13px;
	display: block !important;
	font-family: Tahoma, "Trebuchet MS", "Lucida Grande";
	text-align:right;
	}

div.portfolio_list .project
	{
	padding: 0 0 20px;
	float: right;
	margin: 0 auto;
	width:400px;
	}

div.portfolio_list .project p{
	color:#CCC;
	padding: 15px 0 0 0;
	overflow: hidden;
	line-height: 16px;
	width:400px;
	text-align:right;
}

div.portfolio_list .project.alt{
margin-right: 0;
}

div.portfolio_list .project a
	{
	display: block;
	clear: both;
	font-size: 11px;
	text-align: center;
	}


div.portfolio_list .project a img
	{
	float:right;
	border: 3px solid #969696;
	opacity:.85;
	width:480px;
	height: 160px;
	display: block;
	margin: 0 auto;
	}
	

div.portfolio_list .project a:hover img,
div.portfolio_list .project a img:hover 
	{
	opacity:1;
	border-color:#767f68;
	}
	
	
/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
		
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		overflow:hidden; 
		}
		
		#slider{
		width:100%
		}
		
		
		#slider li{
		width:550px;
		}
		
		a.prev, a.next{
		top:130px;
		position: absolute;
		right: 125px;
		background: transparent url(images/prev_next.png) no-repeat 0 0;
		width:82px;
		height:31px;
		overflow: hidden;
		text-indent: -999px;
		display: block;
		cursor: pointer;
		}
		
		a.prev:active{
		background-position: 0 -35px;
		}
		
		a.next{
		right: 40px;
		background-position: -85px 0 ;
		}
		
		a.next:active{
		background-position: -85px -35px ;
		}

	ul.slide li{
	float: left;
	}
/* content
--------------------------------------- */
#boxsamplecontent {
	margin-left:45px;
	margin-top:-10px;
	width:520px;
	height:320px;
	font-family:tahoma;
	font-size:12px;
	color:#CCC;
	text-align:justify;
	direction:rtl;
}
#box3content {
	margin-left:30px;
	margin-top:25px;
	width:520px;
	height:320px;
	font-family:tahoma;
	font-size:12px;
	text-align:justify;
	direction:rtl;
}
#box4content {
	margin-left:30px;
	margin-top:25px;
	width:520px;
	height:320px;
	font-family:tahoma;
	font-size:12px;
	text-align:justify;
	line-height:35px;
	direction:rtl;
}
#box5content {
	margin-left:8px;
	margin-top:20px;
	width:520px;
	height:320px;
	font-family:tahoma;
	font-size:12px;
	text-align:justify;
	text-transform:capitalize;
}
#contact-form{
	width:350px;
	height:250px;
	left:0;
	float:left;
}
#iconlogo{
	float:right;
	position:absolute;
	bottom:55px;
}
#servicesul{
	list-style-type:disc;
	margin-right:30px;
	color:#CCC;
	list-style-image:url(images/bullet.png);

}
#servicesul:hover{
	color:#999;
}
#man1{
	background:url(images/man1.png) no-repeat;
	width:169px;
	height:329px;
	margin-top:20px;
	margin-left:-50px;
	float:left;
}
.customertable{
	margin-top:10px;
	width:580px;
	direction:rtl;
	float:right;
	margin-right:-30px;
}
.customertable td{
	background:url(images/check.png) no-repeat right top;
	padding-right:24px;
	height:25px;
	width:25%;
}
.customertable td:hover{
	background:url(images/check.png) no-repeat right bottom;
}
.customertable a{
	font-weight:normal;
}
.customertable a:hover{
	color:#058dcf;
}
.customertable a:visited{
	text-decoration:line-through;
	color:#68a20d;
}
div#contactus{
	background:url(images/contactus.png) no-repeat;
	width:531px;
	height:34px;
	position:absolute;
	bottom:0;
}