@charset "utf-8";
/*  CSS Document for BVD */
/*
******************************************************************************************************

Title:			main.css
Browser(s): 	All 

Author: 		Marko Prljić (http://www.markoprljic.iz.hr)
Created: 		31.01.2009

******************************************************************************************************
*/


/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/



* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}
body{
	margin:0;
	font-size: 62.5%; 
	font-family: Arial, Sans-Serif; /*change font*/
	line-height: 150%; 
	color:#4b4d4a; /*change font color*/
	background: #f8f8fa url(images/top_bg.png) repeat-x; /*background color*/
    position:relative;
}

div, p, ul, img{
	padding:0px; margin:0px; border:none;
}
ul{
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}


a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; color:#e02d02; padding:0; margin:0;}
a img { border:none;} /* Remove IE's blue borders */

/*txt a:hover()*/

h1 {font-size: 3.6em; color:#18181a; line-height:38px; }
h2 {font-size:2.4em; color:#18181a; padding:0px 0px 10px 0px; }
h3 {font-size: 1.8em; line-height:1.4em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#18181a;}
h4 {font-size: 1.2em; color:#666666; padding:5px 0px 10px 0px; font-weight:normal; }
h5 {font-size: 1.8em; color:#18181a; padding-bottom:10px; }
h6 {font-size: 1.4em; padding-bottom:10px; }

h5 a{color:#18181a;}
.hr{ border-bottom:1px solid #CCCCCC; border-left:none; border-right:none; border-top:none; margin:10px 0 20px 0; }
.left{ float:left;}
.left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;}
.left_margin_right_top{ float:left; margin:4px 10px 0 0;}
.right{ float:right;}
.right_margin_top{ float:right; margin:40px 0 0 0;}
.right_margin_right{ float:right; margin:0 20px 0 0;}

.circle {list-style:circle; font-size:1.2em; padding-left:20px; line-height:1.8em; color:#999;}
.circle2 {list-style:circle;  padding-left:20px; line-height:1.8em; color:#999;}
.circle3{font-size:1.2em; margin-left:20px;}
.circle3 a{ color:#999; }
.circle3 a:hover{color:#F30;}

.circle a{color:#999; }
.circle a:hover{color:#F30;}

.circle4 {list-style:circle; font-size:1.2em; padding-left:20px; line-height:1.8em; color:#4b4d4a;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */





/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/




/*------------------------------GLOBAL TYPOGRAPHY--------------------------------*/

p  {font-size: 1.2em; padding:0; line-height:1.4em;}
.gray {color: #666; font-size:1em; font-style:normal;}
.fat{font-weight:bold;}
.small  {font-size: 1.1em; padding:0; line-height:1.4em;}
.big {font-size: 1.8em; padding:0; line-height:1.2em; color:#f1f1f1; margin:0 0 22px 0;}
.white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;}
.title{ font-size:1.1em; font-style:italic; color:#227ab0;}
.stroke { border:1px solid #fff;}


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

#top_content{ background:#f8f8fa; height:100px; margin-top:20px; }

#nav_content{width:940px; margin:20px auto 20px auto; background:#f8f8fa; border-top: dotted 1px #333; border-bottom:dotted 1px #333; height:42px; }

#header{ background:#f8f8fa; width:940px; margin:0px auto 20px auto; height:450px; padding:15px 0px 5px 0px;  }
#header p{ color:#fff;}

#main_headline{width:940px;  overflow:hidden; }
#start{float:left; padding:50px 0px 10px 0px; }

#main_content{background:#f8f8fa; padding:0 0 0 0; overflow: hidden;}
#main_content_index{width: 100%; margin: 0 auto;} 
#main_content p{ color:#4b4d4a; }

/*latest news section*/

.latest-news-title{height:70px; }
.latest-news-content{height:90px; }
.all{display:inline-block; margin-top:95px; bottom:0; font-size:14px; font-weight:bold}

ul.latest-work {width:940px; height:240px; }
ul.latest-work li{width:220px; height:143px;margin-left:15px; float:left;}
ul.latest-work img{opacity:.9}
ul.latest-work img:hover{opacity:1}



.date{ padding-right:20px; height:200px; padding-top:5px; float:left}
.date .day{ padding-right:10px; }
.date .my{float:left;}

ul.latest-news {width:940px;  height:220px;}
ul.latest-news li{width:220px; height:143px;margin-left:15px; float:left;}
ul.latest-news li h3{font-size:14px; font-weight:bold;}
.day .day-style {font-size:26px;line-height:30px; color:#999;text-align:right}
.ln-title{font-family:Arial; color:#666666; font-size:18px;font-style:normal}.
ul.latest-news li a {border-bottom:none; color:#red;font-size:18px;}

.latest-work-title{background:#df2c01; width:190px;  padding:10px 10px 10px 20px; color:#fff;  z-index:1}
.latest-work-title a{color:#fff;}
.latest-work-title h3{font-size:14px;}
.latest-work-title h3 a{color:#fff; font-family:arial; font-weight:bold; font-style:normal}
.latest-work-title:hover{background:#c52600;}

/*-----FOOTER------*/

#footer{ background:#2e2e2e url(images/footer_bg.jpg) repeat-x; overflow:hidden; padding:20px 0px 0px 0px; }
#footer h6{color:#CCCCCC; font-size:1.1em; font-weight:normal; text-transform:none;}
#footer h2 { margin-bottom: -15px; }
#footer .center { position: relative; }
#footer_nav{ background:#eeeeee;  padding:35px 0px 20px 0px;  }
#footer_nav .center p { font-size:1em; color:#999; }
#footer_nav .center3 p { font-size:1em; color:#999; }
#footer_nav .center ul { float:right; }
#footer_nav .center ul li{ float:left; margin:0 20px 0 0; }
#footer_nav .center ul li a { font-size:1em; color:#aaa; }
#footer_nav .center ul li a:hover { color:#aaa; }
#footer_nav .center ul li a:active { color:#aaa; }
#footer_nav .center ul { float:right; }
#footer_nav .center ul li{ float:left; margin:0 20px 0 0; }
#footer_nav .center a { font-size:1em; color:#999; }
#footer_nav .center a:hover { color:#999; }
#footer_nav .center a:active { color:#999; }

.spacer{width:100%; height:50px;}
#copyright{width:940px; height:80px; margin:0px auto; padding:50px 0px 0px 0px; }
#copyright p{color:#999; font-size:1em;  }

.footer_locations{width:940px; overflow:hidden; clear:both; }
.footer_links{ width:140px; padding-right:20px; float:left; }
.footer_links2{ width:140px; float:left; }
.footer_links h1{font-size:1.4em; font-weight:normal; color:#29292b; text-transform:uppercase; padding-bottom:15px; }
.footer_links2 h1{font-size:1.4em; font-weight:normal; color:#29292b; text-transform:uppercase; padding-bottom:15px; }
.footer_links h3{font-family:georgia;font-size:18px;  font-style:italic; text-transform:none; color:#e02d02; padding-bottom:10px; }
.footer_links2 h3{font-family:georgia;font-size:18px;  font-style:italic; text-transform:none; color:#e02d02; padding-bottom:10px; }
.footer_links li a{color:#e02d02; }
.footer_links2 li a{color:#e02d02; }
.footer_links ul li {font-size:1.1em; color:#777; line-height:9px; }
.footer_links2 ul li {font-size:1.1em; color:#777; line-height:9px; }
.footer_links a:hover{background:#e02d02; color:#fff; padding:0; }
.footer_links2 a:hover{background:#e02d02; color:#fff; padding:0; }

.footer_links ul li{ margin:0 0 10px 0;}
.footer_links ul{ padding-top:15px;}
.footer_links ul a{ padding-top:10px;}

.footer_links2 ul li{ margin:0 0 10px 0;}
.footer_links2 ul{ padding-top:15px;}
.footer_links2 ul a{ padding-top:10px;}

#footer_logo{width:50px; float:left; padding:0px 10px 0px 0px; }
#footer_content{float:left; width:850px;  }

.center{ width:940px; height:100%; margin:0 auto; overflow:hidden }
.center1{width:940px; height:100%; margin:0 auto; padding:0; }
.center2{width:940px; padding:20px 0px 10px 0px; overflow:hidden; clear:both; border-top:dotted 1px #ccc; }
.center3{ width:940px; height:100%; margin:0 auto; overflow:hidden; padding:50px 0px 0px 0px; }
.center3 a{color:#999; }
.center3 a:hover{color:#e02d02; }
.center4{width:940px; padding:20px 0px 50px 0px; overflow:hidden; clear:both; border-top:dotted 1px #ccc; }

#heading{width:940px;padding:10px 0px 10px 0px; float:left;  }
#heading h2 {font-size:2.4em; color:#18181a; padding:0px 0px 10px 0px; }
#heading span{font-family:georgia; font-style:italic; color:#e13208; }

#col300{width:300px; float:left; padding-right:20px; }
#col300_2{width:300px; float:left; overflow:hidden; padding-bottom:20px;}
.col100 h1{font-size:4.2em; }
.col100{width:80px; height:80px; float:left; text-align:right; margin-right:20px; }
.col200_right{width:200px; float:left; }

.col270{width:270px; float:left; padding-right:20px; }
.col270 strong{display:inline; background:#df2800; padding:5px; color:#ffffff; border-radius:3px; margin-bottom:17px;}
.col270_2{width:270px; float:left; }
.col270_2 strong{display:inline; background:#df2800; padding:5px; color:#ffffff; border-radius:3px; margin-top:2px; float:left;margin-right:10px}
.col270_2 p{font-weigth:bold; margin-bottom:5px;}

.service{width:220px; float:left;  margin:0px 20px 5px 0px; padding:0px 0px 10px 0px; overflow:hidden;  border-bottom:dotted 1px #ccc; }
.service3{width:220px; float:left;  margin:0px 20px 5px 0px; padding:0px 0px 10px 0px; overflow:hidden; }
.service4{width:220px; float:left;  margin:0px 0px 5px 0px; padding:0px 0px 10px 0px; overflow:hidden; }
.service2{width:220px; float:left;  margin:0px 0px 5px 0px; padding:0px 0px 10px 0px; overflow:hidden; border-bottom:dotted 1px #ccc; }
.service img{float:left; margin-right:10px; }
.service h5{font-weight:normal; font-size:1.2em; padding-top:5px; }
.service a{font-size:1.2em; }
.service a:hover{color:#ffffff;background:#e02d02; }
.service2 a:hover{color:#ffffff;background:#e02d02; }
.service3 a:hover{color:#ffffff;background:#e02d02; }
.service4 a:hover{color:#ffffff;background:#e02d02; }

.service2 img{float:left; margin-right:10px; }
.service2 h5{font-weight:normal; font-size:1.2em; padding-top:5px; }
.service2 a{font-size:1.2em; }

.service3 img{float:left; margin-right:10px; }
.service3 h5{font-weight:normal; font-size:1.2em; padding-top:5px; }
.service3 a{font-size:1.2em; }

.service4 img{float:left; margin-right:10px; }
.service4 h5{font-weight:normal; font-size:1.2em; padding-top:5px; }
.service4 a{font-size:1.2em; }

#services{width:940px; overflow:hidden; clear:both; }
#col1{ width:140px;  padding:20px 20px 0px 0px; float:left; overflow:hidden;  }
#col3{ width:140px;  padding:20px 0px 0px 0px; float:left; overflow:hidden; }
#icon{float:left; padding-right:10px; width:75px; height:77px; }
#detail{float:left; }
#col1 h3{font-family:georgia;font-size:18px; font-style:italic; text-transform:none; color:#e02d02; margin-bottom:0px; padding-bottom:0px; }
#col3 h3{font-family:georgia;font-size:18px; font-style:italic; text-transform:none; color:#e02d02; margin-bottom:0px; padding-bottom:0px; }
#col4{width:220px; float:left; margin-right:20px; padding:10px 0px 20px 0px; }
#col5{width:220px; float:left; padding:10px 0px 20px 0px; }
#col4 h5{padding:15px 0px 10px 0px; line-height:1.2em; }
#col5 h5{padding:15px 0px 10px 0px; }
#col5{padding-bottom:10px; }
#col4 span{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; font-style:italic; padding-bottom:20px; }
#col4 p{line-height:1.8em; }
#col5 p{line-height:1.8em; }
#col5 a{font-size:1.2em;  }
#col4 a {font-size:1.2em; }
#col4 a:hover{color:#fff; background: #F30;}

#col10{width:220px; float:left; margin-right:20px; padding:0px 0px 20px 0px; }
#col11{width:220px; float:left; padding:0px 0px 20px 0px; }
#col10 h5{padding:15px 0px 10px 0px; line-height:1.2em; }
#col11 h5{padding:15px 0px 10px 0px; }
#col11{padding-bottom:10px; }
#col10 span{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; font-style:italic; padding-bottom:20px; }
#col10 p{line-height:1.8em; }
#col11 p{line-height:1.8em; }
#col11 a{font-size:1.2em;  }
#col10 a {font-size:1.2em; }
#col10 a:hover{color:#fff; background: #F30;}

.home_title{width:220px; }

.col350{width:330px; float:left; margin-right:20px;}
#description{width:330px; border-top:dotted 1px #ccc; padding:5px 0px 5px 0px; }
#description p{color:#aaa; font-size:1em; line-height:12px; }
.col350 #description p{color:#777; font-size:1em; line-height:14px; }

#office_list{width:700px;overflow:hidden; border-top:dotted 1px #ccc; border-bottom:dotted 1px #ccc; padding:10px 0px 10px 0px;}
#office_list a{color:#777;}
#office_list li{padding-right:55px; float:left; font-size:1.2em;}

#line{height:2px; border-top:dotted 1px #777; margin-top:20px; padding-bottom:10px; }
#line2{height:2px; border-top:dotted 1px #777; padding-bottom:20px; }

#quote{width:700px; margin-right:20px; padding:10px 0px 10px 0px; float:left; }
#quote h1{font-size:1.8em; font-weight:normal; color:#29292b; line-height:1.4em;}
#quote span{font-weight:bold; font-size:2.4em; color:#333; margin-bottom:35px;}

#quote2{width:460px; margin-right:20px; padding:10px 0px 20px 0px; float:left; }
#quote2 h1{font-size:1.8em; font-weight:normal; color:#29292b; line-height:1.4em;}
#quote2 span{font-weight:bold; font-size:2.4em; color:#333; margin-bottom:35px;line-height:26px;}
#quote2 p{line-height:1.8em; font-size:1.4em;}

#quote3{width:400px; padding:10px 10px 10px 10px; float:right; margin-left:38px; border:solid 1px #e4e4e4; border-radius:3px; background:#ffffff}
#quote3 h1{font-size:1.8em; font-weight:normal; color:#29292b; line-height:1.4em;}
#quote3 span{font-weight:bold; font-size:2.4em; color:#333; margin-bottom:35px;}
#quote3 p{line-height:1.8em; font-size:1.4em;}
#quote3 a{background:none;}
#quote4 span{font-weight:bold; font-size:2.4em; color:#333; margin-bottom:35px;}

#quote4{width:940px;}

.col220{width:220px; float:left; }

.buttons{width:460px; overflow:hidden;margin-bottom:15px; }
.hire{width:320px; height:50px; padding:10px 0px 10px 0px; margin-bottom:25px; float:left }
.hire2{width:300px; height:50px; padding:10px 0px 10px 0px; margin-bottom:25px; float:left }
.hire p{font-size:1em; color:#333;}
.hire2 p{font-size:1em; color:#333;}
.hire h5{color:#333; padding-top:5px; }
.hire2 h5{color:#333; padding-top:5px; }

#top_light1{ background:transparent; }
#top_light2{ background:transparent; }
#top_light3{ background:transparent; }
#top_light4{ background:transparent; }
#top_light5{ background:transparent; }

/* Sidebar for subpages */

#menu_holder{width:180px;  }
#menu_holder ul li{line-height:24px; }
#menu_holder a{font-size:1.2em; color:#333;}
#menu_holder a:hover{color:#fff; background:#e02d02; }
#menu_holder li{display:block; padding:10px 0px 10px 0px; border-bottom:dotted 1px #999; }
#menu_holder li:hover{background:#e02d02; color:#fff; padding-left:10px; }
#menu_holder li:hover a{color:#fff;  }
#sidebar_content{width:180px; padding:20px 0px 20px 0px; margin-top:40px; border-top:solid 2px #333;}
.sub_content{padding:10px 0px 15px 0px; border-bottom:dotted 1px #ccc; }
#sidebar_content{font-size:1.2em; line-height:1.8em; } 
#sidebar_content a{color:#666; font-size:1em }
#sidebar_content a:hover{color:#e02d02; }




h1 a { float:left; margin:20px 0 15px 0; display:block; width:350px; height:76px; background: transparent url(images/logo.png) no-repeat; text-indent:-9999px; overflow:hidden;}

.left_column { width:469px; float:left; padding:55px 0 40px 0;}
.right_column { width:470px; float:left; padding:50px 0 0 0;}
.right_column .description{ float:left; width:100%;}
.tagline{ width:436px; height:97px; text-indent:-9999px;  margin: 0 0 20px 0px;}

.getquote {float:left; margin:42px 0 0 -4px; display:block; width:168px; height:45px; background: transparent url(images/button_quote.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.portfolio {float:left; margin:42px 0 0 10px; display:block; width:168px; height:45px; background: transparent url(images/button_portfolio.png) no-repeat; text-indent:-9999px; overflow:hidden;}

.featured { width:407px; height:237px; padding:17px 0 0 13px; background:transparent url(images/bg_image.png) no-repeat;}

ul.listing{ float:left; padding:12px 80px 28px 10px; margin:0;}
ul.listing li{ list-style-image: none; background-image:url(images/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 2px 25px; margin:0 0 5px 0; font-size:1.2em;}

/* header right */
.social_media{float:right; margin:7px 0 0 0;width:100px;}
.signup { float:right; width:87px; height:30px; display:block; margin:10px 0 0 0; background:transparent url(images/button_signup.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.login {float:right; margin:15px 10px 0 0;}
#languges{float:right; }
#languages ul{float:right; }
#languages li{display:block; padding-left:10px; float:left; }
#languages li.current_item a{color:#e02d02; }
#languages a{color:#666; }

#tagline{float:right; }
#tagline p{color:#666; letter-spacing:1px; }

/* testimonials */
#testimonials {margin:0 auto 40px auto; width:958px; background:#f2f2f2; border:1px solid #e0e0df;}
#testimonials_inner {margin:10px; padding:20px; width:898px; background:#f8f7f7; border:1px solid #ececec;}
#testimonials_inner p.intro{ color:#d05606; font-weight:bold; font-size:1.4em;}
#testimonials_inner h4{ padding:20px 0; font-family:"Times New Roman", Times, serif; font-size:2.6em; color:#666; font-weight:normal; font-style:italic; line-height:1.4em;}
#testimonials_inner a.all { display:block; width:192px; background:#f2f2f2; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.2em; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#testimonials_inner a.all:hover { display:block; width:192px; background:#fff; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.2em; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#testimonials_inner p.sig{ float:right; padding:0 20px 0 0;}
#testimonials_inner p.sig span{ font-size:1.1em; font-style:italic; color:#666;}
#testimonials_inner a.logo {float:right; width:162px; height:16px; display:block; background: transparent url(images/logo_testimonials.png) no-repeat; text-indent:-9999px; overflow:hidden;}

#testimonials div.text, .center_right #sfstest-page .text {  padding:20px 0; font-family:"Times New Roman", Times, serif; font-size:2.2em; color:#666; font-weight:normal; font-style:italic; line-height:1.3em; margin: -10px 0; }
#testimonials div.client, .center_right #sfstest-page .client { text-align: left; float: none; font-size: 1.4em; margin-bottom: 15px; }

.center_right #sfstest-page div.grayline { clear: both; border: none; border-bottom: 1px solid #999; background: none; height: 1px; padding: 0; }

#top_light5 li { width:225px; padding:0 15px 0 0; margin:30px 0; float:left; color:#f0f0f0; list-style:none; }
.column h5{ font-size:1.4em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;}
#top_light5 ul li{ margin:0 0 10px 0;}
#top_light5 ul{ padding-top:15px;}
#top_light5 ul a{ padding-top:10px;}
#top_light5 a { color:#666666;}
#top_light5 a:hover {background:#e02d02; color:#fff;}


.column .date{ float:left; width:34px; height:17px; padding:0 0 0 5px; margin:0 10px 0 0; background:transparent url(images/ico_date.png) no-repeat; font-size:1.1em; font-weight:bold;}
.column p {font-size:1.1em;}
.column p.lead {font-size:1.1em; margin:0 0 20px 0;}

.column_odd { width:235px; padding:0; margin:30px 0; float:left; color:#f0f0f0;}
.column_odd p {font-size:1.1em;}
.column_odd h5{ font-size:1.4em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;}
.column_odd #tweeter { width:181px; height:185px; padding:18px 20px 18px 20px; background: transparent url(images/bg_twitter.png) no-repeat; position:relative; font-size:1.4em; color:#333; font-family:"Times New Roman", Times, serif; font-style:italic;}
.column_odd #tweeter a.from { font-weight:bold;}
.column_odd #tweeter a.follow { position:absolute; bottom:60px; left:0; color:#fff; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:0.8em; font-style:italic;}
.column_odd #tweeter a.follow:hover { position:absolute; bottom:60px; left:0; color:#d05606; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:0.8em; font-style:italic;}
.column_odd #tweeter p.posted { font-size:0.8em; margin:5px 0 0 0; color: #999;}

#top_light5 .ad{ float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0; background:#eaeaea;}
#top_light5 .ad_odd { float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0 15px 15px 0; background:#eaeaea;}

.column .recent_comment { background:transparent url(images/ico_comment.png) top left no-repeat; padding:0 0 0 40px; margin:0 0 20px 0; font-size:1.2em;}
.column a.comment { display:block; font-size:0.9em; margin:5px 0 0 0; color:#666666;}
.column a.comment:hover {display:block; font-size:0.9em; margin:5px 0 0 0; color:#d05606;}
/*changing*/

/*changing end*/
#searchform {float: right; margin:30px 0 15px 0; }
#searchform fieldset { background: transparent url(images/bg_search.png) no-repeat; }
fieldset.search { border: none; width: 146px; }
.search input, .search button { border: none; float: left; }
.search input.box { color: #a4a3a3; font-size: 1.2em; width: 109px; height: 17px; padding: 5px; vertical-align:middle;
margin: 0; background:none; outline: none; }
.search input.box:focus { background: none; outline: none; }
.search button.btn { width: 27px; height: 27px; cursor: pointer; text-indent: -9999px; background: url(images/bg_search.png) no-repeat top right; }
.search button.btn:hover { background: url(images/bg_search.png) no-repeat bottom right; }

/*NAVIGATION*/

.nav { width: 940px; }
#nav { padding-top: 8px; float: left; }
#nav li { padding-right: 15px; height: 27px; display: block; float: left;  margin-right:10px;}
#nav li a { display: block; float: left; font: normal 1.2em Arial, Helvetica, sans-serif; text-transform: uppercase; color: #18181a; height: 21px; z-index: 10; position: relative; padding-top: 6px;  }
#nav li:hover, #nav li.current_page_item { color:#e02d02; background:none; }
#nav li a:hover, #nav li.current_page_item a { color: #e02d02; background:none; }
#nav li:hover, #nav li.current_page_ancestor { color:#e02d02; background:none; }
#nav li a:hover, #nav li.current_page_ancestor a { color: #e02d02; background:none; }


/*
	WIDGET STRUCTURE
*/
#blogSliderWrap 					{ width: 940px; margin: 0 auto; padding: 50px 0 30px 0;
									  position: relative; }
#blogSlider 						{ margin: 0 auto; width: 940px; }
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 960px; }
.stripNav 							{ position: relative; top: 0;left: 20px; z-index: 99; }
.wrapper 							{ padding: 10px; }
.innerWrap 							{ width: 940px; overflow: hidden; }


/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul {  }
.stripNav ul li 					{ float: left; }

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 69px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(images/tab_1.png) top center no-repeat; width: 231px; }
.stripNav li.tab2 a { background: url(images/tab_2.png) top center no-repeat; width: 240px; }
.stripNav li.tab3 a { background: url(images/tab_3.png) top center no-repeat; width: 240px; }
.stripNav li.tab4 a { background: url(images/tab_4.png) top center no-repeat; width: 230px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: top center; }

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current {background: url(images/tab_1.png) bottom center no-repeat; }
.stripNav li.tab2 a.current {background: url(images/tab_2.png) bottom center no-repeat; }
.stripNav li.tab3 a.current {background: url(images/tab_3.png) bottom center no-repeat; }
.stripNav li.tab4 a.current {background: url(images/tab_4.png) bottom center no-repeat; }

/*OTHER PAGES*/

/*ABOUT PAGE*/

#blockquote{padding:20px 0px 0px 0px; }
#blockquote h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:2.4em; line-height:1.2em; font-style:italic; font-weight:normal; color:#18181a; }
#blockquote p{line-height:1.8em; }
#text{padding:20px 0px 0px 0px;}
#text p{line-height:24px; }
#text a:hover{color:#fff; background:#e02d02; }

/*Leadership*/

#team_row{width:700px; overflow:hidden; clear:both; border-top:dotted 1px #ccc; padding:20px 0px 5px 0px; }
#team_member{width:220px; height:235px; margin-right:20px; float:left; }
#team_photo{width:220px; height:145px; }
#team_info{width:220px;padding-top:15px; overflow:hidden; clear:both; }
#team_name{float:left; }
#team_member2{width:220px; height:235px; float:left; }
#twitter{float:right; }
#twitter a:hover{background:none; background-image: url(images/twitter_icon.png); }
#team_name a{font-size:1.2em;  }
#team_name a:hover{color:#fff; background:#e02d02; }

ul.links li {float: right; height: 30px; width: 30px; text-indent: -9999em; margin-right:5px;}
ul.links li a {display: block; width: 30px; height: 30px; background-position: left top; background-repeat: no-repeat; }	
ul.links li a:hover {background-position: left bottom; }
ul.links li.twitter a {background-image: url(images/twitter_icon.png); }
ul.links li.facebook a {background-image: url(images/facebook_icon.png); }
ul.links li.delicious a {background-image: url(images/delicious_icon.png); }
ul.links li.personal a {background-image: url(images/personal_site_icon.png); }
ul.links li.linkedin a {background-image: url(images/linkedin_icon_small.png); }
ul.links li.slideshare a {background-image: url(images/slideshare_logo.png); }
ul.links li.viadeo a {background-image: url(images/viadeo_icon.png); }
ul.links li.email a {background-image: url(images/email_icon.png); }
	
/*TEAM MEMBER*/

#member_header{width:700px; padding:0 0 10px 0; overflow:hidden; clear:both; margin-top:-10px; }
#member_pic_big{width:220px; height:190px; float:left; margin-right:20px; padding:5px 0 0 0; }
#member_heading{width:460px; height:165px; float:left; }
#member_heading h3{padding-top:20px; font-size:2.4em; }
#member_heading h1{line-height:1em}
#member_links{width:460px; height:70px; padding:20px 0 0px 0; }
#member_links ul.links li {float:left; }
.vcard{width:220px; float:left; }
.member_mail{width:220px; margin-right:20px; float:left; }
	
/*OFFICES*/

#address{width:700px; overflow:hidden; clear:both; border-top:dotted 1px #ccc; padding:20px 0px 15px 0px;margin-top:10px; }
#address h3{padding:5px 0px 5px 0px; }
.address1{width:220px; margin-right:20px; float:left; }
.address2{width:220px; float:left; }
.address1 ul li{font-size:1.2em;line-height:1.4em; }
.address2 ul li{font-size:1.2em;line-height:1.4em; }
.addres2 a{font-size:1.2em; }
.address2 a:hover{color:#fff;background:#e02d02; }
.addres1 a{font-size:1.2em; }
.address1 a:hover{color:#fff;background:#e02d02; }

#directions{width:700px; overflow:hidden; clear:both; border-top:dotted 1px #ccc; padding:20px 0px 5px 0px;margin-top:30px; }
.directions_content{width:700px; padding:20px 0px 0px 0px; }
#directions ul li{font-size:1.2em; line-height:1.8em; }

/*Single Office*/

#office_header{width:700px; float:left; padding:0px 0px 20px 0px; overflow:hidden; clear:both; margin-top:-10px; }
#text_left{width:500px; float:left; padding-top:10px;}
#office_header h1{padding-bottom:15px; }
#office_header h3{font-size:2.4em; }

#clocks{float:right; width:200px; }
#clock{width:96px; float:right; margin-top:15px; }

.padding{padding:20px 0 0 0px;}
.center_box{width:960px; margin:0 auto; padding: 10px 0px 35px 0px; overflow:hidden; }

/*Fact sheet*/

#fact_row{width:700px; overflow:hidden; clear:both; border-top:dotted 1px #ccc; border-bottom:dotted 1px #ccc; padding:20px 0px 5px 0px; }
#areas_row{width:700px; overflow:hidden;  border-top:dotted 1px #ccc; border-bottom:dotted 1px #ccc; padding:20px 0px 5px 0px; }
#areas_row2{width:700px; overflow:hidden; clear:both;  border-bottom:dotted 1px #ccc; padding:20px 0px 5px 0px; }

.row{width:700px; overflow:hidden; clear:both; padding:20px 0px 5px 0px;}
#row_inner{border-top:dotted 1px #ccc; overflow:hidden; border-bottom:dotted 1px #ccc; width:463px;}
#row_inner a:hover{background:none;}
#row_inner2 a:hover{background:none;}
#row_inner3 a:hover{background:none;}
#row_inner2{width:700px;border-top:dotted 1px #ccc; overflow:hidden; border-bottom:dotted 1px #ccc;}
#row_inner3{width:240px;border-top:dotted 1px #ccc; overflow:hidden; border-bottom:dotted 1px #ccc; border-right:dotted 1px #ccc;}


#fact_row a:hover{background:none;}
#fact_row2 a:hover{background:none;}
#fact_row2{width:700px; overflow:hidden; clear:both;  border-bottom:dotted 1px #ccc; padding:20px 0px 5px 0px; }

#client_photo{width:220px; height:110px; float:left; padding-right:20px; border-left:dotted 1px #ccc; }
#client_photo2{width:215px; height:110px; float:left;  border-left:dotted 1px #ccc; border-right:dotted 1px #ccc;}


#client_info{width:400px; float:left;padding:0px 0px 0px 80px;  }
#client_name{float:left; }
#client2{width:220px; float:left; }
#client_name a{font-size:1.2em; }
#client_name a:hover{color:#fff; background:#e02d02; }
#client_info h5{line-height:2.4em; color:#333333; padding-bottom:0px;}

#case_study{width:700px; padding:20px 0px 10px 0px; border-top:dotted 1px #ccc; border-bottom:dotted 1px #ccc; overflow:hidden; }
.case_study_title{width:600px; float:left; }
.case_study_title h5{font-size:3em;  font-weight:normal; }
.case_study_link{float:right}
.case_study_link a{font-size:1.2em; }

.service1{width:220px; margin-right:20px; float:left; }
.service2{width:220px; float:left; }
.service2 a{font-size:1.2em; }
.service2 a:hover{color:#fff;background:#e02d02; }
.service1 a{font-size:1.2em; }
.service1 a:hover{color:#fff;background:#e02d02; }
.service1 h6{padding-top:10px; line-height:1.4em; }
.service2 h6{padding-top:10px; line-height:1.4em; }

/**/
.center_left{float: left; width: 190px;}
.center_left_top{ width: 158px; padding: 10px 0px 15px 0px; text-align: left; overflow: hidden; }
.center_left_top h3{width: 158px; height: 21px; background: url(images/free_call.png) top center no-repeat; text-indent: -9999px;}
.center_left_top span{width: 158px; font-size: 2.4em; line-height: 20px; color: #db8146; padding: 0 0 10px 0;}
.center_left a{font-size:1.2em; line-height:2.4em;}
.center_left h2{font-size:1.4em; padding-top:10px; }

#left_nav { width: 297px; padding-top:0px;   }
#left_nav li {text-align: left; padding: 15px 0 0px 10px; height: 30px; width:297px;}
#left_nav li a { font-size: 1.4em; color: #515450; display: block; text-align: left; height: 30px;  margin-left: -40px; text-transform: uppercase; padding-top: 15px; position: relative;  z-index: 100005; text-indent: 40px; width: 297px; }
#left_nav li a:hover { background: url(i/arrow_right.png) left top no-repeat; color: #fff; position: absolute;}
#left_nav li.current_page_item a { background: url(i/arrow_right.png) left top no-repeat; color: #fff; position: absolute;}
#left_nav li.current-cat a { background: url(i/arrow_right.png) left top no-repeat; color: #fff; position: absolute;}
#left_nav li.current-cat-parent a { background: url(i/arrow_right.png) left top no-repeat; color: #fff; position: absolute;}

.center_left ul.listing{float:left; padding: 30px 0px 0px 20px; margin:0;}
.center_left ul.listing li{list-style-image: none; background-image:url(images/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}

.center_right{float: left; width: 700px; padding: 0px 0px 0 50px; margin-top:-10px;}
.center_right h2{font-size: 2.8em; line-height: 30px; color: #4b4d4a; font-weight: bold; padding: 0 0 5px 0; margin: 0px;}
.center_right .subtitle{font-size: 2.2em; line-height: 20px; color: #7d807c; font-weight: normal; padding: 0 0 10px 0;}
.center_right .title{font-size: 1.8em; line-height: 20px; color: #d56b26; font-weight: normal; padding: 25px 0 20px 0; font-style: normal;}
.center_right p{font-size: 1.2em; line-height: 24px; color: #7d807c; font-weight: normal; padding: 0 0 10px 0;}

/*Blog*/
.center_left_top h3.blog{width: 158px; margin: 30px 0 -10px 0; background: url(images/the_blog.png) top center no-repeat; text-indent: -9999px;}
.center_left .subscribe{font-size: 1.6em; font-weight: bold; padding: 30px 0 0 5px; float: left; width: 100%;}
.center_left p{font-size: 1.2em; padding: 20px 0 10px 5px; float: left; width: 100%;}
.center_left img{padding: 0 0 0 2px;}

.center_left .img_holder{overflow: hidden; padding: 40px 0 5px 0px;}
.center_left .img_holder img{float: left; padding: 0; margin: 0 0 10px 0;}
.center_left .img_holder img.first{float: left; padding: 0; margin: 0 10px 0 0;}

.center_left p.join{font-size: 1em; line-height: 10px; padding: 0px 0 0 0px; margin: 0px; float: left; width: 100%;background: url(images/2dot.png) top left no-repeat}

.center_right h2.blog{font-size: 2.8em; line-height: 28px; color:#18181a; font-weight: bold; padding: 0 0 0 0; margin: 0px;}
.blog_line{width: 100%; height: 1px; background-color: #ccc; margin: 0 0 20px 0;}

.center_right .publish{font-size: 1.2em; line-height: 28px; color: #4b4d4a; padding: 0 0 30px 0; margin: 0px;}
.center_right .publish a{color: #18181a; font-weight: bold;}

p.blog_p{font-size:1.2em;padding: 0 0 40px 0;}
p.blog_p a{color: #db8146; font-weight: normal; font-style: italic;}

/*Contact*/

p.office{text-align: left; width: 100%; padding: 5px 0 0px 0px; margin: 0px 0 10px 0;}

.center_right .subtitle2{font-size: 2.2em; line-height: 20px; color: #7d807c; font-weight: normal; padding: 0 0 30px 0;}
h2.thanks { font-size: 15px; }
.required { color: red; font-weight: bold; }
#contact div, .leave_comment form div {width: 100%; padding: 5px 0 5px 0;}
#contact { border: none; overflow:hidden; }
#contact strong { font-size: 12px; }
#contact .post-info.spam { font-size: 11px; color: #666; margin-top: 5px; }
#contact .textbox { margin-bottom: -18px; }
#contact .textbox, #respond form input {padding: 7px; margin: 5px 0 0px 0; border: 1px solid #555; background-color: #f8f8fa; width: 270px; font-size: 1.1em; font-weight: normal; font-style: italic; color:#9a9a9a;}
#respond form input { margin-bottom: 15px; }
#respond form label small { font-size: 12px; margin-left: 12px; }
#contact input.button, #respond form input#send {padding:10px 10px 10px 10px; margin: 5px 0 15px 0; border: none; background-color: #e02d02; font-size: 1.1em; font-weight: bold; font-style: normal; color:#fff; text-align: left; cursor: pointer;}
#contact input.button { margin-top: 10px; }
#contact textarea, #respond form textarea{border: 1px solid #555; background-color: #f8f8fa; padding: 7px; width: 430px; height: 130px; font-size: 1.3em; font-weight: normal; font-style: italic; color:#9a9a9a;}
#contact textarea { margin-top: 5px; }

#contact .text_field_holder{width:250px; float:left; margin-right:90px; padding-bottom:20px; }
#contact .text_field_holder2{width:650px; float:left; margin-right:90px; padding-bottom:20px; }
#contact .text_field_holder .textbox{width:200px ;}
#contact .text_field_holder2 .textbox{width:200px ;}
.find{font-size: 1.4em; font-weight: bold; color: #4b4d4a; padding: 20px 0 10px 0;}

.google_holder{width: 700px; overflow: hidden; padding: 10px 0 0 0;}
.google_map{width: 444px; float: left; border: 1px solid #e5e3e3;}
.google_description{width: 144px; float: left; padding: 15px 0 0 30px;}

.office_pic{width:236px; float:left; padding-left:10px; }
#offices{width:700px; padding:40px 0px 20px 0px; color:#727b7d; }
#offices a{color:#727b7d; }
#offices a:hover{color:#fff; background:#e02d02; }

/*Portofolio*/
.portofolio{position: relative;}
.center_left_top h3.categories{width: 158px; line-height: 14px; margin: 30px 0 10px 0; padding: 0; background: url(images/categories.png) top center no-repeat; text-indent: -9999px;}
.portofolio_main{width: 100%; padding: 20px; margin: 10px 0 0 0; overflow: hidden; border: 1px solid #cdcbcb; background-color: #f0f0f0;}
.portofolio_main h3{color: #4b4d4a; font-size: 2.2em; padding: 0 0 5px 0;}
.portofolio_main .publish{color: #4b4d4a; font-size: 1.1em; padding: 0 0 10px 0;}

.featured2{width:70px; height:70px; padding:17px 0 0 13px;position: absolute; background: url(images/featured.png) top left no-repeat; top: 112px; left: 68px; margin: 0px 0 0 0;}
.div_image{float: left; border: 1px solid #cdcbcb; width: auto; padding: 10px; margin-right: 20px; background-color: #ffffff;}

.blog_thumb{width: 100%; padding: 20px; margin: 20px 0 0 0; border: 1px solid #cdcbcb; overflow: hidden; background-color: #f4f4f4;}
.blog_thumb img{border: 1px solid #cdcbcb; margin-right: 30px;}
.blog_thumb h2{width: 455px; font-size: 1.6em; padding: 0; margin: 0 0 20px 0; line-height: normal;}

/*Process*/

#process_bar{width:940px; height:70px; background:url(images/process_bar.png); }
#process_row{width:940px; height:auto; overflow:hidden; clear:both; border-top:dotted 1px #ccc; padding:20px 0px 20px 0px;  }
#process_row p{line-height:1.8em; }
#process_row_top{width:940px; height:auto; overflow:hidden; clear:both; border-top:dotted 1px #ccc; padding:20px 0px 0px 0px;  }
.process_row_text ul{list-style:circle; font-size:1.2em; padding-left:20px; line-height:1.8em; color:#999; }
.process_row_text2 ul{list-style:circle; font-size:1.2em; padding-left:20px; line-height:1.8em; color:#999; }
.process_row_titles{width:940px; overflow:hidden; clear:both; }
.process_row_text{width:940px; overflow:hidden; clear:both;  }
.process_row_text2{width:940px; overflow:hidden; clear:both; padding-top:20px; }
.process_content{width:170px; float:left; padding:20px 60px 0px 0px; }
.process_content_title{width:170px; float:left; padding:10px 60px 0px 0px; }
.process_content2{width:170px; float:left; padding:190px 60px 0px 0px; }
.process_content3{width:170px; float:left; padding:210px 60px 0px 0px; }
.process_content4{width:170px; float:left; padding:400px 60px 0px 0px; }
.process_content5{width:170px; float:left; padding:0px 60px 0px 110px; }
.process_content6{width:170px; float:left; padding:0px 60px 0px 0px; }
.process_content7{width:140px; float:left; padding:0px 0px 0px 0px; }
#process_row h3{padding-bottom:15px; }
#process_col1{width:220px; padding:0px 20px 10px 0px; float:left; }
#process_col2{width:220px; padding:0px 0px 10px 0px; float:left; }
#process_row ul{list-style:circle; font-size:1.2em; padding-left:20px; line-height:1.8em; color:#999;}

/*Carriers*/

#graphic{width:940px; overflow:hidden; clear:both; }
#col_left{width:300px; float:left; padding:10px 20px 0px 0px; }
#col_right{width:400px; float:left; padding:20px 0px 0px 50px; }
#col_center{width:164px; height:400px; float:left ;background:url(images/man.png); }
#col480{width:460px; margin-right:20px; overflow:hidden; clear:both; float:left; }
#col460{width:460px; float:left; }
#col_left p{line-height:1.8em; }

.pricing_main{width:940px; padding: 20px 0px 20px 0px;}
.pricing_main h2{margin: 0 0 10px 0; font-size:2.8em; font-weight:bold;}
.pricing_main .subscribe{padding: 30px 0 30px 0; font-size: 1.4em; font-weight: bold; color: #4b4d4a;}
.pricing_main p{padding: 0px 0 20px 0; line-height:1.8em;}

.pricing_header{overflow: hidden; width: 100%;}
.pricing_header_left{float: left; width: 630px;}
.pricing_header_left .title{font-size: 2.2em; line-height: normal; color: #7d807c; padding: 0 0 20px 0; font-style: normal;}
.pricing_header_right{float: left; width: 223px; padding: 0 0 0 65px;}
.pricing_header_right .card{font-size: 1.4em; line-height: normal; color: #7d807c; font-weight: bold; padding: 0 0 10px 0;}

.pricing_table{width: 898px; margin: 50px 0 20px 0; padding: 20px 10px 20px 10px; overflow: hidden; border: 1px solid #cdcbcb; background-color: #f3f3f3;}
.pricing_table .thumb{float: left; width: 189px; padding: 10px 10px 10px 25px; border-right: 1px solid #cdcbcb;}
.pricing_table .thumb .subtitle{ font-size: 1.3em; color: #5c6458; padding: 0 0 20px 0;}
.pricing_table .thumb_last .subtitle{ font-size: 1.3em; color: #5c6458; padding: 0 0 20px 0;}
.pricing_table .thumb_last{float: left; width: 188px; padding: 10px 10px 10px 25px;}
.pricing_table .thumb .price{font-size: 2.2em; font-weight: bold; color: #d15806; line-height: normal;}
.pricing_table .thumb_last .price{font-size: 2.2em; font-weight: bold; color: #d15806; line-height: normal;}
.pricing_table .thumb .price span{font-size: 11px; font-weight: normal; color: #b1b1b1 ;line-height: normal;}
.pricing_table .thumb_last .price span{font-size: 11px; font-weight: normal; color: #b1b1b1; line-height: normal;}
.thumb a, .thumb_last a{float: left; width: 160px; height: 40px; display: block; margin: 20px 0 10px 0; background: url(images/buynow.png) top left no-repeat; text-indent: -9999px;}

.pricing_table .thumb ul.listing, .pricing_table .thumb_last ul.listing{float:left; padding: 30px 0px 0px 0px; margin:0;}
.pricing_table .thumb ul.listing li{list-style-image: none; background-image:url(images/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}
.pricing_table .thumb_last ul.listing li{list-style-image: none; background-image:url(images/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}
.pricing_table .thumb ul.listing li.no{list-style-image: none; background-image:url(images/no.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}
.pricing_table .thumb_last ul.listing li.no{list-style-image: none; background-image:url(images/no.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}


.pricing_table h4.professional{width: 100%;float: left; line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(images/professional.png) center left no-repeat; text-indent: -9999px;}
.pricing_table h4.basic{width: 100%; float: left;line-height: 47px; margin: 0 0 35px 0; padding: 0 0 0 0; background: url(images/basic.png) center left no-repeat; text-indent: -9999px;}

.pricing_table h4.advanced{width: 100%;float: left; line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(images/advanced.png) left center no-repeat; text-indent: -9999px;}
.pricing_table h4.nitro{width: 100%; float: left;line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(images/nitro.png) center left no-repeat; text-indent: -9999px;}

.pricing_table_footer{font-size: 1.2em; color: #949494; font-style: italic;}

#col220_left{width:220px; float:left; margin-right:20px; }
#col220_left p{line-height:1.8em; }
#info_graphic{width:460px; height:435px; float:left; padding:0px 20px 50px 0px; background:url(images/services.png) no-repeat;}
#col220_right{width:190px; float:left; padding-left:30px; }
.ws {display:block; background:url(images/web_bg.png) no-repeat left; background-position: 0% 23%; padding-left:20px; }
.tech {display:block; background:url(images/tech_bg.png) no-repeat left; background-position: 0% 23%; padding-left:20px; }
.im {display:block; background:url(images/im_bg.png) no-repeat left; background-position: 0% 10%; padding-left:20px; }
.cm {display:block; background:url(images/cm_bg.png) no-repeat left; background-position: 0% 8%; padding-left:20px; }
.cs {display:block; background:url(images/cs_bg.png) no-repeat left; background-position: 0% 23%; padding-left:20px; }
.staffing {display:block; background:url(images/staffing_bg.png) no-repeat left; background-position: 0% 23%; padding-left:20px; }
.sm {display:block; background:url(images/sm_bg.png) no-repeat left; background-position: 0% 23%; padding-left:20px; }
.pi {display:block; background:url(images/pi_bg.png) no-repeat left; background-position: 0% 23%; padding-left:20px; }
/* blog post style */
.blog_post p { margin-bottom: 20px; font-size:1.2em; }
.blog{width:600px; }
.blog_post h2{color:#000; }
.blog_post h1 { font-size: 30px; }
.blog_post h3 { font-size: 24px; font-weight: bold; color: #333; padding: 0; margin: 0;}
.blog_post h4 { font-size: 19px; }
.blog_post h5 { font-size: 16px; }
.blog_post h1, .blog_post h3,.blog_post h4, .blog_post h5 { margin-bottom: 10px; }

.blog_post ol li, .blog_post ul li { font-size: 1.2em; line-height: 1.5; }
.blog_post ol, .blog_post ul { margin: 0 0 20px 25px; }
.blog_post ul li { list-style-type: disc; }

.blog_post table { width: 100%; font-size: 12px; margin-bottom: 20px; border: 1px solid #ccc; border-collapse: collapse; }
.blog_post table th { text-align: left; padding: 5px;border: 1px solid #ccc; background: #f1f1f1; }
.blog_post table td { padding: 5px; border: 1px solid #ccc;  font-size: 12px; }
.blog_post table tr.even { background: #f1f1f1; }

h2.comments, #respond h3 { border-top: 1px solid #cdcbcb; border-bottom: none; padding: 10px 0; font-size: 25px; font-weight: bold; }
#respond h3 { border-top: none; border-bottom: 1px solid #cdcbcb; margin-bottom: 10px; color: #4b4d4a; padding-top: 0; margin-top: -3px; }


.blog_post .entry { margin-top: -15px; font-size:1.2em;}
.blog_p { margin-bottom: 30px; }
h2.blog a { color: #18181a; line-height:1.2em;}



/* CSS for WP-Testimonials */
#sfstest-form label { float: left; width: 200px; font-weight: bold; }
#sfstest-form input { width: 250px; margin-bottom: 5px; border: 1px solid #ccc; }
#sfstest-form br { clear: left; }
#sfstest-sidebar .text { text-align: justify; padding: 2px; }
#sfstest-sidebar .client { font-style: italic; text-align: right; margin-top: 5px; }
#sfstest-sidebar .readmore { text-align: center; margin-top: 5px; }
#sfstest-sidebar .clearboth { clear: both; }
#sfstest-page .text { text-align: justify; padding: 2px; }
#sfstest-page .client { font-style: italic; text-align: right; margin-top: 5px; }
#sfstest-page .grayline { height: 2px; width: 100%; background: #999; border-top: 1px solid #fff; overflow: hidden;
margin-top: 5px; margin-bottom: 5px; }

 ul.paging { list-style: none; padding: 0; font-weight: bold; }  
 ul.paging li { float: left; margin: 0 6px 6px 0; }  
 ul.paging li a, ul.paging li.active { display: block; padding: 3px 6px; background-color: #f5f5f5; border: 1px solid #ccc; }  
ul.paging li.active { background-color: #000; border-color: #000; color: #fff; } 

/* twitter widget */
.widget_twitter { position: relative;  }
.widget_twitter h2  { font-size:1.2em!important; }
.follow-us { position: absolute; top: 205px; right: 120px; display: block; font-size: 11px!important; text-decoration: underline; }

#top_light5 li.twitter-item { width:181px; height:185px; padding:18px 20px 18px 20px; background: transparent url(images/bg_twitter.png) no-repeat; position:relative; font-size:1.4em; color:#333; font-family:"Times New Roman", Times, serif; font-style:italic;}
#top_light5 li.twitter-item a { font-size: inherit; color: #d05606; }

#respond p { font-size: 12px; margin-bottom: 15px; }

/* recent posts widget */
.tddrecentposts li {  padding: 0!important;}
.tddrecentposts li dl dt a { font-size: 12px; font-weight: bold;  padding-left: 80px; }
.tddrecentposts li dl dd { font-size: 12px; margin-bottom: 8px;  }
.tddrecentposts li dl dd.sidebardate { display: block; background:  url(i/recentposts-date.gif) no-repeat; width: 72px; height: 15px; text-align: center; margin: 4px 0; padding-top: 1px; margin-top: -16px; margin-bottom: 6px; }

/* receont comments widget */
#footer #get_recent_comments_wrap ul li { background:transparent url(images/ico_comment.png) top left no-repeat; padding:0 0 0 40px!important; margin:0 0 20px 0; font-size:1.2em; }
#footer #get_recent_comments_wrap ul li a { font-weight: bold; font-size: 12px; }
#footer #get_recent_comments_wrap ul li p { font-size: 11px; color: #fff; margin: 4px 0 0 0; width: 185px; }

/* max banner ads */
.widget_maxbannerads div { margin-right: -5px!important; position: relative!important; }
.widget_maxbannerads h2 { margin-bottom: 6px!important; }
.widget_maxbannerads a {  border: 6px solid #e4e4e3; padding: 1px; margin:0; background: #fff; display: block; float: left; margin: 0 0 7px 7px!important;  width:88px; height:88px;}
.widget_maxbannerads span, .widget_maxbannerads span a { clear:both; display:none; }



/************************************************
*	Comments									*
************************************************/
	
.commentlist li ul li { font-size: 12px; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { background: #FFF; float: left; border: 1px solid #EEE; margin: 0 5px  10px; padding: 2px; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 12px; }
.commentlist p { font-weight: normal; text-transform: none; }
.commentmetadata { font-weight: normal; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0px; }
#commentform { margin: 5px 10px 0px 0px; }
#commentform textarea { width: 98%; padding: 2px;}
#respond:after { content: ".";  display: block; height: 0px; clear: both; visibility: hidden; }
#commentform p { margin: 5px 0px 5px 0px; }
#commentform #submit { margin: 0px; float: left; }
.alt { margin: 0px; padding: 10px; }
.commentlist { margin: 0px; padding: 0px; }
.commentlist ol { margin: 0px; padding: 10px; }
.commentlist li { margin: 15px 0px 10px; padding: 10px 5px 10px 10px; list-style: none; }
.commentlist li ul li {  margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0px; padding: 0px; }
.children { margin: 0px; padding: 0px; }
.nocomments { text-align: center; margin: 0px; padding: 0px; }
.commentmetadata { font-size: 10px; margin: 0px; display: block; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 40px; }
.alignright { float: right; }
.alignleft { float: left; } 
.thread-alt { background: none; margin: 0px; padding: 0px; }
.thread-even { background: none; margin: 0; padding: 0; }
.depth-1 { border-bottom: 1px dotted #BBB; margin: 0; padding: 0; }
.even, .alt { border-bottom: 1px dotted #BBBBBB;  margin: 0; padding: 0; }

#slider {
    position: relative;
    margin-bottom: 30px;
}
#slider .slides {
    margin: 0;
    padding: 0;
}
#slider .slides li {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
#slider .slides img {
    background: url(images/ombre.png)no-repeat bottom;
    vertical-align: bottom;
    padding-bottom:15px;
}
#slider .slides .details {
    position: absolute;
    bottom: 0;
    background: url(slide-description-bg.png);
    color: #ccc;
    width: 910px;
    padding: 10px 20px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#slider .slides h3 {
    color: #fff;
    margin: 0;
    font: normal 16px/120% Arial, Helvetica, sans-serif;
}
#slider .slides p {
    margin: 0;
}
#slider .slide-nav-wrap {

    text-align: center;
    display: block;
    margin:15px 0;
    width: 100%;


}
#slider .slide-nav a {
    display: inline-block;
    background: url(images/slide-nav.png) no-repeat -40px 0;
    width: 10px;
    height: 11px;
    padding: 2px;
    margin: 0 2px 1px;
    text-indent: -25px;
    overflow: hidden;
}
#slider .slide-nav a:hover {
    background-position: -20px 0;
}
#slider .slide-nav a.activeSlide {
    background-position: 0 0;
}
#slider .next-prev-slide-button {
    display: inline-block;
    background: url(images/slide-next-prev.png) no-repeat;
    width: 8px;
    height: 13px;
    padding: 2px;
    text-indent: -25px;
    overflow: hidden;
}
#slider .prev-slide {
    background-position: 0 0;
    margin-right: 5px;
}
#slider .prev-slide:hover {
    background-position: 0 -27px;
}
#slider .next-slide {
    background-position: -30px 0;
    margin-left: 5px;
}
#slider .next-slide:hover {
    background-position: -30px -27px;
}

#spacer{width:700px; overflow:hidden; height:40px; }
#spacer2{width:700px; overflow:hidden; height:20px; }
#small_title{width:220px;  float:left; padding-right:10px;}
#small_title2{width:190px;  float:left; padding-right:10px; padding-left:15px;}
#small_title3{width:190px;  float:left; padding-right:10px; padding-left:35px;}

.simple_row{width:700px; overflow:hidden;}
.simple_row2{width:700px; overflow:hidden; padding-top:20px;}

#suckerfishnav {
    background:#f8f8fa repeat-x;
    font-size:12px;
    font-family:Arial,verdana,sans-serif;
    font-weight:normal;
    width:840px;

    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    margin:0;
    width:840px;
    }
#suckerfishnav a {
    display:block;
    color:#3c3c3c;
    text-decoration:none;
    padding:2px 25.5px 0px 0px;
    text-transform:uppercase;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    height:auto;
    width:201px;
    font-weight:normal;
    margin-left:-30px;
    line-height:1;
    border:0;
    }
#suckerfishnav li li {
    width:160px;
    margin-left:20px;
    font-weight:normal;
    font-family: Arial, verdana,sans-serif;
    border-bottom:dotted 1px #999999;
    }
#suckerfishnav li li a {
    padding:10px 0px 10px 10px;
    width:200px;
    font-size:12px;
    color:#666666;
    text-transform:none;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#f8f8fa;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#df2800;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#df2800;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#666666;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#f8f8fa;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#f8f8fa;
    }

.quote_spacer{width:250px; height:2px;}

.portfolio-wrapper {
	width:720px;
	margin:0 0 0 -20px;
}

.portfolio-wrapper li {
	float:left;
	margin:16px 0px 10px 0px;
	width:220px;
	padding-left:20px;
	padding-bottom:15px;
}
.portfolio-wrapper img{opacity:.80}

.portfolio-wrapper li h4 {
	float:left;
	margin:0 7px 8px 7px;
	width:286px;	
}
.portfolio_category{width:960px; padding:10px 0px 10px 0px;margin:0px auto;}

.portfolio_category a{font-size:1.2em; text-transform:uppercase; padding-right:30px;word-spacing:1px;}

.portfolio-wrapper  li img:hover{
background:black;
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}