/*--
	Theme Name: theme35469
	Theme URI: http://template-help.com/
	Description: A theme for Wordpress 3.4+ from Template-Help.com Collection
	Author: Template_Help.com 
	Author URL: http://www.Template-Help.com/ 
--*/
/* General
---------------------------------------- */
@charset utf-8;
@import url(http://fonts.googleapis.com/css?family=Sansita+One);
@import "css/reset.css";
@import "css/grid.css";
@import "css/fancybox.css";

body{
	position: absolute;
	width: 100%;
	min-width: 1120px;
	min-height: 100%;
	background:#282627 url("images/background.jpg") fixed;
	font:13px/21px "Trebuchet MS", sans-serif;
	color: #7b7b7b;
}
#wrapper{
	position: absolute;
	width: 100%;
	min-height: 100%;	
}
#spinnerBG{
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background:#282627 url("images/webSiteLoader.gif") center no-repeat;
}
/*-------------logo------------*/
#wrapper>header{
    height: 28px;
    padding: 56px 48px;
    position: relative;
}
#logoImg{
	display: block;
	width: 160px;
	height: 61px;
}
#logo>a{
	font: 65px "Tahoma", sans-serif;
	color: #ffaf00;
	margin-bottom: -13px;
	display: inline-block;
	letter-spacing: -2px;
}
#logoSlogan{
	font: 11px/21px "Trebuchet MS", sans-serif;
	color: #fff;
	padding-left: 5px;
}
/*-------------Menu------------*/
#menu{
    margin-top: 101px;
    margin-bottom: 200px;
}
#menu>dt{
	background:url("images/menu_line.png") left bottom repeat-x;
	margin-top: -2px;
}
#menu>dt>a{
    padding: 9px 48px 14px;
    display: block;
    font: 24px "Kozuka Gothic Pro", sans-serif;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    letter-spacing: -1px;
    height: 31px;
}
#menu>dd{
	position: relative;
    overflow: hidden;
}
.pageSpinner{
	position: absolute;
	width: 100%;
	height: 10px;
	background:url("images/loading_page.gif") repeat-x;
	overflow: hidden;
	z-index: 2;
}
.overText{
    position: relative;
    z-index: 1;
    background: url("images/menu_arr.png") 0 13px no-repeat;
    padding: 0 40px;
    height: 30px;
}
.area{
	position: absolute;
	width: 100%;
	height: 54px;
	top: 0;
	left: 0;
	background: #000;
	z-index: 0;
}
/*-------------Sub Menu------------*/
.subMenu{
	overflow: hidden;
	padding-left: 90px;
}
.subMenu>li{
	float: left;
	margin: 10px 30px 0 0;
}
.subMenu>li>a{
	color: #fff;
	text-decoration: none;
	font: 19px "Kozuka Gothic Pro", sans-serif;
	display: block;
	letter-spacing: 0px;
	text-shadow: 1px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1); 
}
/*-------------Content-----------*/
/*-------------Content Wrapper-----------*/
#menu>dd{
	width: 100%;
	background:url("images/content_bg.png");
}
.box{
	overflow:hidden;
	position: relative;
	z-index: 1;
	padding: 46px 42px;
}
/*-------------Teg Style-----------*/
h2{
	font: 30px/30px "Kozuka Gothic Pro", sans-serif;
    color: #fff;
	letter-spacing: -1px;
	padding-bottom: 18px;
}
h3{
    color: #fff;
    font-weight: 500;
    padding-bottom: 22px;
}
h4{
    color: #fff;
    font-weight: 500;
    padding-bottom: 12px;
    font-size: 15px;
}
h5{
	font-size: 17px;
	color: #fff;
	padding-bottom: 5px;
}
p{
	padding-bottom: 20px;
	line-height: 24px;
}
a{
	color: #fff;
	text-decoration: none;
}
a:hover{
	color: #FFAF00;
}
/*-------------Class Style-----------*/
.backButton{
	position: absolute;
	right: 4px;
	top: 21px;
	display: block;
	width: 25px;
	height: 25px;
	background: #3C3C3C url(images/close.png) 8px 8px no-repeat;
}
.backButton:hover{
	background: #fff url(images/close.png) 8px -15px no-repeat;
}
.thumbnail{
    float: left;
    margin: 0 20px 20px 0;
    position: relative;
}
.readMore{
	color: #151414;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	padding: 10px 16px 8px 17px;
	margin-top: 5px;
	background: #ffaf00;
	border: none;
	cursor: pointer;
	margin-right: 3px;
}
.readMore:hover{
    color: #FFAF00;
    background: #fff;
}
/*-------------Animate Style-----------*/
.animate:hover{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.animate{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
/*-------------Fullwidth Page Style-----------*/
.list_1{
    margin-top: 1px;
}
.list_1>li{
	background: url(images/arr_1.png) 2px 6px no-repeat;
	margin-bottom: 7px;
	overflow: hidden;
}
.list_1>li:hover{
	background: url(images/arr_1.png) 2px -10px no-repeat;
}
.list_1>li>a{
	color: #ffaf00;
	text-transform: uppercase;
	text-decoration:none;
	margin: 0 0 0 21px;
	display: inline-block;
	background: url(images/line_bg.png) 0 18px repeat-x;
}
.list_1>li:hover>a{
	color: #fff;
	background: url(images/line_bg.png) 0 25px repeat-x;	
}
/*-------------Other Style-----------*/
.topMargin{
    margin-top: 7px;
}
.topMargin2{
    margin-top: 1px;
}
.bottomMargin{
    margin-bottom: 10px;
}
.alignleft{
	float: left;
	margin-right: 14px;
}
/*-------------Portfolio Style------------*/
.portfolio{
    margin: 5px 7px;
}
.portfolio>li{
    margin: 0 0 40px 0;	
}
.zoom-icon{
	background: #000 url(images/over.png) center no-repeat;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/*-------------wp-pagenavi Style------------*/
.wp-pagenavi a{
	color: #151414;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	padding: 9px 17px;
	margin-top: 5px;
	margin-left: 4px;
	background: #ffaf00;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
}
.wp-pagenavi a:hover{
    color: #FFAF00;
    background: #fff;
   	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.wp-pagenavi .current{
	color: #FFAF00;
    background: #fff;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	padding: 9px 17px;
	margin-top: 5px;
	margin-left: 4px;
}
/*-------------Forms Style------------*/
#commentform>.field>input, #commentform textarea, .wpcf7-form>.field input, .wpcf7-form textarea, #searchform>.searching{
	outline: none;
	border: 1px solid #2d2c2c;
	padding: 5px 0px 5px 5px;
	font: 13px "Trebuchet MS", sans-serif;
	color: #7b7b7b;
	background: #111111;
	resize: none;
	margin: 3px 12px -11px 1px;
	overflow: auto;
}
#msg{
	color: red;
	padding-bottom: 0;
}
#s{
    height: 23px;
}
/*-------------Contact Forms Style------------*/
.wpcf7-form>.field input{
	width: 100%;
}
.wpcf7-form textarea{
	width: 100%;
	height: 200px;
}
/*-------------Coment Forms Style------------*/
#commentform>.field>input{
	width: 223px;
}
#commentform textarea{
	width: 384px;
	height: 170px;
}
#respond{
	margin-top: 30px;
}
/*-------------Comment List Style------------*/
.commentlist{
	list-style: none;
}
.comment-body{
	background: url(images/comment_bg.png);
	padding: 20px;
	overflow: hidden;
	position: relative;
}
.vcard{
    width: 58px;
    float: left;
    margin: 0 33px 0 0;
}
.comment .commentmetadata{
    position: absolute;
    right: 75px;
    bottom: 10px;
}
.comment .children{
    margin: 17px 0 -17px 40px;
    overflow: hidden;
}
.comment .reply{
	position: absolute;
	right: 28px;
    bottom: 10px;
}
.comment .reply>a{
	color: #FFAF00;
	background: url(images/arr_2.png) right 6px no-repeat;
	padding-right: 13px;
}
.comment>.comment-body>p{
	margin-left: 80px;
}
.comment{
	margin-bottom: 17px;
}
/*------------Blog------------*/
.post-meta{
	font-size: 15px;
	color: #fff;
	padding-bottom: 23px;
}
.content{
	display: inline-block;
	margin-bottom: 5px;
}
.comments{
    display: inline-block;
    padding: 14px 16px;
}
.comments>a{
	color: #FFAF00;
}
.comments>a:hover{
	color: #fff;
}
article.post{
	margin-bottom: 38px;
}
article.post footer{
    margin-top: 10px;
}
.reply>a:hover{
	color: #fff;	
	background-position: right -8px;
}
/*-------------sidebar------------*/
.widget{
	margin-bottom: 70px;
}
.latestpost>li{
	background:url("images/line_bg_2.png") left top repeat-x;
	padding-top: 20px
}
.latestpost>li:first-child{
	background: none;
	padding-top: 0;
}
.recent-post-meta{
	color: #fff;
	display: inline-block;
}
.recent-comments{
	display: inline-block;	
	float: right;
	margin-right: 20px;
}
.recent-comments>a{
	color: #FFAF00;
}
.recent-comments>a:hover{
	color: #fff;
}
.recent-content{
	display: table-cell;
}
.recent-content>p{
	padding-bottom: 5px;
}
/*-------------contacts------------*/
.contacts span{
    width: 71px;
    display: inline-block;
}
/*-------------footer------------*/
#wrapper>footer{
	color: #888888;
	font: 13px "Trebuchet MS", sans-serif;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 22px 0;  
	height: 16px;
	background:url("images/menu_line.png") left top repeat-x;
}
#wrapper>footer a{
	text-decoration: none;
	color: #888888;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
#wrapper>footer a:hover, .active{
	color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
#left{
	float: left;	
	margin-left: 49px;
}
#center{
    text-align: center;
}
.menu>li:first-child{
	background: none;
}
.menu>li{
    display: inline-block;
    padding: 0 7px 0 11px;
    background: url("images/delimiter.jpg") 0 4px no-repeat;
}
/*-------------social-networks------------*/
.social-networks>li{
	float: left;
}
.social-networks>li>a{
	float: left;
}
/*-------------textwidget------------*/
.textwidget{
	color: #fff;
	white-space: pre-wrap;
}
.textwidget>a{
	color: #fff!important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
.textwidget>a:hover{
	color: #888888!important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
/* Calendar */
#calendar_wrap {
	padding:0;
	}
#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	text-align:center;
	}
#wp-calendar td {
	text-align:center;
	padding:6px 0;
	border:none;
	}
#wp-calendar caption {
	font-size:16px;
	color:#FFAF00;
	font-weight:bold;
	padding:4px 0;
	margin-bottom:5px;
	}
#wp-calendar thead th {
	padding:7px 0;
	font-size:14px;
	background:#fff;
	color:#000;
	text-align:center;
	}
#wp-calendar #prev {
	text-align:left;
	}
#wp-calendar #next {
	text-align:right;
}
/*-----*/
.left{
	float: right;
}
.right{
	float: left;
}