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

/********************************* General Seting *********************************/
body{
	font-size: 12px;
	color: #cccccc;
	text-shadow:1px 1px #000;
	background:url(../images/bg.jpg) no-repeat fixed center top;
	font-family:Arial, Helvetica, sans-serif;
}


a{
	color:#FF0000;
	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:#900;
}


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

h1{
	font-size: 48px;
	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;
	text-align: left;
}

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:960px;
	margin:0 auto;
	text-align: center;
}
.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-x;
}
	
	/*LOGO*/
	#logo{
		float:left;
		margin-top:10px;
	}
	
	/*MENU*/
	#menu{
		float:right;
		margin-top:23px;
	}
	#menu li{
		float:left;
		margin-left:15px;
		text-transform:uppercase;
	}
	#menu a{
		color:#c4c4c4;
		font-size:15px;
		}
	#menu a:hover, #menu a.active{color:#CD080F;}
/********************************* End Header *********************************/


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

	/*ROUND IMAGE*/
	.foto{
	width:287px;
	height:293px;
	margin-left:3px;
	overflow:hidden;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}
	.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/page-title-divider.jpg) 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;
}


	/*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; 
		width:94%; 
		height:120px;
	}
	#contact-form input[type = "text"]{ 
		font-size:11px; 
		color:#828282; 
		font-style:italic; 
		width:200px; 
		padding:5px; 
	}
	#contact-form p{margin-bottom:10px !important;}
	#contact-form .yellow{
		border:0 !important;
		padding-bottom:3px;
	}
/********************************* End Page *********************************/


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

.one-two{width:465px;}
.one-third{
	width:800px;
	margin-left: 70px;
	text-align: left;
}
.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:#464646;
	text-shadow:1px 1px #fff47a;
	background:url(../images/bt-yellow.png) no-repeat;
}
.bt.yellow:hover{color:#000;}
.bt.red:hover{color:#d6d6d6;}
center logo {
	text-align: center;
}
.left {
	text-align: left;
}