/*  
Theme Name: SSG Stylo
Theme URI: http://www.smartsourcingglobal.com/
Description: SSG Stylo by smartsourcingglobal.com
Version: 1.0
Author: Purab Kharat
Author URI: http://www.smartsourcingglobal.com/
*/


/* 
@charset "utf-8";
Global styles
*/

*{outline:none;}
h1,h2,h3,h4,ol,ul,li,form,p,fieldset{padding:0; margin:0;}
fieldset{border:none;}
img{border:none;}
input.graybor, textarea.graybor{border:1px solid #e2e0e3;}
input{font:12px Arial, Helvetica, sans-serif;}

/* this css tags intrued for WP image alignment issue - */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

blockquote {
background:transparent url(images/blockquote.gif) no-repeat scroll 0 0;
color:#666666;
margin:5px 0 10px;
padding:0 50px;
}
.post p{padding-top:10px; line-height:16px;}
.post .wp-caption{padding:10px 10px 10px 455px; position:absolute;}
.post .wp-caption img.size-thumbnail{border:5px solid #fff;}
.post .wp-caption .wp-caption-text{text-align:center; color:#606e78; font:700 14px Verdana, Geneva, sans-serif;}
.post p.graybackground{padding:10px 180px 10px 10px; margin-bottom:10px; line-height:16px; background-color:#E8E8E8; min-height:185px; text-align:justify;}
.post ul{padding:5px;}
.post ul li{list-style:disc;margin-left:18px;}
/*.commentlist{border:#E2E0E3 3px solid;}*/
.post .widget{width:100%}
.post .widget h3{width:98%}
/*.graybackground{background-color:#E8E8E8;margin-bottom:5px;padding:4px; }*/
/* this css tags intrued for WP image alignment issue and blockquote tag - */

body{
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#888888;
	padding:0px;
	margin:0px;
	font-style:normal;
	direction:ltr;
	padding-bottom:15px;
}
li{list-style-type:none;}
div.both{clear:both; float:left;}
h4{font-size:16px;}
.stylo-sprite{
	background-image:url(images/stylo-sprite.gif);
	background-repeat:no-repeat;
}
h3 a{text-decoration:none;}
.main{
	width:961px;
	margin:0 auto;
	padding-top:15px;
}
.body-bot-bg{
	width:961px;
	background-image: url(images/main_cont_bg_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom:15px;
	height:20px;
}
/* == header starts == */
.header{
    clear:both;
	float:left;
	width:961px;
}
.header-round-image{
    background-image:url(images/main_cont_bg_top.gif);
	background-repeat:no-repeat;
    height:20px;
    width:961px;
}

/* == header ends == */

.logo-caption{width:961px;}
.logo{
	float:left;
	width:168px;
	height:107px;
    /*border:1px solid #f00*/
    position:absolute;
}
.logo a, .logo a:link, .logo a:hover{text-decoration:none; display:block; width:168px; height:128px;}

.search-navigation{
	width:961px;
	float:left;
    padding-top:10px;
    background-color: #fff;
}
.main_caption_search{
	float:left;
	width:790px;
    padding-left:155px;
}
.main_caption{
	float:left;
	padding:36px 0 3px 10px;
	font: normal 18px 'Gill Sans MT', Arial, Helvetica, sans-serif;
}

/* == search starts == */
.search_container{
	float:right;
	width:362px;
	padding-top: 5px;
}

div.search_field{
	float:left;
	width:358px;
}
input.search_field{
	width:290px;
	padding:1px;
	border:1px solid #acacac;
	height: 19px;
	float: left;
	margin-right: 5px;
}
.search_btn{background-image:url(images/search_btn.jpg); background-repeat:no-repeat; background-position:right; cursor:pointer;}
div.search_btn{
	float:left;
	width:62px;
	height:22px;
	padding-left:1px;
}
/* == search ends == */

/* == navbar starts == */
#navbar{
	float:left;
	width:958px;
	height:39px;
	background-image:url(images/main_nav_bg.jpg);
	background-repeat:repeat-x;
	font-size:16px;
	font-weight:bold;
    background-color:#fff;
	padding-right:3px;
}
#navbar ul li{
	float: left;
	line-height: 39px;
	margin: 0 -2px 0 0;
}

#navbar ul li a{
	color: #3f3f3f;
	display: block;
	float: left;
	text-decoration: none;
	margin-left:1px;
	padding-left:12px;
	padding-right:12px;
	/*border-right:1px #d4d4d4 solid;*/
	border-left:1px #d4d4d4 solid;
    font-weight:700;
}



#navbar ul li.current_page_item a{
	margin-right: 0px;
    background-image:url(images/selected.jpg);
	/*border-right:1px #d4d4d4 solid;*/
	border-left:1px #d4d4d4 solid;
}

#navbar ul li a, #navbar ul li a:link{
    color: #3f3f3f;
}
#navbar ul li a:hover{
	color: #3f3f3f;
	background-image:url(images/selected.jpg);
}

/* == navbar ends == */


/* == sub_navbar starts == */
#sub_navbar{
	padding-bottom:10px;
	width:656px;
}
#sub_navbar ul li{
	float:left;
	padding:5px 0;
	
}
#sub_navbar ul li a{ text-decoration:none; outline:none; font-weight:700; color:#333; padding:5px 8px;}


#sub_navbar ul li.current_page_item, #sub_navbar ul li.current_page_item:link, #sub_navbar ul li.current_page_item:hover{
	background-color:#efe3bd;
	color:#37382f;
	border:1px solid #e2e2e0;
}

#sub_navbar ul li, #sub_navbar ul li:link{
	background-color:#e7e3e7;
	margin-left:2px;
	border:1px solid #e2e2e0;
}
#sub_navbar ul li:hover{
	background-color:#efe3bd;
	color:#37382f;
	border:1px solid #e2e2e0;
}

/* == sub_navbar ends == */

/* home body starts == */
.content_body_home{
	float:left;
	width:930px;
	background-color:#ffffff;
	padding:17px 13px 0 18px;
}
.content_body_home2{
	float:left;
	width:930px;
	background-color:#ffffff;
	padding:17px 13px 0 18px;
}
.video{
	float:left;
	width:422px;
	height:357px;
	border:5px solid #e2e0e3;
	
}
/* made changes for home pagevideo section */
div.heading_top{width:388px; padding:5px 0 0 17px;}
div.heading_top_carousel{width:348px; padding:5px 0 9px 0;}
.stylo-carousel-content{width:348px;}
div.heading_top, div.heading_top_carousel{
	font:700 16px Verdana, Geneva, sans-serif;
	color:#606e78;
}

div.video_embed{float:left; width:100%; text-align:center;}
span.video_embed{
	float:left;
	width:399px;
	height:314px;
	margin-left:9px;
	display:inline-block;
	border:1px solid #f3f1f1;
}
.carousel_home{
	float:left;
	width:459px;
	height:357px;
	border:5px solid #e2e0e3;
	margin-right: 22px;
}
div.carousel, span.carousel{
	float:left;
	width:361px;
	background-image:url(images/silhouette-in-the-sunset.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	display:inline-block;
	text-align:left;
}
/*div.carousel{height:201px;}*/
.left_scroll{
	float:left;
	width:27px;
	height:27px;
	padding:128px 12px 0 12px;
}
.right_scroll{
	float:left;
	width:27px;
	height:27px;
	padding-top:128px;
	padding-left:10px;
}
.carousel_wrapper{float:left; width:361px;}
.content_corousel{
	float:left;
	width:361px;
	padding: 3px 0;
}
.sub_sections_home_wrap{
	float:left;
	width:100%;
	padding-top:24px;
}
.sub_section_home1,.sub_section_home2,.sub_section_home3{
	float:left;
	width:298px;
	background-image:url(images/sub_nav_bar_middle_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	min-height:41px;
	height:auto;
	background-color:#e8e8e8;    
}
.sub_section_home2,.sub_section_home3{margin-left:15px;}
.sub_heading{
	width:298px;
}
span.sub_title{
	float:left;
	font: bold 16px Verdana, Geneva, sans-serif;
	color:#606e78;
	line-height:41px;
	width:280px;
	padding-left:15px;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
}
span.sub_hdg_left_bg{float:left; width:9px; height:41px; background-image:url(images/sub_nav_bar_left_bg.jpg); background-repeat:no-repeat; background-position:left;}
span.sub_hdg_right_bg{float:right; width:9px; height:41px; background-image:url(images/sub_nav_bar_right_bg.jpg); background-repeat:no-repeat;}
.sub_content{
	float:left;
	width:266px;
	padding:15px 15px;
	text-align:justify;
	border:1px solid #dadfe2;
	border-top:none;
}
.sub_content p{padding-bottom:10px;}
.sub_content ul li{
    background-image:url(images/bullet.jpg);
    background-position:5px 4px;
    background-repeat:no-repeat;
    list-style-type:none;
    padding:0 0 3px 20px;
}

div.bullet{float:left; width:80%;}
.left_bullets{float:left; width:40%; text-align:left;}
.right_bullets{float:left; width:60%; text-align:left;}
span.bullet{
	float:left;
	width:8px;
	height:15px;
	line-height:15px;
	padding-left:5px;
	background-image:url(images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:center;
	text-align: left;
}
.stylo-social-row{
	width:905px;
	background-color:#e8e8e8;
	margin-top: 10px;
	padding: 5px 10px;
}
.stylo-social-row h3{
	font-size:14px;
}
.join_wrap{
	float:left;
	width:340px;
	background-color:#e8e8e8;
}

.converse{
	float:left;
	width:120px;
	padding: 8px 20px 0 0;
	text-align: center;
}

.join_button{
	float:left;
	width:150px;
	height:131px;
	background-image:url(images/join_btn_middle_bg.jpg);
	background-repeat:repeat-x;
}
.join_btn_left_bg{
	float:left;
	width:9px;
	height:131px;
	background-image:url(images/join_btn_left_bg.jpg);
	background-repeat:no-repeat;
}
.join_btn_txt_content{
	float:left;
	width:132px;
	height:131px;
	font: normal 16px Verdana, Geneva, sans-serif;
	color:#606e78;
}
.join_btn_right_bg{
	float:left;
	width:9px;
	height:131px;
	background-image:url(images/join_btn_right_bg.jpg);
	background-repeat:no-repeat;
}
.social_network_logos{
	float:left;
	width:585px;
	border-left:none;
}
.youtube_logo,.twitter_logo,.linkedin_logo,.facebook_logo,.mobile_social_network_logo,.flickr_logo{
	float:left;
	width:58px;
	height:54px;
	cursor: pointer;
	padding-right: 4px;
}
.youtube_logo{
	background-position:-176px 0px;
}
.youtube_small_logo{
    background-position:-363px -126px;width:16px;height:16px;
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
}
.twitter_logo{
	background-position:-270px 0px;
}
.twitter_small_logo{
    background-position:-404px -126px;width:16px;height:16px;
    float:left;
    margin:0px;
    padding:0px;
}
.linkedin_logo{
	background-position:-363px 0px;
}
.linkedin_small_logo{
    background-position:-448px -126px;width:16px;height:16px;
    float:left;
    margin:0px;
    padding:0px;
}
.facebook_logo{
	background-position:-458px 0px;
}
.facebook_small_logo{
    background-position:-491px -126px;width:16px;height:16px;
    float:left;
    margin:0px;
    padding:0px;
}
.mobile_social_network_logo{
	background-position:-552px 0px;
}
.mobile_social_small_logo{
    background-position:-534px -126px;width:16px;height:16px;
    float:left;
    margin:0px;
    padding:0px;
}
.flickr_logo{
	background-position:-646px 0px;
}
.flickr_small_logo{
    background-position:-574px -126px;width:16px;height:16px;
    float:left;
    margin:0px;
    padding:0px;
}
.rss_icon{
	float:left;
	width:46px;
	height:46px;
	background-position:-178px -126px;
}
.rss_small_logo{
    background-position:-363px -126px;width:16px;height:16px;
    float:left;
    margin:0px;
    padding:0px;
}
.follow_me{
	float:left;
	width:120px;
	height:43px;
	background-position:-228px -126px;
	cursor: pointer;
}

.rss_section_home{
	float:right;
	width:180px;
	border-top:none;
	cursor: pointer;
}
span.sub_title_rss{
	float:left;
	font: bold 16px Verdana, Geneva, sans-serif;
	color:#606e78;
	line-height:41px;
	width:180px;
	padding-left:8px;
}

.subscribe_rss{
	float:left;
	width:120px;
	padding: 8px 0 0 10px;
}
.border_none{border:none}
.pointer{cursor:pointer;}

/* home body ends == */

/* === footer starts == */
.footer{
	float:left;
	width:926px;
	background-color:#e8e8e8;
	margin-top:10px;
	height:35px;
}
.footer_left_bg,.footer_right_bg{
	float:left;
	width:8px;
	height:35px;
}
.footer_left_bg{
	background-image:url(images/footer_left_bg.jpg);
	background-repeat:no-repeat;
}
.footer_right_bg{
	background-image:url(images/footer_right_bg.jpg);
	background-repeat:no-repeat;
}
.footer_content{
	float:left;
	width:886px;
	height:25px;
	padding: 10px 12px 0 12px;
}
.copy{
	float:left;
	width:auto;
	color:#454343;
}
.footer_links{
	float:right;
	width:auto;
	text-align:right;	
	color:#454343;
    width:500px;
}
.footer_links ul{
    margin:0;
    padding:0;
    float:right;
}
.footer_links li{
    margin:0;
    padding:0;
    float:left;
    display:inline-block;
}
.footer_links li a, .footer_links a:link{
	color:#454343;
	text-decoration:none;
}


.style-footer-links, .style-footer-links:link, .style-footer-links:hover{font:normal 12px Arial, Helvetica, sans-serif; color:#454343; text-decoration:none;}
/* == footer ends == */

/* --- about page starts -- */

.subnav_left{
	width:590px;
	text-align: center;
	padding: 0 0 15px 68px;
}

/* sub_navbar starts */
.sub_navbar{
	float:left;
	width:465px;
	height:39px;
	background-image:url(images/main_nav_bg.jpg);
	background-repeat:repeat-x;
	font-size:16px;
	letter-spacing:-1px;
	text-transform:uppercase;
	padding: 0 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.sub_navbar ul li{
	float: left;
	line-height: 39px;
	margin: 0 -2px 0 0
}
.sub_navbar ul li a.inactive span b, .sub_navbar ul li a.inactive:link span b{
	border-right:2px solid #ccc;
	padding-right:10px;
}
.sub_navbar ul li a.inactive:hover span b{
	border-right:none;
	padding-right:12px;
}

.sub_navbar ul li a span {
	float:left;
	display:block;
	padding:0px;
	font-weight:normal;
	background:url(images/selected.jpg) no-repeat left bottom;
	background-position:0% -40px;
}
.sub_navbar ul li a{
	color: #3f3f3f;
	display: block;
	float: left;
	padding: 0 0 0 8px;
	text-decoration: none
}
.sub_navbar ul li a span{
	display: block;
	float: left;
	height: 39px;
	padding: 0;
	/*margin-right:-1px;*/
}
.sub_navbar ul li a.active{
	margin-right: 0px;
}

.sub_navbar ul li a.active span b{
	padding-right: 10px;
}

/* === Slider === */

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 350px;
height: 357px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 1px; /*margin around each panel*/
width: 348px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 400px;
}

/* === Slider === */
.sub_navbar ul li a.active, a.active:link, a.active:hover{
	background-image:url(images/selected.jpg);
	background-position:left;
}
.sub_navbar ul li a.active span, a.active:link span, a.active:hover span{
	background-image:url(images/selected.jpg);
	background-position:right;
}

.sub_navbar ul li a:hover, .sub_navbar ul li a.inactive:hover, .sub_navbar ul li.active a{
	color: #3f3f3f;
	cursor: pointer;
	text-decoration: none;
	background-image:url(images/selected.jpg);
	background-repeat:no-repeat;
	display:inline-block;
}
.sub_navbar ul li.active a span, .sub_navbar ul li.current_page_item a span, .sub_navbar ul li a:hover span{
	background: url(images/selected.jpg) no-repeat right 50%;
}
/* sub_navbar ends */

/*
.sub_navbar{
	float:left;
	width:590px;
	height:41px;
}
.sub_navbar ul {
	margin:0;
	padding:0 10px 0 0;
	background-image:url(images/sub_nav_bar_middle_bg.jpg);
	background-repeat:repeat-x;
}
.sub_navbar li {
	display:inline;
	margin:0;
	padding:0;
}
.sub_navbar a {
	float:left;
	margin:0;
	text-decoration:none;
	height:39px;
	padding-top:3px;
	}
.sub_navbar a span {
	float:left;
	display:block;
	padding:7px 1px 2px 8px;
	border-right:2px solid #ccc;
	font-weight:normal;
	background:url("images/sub_menu_hover_bg_right.jpg") no-repeat left bottom;
	background-position:0% -42px;
	}
.sub_navbar a span b {border-right:2px solid #ccc; font-weight:normal; padding-right:10px;}	
.sub_navbar a:hover span b {border-right:none; font-weight:normal; padding-right:12px;}	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
/*.sub_navbar a span {float:none; color:#4b515d; font:normal 19px Verdana, Geneva, sans-serif; }*/
/* End IE5-Mac hack */
/*.sub_navbar a:hover span {color:#4b515d; font:normal 19px Verdana, Geneva, sans-serif;}
.sub_navbar a:hover {background:url("images/sub_menu_hover_bg_right.jpg") no-repeat right top;}
.sub_navbar a:hover span {background:url("images/sub_menu_hover_bg_left.jpg") no-repeat left top; margin-left:-4px; padding-left:14px;}
.sub_navbar a:hover{ margin-left:-4px; padding-left:2px;}

*/

span.sub_hdg_left_bg_about{float:left; width:9px; height:41px; background-image:url(images/sub_nav_bar_left_bg.jpg); background-repeat:no-repeat; background-position:left; padding-left:10px;}


.twitter_add{
	float:right;
	width:248px;
    padding: 1px 0 0 10px;
}
.grade{
	float:left;
	width:88px;
	height:31px;
	padding-top:7px;
	padding-left:11px;
	padding: 7px 20px 0 11px;
}
.follow_me{
	float:left;
	width:120px;
}
.left_body{
	float:left;
	width:656px;
	padding-right: 10px;
	padding-top: -5px;
}
.history{
	width:644px;
	border:5px solid #e2e0e3;
	/*padding:10px;*/
	margin-bottom:15px;
	clear:both; float:left;
}
.left_body .btn-arr{float:left; width:644px;}
.history .post{width:620px; clear:both; float:left; padding:10px;}
.history .post h2 a, .history .post h2 a:link, .history .post h2 a:hover{font:bold 17px Arial, Helvetica, sans-serif;}
.post a, a:link, .post p a, a:link, .post .date a, a:link{font-weight:normal; color: #606E78; text-decoration:none;}
.post a:hover, .post p a:hover, .post .date a:hover{font-weight:normal; color: #606E78; text-decoration:underline;}
.post h2 a, a:link,a:hover{font-weight:normal; color: #606E78; text-decoration:none;}
/*stbutton stico_default*/
/*.post p span .stico_default{border:1px solid #00f}*/


/* for twitter follow me */
.widget div {padding:10px;}
.widget .textwidget{padding:10px 0 0 0;}
.widget .textwidget .grade{padding:5px 10px 0 0;}
.widget .textwidget .twitter_add{padding:0 0 10px 0;}
.widget .textwidget .twitter_add .follow_me{padding:0 10px 0 0;}

/* for google add */
.widget .textwidget a img{margin:0 0 10px 0;}
/* for select in what we are talking about */
.widget select{margin:10px;}
.widget .textwidget form p{padding:10px 0;}
/* for subscribe */
.widget .textwidget h4, .widget .textwidget a, .widget .textwidget a:link, .widget .textwidget a:hover{padding:0 10px;}
/* for subscribe form */
.widget .textwidget form{border:none;}

span.company_heading{
	float:left;
	font: bold 16px Verdana, Geneva, sans-serif;
	color:#606e78;
}
.profile_container{
	width:632px;
	padding:14px 10px 14px 14px;
	background-color:#e8e8e8;
	border:1px solid #dadfe2;
	margin-bottom: 15px;
}
.intro_left{
	float:left;
	width:485px;
	text-align: justify;
}
.image_container{
	float:right;
	width:132px;
	padding-left:14px;
}
.thumb_image, .person-name{
	width:132px;
	text-align:center;
	color:#606e78;
	font:700 14px Verdana, Geneva, sans-serif;
}
.sidebar{
	float:left;
	width:260px;
}

/* wordpress widget sidebar */
.sidebar-widget-container{
	clear:both;
	float:right;
	width:260px;
	
}
.widget{
	background-color:#e8e8e8;
	width:258px;
	margin-bottom:10px;
	border: 1px solid #dce1e3;
	border-top:none;
	clear:both;
	float:left;
}
.widget a, a:link{
    color:#606e78;
    text-decoration:none;
}
.widget a:hover{
    color:#606e78;
    text-decoration:underline;
}
.widget h3{
	font:bold 16px/16px Verdana, Geneva, sans-serif;
	color:#606e78;
	padding:12px 0 12px 10px;
	width:248px;
	background-image:url(images/sub_nav_bar_middle_bg.jpg);
	background-repeat:repeat-x;
}
.widget ul{
	padding:10px;

}
.widget ul li{
	list-style-type:none;
	background-image:url(images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:5px 4px;
	padding:0 0 3px 20px;
	margin-left:12px;
}


.widget p{padding:0 10px;}

/*
.widget{	
	background-color:#e8e8e8;
	width:258px;
	margin-top:10px;
	border: 1px solid #dce1e3;
	border-top:none;
	clear:both;
	float:left;
}
.widget h3{
	font:bold 16px/16px Verdana, Geneva, sans-serif;
	color:#606e78;
	padding:12px 0 12px 10px;
	width:248px;
	background-image:url(images/sub_nav_bar_middle_bg.jpg);
	background-repeat:repeat-x;
}
.widget ul#recentcomments{
	padding:10px;
	
}
.widget ul#recentcomments li.recentcomments{
	list-style-type:none;
	background-image:url(images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:5px 4px;
	padding:0 0 3px 20px;
	margin-left:12px;
}
.widget ul li a, a:link, a:hover, .widget ul#recentcomments li.recentcomments a.url, .widget ul#recentcomments li.recentcomments a.url:link, .widget ul#recentcomments li.recentcomments a.link:hover{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
}
.widget p{padding:0 10px;}
*/

/* wordpress widget sidebar ends */

/* Wordpress Comments section */
#comments, #comments #respond, #comments .col2pb {clear:both; float:left;}
#comments h3#comments-count, #comments #respond h3{padding:10px; width:634px; font:700 16px Arial, Helvetica, sans-serif}
.col1, .col2{clear:both; float:left; width:632px; border-left:1px solid #eee; border-right:1px solid #eee; background-color:#F5f5f5;}
.gravatar{float:left; width:48px; height:48px; padding-right:14px;} /* photo */
.col1 .gravatar img{border:2px solid #fff;}
.gravatar-details{float:left; width:566px;}
.col1{padding:10px; border-top:1px solid #eee;}
.col2{padding:0 10px 5px 10px; border-bottom:1px solid #eee;}
.col2 p{padding-bottom:5px;}
#comments .col2pb{padding-bottom:10px;}
#comments #respond{padding:10px 0; width:654px;}
#comments #respond h3{padding-left:0;}
.left_body .btn-arr a,.left_body .btn-arr a:link,.left_body .btn-arr a:hover{color:#606e78; text-decoration:none;}
.left_body .btn-arr a:hover{text-decoration:underline;}

/* Wordpress Comments section ends */

/* portfolio page */
.stylo-portfolio-tabs{width:654px;}
.stylo-portfolio-tabs ul li.current-cat,
.stylo-portfolio-tabs ul li.cat-item{
    list-style-type:none;
    float:left;
    margin-right:1px;
    height:25px;
    padding:10px 0;
}
.stylo-portfolio-tabs ul li.cat-item a,
.stylo-portfolio-tabs ul li.cat-item a:link,
.stylo-portfolio-tabs ul li.cat-item a:hover{
	font:700 14px Verdana, Geneva, sans-serif;
	text-decoration:none;
    padding:10px 14px 7px 14px;
    color:#82796f;
    background-color:#e6e68c;
	border-bottom:2px solid #e6e68c;
    
}

.stylo-portfolio-tabs ul li.current-cat a,
.stylo-portfolio-tabs ul li.current-cat a:link,
.stylo-portfolio-tabs ul li.current-cat a:hover,
.stylo-portfolio-tabs ul li.cat-item a:hover{
    font:700 14px Verdana, Geneva, sans-serif;
	text-decoration:none;
    padding:10px 14px 7px 14px;
    color:#fff;
    border-bottom:2px solid #7b7269;
	background-color:#c1bf7c;
}

.stylo-portfolio-bg{
	background-image:url(images/stylo-portfolio.gif);
	background-repeat:no-repeat;
	height:119px;
	width:650px;
	border:2px solid #ccc;
}

/* MooTools Easy Accordion */
#stylo-portfolio-accordion-block{clear:both; float:left; width:654px;}
h3.toggler a, h3.toggler a:link, h3.toggler a:hover {
	float:left;
	width:646px;;
	height:17px;
	background-repeat:repeat-x;
    color:#999;
	font:700 12px Verdana, Geneva, sans-serif;
	padding:6px 2px 2px 4px;
    cursor:pointer;
    text-decoration:none;
	background-image:url(images/stylo-portfolio-inactive-bg.gif);
    border:1px solid #cacaca;
    border-top:none;
	display:block;
}

h3.toggler a:hover {
	background-image:url(images/stylo-portfolio-active-bg.gif);
	border:1px solid #cacaca;
	border-top:none;
	color:#717664;
}
.stylo-acco-heading .active {
	/*background-color: #FFC;*/
    float:left;
	width:650px;
	border:1px solid #cacaca;
	border-top:none;
	background-image:url(images/stylo-portfolio-active-bg.gif);
	background-repeat:repeat-x;
    color:#717664;
	font:700 12px Verdana, Geneva, sans-serif;
	padding:6px 2px 2px 4px;
    text-decoration:none;
}
.stylo-accordion-contents{border:1px solid #cacaca; background-color:#FFF; border-top:none; width:632px; clear:both; float:left; overflow:hidden; padding:0 10px;}
.stylo-accordion-contents p{padding:10px 0; line-height:16px;}
.stylo-accordion-contents a, .stylo-accordion-contents a:link{
    color:#606E78;
    text-decoration:none;
}
.stylo-accordion-contents a:hover{
    text-decoration:underline;
}
/* MooTools Easy Accordion ends */

/* services main */
.stylo-services-header{
	background-image:url(images/stylo-services-header.gif);
	background-repeat:no-repeat;
	height:146px;
	width:650px;
	border:2px solid #ccc;
}
.stylo-services-tabs-container{
	width:652px;
	border:1px solid #dadfe2;
	background-color:#e8e8e8;
	margin-top: 10px;
	padding-top: 15px;
}
.stylo-services-tab{
	float:left;
	width:297px;
	padding: 0 0 15px 19px;
}
.stylo-services-tab-left, .stylo-services-tab-right{float:left; width:18px; height:65px; background-repeat:no-repeat;}
.stylo-services-tab-left{background-image:url(images/stylo-services-curve-left.gif);}
.stylo-services-tab-right{background-image:url(images/stylo-services-curve-right.gif);}
.stylo-services-tab-middle{
	float:left;
	width:251px;
	height:65px;
	background-image:url(images/stylo-services-curve-middle.gif);
	background-repeat:repeat-x;
	padding: 0 5px;
}
.stylo-services-tab-middle h4{
	font:700 15px Verdana, Geneva, sans-serif;
	color:#665f57;
	padding: 10px 0 6px 0;
}
.stylo-services-tab-middle h4 a, .stylo-services-tab-middle h4 a:link, .stylo-services-tab-middle h4 a:hover{
	text-decoration:none;
	color:#665f57;
    font:700 15px Verdana, Geneva, sans-serif;
}
 .stylo-services-tab-middle h4 a:hover{color:#ec8a2a;font:700 15px Verdana, Geneva, sans-serif;}

.stylo-services-tab-middle h6{font:400 12px Verdana, Geneva, sans-serif; color:#9b9b9b;margin:0px}
.stylo-services-description{
	width:634px;
	padding:0 10px 10px 10px;
}
.stylo-services-description p, .stylo-services-internal-contents p{
	line-height:18px;
	padding-top: 10px;
}
.stylo-services-title-tab{
	width:658px;
	margin-top: 10px;
}
.stylo-services-title-tab-bg{background-color:#e8e8e8;}
.stylo-services-internal-tab{width:658px;}
.stylo-services-tab-middle-internal{
	width:608px;
}
.stylo-services-internal-contents{
	width:622px;
	padding:5px 15px 15px 15px;
	border:1px solid #dadfe2;
	border-top:none;
	background-color:#e8e8e8;
}
.stylo-services-internal-tab .stylo-services-tab-middle-internal h6{text-align:right}
.stylo-services-internal-tab .stylo-services-tab-middle-internal h6 a,
.stylo-services-internal-tab .stylo-services-tab-middle-internal h6 a:link,
.stylo-services-internal-tab .stylo-services-tab-middle-internal h6 a:hover{
	text-decoration:underline;
	color:#9B9B9B;
	font:400 12px Verdana, Geneva, sans-serif;
}
.stylo-services-internal-tab .stylo-services-tab-middle-internal h6 a:hover{text-decoration:none;}

#featuredpink { background: #c27fb2; }

.navigation_carousel { background: #fff; float:right;

padding:0 20px 0 0; }

/* style-reference-container */
.stylo-ref-sprite{background-image:url(images/stylo-icons-sprite.jpg);}
.style-reference-container{
	width:896px;
	padding-left: 34px;
	background-color: #fff;
}
.stylo-ref-contents-row1{
	width:880px;
	padding-left:17px;
}
.stylo-ref-contents-row2{
	width:897px;
}
.stylo-ref-title-row{
	width:896px;
	padding-top:12px;
}
.stylo-social-box{background-image:url(images/social-box.jpg); background-repeat:no-repeat; background-position:right; height:auto !important; height:312px; min-height:312px;}
.stylo-social-box p{
	width:550px;
	font-size:16px;
	padding-top: 11px;
	line-height: 18px;
}
.stylo-social-box ul{padding:23px 0 0 15px;}
.stylo-social-box ul li{list-style-type:none; list-style-image:url(images/small-black-arrow.gif); list-style-position:outside; padding-bottom:4px;}
.stylo-social-box ul li a, .stylo-social-box ul li a:link, .stylo-social-box ul li a:hover{color:#E41C7C; font-size:14px; text-decoration:underline;}
.stylo-ref-title-row ul li{float:left;}
.stylo-ref-title-leftbg, .stylo-ref-title-rightbg{
	background-repeat:no-repeat;
	height:39px;
	float:left;
	width:7px;
}
.stylo-ref-title-leftbg{background-position:0px -1215px;}
.stylo-ref-title-rightbg{background-position:-65px -1215px;}
.stylo-ref-title-mid{
	background-repeat:repeat-x;
	background-position:0px -1255px;
	height:32px;
	float:left;
	width:829px;
	padding: 7px 5px 0 10px;
}
.stylo-ref-title-mid .title-left{float:left; width:780px;}
.stylo-ref-title-mid .title-left h2{background:url(images/big-black-arrow.gif) no-repeat left; padding-left:20px; font:700 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#E41C7C;}
.stylo-ref-title-mid .title-right{
	float:right;
	width:49px;
	text-align: right;
	padding-top:5px;
}
.stylo-ref-title-mid .title-right a, .stylo-ref-title-mid .title-right a:link, .stylo-ref-title-mid .title-right a:hover{text-decoration:none; color:#999; border-bottom:1px solid #999; font-weight:700;}

.block1{
	width: 879px;
}
.block1-left{
	float:left;
	width:387px;
	padding-right:50px;
}
.block1-right{
	float:left;
	width:387px;
}


.block2-left{float:left; width:255px; padding-right:30px;}
.block3-left{
	float:left;
	width:460px;
}
.block3-right{float:left; width:400px;}

.block1 .ico-title{
	background:url(images/pink-arrow.gif) no-repeat left;
	padding-left:25px;
	font-size:14px;
	font-weight: 700;
}
/* sprite icons */
.block1 p{
	padding-bottom:10px;
	text-align: justify;
}

.ico-email-solution, .ico-google-local, .ico-google-analytics, .ico-google-webmaster{
	background-repeat:no-repeat;
	padding:30px 0 0 80px;
	margin:4px 0;
	height:40px;
}

.ico-web-dev, .ico-copywriting, .ico-logo-creation, .ico-banners, .ico-favicon, .ico-collateral{
	background-repeat:no-repeat;
	margin:4px 0;
}
.ico-web-dev{background-position:0px 0px; padding:30px 0 0 80px; height:40px;}
.ico-copywriting{background-position:-5px -83px; padding:30px 0 0 80px; height:30px;}
.ico-logo-creation{background-position:-2px -162px; padding:30px 0 0 80px; height:35px;}
.ico-banners{background-position:0px -263px; padding:10px 0 0 80px; height:20px;}
.ico-favicon{background-position:0px -330px; padding:20px 0 0 80px; height:33px;}
.ico-collateral{background-position:0px -415px; padding:20px 0 0 80px; height:25px;}

.ico-goal, .ico-tools{
	background-repeat:no-repeat;
	padding:30px 0 0 142px;
	margin:4px 0;
	height:60px;
}
.ico-goal{ background:url(images/goal.jpg) no-repeat top left;}
.ico-tools{ background-image:url(images/tools.jpg); background-repeat:no-repeat; background-position:-20px 0px; padding:30px 0 0 100px;}
.social-odd{
	padding:10px 60px 0 17px;
	background-color:#f1f1f1;
	min-height:30px;
}
.social-even{
	padding:10px 60px 0 17px;
	background-color:#fff;
	min-height:30px;
}
.round-arrow{background-image:url(images/round-arrow.gif); background-repeat:no-repeat; background-position:left center; padding:10px 10px 10px 35px;}
.padtop{line-height:28px;}
.rect-arrow{
	background-image:url(images/small-pink-arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:9px 5px;
}


.ico-newsletters, .ico-email-marketing, .ico-forms, .ico-peel-ads, .ico-seo{
	background-repeat:no-repeat;
	margin:8px 0;
}
.ico-newsletters{background-position:-8px -486px; padding:20px 0 0 80px; height:43px;}
.ico-email-marketing{background-position:0px -569px; padding:22px 0 0 80px; height:46px; margin-top:35px;}
.ico-forms{background-position:0px -648px; padding:20px 0 0 80px; height:43px;}
.ico-peel-ads{background-position:-8px -729px; padding:20px 0 0 80px; height:45px;}
.ico-seo{background-position:-8px -810px; padding:20px 0 0 80px; height:43px;}

.ico-facebook, .ico-twitter, .ico-linkedin, .ico-youtube{
	background-repeat:no-repeat;
	padding:2px 0 0 80px;
	margin:8px 0;
	height:15px;
}
.ico-facebook{background-position:-4px -1296px;}
.ico-twitter{background-position:-4px -1354px;}
.ico-linkedin{background-position:-6px -1325px;}
.ico-youtube{background-position:-4px -1383px;}

.ico-email-solution, .ico-google-local, .ico-google-analytics, .ico-google-webmaster{
	background-repeat:no-repeat;
	margin:8px 0;
}
.ico-email-solution{background-position:0px -892px; padding:28px 0 0 80px; height:35px;}
.ico-google-local{background-position:0px -972px; padding:30px 0 0 80px; height:28px; margin-top:9px}
.ico-google-analytics{background-position:0px -1053px; padding:25px 0 0 80px; height:39px;}
.ico-google-webmaster{background-position:0px -1146px; padding:15px 0 0 80px; height:26px;}


/* style-reference-container ends */