/*
Theme Name: Query
Support URI: http://www.themeskingdom.com
Author: Themes Kingdom
Author URI: http://www.themeskingdom.com/
Version: 1.0
*/

/*--------------------------*/
/*------ css coontent ------*/
/*--------------------------*/

/*--[RESET]--*/
/*--[BODY]--*/
/*--[HEADER]--*/
/*--[MENU]--*/
/*----[sub-menu]----*/
/*--[SLIDESHOW_WRAP]--*/
/*--[SLIDER SETTINGS]--*/
/*--[TEXT-AREA]--*/
/*--[FRONT-PAGE]--*/
/*----[front-page highlight]----*/
/*----[front-page content]----*/
/*--[PAGE]--*/
/*----[post]----*/
/*--[PORTFOLIO]--*/
/*--[COMMENTS]--*/
/*----[comments - children]----*/
/*--[PAGINATION]--*/
/*--[SIDEBAR]--*/
/*----[widget]----*/
/*----[advertising widget]----*/
/*----[autor bio widget]----*/
/*----[app recent post widget]----*/
/*----[widget twitter]----*/
/*----[flicker widget]----*/
/*----[search widget]----*/
/*----[calendar widget]----*/
/*----[recent comments widget]----*/
/*--[FOOTER]--*/
/*----[footer recentcomments widget]----*/
/*----[footer app recent posts widget]----*/
/*----[footer autor bio widget]----*/
/*----[footer twitter widget]--------*/
/*----[footer flickr widget]-----*/
/*----[footer advertising widget]---*/
/*----[copyright]----*/
/*--[404 ERROR PAGE]--*/


/*--[RESET]--*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	text-decoration: none;
	outline:none;
	line-height: 1,5;
}
body {
	line-height: 1;
	background-color: #C7D1D7;
    background-image: url("img/bg-pattern.png");
    background-repeat: repeat;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

body a:hover div{color:#CF5241;}

.clear-both{clear:both;}

/*--[HEADER]--*/

#wrapper{margin:0px auto 0 auto; text-align:left; }

.header-wrapper{	
	height: 68px; 
	color:#fff; 
	background-color:#454545;
	background-image: url("img/bg-pattern.png");
	background-repeat:repeat;}

.header-border-bottom{border-top: 1px solid #FFFFFF;
    clear: both;
    height: 3px;
    opacity:0.2;}

#header{    
	margin: 0 auto 0;
    text-align: left;
    width: 980px;	
	}
	
.header-logo{
	float:left;
	width:105px;
	position:relative;
	top:15px;}
	
	
/*--------[MENU]-----------*/
.menu-container {
    float: right;
    margin-top: 20px;}
    
.sub-menu-top{
 	background: url("img/sub-menu-top.png") no-repeat transparent!important;
    float: left!important;
    height: 10px!important;
    width: 159px!important;}
    
.sub-menu-bottom{
 	background: url("img/sub-menu-bottom.png") no-repeat transparent!important;
    float: left!important;
    height: 10px!important;
    width: 159px!important;}
    


.client-login[class=client-login] a{padding: 8px 34px 0 16px !important;} 
.client-login	a{ 
    background-image: url("img/client-login-button.png");
    color: #7D281C !important;
    font-size: 11px !important;
    font-weight: normal !important;
    height: 21px;
    margin: 3px 0 0 !important;
    padding: 9px 34px 0 16px !important;
    text-shadow: 0 1px 0 #DC7E71 !important;}
    
.client-login:hover a{color:#fff!important;}    
    
/*--[SLIDESHOW_WRAP]--*/
#slider-wrap-front{
	height: 372px;
	background-color:#F4F4F4;
	background-repeat:repeat;
	background-image: url(img/bg-pattern.png);
}
    
#slider-container{
	height: 372px; 
   	margin: 0 auto;
    position: relative;
    width: 980px;}
    
#slider-wrap{
	height: 270px;    
	margin: 0 auto;
    position: relative;
    width: 980px; }

.headline{	
    color: #3F3F3F;
    display: block;
    font-size: 25px;
    font-weight: bold;
    line-height: 35px;
    margin: 0 0 26px 40px;
    padding: 60px 0 0;
    text-align: center;
    width: 900px;}
    
/*----TEXT AREA CONTENT----*/
	
#text-area{
	height:234px;
	background-image: url("img/bg-pattern.png"); 
	background-color:#454545;
	background-repeat:repeat;}
	
#text-area-container{
    margin: 0 auto;
    position: relative;
    width: 980px;}
	
.text-area-left{
	float: left;
	width: 180px;
	overflow: hidden;
	height: 186px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 0;
}

.text-area-right{
    float: left;
    height: 186px;
    margin: 0 0 0 578px;
    overflow: hidden;
    padding: 15px 0 15px 22px;
    width: 180px;}
    
.text-area-title{
	color:#d1d6dd; 
    display: block;
	font-size:14px;	
	font-weight:bold;    
	line-height: 22px;
    margin-bottom: 20px;}
    
.text-area-content{	
	color:#8b949d; 
	font-size:12px;	
	font-weight:normal;
    line-height: 22px;}
    
.text-area-top-border{	
	height:3px;
	border-bottom:1px solid #fff;
	opacity: 0.2;}
	
.text-area-bottom-border{	
    border-top: 1px solid #FFFFFF;
    clear: both;
    margin-top: 226px;opacity: 0.2;}
	
/*----MIDDLE CONTENT----*/
    
#container{
	float: left;
	position: relative;
	top: -305px;
	width: 578px;
	z-index: 99;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -305px;
	margin-left: 0;
}
    
.content-wrapper{
    margin: 0 auto;
    position: relative;
    width: 980px;}
	
#content-top{	
	height: 34px; 
	width:580px;
	background-image: url(img/middle-content-top.png);
	background-repeat:no-repeat;}
	
#content-center{	
    padding: 10px 35px 10px;
    width: 510px;
	color:#000; 
	background-image: url(img/middle-content-center.png);
	background-repeat:repeat-y;}
	
#content-bottom{	
	height: 26px; 
	width:580px;
	background-image: url(img/middle-content-bottom.png);
	background-repeat:no-repeat;}

/*----MIDDLE CONTENT FULL WIDTH----*/
    
    
#container-full{
    margin: 0 0 -305px;
    float: left;
    position: relative;
    top: -305px;
    width: 980px;}
	
#content-top-full{	
	height: 9px; 
	width:980px;
	background-image: url(img/middle-content-top-full.png);
	background-repeat:no-repeat;}
	
#content-center-full{	
	padding: 35px 35px 10px;
    width: 910px;
	color:#000; 
	background-image: url(img/middle-content-center-full.png);
	background-repeat:repeat-y;}
	
#content-bottom-full{	
	height: 9px; 
	width:980px;
	background-image: url(img/middle-content-bottom-full.png);
	background-repeat:no-repeat;}
	
	
/*----SIDEBAR---*/	

.sidebar-left{    
    padding: 26px 20px 0 0;
    width: 180px;
    float:left;	}

.widget-box{}
    
    
.sidebar-widget-title{
	color:#67767d; 
    display: block;
	font-size:14px;	
	font-weight:bold;    
	line-height: 22px;
	margin:0 0 26px 0;}
    
.sidebar-right{    
	padding: 26px 0 0 22px;
    width: 180px;
    float:left;	}
    
.widget-divider{	
	background-image: url(img/widget-divider.png);
	background-repeat:no-repeat;
    height: 10px;
    margin: 30px 0;    
    background-position: center center;}
    

/*----DRIBBLE WIDGET----*/

.sidebar-image-holder{width:159px;height:115px;padding:5px;border:solid 1px #d4d4d4;background-color:#fff;margin: 0 0 26px 0;}
.sidebar-image{width:159px;height:115px;display:block;}
.dribble-button-holder{
	height: 36px;
	cursor:pointer;
	width: 130px;
	margin-left: 23px;
}
.dribble-button-holder:hover div{color:#fff;}
.dribble-button-left{    
	background: url("img/red-button-left.png") no-repeat transparent;
    height: 38px;
    width: 8px;
    float:left;}
.dribble-button-center{	
	background: url("img/red-button-center.png") repeat-x transparent;
    height: 25px;
    margin: 0;
    padding: 11px 2px 0 11px;
    text-align: center;
	font-size:12px;
    float:left;
	color:#7d281c; }
.dribble-button-right{    
	background: url("img/red-button-right.png") no-repeat transparent;
    height: 38px;
    width: 32px;
    float:left;}
    
/*----TWITTER SIDEBAR WIDGET----*/

.twitter-widget-holder{}
.twitter-widget-top{    
	background: url("img/twitter-widget-top.png") no-repeat transparent;
    height: 8px;
    width: 174px;}
.twitter-widget-center{	
	background: url("img/twitter-widget-center.png") repeat-y transparent;
    color: #8f9ba5;
    font-size: 12px;
    margin: 0;
    padding: 16px 18px 44px;
    text-align: center;
    width: 138px;
	line-height: 22px;}
.twitter-widget-center a{    color: #cf5241;}
.twitter-widget-center a:hover{    color: #b14738;}
.twitter-widget-bottom{    
	background: url("img/twitter-widget-bottom.png") no-repeat transparent;
    height: 19px;
    width: 174px;}
    
.twitter-bird-holder{    
	margin: 14px 0 0;
    text-align: center;}
    
    
/*----SIDEBAR TEXT WIDGET----*/
.sidebar-text-widget{    
color: #8f9ba5;
    font-size: 12px;
    margin: 18px 0 0 0;
	line-height: 22px;}
	
	
/*----SEARCH BUTTON----*/
.search-button-holder{height: 36px;}
.search-button-left{    
	background: url("img/search-button-left.png") no-repeat transparent;
    height: 38px;
    width: 5px;
    float:left;}
.search-button-center{	
	background: url("img/search-button-center.png") repeat-x transparent;
    height: 26px;
    margin: 0;
    padding: 10px 2px 0 11px;
    text-align: center;
	font-size:12px;
    float:left;
	color:#7d281c; }
.search-button-right{    
	background: url("img/search-button-right.png") no-repeat transparent;
    height: 38px;
    width: 36px;
    float:left;}
#s{    
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #C2C3C3;
    font-size: 12px;
    height: 20px;
    left: -7px;left: -7px\0/;
    position: relative;
    top: -5px;top: -2px\0/;
    width: 114px;
    outline:none;}
#searchsubmit{    
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 32px;
    width: 34px;outline: medium none;}
    
/*----RECENT POSTS----*/
.recent-post-holder{    
	height: 48px;
    margin-bottom: 26px;}
.recent-post-image-holder{width:40px;height:36px;padding:4px;border:solid 1px #d4d4d4;background-color:#fff;margin: 0 0 26px 0; float: left;}
.recent-post-image{
	background: red;
    display: block;
    height: 36px;
    padding: 0px 0 0 0px;
    width: 40px;}
.recent-post-number-image{    
    background: url("img/recent-post-number.png") no-repeat scroll 0 0 transparent;
    display: none;
    height: 20px;
    left: 10px;
    position: relative;
    top: -26px;
    width: 22px;}
.recent-post-image img:hover{cursor:pointer;opacity:0.4;}
.recent-post-image:hover span{display:block;}

.number-of-posts{
    color: #C56D61;
    float: left;
    font-size: 9px;
    height: 1px;
    margin: 3px 0 0 3px;
    text-align: center;
    text-decoration: none;
    width: 16px;}
.recent-post-content{
    cursor: pointer;
    color: #526168;
    float: left;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 0 16px;
    width: 114px;}
.recent-post-content:hover{color:#cf5241}   
/*----RECENT COMMENTS----*/

.recent-comment-holder{    
    float: left;
    margin-bottom: 15px;}
    
.recent-comment-star{    
    background: url("img/recent-comment-star.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 15px;
    margin: 5px 0 0;
    width: 10px;}
    
.recent-comment-content{
    color: #8F9BA5;
    float: left;
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 0 12px;
    width: 158px;}
    
.recent-comment-content a{color: #526168;font-size: 12px;text-decoration: none;}
.recent-comment-content a:hover{color: #cf5241;}

/*----MIDDLE CONTENT----*/

.headline-front-page{
    color: #3F3F3F;
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    text-align: center;
    width: 100%;float:left;}
    
.full-width-line{
	width:100%;
	background: url("img/line-pattern.png") repeat-x transparent;
	height: 6px;
	float:left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.carousel-slider{width:100%;height:115px;margin: 0 0 35px;float:left;}
.slider-image-holder{width:140px;height:96px;padding:5px;border:solid 1px #d4d4d4;background-color:#fff;margin: 0 27px 0 0;float:left;}
.slider-image-holder-last{width:140px;height:96px;padding:5px;border:solid 1px #d4d4d4;background-color:#fff;margin: 0 0 0px 0;float:left;}
.slider-image{width:140px;height:96px;}
.slider-image a{width:140px;height:96px;cursor:pointer;}
.full-width-text{
	width:100%;
	line-height:20px;
}
.half-holder{width:100%;}
.shortcode-title{color:#3f3f3f;	font-size:14px;	line-height: 22px;margin-bottom: 20px;font-weight:bold;}
.one-half{width:45.2%;line-height:22px;margin:0 9.6% 0 0;float:left;}
.one-half-title{color:#3f3f3f;	font-size:14px;	line-height: 22px;margin-bottom: 20px;font-weight:bold;}
.one-half-last{width:45.2%;line-height:22px;margin:0 0 0 0;float:left;}
.one-fourth{width:22.9%;line-height:22px;margin:0 2.7% 0 0;float:left;}
.one-fourth-last{width:22.9%;line-height:22px;margin:0 0 0 0;float:left;}
.form-side-text{
    float: left;
    line-height: 22px;
    margin: 0;
    width: 364px;}
.inline-image{float:left;margin: 5px 16px 20px 0;}

/*----TESTIMONIALS----*/


.title-text{padding: 0 25px 0 0;color:#3f3f3f;	font-size:16px;	line-height: 22px;margin-bottom: 20px;font-weight:bold;background-color:#fff;float:left;}
.title-width-line{
    background: url("img/line-pattern.png") repeat-x scroll center bottom transparent;
    height: 6px;
    margin: 0 0;
    padding: 10px 0 0;
    width: 100%;}
    
.testimonials-box{width:45.2%;margin:0 9.6% 0 0;float:left;}
.testimonials-box-last{width:45.2%;margin:0 0 0 0;float:left;}
.testemonial-image-holder{width:56px;height:57px;padding:5px;border:solid 1px #d4d4d4;background-color:#fff;margin: 0 24px 0 0;float:left}
.testemonial-image{width:56px;height:57px;}
.testemonial-title{float:left;color:#67767d;line-height:12px;font-size: 14px;margin:0 0 10px 0;font-weight:bold;}
.testemonial-from{float:left;color:#cf5241;line-height:12px;font-size: 12px}
.testemonial-bubble{}
.testimonial-content{padding: 20px;color:#9c9c9c;	font-size:12px;	line-height: 22px;}
.testemonial-bubble-top{    
    background: url("img/testimonial-top.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 20px;
    width: 231px;
    margin:6px 0 0 0;}
.testemonial-bubble-center{	
    background: url("img/testimonial-center.png") repeat-y scroll 0 0 transparent;
    color: #7D281C;
    float: left;
    font-size: 12px;
    padding: 0px 0px 0 0px;
    text-align: left;
    width: 231px; }
.testemonial-bubble-bottom{    
    background: url("img/testimonial-bottom.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 5px;
    width: 231px;}
    
    
/*----COPYRIGHT----*/
.copyright{
	clear: both;
	text-align: center;
	width: 100%;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	margin-bottom: -200px;
}


/*----ABOUT US----*/
.page-title-text{padding: 0 25px 0 0;color:#000000;	font-size:20px;	line-height: 22px;margin-bottom: 20px;font-weight:bold;background-color:#fff;float:left;}
.page-image-holder{float:left;width:499px;height:186px;padding:5px;border:solid 1px #d4d4d4;background-color:#fff;margin: 0 0 26px 0;}
.page-image-holder-full{float:left;width:499px;height:186px;padding:5px;border:solid 1px #d4d4d4;background-color:#fff;margin: 0 35px 26px 0;}
.page-image{width:499px;height:186px;display:block;}
.full-width-image-holder{float:left;width:897px;height:500px;padding:5px;border:solid 1px #d4d4d4;background-color:#fff;margin: 0 0 26px 0;}
.full-width-image{width:897px;height:500px;display:block;}

/*----BLOG----*/
.post-title{float:left;color:#67767d;line-height:12px;font-size: 14px;margin:0 0 15px 0;font-weight:bold;width: 90%;}
.post-info-holder{float:left;color:#67767d;line-height:12px;margin:0 0 35px 0;width: 80%;}
.post-author{float:left;color:#9c9c9c;line-height:12px;font-size: 12px}
.pen-icon{background: url("img/pen-icon.png") no-repeat scroll 0 0 transparent;padding: 0 0 0 22px;}
.post-date{float:right;color:#9c9c9c;line-height:12px;font-size: 12px}
.cal-icon{background: url("img/cal-icon.png") no-repeat scroll 0 0 transparent;padding: 0 0 0 22px;}

.blog-comment{
	background: url("img/blog-comment-bubble.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 32px;
    width: 34px;
    float:right;}
    
.blog-comment a{color: #9c9c9c;font-size: 12px;font-weight:bold;text-decoration: none;}
.blog-comment a:hover{color: #cf5241;}
.post-comment-number{
    color: #526168;
    float: left;
    font-size: 12px;
    margin-top: 6px;
    text-align: center;
    width: 100%;}
.image-eye{
   background: url("img/image-eye.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 34px;
    left: 15px;
    position: relative;
    top: -48px;
    width: 34px;
    cursor: pointer;}  
.portfolio-image-full .image-eye{margin: 157px 0 0 15px;}

/*----CONTACT US----*/

.contact-info{margin: 0 0 25px 0;}
.contact-email{width:45.2%;line-height:22px;margin:0 9.6% 0 0;float:left;}
.contact-email-title{float:left;color:#67767d;line-height:12px;font-size: 14px;margin:0 0 15px 0;font-weight:bold;width: 90%;}
.contact-email ul li a{color: #9c9c9c;font-size: 12px;text-decoration: none;}
.contact-email ul li a:hover{color: #cf5241;}
.contact-adress{width:45.2%;line-height:22px;margin:0 0 0 0;float:right;}
.contact-adress-title{float:left;color:#67767d;line-height:12px;font-size: 14px;margin:0 0 15px 0;font-weight:bold;width: 90%;}
.contact-adress-info{}
.building-icon{background: url("img/building-icon.png") no-repeat scroll 0 0 transparent;padding: 0 0 0 22px;}
.baloon-icon{background: url("img/baloon-icon.png") no-repeat scroll 0 0 transparent;padding: 0 0 0 22px;}
.phone-icon{background: url("img/phone-icon.png") no-repeat scroll 0 0 transparent;padding: 0 0 0 22px;}

.form-holder{    
	clear: both;
    margin: 25px 0 0;}
    
.form-holder-full{    
    clear: both;
    float: left;
    margin: 25px 0 0;
    width: 511px;margin:5px 35px 0 0 ;}

.form-field    {float: left;
    margin: 0 0 25px;
    width: 242px;}
    
.form-field-last{float: right;
    margin: 0 0 25px;
    width: 242px;}
    
.form-field-left{    
	background: url("img/form-box-left.png") no-repeat transparent;
    height: 35px;
    width: 5px;
    float:left;}
    
.form-field-center{	
	background: url("img/form-box-center.png") repeat-x transparent;
    height: 35px;
    margin: 0;
    text-align: center;
	font-size:12px;
    float:left;
	color:#7d281c; width:232px;}
	
.form-field-right{    
	background: url("img/form-box-right.png") no-repeat transparent;
    height: 35px;
    width: 5px;
    float:left;}
    
.form-field input, .form-field-last input{    
	background-color: transparent;
    border: medium none;
    color: #969696;
    float: left;
    font-size: 12px;
    height: 32px;
    margin: 0 0 0 5px;
    width: 100%;	font-family:'Droid Sans';
    outline:none;padding-top: 10px\0/;height: 22px\0/;}
    
    
.form-message-box-top{    
    background: url("img/message-box-top.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 4px;
    width: 511px;}
    
.form-message-box-center{	
    background: url("img/message-box-center.png") repeat-y scroll 0 0 transparent;
    float: left;
    margin: 0;
    width: 511px;
    min-height: 140px;}
    
.form-message-box-bottom{    
 	background: url("img/message-box-bottom.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 5px;
    width: 511px;}
    
.form-message-box-center textarea{    
    border: medium none;
    display: block;
    float: left;
	margin: 6px 10px 10px;
    min-height: 124px;
    width: 96%; 
    font-size: 12px;
    color: #969696;	font-family:'Droid Sans';
    resize: none;
    outline:none;overflow:hidden}
    
.form-send-button-left{    
    background: url("img/red-rounded-button-left.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 31px;
    width: 13px;}
    
.form-send-button-center{	
    background: url("img/red-rounded-button-center.png") repeat-x scroll 0 0 transparent;
    float: left;
    height: 31px;
    margin: 0;
    width: 65%;cursor:pointer;
    width:auto\0/;}
	
.form-send-button-right{    
    background: url("img/red-rounded-button-right.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 31px;
    width: 25px;}
body:nth-of-type(1) .blog-send-button{padding: 2px 18px 5px 2px!important;}      

.blog-send-button{
    background-color: transparent;
    border: medium none;
    color: #7D281C;
    text-shadow: 0 1px 0 #DB766A;
    float: left;
    font-family: 'Droid Sans';
    font-size: 12px;
    height: 31px;
    margin: 0;
    padding: 2px 18% 5px 2px;display:inline-block;}
.blog-send-button{*padding:2px 5px 5px 2px;}
.form-send-button input:hover{cursor:pointer;} 
.form-send-button{float: left;    margin-bottom: 25px;}
.form-send-button:hover{cursor:pointer;}
.form-send-button:hover input{color:#fff;}


/*----PORTFOLIO----*/

.portfolio-pageing-next, .portfolio-pageing-prev, .portfolio-cat-button{ cursor: pointer;}
.portfolio-pageing-next:hover,.portfolio-pageing-prev:hover,.portfolio-pageing:hover, .portfolio-cat-button:hover .portfolio-cat-button-left,.portfolio-cat-button:hover .portfolio-cat-button-center,.portfolio-cat-button:hover .portfolio-cat-button-right{background-position: center bottom; }

.portfolio-cat-button-left{    
    background: url("img/portfolio-cat-left.png") no-repeat scroll center top transparent;
    float: left;
    height: 30px;
    width: 10px;}
    
.portfolio-cat-button-center{	
    background: url("img/portfolio-cat-center.png") repeat-x scroll center top transparent;
    float: left;
    height: 22px;
    padding: 8px 4px 0;}
	
.portfolio-cat-button-right{    
    background: url("img/portfolio-cat-right.png") no-repeat scroll center top transparent;
    float: left;
    height: 30px;
    width: 22px;
    margin-right: 15px;}

.pageing{    
	height: 30px;
    margin: 25px 0 0 30%;
    width: 41%;
    cursor: default;}

.portfolio-paging-dots{	
    float: left;
    height: 22px;
    letter-spacing: 1px;
    padding: 4px 2px;
    text-align: center;
    width: 10px;}   
    
.portfolio-pageing{	
    background: url("img/pageing-button.png") no-repeat scroll center top transparent;
    float: left;
    height: 22px;
    padding: 8px 4px 0;
    width: 28px;
    text-align: center;cursor:pointer;}

.portfolio-pageing-prev{	
    background: url("img/pageing-button-prev.png") no-repeat scroll center top transparent;
    float: left;
    height: 22px;
    padding: 8px 4px 0;
    width: 28px;
    text-align: center;}
    
.portfolio-pageing-next{	
    background: url("img/pageing-button-next.png") no-repeat scroll center top transparent;
    float: left;
    height: 22px;
    padding: 8px 4px 0;
    width: 28px;
    text-align: center;}
    
/*----PORTFOLIO FULL WIDTH----*/

.portfolio-full-line{
	background: url("img/line-pattern.png") repeat-x scroll center bottom transparent;
    height: 6px;
    margin: 0 0;
    padding: 13px 0 0;
    width: 100%;}

.title-line-portfolio-full span{padding:3px 25px 0 0;}    
.portfolio-cat-button-full{float:right;background:#fff;}
.portfolio-cat-button-full .portfolio-cat-button-left{margin-left:15px;}
.portfolio-cat-button-full .portfolio-cat-button-right{margin:0;}
.one-post-full{width:442px;float:left;margin-right:25px;}
.one-post-full-last{width:442px;float:left;margin:0;}
.portfolio-image-holder-full{float:left;width:430px;height:206px;padding:5px;border:solid 1px #d4d4d4;background-color:#fff;margin: 0 0 26px 0;}
.portfolio-image-full{width:430px;height:206px;display:block;}    

.pageing-full{    
	height: 30px;
    margin: 25px 0 0 38%;
    padding-bottom:25px;
    width: 41%;
    cursor: default;}
    
/*----BLOG-POST----*/

.single-comment-title{
    float: left;
    margin: 0 0 10px 25px;
    width: 40%;    
    color: #67767d;
    font-size: 14px;}
.single-comment-date{
    float: right;
    width: 40%;
    color:#ce5241;
    text-align: right;
    margin: 0 0 12px 25px;}
.single-comment-post{
    float: left;
    margin: 0 0 10px 25px;
    width: 40%;    
    color: #cf5241;
    font-size: 12px;}
.single-comment-holder{border-bottom: 1px solid #eaeaea;margin: 0 0 30px;padding: 0 0 30px;}
.single-comment-holder-last{border:none!important;    margin: 0 0 0px!important;}
.comment-image-holder{width:40px;height:36px;padding:4px;border:solid 1px #d4d4d4;background-color:#fff;margin: 0 0 26px 0; float: left;}
.comment-post-image{
    display: block;
    height: 36px;
    padding: 0px 0 0 0px;
    width: 40px;}

/*----PRICING----*/
.pricing-table{width:100%;text-align:center;line-height: 22px; background: url("img/line-pattern.png") repeat-x scroll left top transparent;margin: 20px 0;}

.pricing-table tbody td{border-bottom:1px solid #f0f0f0;line-height:22px;padding: 1% 1% 1% 56px;text-align: left;}

.pricing-table tbody td .pricing-feature{
    display: inline-block;
    vertical-align: middle !important;
    width: 130px;}

.pricing-table td{    
	padding: 1%;
    width: 24%;}
    
.pricing-table tbody tr td.pricing-separator{border-bottom:0 none;}

.pricing-title{
    color: #3F3F3F;
    font-family: 'Droid Sans';
    font-size: 25px;
    font-weight: bold;
    line-height: 31px;
    margin: 40px 0 20px;}

.pricing-price{
	cursor: pointer;
    margin: 20px 0 0;
    padding: 20px 0;
    text-align: center;
    width: 100%;}   
.price-number-holder{display:inline-block;}

.pricing-price:hover .price-change, .pricing-price:hover .price-full{color:#cf5241;}
     
.pricing-price img{    
    float: left;
    margin: 10px 2px 0 0;}
    
.price-full{    
	float: left;
    font-size: 60px;
    color:#3f3f3f;}
    
.price-change{
    float: left;
    font-size: 18px;
    left: 5px;
    position: relative;
    top: -19px;
    color:#3f3f3f;}


.price-period{
    float: left;
    font-size: 18px;
    left: -22px;
    position: relative;
    top: 15px;}
    
.pricing-table td:nth-child(2n+2){background-color:#fcfcfc;}

.pricing-table .pricing-separator td{padding:0 1% 0% 1%;}

.pricing-separator{ 
	background-image: url("img/line-pattern.png")!important;
    background-repeat: repeat-x!important;
    background-position:top;height:6px;padding:0!important;line-height:0px;}
    
.icon-pumpkin{
    background-image: url("img/icon-pumpkin.png");
    background-position: 14px center;
    background-repeat: no-repeat;}
    
.icon-key{
    background-image: url("img/icon-key.png");
    background-position: 14px center;
    background-repeat: no-repeat;}
    
.icon-table{
    background-image: url("img/icon-table.png");
    background-position: 14px center;
    background-repeat: no-repeat;}
    
.icon-cloud{
    background-image: url("img/icon-cloud.png");
    background-position: 14px center;
    background-repeat: no-repeat;}
    
.pricing-table tbody .first-row{margin-top:10px}

.pricing-button{display: inline-block;margin: 20px 0 10px;cursor:pointer;}
.pricing-button:hover .pricing-button-left, .pricing-button:hover .pricing-button-center, .pricing-button:hover .pricing-button-right{background-position: center bottom; }

.pricing-button-left{    
    background: url("img/pricing-buy-button-left.png") no-repeat scroll center top transparent;
    float: left;
    height: 45px;
    width: 23px;}
    
.pricing-button-center{	
    background: url("img/pricing-buy-button-center.png") repeat-x scroll center top transparent;
    color: #7D281C;
    display: block;
    float: left;
    font-family: 'Droid Sans';
    font-size: 18px;
    height: 38px;
    line-height: 30px;
    max-width: 150px;
    overflow: hidden;
    padding: 7px 0 0;
    text-shadow: 0 1px 1px #E18477;}
	
.pricing-button-right{    
    background: url("img/pricing-buy-button-right.png") no-repeat scroll center top transparent;
    float: left;
    height: 45px;
    width: 23px;}
    
/*DEMO STYLES*/

.demo-styles{
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-color: #454545;
    height: 635px;
    position: fixed;
    top: 68px;
    width: 90px;
    z-index:500;}
	
.demo-text{
	color: #DACCB6;
	font-size: 14px;
	font-weight: bold;
	margin: 8px 0 0;
	padding: 2px;
	text-align: center;
	width: 95%;
}
.style-holder{
	display: block;
	float:left;}
	
.demo-color{
    color: #DACCB6;
    display: block;
    font-size: 12px;
    margin: 18px 0 0;
    text-align: center;
    width: 90px;}
	
#style-header{
    background-color: #454545;
    border: 4px solid black;
    cursor: pointer;
    float: left;
    height: 28px;
    margin: 8px 0 0 28px;
    width: 28px;
    z-index: 9999;}
    
#style-text-area{
    background-color: #454545;
    border: 4px solid black;
    cursor: pointer;
    float: left;
    height: 28px;
    margin: 8px 0 0 28px;
    width: 28px;
    z-index: 9999;}
    
#style-body{
    background-color: #C7D1D7;
    border: 4px solid black;
    cursor: pointer;
    float: left;
    height: 28px;
    margin: 8px 0 0 28px;
    width: 28px;
    z-index: 9999;}
    
.demo-pattern{
    clear: both;
    display: inline-block;
    margin-top: 17px;
    text-align: center;
    width: 90px;
    padding-left:10px;}

#feedback { font-size: 1.4em; }
#selectable .ui-selecting {border-color:red; }
#selectable .ui-selected { border-color:red; }
#selectable { list-style-type: none; margin: 0; padding: 0; }
#selectable li {
    float: left;
    font-size: 1px;
    height: 24px;
    margin: 3px;
    padding: 1px;
    text-align: center;
    width: 24px;cursor:pointer; border:1px solid;border-color:#000;}
    
 #selectable li:nth-child(1){background-image:url("patterns/pattern_1.png");}
 #selectable li:nth-child(2){background-image:url("patterns/pattern_2.png");}
 #selectable li:nth-child(3){background-image:url("patterns/pattern_3.png");}
 #selectable li:nth-child(4){background-image:url("patterns/pattern_4.png");}
 #selectable li:nth-child(5){background-image:url("patterns/pattern_5.png");}
 #selectable li:nth-child(6){background-image:url("patterns/pattern_6.png");}
 #selectable li:nth-child(7){background-image:url("patterns/pattern_7.png");}
 #selectable li:nth-child(8){background-image:url("patterns/pattern_8.png");}
 #selectable li:nth-child(9){background-image:url("patterns/pattern_9.png");}
 #selectable li:nth-child(10){background-image:url("patterns/pattern_10.png");}
.ui-state-default{
    background-image:url("pattern/pattern_1.png");}
.demo-radio-holder{
	clear: both;
    padding: 20px 0 0;
    text-align: center;}
.demo-radio-holder input{
	clear: both;
    padding: 20px 0 0;
    text-align: center;}
.save-demo{
	clear: both;
    padding: 5px 0 0;
    text-align: center;}
.save-demo .savedemo{margin-bottom:5px;}
#ajax{display:none;}
#ajax2{display:none;}
#error-message{padding-top: 8px;}
.radio-text{    color: #DACCB6;
    display: block;
    font-size: 12px;
    margin: 6px;
    text-align: center;
    width: 80px;}