/************** Import CSS Reset  *****************/
@import url("reset.css");

/********************************* General Seting *********************************/
body{
	font-size: 12px;
	color: #e6e6e6;
	text-shadow:1px 1px #000;
	background:url(../images/bg.png);
	font-family:Arial, Helvetica, sans-serif;
}


a{
	color:#f8e94a;
	text-decoration: none;
	transition: color 0.1s linear;
	-moz-transition: color 0.1s linear; 
	-webkit-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;	
}
a:hover{color:#bfb335;}


h1,
h2,
h3,
h4,
h5,
h6{
	color:#BBF50A;
	line-height: 1.1em; 
	font-weight: normal;
	text-transform:uppercase;
}

h1{
	font-size: 40px;
	margin-bottom: 15px;
}
h2{
	font-size: 40px;
	margin-bottom:13px;
}
h3{
	font-size: 30px;
	margin-bottom:10px;
}
h4{
	font-size: 14px;
	margin-bottom:7px;
	}
h5{
	font-size: 12px;
	margin-bottom:5px;
	}
h6{
	font-size: 10px;
	margin-bottom:3px;
	}


h1,
h2,
h3,
h4,
h5,
h6,
#menu a,
.bt,
.font{
	font-family: 'Oswald', sans-serif;
	letter-spacing:0.03em;
}

p{
	line-height: 20px;
	margin-bottom: 10px;
}

ul{list-style:none;}


.left{float: left;}
.right{float: right;}
.last{margin-right: 0 !important;}


.clearfix:after{
	content:  ".";
	display:  block;
	height:  0;
	clear:  both; 
	visibility:  hidden;
}

.clearfix{display:  inline-block;}
.clearfix{display:  block;} 
.clear{clear:both;}

.wrapper{
	width:970px;
	margin:0 auto;
}
.portfolio-wraper{
	padding:0 30px;
	
}
.scrol-page{
	margin-bottom:800px;
	padding-top:100px;
	position:relative;
	}
.scrol-page.last{margin-bottom:100px;}
	
.font{
	color:#fff;
	letter-spacing:0.05em;
}

.loading{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100000;
	background:url(../images/loader.gif) no-repeat center center #fff;
}
	
.divider{
	height:2px;
	margin-top:30px;
	margin-bottom:30px;
	background:url(../images/page-title-divider.jpg) no-repeat bottom center;
}
/********************************* End General Seting *********************************/


/********************************* Start Header *********************************/
#header{
	width:100%;
	height:62px;
	margin-bottom:50px;
	position:fixed;
	z-index:1100;
	background:url(../images/header-bg.png) repeat;
	margin:0px !important;
	padding:0px;
}
	
	/*LOGO*/
	#logo{
		float:left;
		margin-top:0px;
	}
	
	/*MENU*/
	#menu{
		float:right;
		margin-top:23px;
	}
	#menu li{
		float:left;
		margin-left:15px;
		text-transform:uppercase;
	}
	#menu a{
		color:#c4c4c4;
		font-size:12px;
		}
	#menu a:hover, #menu a.active{color:#fff;}
/********************************* End Header *********************************/


/********************************* Start Home *********************************/
.home-name{text-align:right;}
.home-name p{
	margin-bottom:0px !important;
	margin-top:90px;
}
.home-text p{margin-top:80px;}
.home-foto .image{margin-left:15px;}
.space{height:100px;}

	/*ROUND IMAGE*/
	.foto{
		width:287px;
		height:293px;
		margin-left:3px;
		overflow:hidden;
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
		border-radius:5px;
		/*background:url(../images/foto-bg.png) no-repeat;*/
	}
	.foto img{
		position:relative;
		z-index:-1;
		margin:1px 0 0 1px;
	}

	/*RECENT WORK*/
	.recent-work{
		height:204px;
		position:relative;
		background:url(../images/recent-work-bg.png) no-repeat;
	}
	.recent-work ul{padding-left:30px;}
	.recent-work li{
		float:left;
		margin:41px 30px 0 0;
		position:relative;
	}
	.recent-work img{
		position:relative;
		z-index:-1;
	}
	.recent-work .title{
		position:absolute;
		top:-17px;
		left:50%;
		margin-left:-75px;
		height:35px;
		width:151px;
		text-align:center;
		text-transform:uppercase;
		font-size:14px;
		color:#1e1e1e;
		text-shadow:1px 1px #fef57a;
		line-height:33px;
		background:url(../images/recent-work-title.png) no-repeat;
	}
	.view-image,
	.view-video{
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-14px;
		margin-left:-14px;
		width:28px;
		height:28px;
		display:none;
		text-indent:-9999px;
	}
	.view-image{background:url(../images/view.png) no-repeat;}
	.view-video{background:url(../images/video.png) no-repeat;}
	.view-image:hover,
	.view-video:hover{background-position:0 -28px;}
		
	.recent-work-shadow{
		height:47px;
		margin-bottom:30px;
		background:url(../images/recent-work-shadow.png) no-repeat;
	}
	
	/*Copyright*/
	.copyright{
		text-align:center;
		font-size:10px !important;
		color:#888888;
	}
/********************************* End Home *********************************/



/********************************* Start Page *********************************/
.page-title{
	padding-bottom:30px;
	margin-bottom:50px;
	background:url(../images/headbtm.png) no-repeat bottom center;
}
.page-title h1{
	float:left;
	padding-right:40px; margin-right:20px;
	background:url(../images/page-title-arrow.png) no-repeat right center;
}
.page-title p{
	padding-top:10px;
	color:#fff; display:none;
}


	/*SERVICES PAGE*/
	.services{
		width:990px;
	}
	.services h2{
		font-size:18px;
		padding-top:10px;
		}
	.services .one-two{margin-bottom:40px;}
	.services .icon{
		float:left;
		margin:0 15px 10px 0;
		}
	
	
	
	/*ABOUT PAGE*/
	.foto.left{margin-right:30px;}
	.about-title{
		float:left;
		width:637px;
		position:relative;
		margin-bottom:15px;
		padding-bottom:10px;
		background:url(../images/divider-one-two.jpg) no-repeat bottom center;
	}
	.info-bt{
		float:right;
		margin-top:-45px;
	}
	.info-bt .font{
		display:inline-block;
		margin:0 10px;
		width:73px;
		text-align:center;
		background:url(../images/or.jpg) no-repeat center center;
	}
	
	/*PORTFOLIO*/
	.portfolio{
		width:970px;
	}
	.portfolio li{
		float:left;
		width:192px;
		height:154px;
		position:relative;
		overflow:hidden;
	}
	
	/*CONTACT PAGE*/
	.map{padding:7px; background-color:#fff;}

	#contact-form{margin-top:15px;}
	#contact-form textarea{
		padding:10px; font-size:12px;
		width:94%; color:#dfdfdf;
		height:120px;background:url(../images/formbg.png) repeat-x top right #171717; border:1px solid #323232;
	}
	#contact-form input[type = "text"]{ 
		font-size:11px; 
		color:#dfdfdf; 
		font-style:italic; 
		width:200px; 
		padding:5px;background:url(../images/formbg.png) repeat-x top right #171717; border:1px solid #323232;
	}
	#contact-form p{margin-bottom:10px !important;}
	#contact-form .yellow{
		 border:1px solid #000;
		padding-bottom:2px; cursor:pointer;
	}
/********************************* End Page *********************************/


/********************************* OTHER *********************************/
/* Column*/
.one-two,
.one-third,
.one-four{
	margin-right: 30px; 
	float: left; 
}

.one-two{width:465px;}
.one-third{width:300px;}
.one-four{width:217px;}

/*BT*/
.bt{
	width:109px;
	height:29px;
	text-align:center;
	line-height:27px;
	display:inline-block;
	text-transform:uppercase;
}
.bt.red{
	color:#fff;
	text-shadow:1px 1px #b13737;
	background:url(../images/red.png) no-repeat;
}
.bt.yellow{
	color:#000;
	text-shadow:1px 1px #accd00;
	background:url(../images/bt-yellow.png) repeat-x;
}
.bt.yellow:hover{color:#000;}
.bt.red:hover{color:#d6d6d6;}
/****-*/

.logon{width:386px; height:182px; margin:28px auto 40px auto; padding:0;}

.baner{width:600px; height:125px; margin:0 auto; padding:0 0 23px 0; background:url(../images/banerbtm.png) no-repeat bottom center;}
.web{width:264px; height:125px; float:left; margin:0; padding:0; font-family:Impact; font-size:150px; text-transform:uppercase; color:#f5f5f5; line-height:121px; text-shadow:#000 0 3px 0;}
.smalltxt{width:326px; height:63px; float:right; margin:0; padding:0;font-family:Impact; font-size:60px; text-transform:uppercase; color:#bbf50a; line-height:46px; text-shadow:#000 0 3px 0;}
.smalltxt1{width:326px; height:62px; float:right; margin:0; padding:0;font-family:Impact; font-size:60px; text-transform:uppercase; color:#339cfd; line-height:60px; text-shadow:#000 0 3px 0;}

.smalltxt2{width:326px; height:62px; float:right; margin:0; padding:0;font-family:Impact; font-size:40px; text-transform:uppercase; color:#F0F; line-height:60px; text-shadow:#000 0 3px 0;}

.menu{width:532px; height:45px; float:left; margin:0; padding:0 0 0 68px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#d6d6d6; line-height:45px;}
.menu a{ width:auto; height:45px; float:left; margin:0 10px 0 10px; padding:0;color:#d6d6d6; text-transform:uppercase; text-decoration:none; text-shadow:#000 0 2px 0;}
.menu a:hover{text-decoration:none; color:#c0ff00;}
.social{width:490px; height:67px;margin:0 auto; padding:23px 0 0 110px;}

.social1{width:510px; height:67px;margin:0 auto; padding:23px 0 0 0px;}

.sico{width:67px; height:67px; float:left; margin:0 10px 0 0; padding:0;}
.details{width:100%;height:auto;float: left;margin:0;padding:0 0 20px 0;font-family: Arial, Helvetica, sans-serif; font-size:17px; color: #fff; text-align: center; text-decoration:none; text-transform: none; line-height:37px;text-shadow:0 2px 0  #000;}
.details span{ font-size:20px; font-weight: normal; font-family: Impact; color:#bbf50a;}
.details strong{ font-size:25px; font-weight: normal; font-family: Impact; color:#339cfd;}
.sociallike{width: auto; height:20px; float:left; margin:0 0 0 370px; padding:20px 0 0 0;}
.gplus{ width:auto; float:left; margin:0; padding:20px 0 0 0;}
.service{ width:250px; float:left; margin:0; padding:0; height:auto;}
.service h2{ margin:0; padding:10px 0 10px 0; float:left; font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#fff; font-weight:bold;}
.service ul{ margin:0; padding:0; float:left;}
.service li{ margin:0; padding:0 0 10px 25px; float:left; background:url(../images/libg.png) no-repeat left top;font-size:14px; width:225px;}
strong{ font-size:14px; font-weight:bold; color:#fff;}