@import url('reset.css');
body{
	color:#fff;
	background:#3d2e23;
	font-family:Arial, Helvetica, sans-serif;
}

.container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}


.header{
width:100%;
height:60px;
background:#231b15;
}

.header-1{
width:1100px;
margin:0px auto;
}

.logo{
width:242px;
height:91px;
background:url(../images/logo.png);
float:left;}
        
		
		
.title{
float:right;
width:340px;}	

.title p{
font-family:Arial;
font-size:18px;
width:100px;
float:right;
line-height:60px;}		



.content {
	margin:0 auto;
	padding:0px 0px 58px 0px; /* Footer Padding */
}


.iphone{
	height:549px;
	width:367px;
	background:url(../images/iphone.png);
	background-size:100% 100%;
	float:right;
}

.content-upper{
	width:1100px;
	margin:0px auto; }
	
	
	.content-upper p{
	font-family:Raavi;
	}
	
	
	.content-bottom{
	height:300px;
	width:1200px;
	background:url(../images/bg2.png);
	margin:0px auto;
	background-size:100% 100%;
	margin-top:-40px;}
	
	
	.content-bottom-inner{
	height:230px;
	width:665px;
	background: rgba(0, 0, 0, 0.2);
	border-radius:8px;
	border:8px solid #604533;
	margin-left:50px;}
	
	
	.content-bottom-inner p{
	width:420px;
	text-align:justify;
	line-height:22px;
	margin-top:25px;
	margin-left:25px;
	color:#f1d2b3;
	float:left;}
	
	.icons{
	float:right;
	margin-right:30px;
	margin-top:30px;}
	
	
	
	.footer{
	width:100%;
	height:123px;
	background:#342820;}
	
	.inner-footer{
	width:1100px;
	margin:0px auto;}
	
	.inner-footer ul{
	margin:0px auto;}
	
	.inner-footer ul li{
	list-style:none;
	float:left;color:#97765f;}
	.inner-footer ul li a{
	color:#97765f;
	text-decoration:none;
	font-size:15px;}
	
		.inner-footer ul li a:hover{
		color:#f1d2b3;
		
		}
		
		.inner-footer p{
		color:#806d5e;
		line-height:18px;
		margin-top:20px;
		text-align:center;}
		
		
		.copyright{
		width:100%;
		height:46px;
		background:#2a1f17;
		margin-top:18px;
		color:#624d3f;}
		
		
		.copyright p{
		width:1100px;
		margin:0px auto;
		line-height:46px;
		font-size:14px;
		text-align:center;}
	
	

/* Menu style */
.ei_menu{
	background:#111;
	width:100%;
	overflow:hidden;
	background:url(../images/bg1.jpg) repeat-x;
	height:433px;
}
.ei_menu ul{
	height:433px;
	position:relative;
	display:block;
	width:770px;
	z-index:1000;
}
.ei_menu ul li{
	float:left;
	width:92px;
	height:433px;
	position:relative;
	overflow:hidden;
}
.ei_preview{
	width:92px;
	height:433px;
	cursor:pointer;
	position:absolute;
	top:0px;
	left:0px;
	background:transparent url(../images/bww.jpg) no-repeat top left;
}
.ei_image{
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:433px;
	opacity:0.0;
	background:transparent url(../images/colorrr.jpg) no-repeat top left;
}
.pos1 span{
	background-position:0px 0px;
}
.pos2 span{
	background-position:-93px 0px;
}
.pos3 span{
	background-position:-184px 0px;
}
.pos4 span{
	background-position:-275px 0px;
}
.pos5 span{
	background-position:-367px 0px;
}


.pos1 .ei_image{

	background-position:17px 0px;

}


.pos2 .ei_image{

	background-position:-173px 0px;

}



.pos3 .ei_image{
	background-position:-355px 0px;
}
.pos4 .ei_image{
	background-position:-538px 0px;
}


.pos5 .ei_image{
	background-position:-720px 0px;
}



.ei_descr{
	position:absolute;
	width:150px;
	height:393px;
	padding:20px;
	left:200px;
	top:0px;
	background:#fff;
}


.ei_descr p{
font-family:myriad pro;
color:#ff8e4a;
font-size:20px;
margin-top:40px;}


/* For the index_3 demo */
ul.trigger_list{
	position:absolute;
	right:20px;
	top:145px;
}
ul.trigger_list li{
	float:left;
	line-height:53px;
	color:#ddd;
	font-style:italic;
}
ul.trigger_list li a{
	font-family: 'Rock Salt', arial, serif;
	display:block;
	background:#000;
	color:#ddd;
	line-height:35px;
	padding:5px 10px;
	margin:3px;
	border-radius:5px 5px 5px 5px;
	text-shadow:1px 1px 1px #000;
}
ul.trigger_list li a:hover{
	background:#222;
	color:#fff;

}


.description-p{background:#FBF9F4;
                            padding:10px;
                            border-radius:10px;
							padding-top:20px;
							padding-bottom:20px;}
							
							
							.tab-mobile-container{
								width:1100px;
								height:433px;
								margin:0px auto;
								margin-top:-430px;								}