/*
Theme Name: Transforms Wordpress
Theme URI: http://transforms.reallybesthost.com
Description: 'Transforms theme built on Wordpress.'
Author: Fahim saqib
Author URI: http://themeforest.net/user/bigtreat
Version: 1.0
*/


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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}


/********************* General Styling *************************************/

.clear{clear:both;}
a{color :#3399cc;text-decoration:none;}

body {
font-family : "Palatino Linotype", "Book Antiqua", Palatino, serif;
color : #717171;
line-height :21px;
font-size : 13px;
}

.paraspace{
margin: 10px 0 10px 0;
}

h1, h2, h3, h4, h5, h6 {color : #d31145;text-decoration:none;}
h1 {font-size : 36px;line-height : 36px;}
h2 {font-size : 24px;line-height : 28px;}
h3 {font-size : 21px;line-height : 24px;}
h4 {font-size : 18px;line-height : 20px;}
h5 {font-size : 16px;line-height : 18px;}
h6 {font-size : 12px;line-height : 16px;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#454545; text-decoration:none;}


.rightalign,.alignright, img.alignright {float: right;margin:0 10px 0 10px;}
.leftalign, .alignleft, img.aligneft {float: left;margin:0 10px 0 0;}


/* img hover classes */

.image_zoom {display : block;background : url(images/plus.png) center  no-repeat;position : absolute;}
.image_video{display : block;background : url(images/video.png) center no-repeat;position : absolute;}

/** Border image ***/

.bimage img {
padding : 7px;
background :#fff;
border:1px solid #e0e0e0;
}




/*** embaded video styling ****/

.video-frame{
float:left;
border:1px solid #ddd;
padding:7px;
background :#fff;
margin-right:10px;
}



/***Heading Seprator***/

.seprator{
margin-bottom : 30px;
background : url(images/sep1.jpg) center no-repeat;
width:100%;
height:28px;
margin-left:10px;
}

.seprator h2{
float:left;
}


.heading{
background:#fcfcfc;
display:inline;
width:auto;
float:left;
padding-right:5px;
}


/* template wrapper styling */

#wrapper{
position:relative;
margin: auto;
height:100%;
width:990px;
}  

#main_box{
width:990px;
margin: auto;
height:100%;
float:left;
background:#fcfcfc;
margin-top:20px;
position:relative;
box-shadow: 0 0 6px #B7B7B7;
-moz-box-shadow:0 0 6px #B7B7B7;
-webkit-box-shadow:0 0 6px #B7B7B7;
margin-bottom:30px;
}


/****************** Top Header **********************/

.strip{
width:992px;
height:5px;
margin-left:auto;
margin-right:auto;
background:#353535;
}

.info_strip {
background: none repeat scroll 0 0 #F9F9F9;
box-shadow: 0 0 2px #B7B7B7;
-moz-box-shadow: 0 0 2px #b7b7b7;
-webkit-box-shadow: 0 0 2px #b7b7b7;
height: 35px;
width: 100%;
}

/************left top section ***************/

.left_info{
float:left;
margin-left:10px;
padding-top:10px;
width:210px;
}

.left_info a{
color:#717171;
text-decoration:none;
}

.left_info img{
float:left;
width:14px;
height:14px;
margin-right:5px;
}

p.email{
position:relative;
top:-3px;
font-size:11px;
}


/************right top section ***************/

.right_info {
  float: right;
  margin-right: 10px;
  padding-top: 10px;
}

.right_info ul li img{
width:14px;
height:14px;
}

/** Social button of headers ***/

.social_head {
border-right: 1px solid #DDDDDD;
float: left;
height: 14px;
}

.social_head li{
width:14px;
height:14px;
display:inline;
margin-right:4px;
}

/*** Login link ***/

.loginform {
  float: right;
  font-size: 10px;
  height: 14px;
  left: 8px;
  position: relative;
  top: -3px;
}

.loginform a{
text-decoration:none;
color:#717171;
}


/*********************** Header styling **************************/

#header {margin-top:30px;}

#logo{
float:left;
}

/***** Menu styling *****/
#myslidemenu {
float:right;
margin-right:0;
}

.jqueryslidemenu{
font-size: 12px ;
height : auto;
float:right;
margin-right:0;
margin-top:16px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
position:relative;
z-index:8888;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
z-index:999999;

}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
color:#353535;
text-decoration : none;
margin-right:5px;
padding:3px 13px;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}



.jqueryslidemenu ul li a:hover{
color:#d31145; 
}
	
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
background:#FFFFFF;
border: 1px solid #E0E0E0;
width:163px;
}


/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
 /*width of sub menus*/
margin: 0;
border-top-width: 0;
}


.jqueryslidemenu ul li ul li a:hover{
 background:#fbfbfb;
}

.downarrowclass {
position : absolute;
top : 11px;
right : 7px;
}
.rightarrowclass {
position : absolute;
top : 16px;
right : 5px;
}


/**************************Slider Shadows *************************************/

.slideshadow_one{
width:912px;
margin-left:auto;
margin-right:auto;
background: url(images/slideshadow.png) no-repeat;
height:32px;
position:relative;
z-index:333;
bottom:0;
top:-12px;
z-index:4;
}

.slideshadow_two{
width:912px;
margin-left:auto;
margin-right:auto;
background: url(images/shadow2.png) no-repeat;
height:32px;
position:relative;
z-index:333;
bottom:0;
top:-12px;
z-index:555;
}


.slideshadow{
width:912px;
margin-left:auto;
margin-right:auto;
background: url(images/shadow3.png) no-repeat;
height:32px;
position:relative;
z-index:333;
bottom:0;
top:-12px;
z-index:4;
}

/*************************** Content wrapper styling****************************/
#main_containt{
height : 100%;
text-decoration:none;
}

/* Posts Wrapper */
#content{
float:left;
margin-top:22px;
margin-left:20px;
}

/************* Page Info styling +searchbox ************/

.bread{
width:940px;
height:50px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:10px;
box-shadow: 0 0 2px #B7B7B7;
-moz-box-shadow: 0 0 2px #B7B7B7;
-webkit-box-shadow: 0 0 2px #B7B7B7;
}

.bread h3{
margin:14px 10px 12px 18px;
border-right:1px solid #ddd;
width:auto;
float:left;
padding-right:10px;
}

.bread p{
float:left;
margin-top:14px;
margin-left:0px;
}

.search_box {
float: right;
margin-right: 20px;
margin-top:10px;
background: url(images/search-bg.png) no-repeat right center #FFFFFF;
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
color: #C6C6C6;
padding: 8px;
width: 160px;
border:none;
font-size:11px;
border:1px solid #eee;
}

input.search_box:focus {
  border-color: #158DB5;
  box-shadow: 0 0 2px #158DB5;
}

.searchinput{
border:1px solid #ddd;
width:160px;
height:20px;
}

.search_btn{
border:none;
height:23px;
text-indent: -99999px;
width: 30px;
background:#ddd;
}


/************* Post section styling ******************/

.post{
margin-top:5px;
float:left;
width:575px;
}

.postli ul li{
float:left;
border-bottom: 1px solid #ddd;
margin-bottom:35px;
padding-bottom:40px;
width:100%;
} 

.post h3 a {
font-size:20px;
margin-left:4px;
}
.postinfo{
float:left;
margin-left:5px;
font-size:11px;
margin-top:3px;
}
.post p{
font-size:11px;
color:#777;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
}

/* post image Style */

.postimg{
background:url(images/postbg.png) no-repeat;
width:573px;
height:234px;
margin-top:15px;
}

.postimg img{
float:left;
margin-left:10px;
margin-top:9px;
width:555px;
height:211px;
}

/***** Comments Counter Styling  *******/

.comments{
margin-right:14px;
float:right;
background:url(images/comment.png) no-repeat center;
padding-left:42px;
margin-top:2px;
font-weight:bold;
}

.comments a{
color:#777;
}


/***************Post Bottom styling:- Social button, tags ,readmore*****************/

.post_bottom{
margin-top:15px;
position:relative;
float:left;
width:100%;
}

.post_right{
float:right;
width:138px;
}


/*********************** Tags ************************/

.tags{
float:left;
margin-top:25px;
background:url(images/tag.png) no-repeat  5px ;
padding-left:35px;
}

.tags a{
color:#717171;
}


/*******************Share button ****************/

.togglediv{
float:right;
margin-top:15px;
}

.togglediv a{
float:right;
background:url(images/share.png) no-repeat;
width:25px;
height:26px;
text-indent:-999999px;
}

.social{
float: right;
height: 42px;
position: absolute;
right:-5px;
top: -35px;
}

.social ul {float:left;}
.social ul li a{margin-top:5px;margin-left:10px;height:100%;width:auto;border:none;padding:0;float:left;}
.social ul li:first-child a{margin-left:3px;}


.social ul li{
background:url(images/shareing.png) no-repeat;
display:inline;
width:auto;
margin-bottom:0;border:0;
padding-bottom:0;
height:32px;

}


.round{
float:left;
background: url(images/sharetooltip.png) no-repeat scroll 0 0 transparent;
height: 42px;
width:5px;
}


.social ul li.last{
float:left;
background: url(images/shareright.png) no-repeat;
width:37px;
height:42px;
position:relative;
z-index:666;
}
.social ul li.last a{
margin-right:12px;
float:right;
}


.social_single{
float: right;
height: 42px;
position: relative;
top: 20px;
width: auto;
}

.social_single ul li{
width:auto;
margin-bottom:0;border:0;
padding-bottom:0;
margin-left:7px;
display:inline;
}
.social_single ul li img{
width:18px;
height:18px;
}

/*********************Sidebar styling **************************/

#sidebar{
float:right;
width:299px;
margin-bottom: 50px;
margin-right:20px;
position:relative;
}

#sidebar h4 {
font-size: 17px;
}

#sidebar .textwidget {float:left; width:100%;}


/*** sidebar middle ***/

#sidecontent {
background:url(images/sidebarmid.png) repeat-y;
z-index:7;
float:left;
width:100%;
position:relative;
padding-left:25px;
}

/** sidebar top and bottom styling ***/
#sidebartop{background:url(images/sidebartop.png) no-repeat ;height:13px;padding-bottom:25px;}
#sidebartop, #sidebarbottom {display: block;width: 304px;}
#sidebarbottom{height:83px;background:url(images/sidebarbottom.png) no-repeat ;position: absolute;bottom:-83px;margin-bottom:50px;z-index:3;}

/********************** Pagination styling **************************/

.pagination{
float:left;
width:380px;
height:60px;
margin-left:70px;
}

.pagination a{
  border: 1px solid #dfdfdf;
  display: block;
  float: left;
  margin-right: 7px;
  padding: 4px 9px;
  color:#999;
}

.wp-pagenavi {
	clear: both;
  margin-bottom:20px;
}
.wp-pagenavi a, .wp-pagenavi span {
  border: 1px solid #dfdfdf;
  display: block;
  float: left;
  margin-right: 7px;
  padding: 4px 9px;

}
.wp-pagenavi span.pages{
  border: 1px solid #dfdfdf;
  display: block;
  float: left;
  margin-right: 7px;
  padding: 4px 9px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border: 1px solid #dfdfdf;
  display: block;
  float: left;
  margin-right: 7px;
background:#505050;
color:#fff;

}
.wp-pagenavi span.current {
  border: 1px solid #dfdfdf;
  display: block;
  float: left;
  margin-right: 7px;
  padding: 4px 9px;

}

/****************** Blog comments *************************/

.blog_comments{
margin-bottom:25px;
width:575px;
float:left;
margin-top:35px;
}

p.login_text{
margin-bottom:10px;
}

/***********************Comment area styling ***********************/

.comments h4 {
font-size: 24px;
color: #666;
text-transform: none;
padding-bottom: 10px;
background: none;
margin: 0;
}

li.comment {
background: url(images/underline-content.png) repeat-x top;
padding-top: 20px;
}

li .comment-body { position: relative; padding:20px 10px 15px 10px; border:1px solid #ddd;}

li .comment-body {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #F4F4F4 #EEEEEE #EEEEEE;
  border-right: 1px solid #EEEEEE;
  border-style: solid;
  border-width: 4px 1px 1px;
}

li ul.children {
margin-left: 55px;

}

.comment-image {float:left; }
.comment-image img { border: 1px solid #d7d7d7; background: #fff; padding: 3px; }
.comment-data {
padding-bottom: 10px;
}
.comment-text p{width:100%; float:left;}
.comment-data .author-link { font-size: 14px; left:10px; position:relative; }
.comment-data .comment-date { font-style: italic; color: #999; left:10px; position:relative;}

.comment-data .author-link  a{
color:#717171;
text-decoration:none;
}

.comment-reply {
position: absolute;
bottom: 5px;
right: 10px;
}

.comment-reply a{
color:#d31145;
text-decoration:none;
}


.cancel-comment-reply a{
color:#d31145;
text-decoration:none;
}

.grid4{
width:50%;
float:left;
}


#respond{
margin-bottom:30px;
}

#respond h3 {
font-size: 11px;
color: #000;
text-transform: uppercase;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom:1px solid #ddd;
margin-top:25px;
}

form#commentform { margin-left: 10px; margin-top: 20px; }
form#commentform p { clear: both;}

form#commentform span.comment_field {
margin:0;
margin-right: 5%;
width: 90%;
display: block;
}

form#commentform span.last { margin-right: 0; }
form#commentform label { font-size: 12px; color: #666; float:left; width:55px; }


form#commentform input { margin-bottom: 20px; width: 75%; height: 27px; border: 1px solid #d1d1d1; background: #f9f9f9; }
form#commentform textarea {
width: 100%; height:135px; border: 1px solid #d1d1d1; background:#f9f9f9;  
}
form#commentform input:focus, form#commentform textarea:focus { border: 1px solid #bbb;background:#fbfbfb;}

form#commentform .login textarea{
width:565px;
height:160px;
}

form#commentform input#submit {
width:80px !important;
height: 30px;
cursor:pointer;
cursor:hand;
background: #fcfcfc;
float:right;
	margin-top: 10px;
	border-radius:5px;
}
form#commentform input#submit:hover {	
	background: #fefefe;
	border: 1px solid #c0cad2;
	border-left: 1px solid #e7eaee;
	border-top: 1px solid #e7eaee;
}
/**********************Portfolio styling*************************/
	
#portfolio{
position:relative;
}

#portfolio-sorting{
float:left;
}

/*******************Portfolio Sorting Link styles *****************/

.sort p{
margin-top:0;
margin-right:10px;
}

.sorting{		
float:right;	
margin-top:15px;
}

.sorting a {
  color: #999999;
  display: inline-table;
  float: left;
  font-weight: normal;
  padding: 2px 7px;
  margin-right:10px;
  text-decoration: none;
  height:32px;
}

.sorting a:hover,
.sorting a:focus,
.sorting a.current_link{
background:url(images/port-arrow.png) no-repeat bottom;

}

.sorting a.current_link {
color:#d31145;
}


/********************Portfolio One *****************************/

.portfolio_one{
margin-left:10px;
margin-top:20px;
}
				
.portfolio_one li	{
position:relative;
display:inline-block;
vertical-align:top
*float:left;
*padding:0 0 0 31px;
clear:both;
width:940px;
height:310px;
left:0;
right:0;
}
				
.portfolio_one li img{
padding:7px;
background:#fff;
width:520px;
height:260px;
border:1px solid #e0e0e0;
}				

.portfolio_one .item_thumb_p1 {
width:570px;
height:290px;
float:left;
}
				
.portfolio_one .item_content_p1 {
width:350px;
float:left;
margin-top:10px;
margin-bottom:30px;
}



.portfolio_one .item_content_p1 a{
text-decoration:none;
}

			
.portfolio_one .item_content_p1 span {
  clear: right;
  float: left;
  font-style: italic;
  margin-top: 10px;
}	

.portfolio_one .item_content_p1 p {
  float: left;
  margin-top: 15px;
}
			
.item_content_p1>.btn{
margin-top:20px;
}
/************************ Portfolio Four coloum************************/

.portfolio-grid	{
overflow:hidden;
margin-top:25px;
width:960px;
}

.portfolio-grid li{
position:relative;
display:inline-block;
vertical-align:top
*float:left;
*padding:0 0 0 31px;
height:300px;
}
				
.portfolio-grid li img{
padding:7px;
background:#fff;
border:1px solid #e0e0e0;
}				

.portfolio-grid .item_thumb {
width:250px;
height:160px;
float:none;
}

.portfolio-grid .item_content {
width:250px;
float:none;
}
			
.item_content {
margin-top:5px;
}
	
.item_content p{
width:220px;
padding-left:5px;
}				
					
.item_content h5{
font-size:12px;
color:#949494;
line-height:22px;
padding-left:5px;
}
/*******************Contact Page styling ***************************/

#side_content{width:300px;float:right;margin-top:35px;height:auto;margin-bottom:80px;}
#side_content p{font-size:11px;color#717171;}

.post_area{width:600px;float:left;margin-top:20px;}

/*********************************************Shortcodes Styling ******************************************/

/***********Contact form Shortcodes**************/

#contact_form_holder{float:left;width:580px;}
#contact_form {margin: 25px 0 0px 20px;}
#contact_form p{float:left;}

#contact_form label {
float: left;
display: block;
text-transform: uppercase;
font-size:10px;
width: 100px;
position: relative;
top: 3px;
}

#contact_form input {
width: 220px;
padding:5px;
float:left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #fbfbfb;
border: 1px solid #ddd;
margin-top:6px;
}

#contact_form textarea {
padding:5px;
float:left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #fbfbfb;
border: 1px solid #ddd;
overflow:auto;
}
#contact_form input:focus,#contact_form input:hover, #contact_form textarea:focus,#contact_form textarea:hover{
background: #f3f3f3;}

#contact_form textarea {
height:130px;
width: 280px;
float:right;
margin-right:-20px;
position:relative;
}

#contact_form .error, #contact_form .success {
display: none;
font-style: italic;
padding-left: 22px;
float: left;
margin-left: 10px;
margin-top: 20px;
}

#contact_form .error {background:url(images/error.png) no-repeat 0 center;color: #a00;}
#contact_form .success {background:url(images/success.png) no-repeat 0 center;color:#467;}\


.post_area{
float:left;
width:600px;
margin-bottom:60px;
margin-top:20px;
}

#contact_form  #email_error,
#contact_form  #name_error,
#contact_form  #subject_error
{
position:relative;
float:left;
padding:0;margin-top:-50px;
background:transparent;
margin-left:70px;
}

#contact_form  #message_error {
padding:0;
background:transparent;
float:right;
position:relative;
left:-85px;
}

#contact_form input#send_message {
width:113px !important;
height:33px;
margin-top: 15px;
position: relative;
cursor:pointer;
cursor:hand;
background:#353535;
border: 1px solid #ddd;
color:#fff;
padding:0;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

#contact_form #message_error {
  background: none repeat scroll 0 0 transparent;
  float: right;
  left: -75px;
  padding: 0;
  position: relative;
  margin-top:4px;
}

#cf_submit_p{
float:left;
margin-left:10px;
margin-top:10px;
}
 
.message_label{
margin-bottom:10px;
}

/*****************Alerts messages************************/

.alert_success, .alert_error, .alert_warning, .alert_info {
    border-radius: 3px;
   -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 15px 0;
    padding: 10px 20px 10px 30px;
}
.alert_success {
    background: url(images/success.png) no-repeat scroll 8px center #E5FFCC;
    border: 1px solid #BBDD99;
    color: #557733;
}

.alert_warning {
    background: url(images/warning.png) no-repeat scroll 8px center #FFFFDD;
    border: 1px solid #DDDDCC;
    color: #666644;
}

.alert_info {
    background: url(images/info.png) no-repeat scroll 8px center #E5EFFF;
    border: 1px solid #BBDDEE;
    color: #446677;
}

.alert_error {
    background: url(images/error.png) no-repeat scroll 8px center #FFCCCC;
    border: 1px solid #DDAAAA;
    color: #774444;
}


/*******************Google Map Shortcode *************************/

.content{
width:560px;
float:left;
margin-top:20px;
}


#map{
float:left;
overflow:hidden;
position:relative;
margin-left:20px;
margin-top:10px;
margin-bottom:20px;
border:1px solid #ddd;
z-index:888;
background:#fff url(images/loading.gif) 50% 50% no-repeat;
padding:7px;
}

#map_canvas{
overflow:hidden;
position:absolute;
z-index:888;
}

.shadow{
position:relative;
background:url(images/shadow.png) no-repeat;
width:591px;
height:40px;
top:218px;
left:28px;
z-index:777;
}


/********************Bullets Shortcode ***********************/

.bullet_check ul li { background: url(images/bullets/bullet-check.png) no-repeat; padding-left:20px;padding-bottom:0;}
.bullet_arrow ul  li{ background: url(images/bullets/bullet-arrow.png) no-repeat;padding-left:20px;padding-bottom:0;}
.bullet_arrow2 ul  li { background: url(images/bullets/bullet-arrow2.png) no-repeat; padding-left:20px;}

.bullet_check ul li{padding-bottom:0;border-bottom:0;margin-bottom:4px;}
.bullet_arrow ul  li{ padding-bottom:0;border-bottom:0; margin-bottom:4px;}
.bullet_arrow2 ul  li {padding-bottom:0;border-bottom:0;margin-bottom:4px;}

/****************** Project carusol shortcode **********************************/

#carusol{
height:340px;
}

.recent_post {
position : relative;
height:140px;
}

.recent_post img {
padding : 8px;
background : #fff;
border : 1px solid #ececec;
}

.bx-window ul li span {
position : absolute;
}

.bx-wrapper {
margin-left : 30px;
margin-right : 30px;
}
.bx-window ul li span {
float : right;
position : absolute;
z-index : 100000000;
}

li.carusol_block {
width : 220px;
height:260px;
}

.carusol_block p {
width : 180px;
padding-top : 6px;
margin-left:5px;
font-size: 11px;
line-height:18px;
}
.carusol_block h6 {
padding-left : 5px;
padding-top : 10px;
text-transform : uppercase;
}
ul.carusol_block{
margin-left : 18px;
}

.bx-prev {
float : left;
background : url(images/leftarrow.gif) no-repeat;
width : 32px;
height : 32px;
position : absolute;
top : 50px;
left : -30px;
text-indent : -9999px;
border : none;
}
.bx-next {
float : right;
background : url(images/right-arrrow.gif) no-repeat;
width : 32px;
height : 32px;
position : absolute;
text-indent : -9999px;
top : 48px;
left : 878px;
border : none;
}
/**********************W-slider tabs shortocode *********************/

#w_slides-wrap {
float : left;
left : 31px;
}

#w_slides{
float : left;
}

#w_slides h2 {
margin-top:5px;
}

#wslider {
float : left;
width : 940px;
}

/* w-slider -navigation */

#navigation {
float : left;
}

#navigation ul {
margin-left : 60px;
}
#navigation ul li {
width : 228px;
display : block;
border-bottom : 1px solid #ddd;
border-top : 1px solid #fff;
background : url(images/li-arrow.gif) left center no-repeat;
z-index : 9;
}

#navigation ul li:first-child{
border-top:1px solid #ddd;
}

#navigation ul li a {
color : #373737;
line-height : 35px;
font-size : 12px;
text-decoration : none;
padding-left : 12px;
height : 35px;
display : block;
z-index : 9;
}

.wactive {
background : url(images/wbg.png) no-repeat;
z-index : 8;
}

/********************** Tabs shortocode **********************/
.ui-tabs-panel { display: block; }
.ui-tabs-hide { display: none !important; }


.ui-tabs  ul{
float:left;
background:url(images/tabbg.png) repeat-x ;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
height:39px;
border-left:1px solid #ddd;
} 
.wordpress-post-tabs ul.ui-tabs-nav  li{
float:left;
display:inline;
width:auto;
height:30px;
text-align:center;
border-right:1px solid #ddd;
border-left:1px solid #fff;
padding-top:10px;
margin-bottom:0;
padding-bottom:0;
border-bottom:0;
}


.ui-tabs  ul li.ui-state-active{
background:url(images/tab-hover.png) repeat-x;
width:auto;
height:30px;
}

.ui-tabs   ul li a{ 
color:#666;
font-size:12px;
text-decoration:none;
padding:0 5px;
}

.ui-tabs-panel{
border:1px solid #ddd;
float:left;
clear:left;
}

.ui-tabs-panel p{
padding:14px;
}
/********************** Toggles Shortcode *************************/

.toggles{
clear:both;
margin-top:20px;
}

.toggles a{
float:left;
width:530px;
border:1px solid #ddd;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:7px 7px 7px 23px;
margin-top:20px;
text-decoration:none;
color:#353535;

}

.toggles  p{
clear:both;
}

.toggle_trigger {
background:url(images/arrow-right.png) no-repeat 3px 50%;
}

.toggle_active{
background:url(images/arrow.png) no-repeat 3px 50%;
}

.toggle_container{
width:570px;
float:left;
}


/***************************Blockquote Shortcode**********************/

blockquote.alignleft {
    background: url(images/quote.png) no-repeat scroll 0 0 transparent;
    font-size:13px;
    font-style: italic;
    padding-left:40px;
	width:41%;
}

 blockquote.alignright {
    background: url(images/quote.png) no-repeat scroll 0 0 transparent;
    font-size:13px;
    font-style: italic;
    padding-left:40px;
	width:41%;
}

blockquote {
    background: url(images/quote.png) no-repeat scroll 0 0 transparent;
    font-size:13px;
    font-style: italic;
    padding-left:40px;
	width:100%;
}


/**********************Testimonial shortocode **********************/

#testimonial>.bx-wrapper{
margin-left:20px;
}

#testimonial{
float:left;
width:480px;
}

#testimonial .seprator{
margin-bottom:20px;
}

.testimonials{
background : url(images/testimonial.png) no-repeat;
width : 470px;
float : left;
position : relative;
height:115px;
}

#testimonial ul li {
height : 160px;
}
#testimonial ul li span {
margin-top : 35px;
margin-left : 300px;
width : 130px;
}
#testimonial ul li span a {
color : #d31145;
}
#testimonial ul li p {
width : 420px;
padding-top : 20px;
font-style:italic;
margin-left:20px;
}


/*********************** Roundabout Shortcode***********************/
#clients-wrap{
float:right;
top:20px;
}

#clients-wrap span{
width:100%;
}

#clients-menu{
float:right;
clear:both;
position:relative;
z-index:999;
right:15%;
top:-25px;
}

#clients-menu a{
float:left;
width:10px;
height:10px;
margin-right:10px;
background:#ddd;
text-indent:-99999px;
}

#clients-menu a:hover{
width:8px;
height:8px;
background:#353535;
border:1px solid #ddd;
}

#roundabout {
height : 255px;
float : right;
}
#featured  ul{
top:10px;
}

#filler {
position : relative;
top :100px;
z-index : 9999;
text-align : center;
height : 30px;
margin-left : 20px;
display:block;
}

.rounaboutsep {
background : url(images/roundabout_seprator.png) no-repeat;
width : 170px;
height : 30px;
margin-left : 29%;
margin-top:32px;
}

#roundabout_controls {
  left: 94px;
  position: relative;
  top: -30px;
  width: 200px;
}
#next {
position:absolute;
left:0;
top:0;
background : url(images/roundabout-left.gif) no-repeat;
height : 14px;
}
#previous {
right:2px;
top:1px;
background : url(images/roundabout-right.gif) no-repeat;
height : 14px;
margin-top : -1px;
position:absolute;

}
#roundabout_controls a {
width : 7px;
}

.roundabout-holder {
list-style : none;
width : 255px;
height : 50px;
margin : 0 auto;
margin-top : 34px;
}
.roundabout-moveable-item {
font-size : 12px !important ;
width:148px;
height:99px;
cursor : pointer;
padding:7px ;
border : 1px solid #ddd;
background : #fff;
}
.roundabout-moveable-item img {
height : 100%;
width : 100%;
background-color : #ffffff;
margin : 0;

}
.roundabout-in-focus {
cursor : auto;
float:left;

}
.roundabout-in-focus:hover {
background : #fff;
}

/**********************Button shortcodes **************************/
/*** dark button ***/

.darkbutton {float:left; margin-right:12px;}

.darkbutton a { 
  border:0; 
  cursor:pointer; 
  padding:0 20px 0 0; 
  text-align:center; 
 text-decoration:none;
  }
.darkbutton a span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

a.darkbtn {
  background:url(images/right-button.png) right no-repeat; 
  float:left;
  font-size:12px;
}
a.darkbtn span { 
  height:50px; 
  line-height:50px;
  background:url(images/left-button.png) left no-repeat;
  color:#fff; 
}

a.darkbtn:hover { 
  background:url(images/right-button-hover.png) right no-repeat; 
  float:left;
  font-size:12px;
}


a.darkbtn:hover span{ 
  height:50px; 
  line-height:50px;
  background:url(images/left-button-hover.png) left no-repeat;
  color:#fff; 
}


/*** light button ****/

.lightbutton a { 
  border:0; 
  cursor:pointer; 
  padding:0 20px 0 0; 
  text-align:center; 
 text-decoration:none;
  }
.lightbutton a span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

a.lightbtn { 
  background:url(images/light-right.png) right no-repeat; 
  float:left;
  font-size:12px;
}
a.lightbtn span { 
  height:50px; 
  line-height:50px;
  background:url(images/light-left.png) left no-repeat;
  color:#777; 
}

a.lightbtn:hover { 
  background:url(images/light-right-hover.png) right no-repeat; 
  float:left;
  font-size:12px;
}

a.lightbtn:hover span{ 
  height:50px; 
  line-height:50px;
  background:url(images/light-left-hover.png) left no-repeat;
  color:#777; 
}


/****************** Number Drop cap *******************************/

.num{
float:left;
margin-right:5%;
background:#eee;
width:50px;
height:45px;
text-align:center;
}

.num:hover{
background:#353535;
color:#f2f2f2;
cursor:pointer;
}
.num p{
font-size:24px;
}

/********************rounded drop cap *****************************/

.block span{
float:left;
font-size:14px;
border:1px solid #ddd;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
padding:8px;
background:#dfdfdf;
}

.block span:hover{
background:#353535;
color:#fff;
cursor:pointer;
}

.block {
float:left;
margin-top:10px;
width:150px;
height:30px;
margin-bottom:34px;

}

.block p{
float:left;
padding:0;
margin-left:10px;
margin-top:10px;
}
/**********************Divider shortcode *****************************/

.dividerb{
height:5px;
display: block; 
width: 100%;
}


.dividerbr{
float:left;
width:100%;
height:1px; 
background:#ddd;
}


/******************************Icon Shortcode**************************/

.icons {
float:left;
margin-right:7px;
}
.icons img{
margin:0;
padding:0;
}

/***************************Toll Tip shortcode**************************/

#tolltip p{
margin-top:10px;
margin-bottom:10px;
}


#tolltip{
margin-top:20px;
}

#tolltip a{
text-decoration:none;
color:#008DB5;
}
/*****************************Drop Cap shortcode**************************/

span.dropcap {
    float: left;
    font-size: 36px;
    line-height: 36px;
    margin-right: 10px;
}
/******************************Sidebar Styling*****************************/

#sidebar_tabs {margin-left:-28px;}
#sidebar_tabs ul {float:left;background:url(images/tabbg.png) repeat-x ;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:39px;}
#sidebar_tabs ul li{float:left;display:inline;width:70px;height:30px;text-align:center;border-right:1px solid #ddd;border-left:1px solid #fff;padding-top:10px;}
#sidebar_tabs ul li.active{background:url(images/tab-hover.png) repeat-x;width:70px;height:30px;}
#sidebar_tabs ul li a{ color:#666;font-size:12px;text-decoration:none;}


/***************************Sidebar_widget Styling*********************************/

#sidebar #sidecontent .sidebar_widget{float:left;margin-bottom:25px;padding-left:10px;display:block;}
/*.sidebar_widget>.textwidget p{font-size:11px;color:#666;padding-top:4px;height:107px;}*/
.sidebar_widget>.textwidget p{font-size:11px;color:#666;padding-top:4px;width:263px;}
#side_content .sidebar_widget {float:left;margin-left:14px;margin-bottom:40px;}
#side_content .sidebar_widget h4{font-size:18px;margin-bottom:10px;}
#side_content .sidebar_widget ul li p{color:#717171;}
#side_content .sidebar_widget ul li span{color:#343434;}
#sidecontent.sidebar_widget{margin-bottom:30px;float:left;}
#side_content.sidebar_widget>.textwidget p{width:auto;}
/*******************Newsletter Widgets styling *************************/

#newsletter {float:left;}
#newsletter .subscribe {
  background: none repeat scroll 0 0 #F9F9F9;
  border: 1px solid #DDDDDD;
  color: #999999;
  float: left;
  font-size: 11px;
  height: 30px;
  margin-left: 0;
  margin-top: 20px;
  padding-left: 10px;
  padding-top: 0;
  width: 80%;
}
#newsletter p{font-size:11px;color:#666;width:216px;padding-top:7px;}
#newsletter input{border:none;background:#454545;height:32px;color:#fff;position:relative;float:right;margin-top:-33px;margin-right:0px;}
.newsletter_text {clear: both;padding-top:15px;}
.link-news-rss {background: url(images/icon_news_rss.gif) no-repeat scroll 0 0 transparent;color: #676767;font-family: Arial,Helvetica,sans-serif;padding-top:2px;}
.link-news-rss span {color:#d31145;}


/**************************** Contact Widget ******************************/

.foothead span.c_contanct{
background: url(images/contact.png) no-repeat left;
 padding-left:23px;
 }
.address img {float : left;width : 130px;height : 80px;margin-top:5px;}
#footer #address ul {float : left;color : #f1f1f1;margin-left : 17px;margin-top :0;line-height : 12px;}
.address ul li {line-height:20px;margin-top :2px;font-size : 11px;width:220px; float:left; margin-left:10px;}
.address ul li span{float:left;width:60px; color:#f2f2f2; text-align:right;margin-right:10px;}


/**** For sidebar****/.
#sidecontent .contact{width:89%;float:left;margin-bottom:30px;}
#sidecontent .contact h4{font-size:18px;margin-bottom:10px;}
#sidecontent .contact ul li span{color:#343434;}
#sidecontent .address{float:left;margin-left:10px;margin-top:10px;}
#sidecontent .address span{font-size:12px;color:#343434;overflow:hidden;}
#sidecontent .address img {clear: both;display:none;}
.sidebar_widget .address img ,#side_content #address img {clear: both;display:none;}


/****For contact sidebar****/

#side_content.contact_widget{width:100%;}
#side_content p{font-size:11px;}
#side_content .footer_list {background:none; margin-top:15px; margin-bottom:15px;}
#side_content .foothead h4 {background: transparent;font-size:21px;line-height:24px;}
#side_content .foothead .icons img{margin-top:5px;margin-left:-4px;}
#side_content .foothead p{width:295px;margin-top:10px;}
#side_content .address{float:left;margin-left:10px;margin-top:10px;}
#side_content .address span{font-size:12px;color:#343434;overflow:hidden;}
#side_content .address img {clear: both;display:none;}
              .

/*****************************Sidebar tabs  *****************************/


.tab_container{float:left; width:250px;}
.tab_container  ul{
margin-top:20px;
width:100%;
float:left;
}

.tab_container >.tab_content >ul li h6{
top:7px;
color:#222;
position:relative;
left:10px;
}

.tab_container   ul li {
width:230px;
height:68px;
border-bottom:1px solid #ddd;
margin-bottom:11px;
}

.tab_container   ul li p{
float:left;
margin-left:10px;
margin-top:7px;
font-size:10px;
color:#999;
}

.tab_container ul li img{
float:left;
padding:5px;
background:#fff;
border:1px solid #ddd;
width:50px;
height:45px;
}

.tab_container  ul li img:hover{
border:1px solid #afafaf;
}


/**************** Sidebar tags***********************/

.tags_tab a{float:left;border: 1px solid #EDEDED;border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-webkit-border-radius: 2px 2px 2px 2px;color: #999999;display: inline-table;font-weight: normal;margin: 2px;padding: 4px 10px;
text-decoration: none;background:#fbfafc;}
.tags_tab{margin-top:20px;float:left;}
.tags_tab a:hover{background:#fff;}

/***************** Twitter widget styling ************************/

#twitter_update_list li{margin-bottom:10px;clear:both;}
#twitter_update_list{width:260px;}
#footer #twitter_update_list  span a{color:#d31145;margin-right:4px;float:none;width:auto;clear:both;}
#twitter_update_list span{color:#E8E8E8;}

/* Page sidebar */
#sidecontent #twitter_update_list{width:250px;}
#sidecontent #twitter_update_list{margin-top:10px;}
#sidecontent  #twitter_update_list span{color:#666;}

/*contact page sidebar */
#side_content #twitter_update_list{width:250px;}
#side_content #twitter_update_list{margin-top:10px;}
#side_content  #twitter_update_list span{color:#999;}
#side_content  #twitter_update_list span{color:#999;}

/** For footer styling **/

.foothead span.twitter{
background:url(images/tweet.png) no-repeat left;
padding-left:27px;
margin-left:-10px;
}

/********************* Blog Link widget *************************/
#side_content .blogroll a{color:#777;}
#sidecontent .blogroll a{color:#666;}
#side_content .blogroll ul {margin-top:7px;}
#sidecontent .blogroll ul {margin-top:7px;}

/*****bloglink***/
.foothead span.bloglink{
background:url(images/bloglink.png) no-repeat left;
padding-left:25px;
margin-left:-7px;
}


/*********************************Services Page ************************************/


#tab-menu {
float:left;
width: 200px;
margin:20px 20px 0 20px;
list-style:none;
font-size:12px;
}

#tab-menu h3{
border-bottom:1px solid #ddd;
margin-bottom:14px;
margin-left:10px;
padding-bottom:7px;
margin-top:20px;
}

#tab-menu li {
cursor: pointer;
margin-left:20px;
color: #888;
border-bottom:1px solid #ddd;
color:#888;
}
#tab-menu li  a{
color:#888;
text-decoration:none;
display:block;
padding:5px;
}

#tab-menu li img{
width:18px;
height:18px;
padding-top:3px;
}
#tab-menu li  a{
background:url(images/li-arrow.gif) no-repeat left center;
padding-left:10px;
}

#tab-menu ul li img {
vertical-align: middle;
padding-right: 10px;
}

.tab-content {
	width: 650px;
	float:left;
	height:auto;
	padding: 20px 20px 50px 20px;

}

.tab-content div.tab {
	display:none;
	z-index:9999;
	position:relative;
	float:left;

}
.tab-content div.tab h4{
z-index:777;
}

.tab-content div.tab.show {
	display:block;
}

.tab-content div.tab p {
	width:650px;
	padding: 0;
	margin:10px 0 20px 0;
}

.tab-content div.tab div p {
	width:100%;
}


/**********************z*Sidebar ads Widget *************************/

#sidebar_ads {
border-top: 1px solid #DDDDDD;
float: left;
margin-left:-22px;
margin-top: 20px;
padding-left:10px;
position: relative;
width: 280px;
}
#sidebar_ads  ul{
float:left;
margin-top:20px;
}

#sidebar_ads ul li  {
float:left;
display:inline;
margin:0;
}

/***********************Footer styling *****************************/

#footer {
background:#292929;
margin-right: auto;
width: 100%;
float:left;
overflow:hidden;
}

#footer a {text-decoration : none;color:#999;}
#footer a:hover{color:#f1f1f1;}
#footer p{color:#C7C7C7; font-family:Helvetica, Arial, sans-serif;}
/**************Footer heading *********************/

.foothead {
margin-bottom :10px;
}

.foothead h4 {
color : #fffefe;
font-size : 14px;
margin-top : -1px;
}


/************** Footer Coloumn **********************************/

.footer_one{
width:140px;
color : #999999;
font-size : 11px;
margin-left :26px;
float:left;
}

.footer_mid {
float : left;
margin-bottom:30px;
background:url(images/libg.png) repeat-y right;
margin-top:30px;
width:300px;
margin-left:20px;
min-height:150px;
}

.footer_wide{
float : left;
margin-bottom:30px;
background:transparent;
margin-top:30px;
width:430px;
margin-left:20px;
}

.footer_list {
float : left;
margin-bottom:30px;
background:url(images/libg.png) repeat-y right;
margin-top:30px;
width:150px;
margin-left:20px;
}


/************ footer end :- Copywrite Text , social icons **************************/

.endfoot{background:#333334;float:left;width:100%;height:40px;}
.endfoot ul {margin-top:10px;}
#copywrite {float : left;margin-top:8px;margin-left:25px;}
.social_footer {float : right;margin-right:50px;}
.social_footer p {float : left;}
.social_footer  ul li {display : inline;margin-left : 5px;}
.social_footer  ul li img {width : 50px;height : 15px;}