@import url("skins/skin-default.css"); /* Chnage this line of code to be switched to other skins*/

body{
	font: 16px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	width:100%;
	margin:15px auto 0px auto;
	background-image: url(images/body_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#top_box{
width:1000px;
margin:0 auto;
height:30px;
}
#call{
	float:right;
	background-image: url(images/call.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:30px;
}
#badge{
position:absolute;
left:20px;
top:20px;

}


p, ul, ol, dl, table, fieldset, blockquote, pre, code {
padding-bottom:10px;
}

/* headings
------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
color:#595959;
margin-bottom:10px;
}

h1 {
font-size: 30px;
}

h2 {
font-size: 25px;
}

h3 {
font-size: 22px;
}

h4 {
font-size: 18px;
}

h5 {
font-size: 16px;
}

h6 {
font-size: 11px;
}

hr {
border: 0 #ccc solid;
border-top-width: 1px;
clear: both;
height: 0;
}


hr{border: 1px solid #eee;  width: 100%;color: #eee;height: 1px;}


/* imgage alignment
----------------------------------------------------------------------------------------------------*/
.alignright {
float: right; 
margin: 3px 0 0px 10px;
width:auto;
}


.alignleft {
float: left; 
margin:3px  10px 0px 0;
width:auto;
}



.align{
float: left; 
margin: 0 10px 0px 0;
width:auto;
}

a img {
border: 0;
border-width: 0px;
outline:0;

}
a {
   outline: 0;
}
a:link, a{
text-decoration:none;
}

a:hover{
text-decoration:none!important;
}

.clear {
clear: both;
}


.v-space{
display:block;
height:30px;

}

.img_border{
border:5px solid #eaeaeb;
margin-bottom:10px;
}
.img_border2{
border:5px solid #eaeaeb;
}
.pad{
padding:30px;
}

.thumb {
float: left;
margin: 0px 20px 0px 0px;
}

.description {
display:block;
overflow: hidden;
padding:0px;
}


/*end common/genral style*/

/*Header start*/
#header{
height:70px;
margin-bottom:20px;
border-bottom:1px solid #efefef;
}


#logo{
	width:100px;
	height:150px;
	float:left;
	vertical-align:top;
	margin-top: -80px;
	position: absolute;		
}

.post_banners h3{
color:#fff;
}

ul.post_banners{
list-style:none;
border-top:2px solid #000;
overflow:hidden;
}

ul.post_banners li{
float:left;
width:26.9505%;
padding-top:15px;
}

.box-1{
background-color:#0e0e0e;
border-top:2px solid #1c1c1c;
}

.box-2{
background-color:#151515;
border-top:2px solid #2a2a2a;
}

.box-3{
background-color:#1a1a1a;
border-top:2px solid #343434;
}

.intro_heading{
border-top:1px dotted #ebebeb;
border-bottom:1px dotted #ebebeb;
padding:20px 0px 20px 0px;
text-align:center;
margin-top:30px;
line-height:38px;
background:#fbfbfb;
}

.intro_heading span{
color:#3daaf2;
}

.inner_intro_heading{
	padding:13px 13px 4px 13px;
	margin-top:30px;
	margin-bottom:30px;
background-image:url(images/menu-pat.png);
-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius: 8px;
	color: #FFF;
}

.inner_intro_heading h3{
color:#fff;
}

ul.content_inner{
list-style:none;
margin-bottom:20px;
border-bottom:1px solid #efefef;
float:left;
}

.last_row{
border-bottom:none!important;
margin-bottom:0px!important;
}

ul.content_inner li{
padding-bottom:20px;
}

.content_inner h3{
padding-bottom:0px;
}


#bottom_section_wrapper{
	background-image: url(images/footer_body_bg.png);
	background-repeat: no-repeat;
	background-position: center -350px;}

#bottom_section{
width:940px;
padding:30px 30px 0px 30px;
margin:0 auto;
background-image:url(images/footer_bg.png);
background-repeat:repeat;
overflow:hidden;
color:#939393;
border-top:none;
clear:both;
}

#bottom_section h4{
color:#aaaaaa;
padding-bottom:10px;
}



.widget-title{
background: none repeat scroll 0 0 transparent;
border-color: -moz-use-text-color -moz-use-text-color #585858;
border-style: none none double;
border-width: medium medium 3px;
color: #FFFFFF;
padding-left: 0;
}


ul.bottom_section_list{
list-style:none;
}

ul.bottom_section_list li{
margin-bottom:10px;
padding-bottom:10px;
border-bottom: 1px dashed #666666;
}

ul.bottom_section_list li img{
border:5px solid #585858;
}

.footer-badge-img img {
float: left;
margin: 0 19px 19px 0;
}

.footer-badge-img img{
border:5px solid #585858;
}

ul.recent_tweets_list{
list-style:none;
}

ul.recent_tweets_list li{
margin-bottom:10px;
padding-bottom:10px;
border-bottom: 1px dashed #666666;
}


#footer_bottom {
border-top: 3px double #585858;
clear: both;
color: #939393;
padding-top: 20px;
}


ul.social_icons{
list-style:none;
float:left;

}

ul.social_icons li{
display:inline;
padding-right:10px;
}

#footer_bottom p{
float:right;
}


/* sidebar section start */	


#sidebar{
list-style:none;
padding:24px 24px 0px 24px;
color:#666666;
overflow: hidden;
background:#f2f2f2;
border:1px solid #eee;
}

#sidebar h4{
background: none repeat scroll 0 0 transparent;
border-color: -moz-use-text-color -moz-use-text-color #EBEBEB;
border-style: none none double;
border-width: medium medium 3px;
padding-left: 0;
color:#595959;
padding-bottom:10px;
}

ul.menu { 
padding: 0; 
clear: both;
}

ul.menu li { 
display: inline; 
}

ul.menu li a { 
padding:4px 10px; 
float:left; 
text-decoration: none; 
margin-right:9px;
background: none repeat scroll 0 0 #EEEEEE;
color: #757575;
font-size: 12px;
font-weight:500px;
margin-bottom:10px;
background-color:#eaeaea;
border: 1px solid #ddd;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius: 4px;
}

ul.menu li.active a { 
background: #fff; 
}

.content { 
float: left; 
}

#sidebar .widget_container{
margin-bottom:20px;
overflow:hidden;
}

.widget_container span{
color:#3DAAF2;
}


ul.tab_list{
list-style:none;
margin-top:20px;
}

ul.tab_list li{
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px solid #ddd;
}

ul.tab_list li:last-child{
margin-bottom:0px!important;
border-bottom:none!important;
}

/* portfolio section start */
.portfolio_pad{
padding-bottom:30px;
}

.gallery{
border:5px solid #eaeaeb;
margin-bottom:0px;
}





.readmore {
font: normal 12px/18px Arial, Helvetica, sans-serif;
display: inline-block;
height:29px;
margin: 0 15px 0em 15px;
padding: 5px 20px 5px 5px;
position: relative;
text-decoration: none !important;
clear:both;
margin-top:10px;
display:block;
float:left;
line-height:29px;
font-weight:bold;
letter-spacing:.05em;
padding-right:40px;
}
.readmore a {
}

.readmore span {		
height: 38px;
left: -15px;
position: absolute;
top: -10px;
width: 15px;
display:block;
}

.readmore  span, .readmore  span{
margin-top:10px;
}

.readmore:hover { text-decoration: none; }

.readmore{
background-attachment: scroll;
background-image:url(images/read_more.png);
background-repeat: no-repeat;
background-position: right top;
cursor:pointer;
}

.readmore:hover { 
background-attachment: scroll;
background-image:url(images/read_more.png);
background-repeat: no-repeat;
background-position: right -40px;
}

.readmore span { 
background-attachment: scroll;
background-image:url(images/read_more.png);
background-repeat: no-repeat;
background-position: left top;
}
.readmore:hover span {
background-attachment: scroll;
background-image:url(images/read_more.png);
background-repeat: no-repeat;
background-position: left -40px;
}

.posts{
margin-bottom:40px;
overflow:hidden;
border-bottom:1px solid #ebebeb;
}

.post_entry{
text-align:right;
line-height:25px;
border-bottom:1px solid #EBEBEB;
padding-bottom:10px;
color: #5F5F5F;
}

.post_entry a:hover{
text-decoration:underline;
}


.comments h2{
text-align:center;
background-color:#dedede;
margin-top:10px;
padding:10px 0px 10px 0px;
font-size:14px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.comments a, .comments a:visited{
color:#232323;

}
.comments a:hover{
color:#444;

}
/* Contact page Section
----------------------------------------------------------------------------------------------------*/

#contact-form label{
clear:both;

}
label.error{
width:100%;
color:#FF0000;
}
.successmsg{
color:#009933;

}
#contact-form input{
	clear:both;
	display:block;
	padding:8px 10px;
	margin-bottom:20px;
	width:300px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	color:#666;
	margin-top:10px;
}
#contact-form textarea{
	width:450px;
	height:100px;
	padding:8px 10px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	color:#666;
	margin-top:10px;
}
#contact-form input#captcha{
	width:20px!important;
}
#contact-form input#kaya_submit{
	width:50px!important;
	padding:10px 20px;
	background-color:#222;
	color:#ccc;
	display:block;
	border:1px solid #111;
	width:100px!important;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #000;
	cursor:pointer;
	margin-top:20px;
}
#contact-form input#kaya_submit:hover{
	background-color:#333;

}

#Captcha{
margin-top:20px;

}
input[type="text"], textarea, input {
-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1) inset;
background:none repeat scroll 0 0 #F9F9F9;
border:1px solid #CCCCCC;
padding:2px;
}