/*--
	Theme Name: theme5661
	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 "css/reset.css";
@import "css/grid.css";
@import "css/fancybox.css";
body{
	position: absolute;
	width: 100%;
	min-width: 1010px;
	height: 100%;
	background:url(images/pattern.jpg);
	font:12px/21px "Arial", sans-serif;
	color: #626262;
	min-height: 600px;/*1100*/
}
#wrapper{
	position: absolute;
	width: 100%;
	height: 100%;	
	background: #282627;
	min-height: 100%;
	overflow: hidden;
}
#spinnerBG{
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background:#282627 url("images/webSiteLoader.gif") center no-repeat;
}
/*-------------logo------------*/
#centerMain>header{
    width: 280px;
    position: absolute;
    z-index: 5;
}
#logoText{
	display: block;
	width: 186px;
	height: 65px;
	white-space: nowrap;
	overflow: hidden;
	font-size: 61px;
	line-height: 50px;
	font-weight: 500;
}
#logoText:hover{
	color: #fff;
}
#logoImg{
	display: block;
	width: 168px;
	height: 65px;
	margin: 0 auto;
}
#logo{
	margin: 0 0 97px;	
}
#slogan{
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
}
/*-------------Menu------------*/
#headerInner{
	background: #000 url(images/pattern.jpg);
	width: 184px;
	padding: 49px 20px 28px;
	border-top: 10px solid #000;
}
#menuBottomPart{
	background: url(images/menu_bottom_part.png) no-repeat;
	width: 224px;
	height: 81px;
}
#mainMenu{
    text-align: center;
}
#mainMenu>li:first-child>a{
	border-top: none;
}
#mainMenu>li{
    height: 32px;
    margin-top: -1px;
}
#mainMenu>li>a{
	font:14px/21px "Arial", sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 0 7px;
	display: block;
	background: url(images/item_bg.png) 0 0 no-repeat;
	overflow: hidden;
	border-top: 1px solid #212121;
	height: 18px;
	width: 184px;
	position: relative;
}
.outText{
	position: relative;	
}
.overText{
	position: relative;
	top: -21px;
	left: -150px;
}
.itemHover{
	width: 205px;
}
.area{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 3;
}
/*-------------Sub Menu------------*/
.sub-menu{
    position: relative;
    left: 205px;
    width: 188px;
    padding: 12px 16px;
    background: #000 url(images/pattern.jpg);
    top: -41px;
}
.sub-menu>li{
    margin-top: -1px;
    height: 31px;
}
.sub-menu>li>a{
	font:14px/21px "Arial", sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 6px 0;
	display: block;
	background: url(images/item_bg.png) 0 0 no-repeat;
	overflow: hidden;
	border-top: 1px solid #212121;
	height: 18px;
	width: 184px;
	position: relative;
}
.sub-menu>li:first-child>a{
	border-top: none;
}
/*-------------Gallery------------*/
#imageHolder{
	position: fixed;
	width: 100%;
	height: 100%;
}
#imgSpinner{
	width: 100px;
	height: 10px;
	background: url("images/loading_page_bg.png") 0 0 no-repeat;
	position: fixed;
	left: 51%;
	top: 48%;
	z-index: 10;
	padding: 13px 12px;
}
#imgSpinner>div{
	width: 100px;
	height: 10px;
	background: url("images/loading_page.gif") 0 0 no-repeat;	
}
.topImg{
	position: fixed;
	z-index: 1;
	background: #000;
}
.bottomImg{
	position: fixed;
	z-index: 0;
	background: #000;
}
#previewHolder{
	position: absolute;/*absolute*/
	bottom: 19px;/*219px*/
	z-index: 5;
}
#previewHolder>#inner>ul{
    white-space: nowrap;
    left: 0;
}
#previewHolder>#inner>ul>li{
	position: relative;
	display: inline-block;
	margin-right: -5px;
}
#previewHolder>#inner>ul>li>a>img{
	position: relative;
	z-index: 1;
}
.over{
	position: absolute;
	z-index: 22;
	top: 0;
	width: 221px;
	height: 144px; /*158*/
	border: 2px solid #1a1a1a;/*6*/
}
/*-------------Content-----------*/
/*-------------Content Wrapper-----------*/
#backToTop{
	position: fixed;
	background: url(images/pattern.jpg);
	padding: 10px 10px 12px;
	bottom: 1px;
	right: 1px;
	cursor: pointer;
	z-index: 100;
	border: 1px solid #313131;
}
#backToTop>div{
	background: url(images/up-arrow.png) center no-repeat;
	width: 25px;
	height: 23px;
}
#pageSpinner{
	width: 100px;
	height: 10px;
	background: url("images/loading_page_bg.png") 0 0 no-repeat;
	position: fixed;
	left: 51%;
	top: 48%;
	z-index: 0;
	padding: 13px 12px;
}
#pageSpinner>div{
	width: 100px;
	height: 10px;
	background: url("images/loading_page.gif") 0 0 no-repeat;	
}
#pageList{
	width: 560px;
	position: relative;
	margin: 110px 120px 110px 0;
	z-index: 1;
	float: right;
}
#pageList>article{
	position: absolute;
	width: 560px;
	left: 0;
	padding: 50px 0 25px 0;
	background: url("images/pattern.jpg")
}
/*-------------Teg Style-----------*/
h2{
	font-size: 18px;
    color: #fff;
	padding-bottom: 38px;
	text-transform: uppercase;
	font-weight: 500;
}
h3{
	font-size: 15px;
    color: #fff;
    
	padding: 0px 0 10px 0;
   	text-transform: uppercase;
}
h4{
    color: #fff;
    font-weight: 500;
    padding-bottom: 18px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 13px;
}
h5{
	font-size: 13px;
	color: #fff;
	padding-bottom: 43px;
	text-transform: uppercase;
}
p{
	padding-bottom: 25px;
	line-height: 18px;
	font-size: 12px;
}
a{
	color: #fff;
	text-decoration: none;
}
a:hover{
	color: #626262;
}
/*-------------Class Style-----------*/
.backButton{
	position: absolute;
	right: 40px;
	top: -41px;
	display: block;
	width: 25px;
	height: 25px;
	background: #161616 url(images/close.png) 8px 8px no-repeat;
	z-index: 10;  border: 1px solid   #262626;
}
.backButton:hover{
	background: black url(images/close.png) 8px 8px no-repeat;
	border-color: black;
}
.thumbnailSPost{
    float: left;
    margin: 0 20px 5px 0;
    position: relative;
}
.thumbnailPost{
    float: left;
    margin: 0 20px 0px 0;
    position: relative;
}
.thumbnail{
    float: left;
    margin: 0 20px 29px 0;
    position: relative;
}
.readMore, .nextpostslink, .previouspostslink{
	color: #626262;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 500;
	display: inline-block;
	padding: 4px 13px;
	background: #161616;
	border: 1px solid #262626;
}
.readMore:hover, .nextpostslink:hover, .previouspostslink:hover{
    color: #fff;
    border-color: #000;
    background: #000;
}
input.readMore{
    height: 27px;
    margin-right: 10px;
    cursor: pointer;
}
.white{
	color: #fff;	
}
.white>a{
	color: #fff !important;	
}
.white>a:hover{
	color: #4A4A4A !important;	
}
/*-------------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-----------*/
.list1>li{
    display: inline-block;
    width: 246px;
    float: left;
    padding-right: 26px;
    padding-bottom: 20px;
}
.list1>li>figure{
    float: left;
    height: 160px;
    margin-right: 11px;
}
.list1>li>h4{
    line-height: 10px;
    padding-bottom: 19px;
}
.list1>li>p{
    padding-bottom: 13px;
}
.block{
	width: 540px;
}
/*-------------Other Style-----------*/
.bottomPadding{
    padding-bottom: 8px;
}
.bottomPadding2{
	padding-bottom: 33px;
}
.bottomPadding3{
	padding-bottom: 21px;
}
.marginB{
    margin-bottom: 66px;	
}
.padingNone{
	padding: 0 !important;
}
/*-------------Portfolio Style------------*/
.zoom-icon{
	background: #000 url(images/over.png) center no-repeat;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.folio_2{
    width: 251px;
    float: left;
    margin: 0 18px 40px 0;
}
.folio_3{
    width: 161px;
	
    float: left;
    margin-right: 18px;
    margin-bottom: 40px;
}
.folio_4{
    width: 116px;
	
    float: left;
    margin-right: 18px;
    margin-bottom: 30px;
}
.nomargin{
	margin-right: 0 !important;
}
.portfolio{
}
/*-------------wp-pagenavi Style------------*/
.wp-pagenavi{
    margin-bottom: 20px;
}
.wp-pagenavi a{
	color: #626262;
	font-size: 10px;
	display: inline-block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding: 1px 4px;
}
.wp-pagenavi a:hover{
    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;
}
.wp-pagenavi .current{
	color: #FFF;
    
	font-size: 10px;
	display: inline-block;
	font-weight: normal !important;
	padding: 1px 5px;
}
.nextpostslink{
    margin-left: 23px;
    padding: 1px 14px !important;
}
.previouspostslink{
	margin-right: 23px;
    padding: 1px 14px !important;
}
/*-------------Forms Style------------*/
#commentform .field>input, #commentform textarea, .wpcf7-form .field input, .wpcf7-form textarea, .searching{
	outline: none;
	border: none;
	padding: 5px 0 5px 5px;
	font: 13px "Arial", sans-serif;
	color: #7b7b7b;
	background: url(images/form_part.png);
	resize: none;
	margin: 3px 0 -11px 1px;
	overflow: hidden;
}
#msg{
	color: red;
	padding-bottom: 0;
}
.searching{
	margin: 0px 10px 10px 0 !important;
	width: 120px;
}
/*-------------Contact Forms Style------------*/
.wpcf7-form>.field input{
	width: 100%;
}
.wpcf7-form textarea{
	width: 98%;
	height: 200px;
}
.bInline{
	display: inline-block;
	width: 100%;
}
/*-------------Coment Forms Style------------*/
#commentform>.field>input{
	width: 223px;
}
#commentform textarea{
	width: 98%;
	height: 170px;
}
#respond{
	padding-top: 30px;
	border-top: 1px solid #2e2e2e;
	width: 100%;
	position: relative;
	left: 0;
}
/*-------------Comment List Style------------*/
.commentlist{
	list-style: none;
	margin-top: 33px;
}
.comment-body{
	background: url(images/comment_bg.png);
	padding: 0;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
.vcard{
    width: 58px;
    float: left;
    margin: 0 23px 0 0;
}
.comment .commentmetadata{
    position: absolute;
    bottom: 27px;
    left: 82px;
}
.comment .commentmetadata>a{
	color:#626262 !important;
}
.comment .commentmetadata>a:hover{
	color: #fff !important;
}
.comment .children{
    margin: 20px 0 20px 40px;
}
.comment .reply{
	position: absolute;
	left: 82px;
	bottom: 0;
}
.comment .reply>a{
	color: #fff;
	background: url(images/arr_2.png) right 6px no-repeat;
	font-weight: 800;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.comment .reply>a:hover{
	color:#626262 !important;
	text-decoration: underline;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.comment>.comment-body>p{
	margin-left: 80px;
	padding-bottom: 80px;
}
.fn{
	display: none;
}
.says{
	display: none;
}
/*------------Blog------------*/
.post-meta{
    margin-bottom: 18px;
    margin-top: -8px;
}
.post-meta a{
	color: #626262;
}
.post-meta a:hover{
	color: #fff;
}
.post-content .readMore{
	
}
.content{
	display: inline-block;
}
.comments{
    display: inline-block;
    position: absolute;
    right: 0;
}
article.post{
	margin-bottom: 50px;
}
article.post footer{
    margin-top: 10px;
}
.postData{
    width: 25px;
    text-align: center;
    background: #151515;
    padding: 9px 6px;
    line-height: 10px;
    text-transform: uppercase;
    border: 1px solid #272727;
    font-size: 10px;
    float: left;
    margin-right: 11px;
}
.fright{
	float: right;
}
.oldernewer{
	margin-bottom: 20px;
}
/*-------------sidebar------------*/
.widget{
    padding-bottom: 53px;
}
.latestpost>li{
	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: 3px;
}
.recent-comments>a{
	color: #FFAF00;
}
.recent-comments>a:hover{
	color: #fff;
}
.recent-content{
	display: table-cell;
}
.recent-content>p{
	padding-bottom: 5px;
}
#sidebar h5{
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 33px;
}
#sidebar{
    width: 141px;
    margin-left: 15px;
}
.widget li{
    margin-bottom: 9px;
}
#footer_block_2 li{
    margin-bottom: 9px;
}
#footer_block_3 li{
    margin-bottom: 9px;
}
/*-------------contacts------------*/
.contacts span{
    width: 71px;
    display: inline-block;
}
.contacts{
	padding-bottom: 40px;
	float: left;
	margin-right: 60px;
}
/*-------------footer------------*/
#wrapper>footer{
	color: #4a4a4a;
	font: 13px "Arial", sans-serif;
	padding: 18px 0 0 0;  
	height: 71px;/* 371*/
	background: url(images/footer_bg.jpg) 0 0 repeat-x;
	position: absolute;
	bottom: 0;
	width:100%;
	margin-top: 50px; /* 150*/
	z-index: 6;
}
#wrapper>footer a{
	text-decoration: none;
	color: #4a4a4a;
	-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;
}
#footerBlock{
    height: 39px;/* 339*/
}
#footer_block_1{
	width: 180px;
	padding-right: 40px;
	float: left;
}
#footerText{
	text-transform: uppercase;
	font-size: 10px;
}
/*-------------social-networks------------*/
.flickrImages{
    width: 225px;
}
.flickrImages>h5{
    padding-bottom: 44px;
}
.flickrImages>a{
	width: 71px;
	height: 71px;
	overflow: hidden;
	display: inline-block;
	margin: 1px 5px 3px -1px;
}
/*-------------social-networks------------*/
.social-networks>li{
	float: left;
}
.social-networks>li>a{
	float: left;
}
/*-------------textwidget------------*/
.textwidget{
	color: #4a4a4a;
	text-transform: uppercase;
	font-size: 10px;
}
.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: #4a4a4a!important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
/*------------page-404-------------*/
.error404{
	font-size: 110px;
	color: red;
	padding: 46px 0;
}
/* 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: #FFf;
	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;
}
/* Alert boxes
---------------------------------------- */
.alert-box, .wpcf7-response-output {
	padding:20px 20px 20px 90px !important;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:.91em;
	line-height:1.4em;
	border:1px solid #dbdbdb;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	}
	.error-box, .wpcf7-mail-sent-ng {
		border-color:#ff9999;
		color:#c31b00;
		background:url(images/icons/alert/icon-error.png) no-repeat 20px 50% #ffcccc;
		}
	.attention-box, .wpcf7-validation-errors, .wpcf7-spam-blocked {
		border-color:#e6c555;
		color:#9e660d;
		background:url(images/icons/alert/icon-note.png) no-repeat 20px 50% #fdebae;
		}
	.notice-box {
		border-color:#68a2cf;
		color:#2e6093;
		background:url(images/icons/alert/icon-info.png) no-repeat 20px 50% #bfe4f9;
		}
	.approved-box, .wpcf7-mail-sent-ok {
		border-color:#a3c159;
		color:#5e6f33;
		background:url(images/icons/alert/icon-download.png) no-repeat 20px 50% #ccff99;
		}
	
/* Fluid Columns */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:79.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{ position:relative; margin-right:4%; float:left; }
.last { margin-right:0 !important; clear:right; }


.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.extra-wrap {
	overflow:hidden;
}
/* blockquote */
blockquote {
	margin: 1em 40px;
	quotes: none;
	border-left: 1px solid #CCC;
	font-style: italic;
	margin-left: 2em;
	padding: 1.5em;
	margin-bottom: 1.5em;
}
/* button */
.button {
	display:inline-block;
	padding:7px 15px;
	background:#000;
	color:#fff;
	text-decoration:none;
	}
.button:hover {
	background:#999;
}