@charset "UTF-8";
/* CSS Document */
/*CSS RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
 
/*common*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2f2b5e;
	font-weight: 100;
	margin:15px 0;
	background:url(/img/site_update/gradient_white_cap.png) repeat-x #FFF 0px -10px;
} 

a{
	font-weight: 100;	
}

.clear{
	clear: both;	
}

#frame{
	width: 950px;
	margin: 0 auto;
}

h1{
	color: #748d20;
	font-weight: 100;
	font-size: 200%;
	font-family:Gill sans,Trebuchet MS, tahoma,sans-serif;
}

h2{
	color: #748d20;
	font-weight: 100;
	font-size: 150%;
	font-family:Gill sans,Trebuchet MS, tahoma,sans-serif;
}

h2 a {
	color:#748D20;
	font-family:Gill sans,Trebuchet MS, tahoma,sans-serif;
	text-decoration: none;
}

p{
	margin-bottom: 10px;
}

hr{
	margin: 0;
	border: 0;
	border-top: 1px solid #bdbdbd;
}

.errorText{
	color: red;	
}

/*content boxes*/
.small_box_top,
.small_box_bottom{
	height: 7px;
	width: 407px;
	background: url('/img/gmap_top.jpg') no-repeat;
}

.small_box_bottom{
	background: url('/img/gmap_bottom.jpg') no-repeat;	
}

.small_box_content{
	background: url("/img/sitemap_content.jpg");
	display: inline-block;
}

/*header*/
#header{
	width: 950px;	
	height: 139px;
}

#header .logo{
	position:relative;
	float: left;
	width: 550px;
}

#socialcontact {
    height: 46px;
    left: 368px;
    position: absolute;
    top: 38px;
    width: 262px;
}

#header .logo h1{
	text-indent: -9999px;	
	background: url('/img/logo.jpg') no-repeat;
	height: 116px;
	width: 295px; 
}

#header .logo a{
	display: block;
	height: 116px;
	width: 295px; 
}

#header .news a{
	text-decoration: none;	
}

#header .news{
	position:relative;
	overflow:hidden;
	padding:5px;
	display:block;	
	width: 161px;
	height: 110px;
	font-size:11px;
	float:right;
	border:solid 1px #AAAAAA;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
#header .news ul li{
	display:block;	
	margin-bottom:5px;
}
#header .news div{
	display:block;	
	width: 151px;
	height: 115px;
	padding:5px;
}
#header .news .news_header{
	display: block;	
	color: #9fb065;
	font-size: 160%;
	margin-bottom: 10px;	
}

#header .news .new_title{
	display: block;
	color: #04487d;
	text-transform: capitalize;
	text-decoration: underline;
}

#header .news .news_date{
	display: block;
	color: #859b3b;
}

#header .news .news_item{
	display: none;	
}

#header .news .fakep{
	color: #2f2b5e;
	text-decoration: none;
}

/*top nav*/
#nav, .case_studies_nav {
    height: 55px;
    list-style-type: none;
    margin-bottom: 20px;
    text-align: center;
    width: 949px;	
    /*background:url(/img/site_update/menu_bar.gif);*/
}

#nav ul, .case_studies_nav ul{
	list-style-type: none;
}

#nav ul li, .case_studies_nav ul li{
	float:left;
	position:relative;
	z-index:999;
	
}

#nav a, .case_studies_nav a{
	color: #fff;
	font-size: 120%;
	text-decoration: none;
	font-family: Gill sans,Trebuchet MS, tahoma,sans-serif;
	font-weight:100;	
}
#nav .item,
.case_studies_nav .item{
	width: 135px;
	height: 55px;
	display: block;
	float: left;
}
#nav .ends{width: 137px;}
#nav li a {background:url(/img/site_update/menu_bar.gif)}

#nav li a.home {background-position:0px 0px;text-indent:-99999em;}
#nav li a:hover.home,
#nav li #home, 
#nav li:hover.home{background-position:0px -56px}

#nav li a.about {background-position:-120px 0px;text-indent:-99999em;}
#nav li a:hover.about,
#nav li #about, 
#nav li:hover.about{background-position:-120px -56px;}

#nav li a.services {background-position:-255px -0px;text-indent:-99999em;}
#nav li a:hover.services,
#nav li #services, 
#nav li:hover.services{background-position:-255px -56px;}

#nav li a.portfolio {background-position:-380px -0px;text-indent:-99999em;}
#nav li a:hover.portfolio,
#nav li #port, 
#nav li:hover.portfolio{background-position:-380px -56px;}

#nav li a.case {background-position:-522px -0px;text-indent:-99999em;}
#nav li a:hover.case,
#nav li #case, 
#nav li:hover.case{background-position:-522px -56px;}

#nav li a.blog {background-position:-670px -0px;text-indent:-99999em;}
#nav li a:hover.blog,
#nav li #blog, 
#nav li:hover.blog{background-position:-670px -56px;}

#nav li a.contact {background-position:-812px -0px;text-indent:-99999em;}
#nav li a:hover.contact,
#nav li #contactus, 
#nav li:hover.contact{background-position:-812px -56px;}


/*drop down menu*/
#nav ul li ul{
	z-index: 99;
	position: relative;
}

#nav ul li ul li{
	float: left;	
	position: relative;
}

#nav ul li ul li a{
	float: left;
	text-decoration: none;
	background:none;
}

#nav ul li ul li a:hover, .hoverButton{
	background: url(/img/hover.jpg) repeat-x;
	color: #FFFFFF !important;
}

#nav ul li ul{
    background: url('/img/dd_menu.png') no-repeat bottom;
	display: none;
    position: absolute; 
    font-size: 80%;
    width: 208px;
    z-index: 99999999;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	clear: both;
	float: none;
	top: 55px;
	padding: 19px 0px;
}

#nav ul li ul li{
    display: block;
	float: none;
	background: none;
	z-index: 999;
	margin:0px;
	padding:0px;
	line-height: 1;
	/*height:10px;*/
} 

#nav ul li ul li a{   
   	line-height: 1.5em;
	width: 183px;
	padding:0px;
	margin:0px;
	margin-top: 3px;
	display: block;
	padding-left: 25px;
	text-align: left;
}  

#nav ul li ul li a:hover{
	text-decoration: none;;
	background: url('/img/dd_menu_hover.png') repeat-x;
} 
.case_studies_nav {
	line-height:30px!important;
	height:25px!important;
}
.case_studies_nav ul li a {	
	font-size:100%!important;
	height:30px!important;
}
.case_studies_nav .item_sel {
	background-image:('/img/s_menu_first_h.jpg')!important;
}
.case_studies_nav ul li{
	z-index:0;
}

/*slides*/
#slides{
	overflow:hidden;
	background: #fff url('/img/slide_bg.png') no-repeat center;	
	width: 950px;
	height: 268px;
	position:relative;
	margin-bottom: 15px;
}

#slides .forward,
#slides .back{
	background: url('/img/slide_forward.png') no-repeat;	
	height: 107px;
	width: 38px;
	display: block;
	float: right;
	cursor: pointer;
	margin-top: -35px;
	position: relative;
	z-index: 99;
	text-indent:-99999999999em;
}
#oldie #slides .forward,
#oldie #slides .back{
	behavior: url(/iepngfix.htc);
}

#oldie .pngFix img, #oldie .pngFix{
	behavior: url(/iepngfix.htc);
}

#slides .back{
	background: url('/img/slide_back.png') no-repeat;	
	float: left;
}

#slides #slideshow{
	float: left;
	width: 950px;
	height: 268px;
	text-align: center;
	position: absolute;
	z-index: 0;
	top:0px;
	left:0px;
}

#slides #slideshow .slide{
	width: 950px;
	height: 268px;
	diplsay: block;
	z-index: 1;
	text-indent: -99999px;
}

#slides #slideshow .slide a{
	display: block;
	width: 950px;
	height: 268px;
}

/*fake links*/
#fake_links{
	position: absolute;
	height: 257px;
	margin-top: -35px;
	width: 950px;
	z-index: 10;
}

/*home top*/
#home_top{
	relative;
	width: 950px;
	height: 220px;
	z-index: 1;
	position: relative;
}

#home_top a{
	text-decoration: none;
	color: #2f2b5e;
}

#oldie #home_top a {
	behavior: url(/iepngfix.htc);
}

#home_top .web,
#home_top .web_hover{
	background: url('/img/web.png') no-repeat;
	margin-top: -35px;
	width: 472px;
	height: 146px;
	display: block;
	float: left;
}

#home_top .web_hover{
	background: url('/img/web_hover.png') no-repeat;
}

#home_top .creative,
#home_top .creative_hover{
	background: url('/img/creat.png') no-repeat;
	margin-top: -35px;
	width: 472px;
	height: 146px;
	display: block;		
	float: right;
}

#home_top .creative_hover{
	background: url('/img/creat_hover.png') no-repeat;
}

#home_top .seo,
#home_top .seo_hover{
	background: url('/img/seo.png') no-repeat;
	margin-top: -35px;
	width: 472px;
	height: 146px;
	display: block;
	float: left;
}

#home_top .seo_hover{
	background: url('/img/seo_hover.png') no-repeat;	
}

#home_top .print,
#home_top .print_hover{
	background: url('/img/print.png') no-repeat;
	margin-top: -35px;
	width: 472px;
	height: 146px;
	display: block;
	float: right;
}

#home_top .print_hover{
	background: url('/img/print_hover.png') no-repeat;	
}

#home_top .home_button{
	padding: 54px 193px 0px 20px;
	display: block;
}


#home_top .creative b,
#home_top .web b,
#home_top .print b,
#home_top .seo b {
	color: #748D20;
	font-size: 150%;
	font-weight: 100;
	font-family: Gill sans,Trebuchet MS, tahoma,sans-serif;
}

#home_top .creative_hover b,
#home_top .web_hover b,
#home_top .print_hover b,
#home_top .seo_hover b{
	font-size: 150%;
	color: #bed730;
	font-weight: 100;
	font-family: Gill sans,Trebuchet MS, tahoma,sans-serif;
}

#home_top .creative_hover b,
#home_top .web_hover b,
#home_top .print_hover b,
#home_top .seo_hover b{
	color: #bed730;
	font-family: Gill sans,Trebuchet MS, tahoma,sans-serif;
}

#home_top u{
	text-decoration: none;
	display: block;
}

#home_top .creative_hover u,
#home_top .web_hover u,
#home_top .print_hover u,
#home_top .seo_hover u{
	color: #fff;
}

/*home left*/
#home_left{
	width: 472px;
	float: left;
	margin: 30px 6px 0px 0px;
	display: inline;
}

.newsletter{
	/*margin-left: -24px;*/
}

.newsletter .top,
.newsletter .bottom{
	width: 459px;
	height: 6px;
	background: url('/img/newsletter_top_norm.jpg');
}

.newsletter .top-long,
.newsletter .bottom-long{
	width: 480px;
	height: 6px;
	background: url('/img/newsletter_long_top.jpg');
}

.newsletter .content{
	background: url('/img/sitemap_content.jpg');
	padding: 0px 10px 0px 24px;
	width: 425px;
	min-height: 77px;
	height: auto !important;
	height: 77px;

}

.newsletter .content-long{
	background: url('/img/sitemap_content.jpg');
	padding: 0px 0px 0px 24px;
	width: 456px;
	min-height: 77px;
	height: auto !important;
	height: 77px;

}

.newsletter .content h2{
	margin-bottom: 6px !important;	
}

.newsletter #form{
	width: 330px;
	float: right;
}

.newsletter .formSubmitRow,
.newsletter .formRow{
	float: left;	
}

.newsletter .formRow input{
	background: url('/img/newsletter_input.png') no-repeat;
	border: 0; 
	width: 206px;
	padding: 0px 4px;
	height: 23px;
	color: #fff;
	text-align: right;
}

.newsletter .formSubmitRow input {
	background: none;
	border: 0;
	color: #9fb065;
	font-size: 140%;
	font-weight: 100;
	cursor: pointer;
	height: 26px;
	font-family: Gill sans,Trebuchet MS, tahoma,sans-serif;
	font-weight:100;
}

.newsletter .bottom{
	background: url('/img/newsletter_bottom_norm.jpg');
}

.newsletter .bottom-long{
	background: url('/img/newsletter_long_bottom.jpg');
	margin-left: -24px;
}

#home_left h2, #home_right h2{
	margin: 0px 0px 22px 0px;	
}
#home_left a, #home_left a:link, #home_left a:active, #home_left a:visited{
	text-decoration: none;
	color: #748d20;
}
#home_left a:hover{
	text-decoration: underline;
	color: #748d20;
}
#home_left span{
	color: #748d20;
}
/*home right*/
#home_right{
	width: 472px;
	float: left;
	margin: 30px 0px 0px 0px;
} 

#home_right .f_left,
#home_right .f_left_new{
	display: block;
	width: 220px;
	height: 150px;
	position: relative;
	text-decoration: none;
	margin: 0px 32px 15px 0px;
	float: left;
}

#home_right .f_left_new{
	background: url('/img/cases/alpha_new.png') no-repeat;	
}

#home_right .f_left{
	background: url('/img/cases/alpha.png') no-repeat;		
}

#home_right .f_left .sites_bg,
#home_right .f_left_new .sites_bg{
	display: block;	
	width: 220px;
	height: 150px;
	position: relative;
	z-index: -999;
}

#home_right .f_margin{
	margin: 0 !important;	
}

#home_right .f_left_new:hover{
	background: url('/img/cases/alpha_new_hover.png') no-repeat top right;
	text-decoration: none;
}

#home_right .f_left:hover{
	background: none;	
	text-decoration: none;
}

#home_right .f_left_hover{
	background: url('/img/cases/alpha_bg.png');
	display: block;
	color: #bedb6e;
	padding: 7px 0px 9px 18px;
	text-decoration: none;
	width: 202px;
}

#home_right .f_left_hover b{
	color: #fff;
	font-weight: normal;
}

/*example sites*/


/*site map*/
#sitemap{
	margin: 15px 0px;
}

#sitemap .top{
	background: url('/img/sitemap_top.jpg') no-repeat;
	height: 7px;
	width: 950px;
	overflow:hidden;
}

#sitemap .middle{
	background: url('/img/sitemap_content.jpg');
	width: 950px;
}

#sitemap .middle h2{
	padding: 5px 25px 5px 25px;
}

#sitemap .middle .map_item{
	width:134px;
	float: left;
	margin-right:3px;
	font-family:Gill sans,Trebuchet MS, tahoma,sans-serif;
}

#sitemap .middle .last{
	width: 90px !important;	
}

#sitemap .middle .fakeh3{
	color: #2f2b5e;
	font-weight: 700 !important;
	text-decoration: none;
}

#sitemap .middle .fakeh4{
	color: #2f2b5e;
	text-decoration: none;
	font-size:90%;
}

#sitemap .bottom{
	background: url('/img/sitemap_bottom.jpg') no-repeat;
	height: 7px;
	width: 950px;		
}

/*footer*/
#footer{
	margin-top: 25px;
	height: 29px;
	line-height: 20px;
	padding: 0px 0px 50px;
	width:100%;
	clear:both;
}

#footer .links{
	float: left;	
}

#footer, #footer a{
	color: #123e72;
	text-decoration: none;
}

#footer .links a{
	margin-right: 30px;
}

#footer a:hover,
#footer .links .sel{
	color: #a0b169;	
}

#footer .network{
	float: left;
}

#footer .network a {
	float:left;
	display:block;
	text-indent:-9999999px;
	font-size:0px;
	line-height:0px;
	background: url(/cdn_images/footlogos.png);
}
#footer .network .hosting{
	width:145px;
	height:44px;
	background-position: 0 0;
	margin:0px 5px;
}
#footer .network .rackspace{
	width:145px;
	height:44px;
	background-position: -155px 0;
	margin:0px 5px;
}
#footer .network .buy_local{
	width:64px;
	height:56px;
	background-position: -308px 0;
	margin:0px 5px;
}
#footer .network .commerce{
	width:71px;
	height:47px;
	background-position: -390px 0;
	margin:0px 5px;
}
#footer .copy{
	float: right;
	font-size:12px;
}
#footer .copy p{
	color:#768E1F;
	padding:0;
	margin:0;
}
#footer .copy p a{
	text-decoration:none;
	font-size:12px;
	color:#768E1F;
	
}

/*about us*/
#about .left{
	float: left;
	width: 418px;
	margin: 30px 28px 17px 10px;
	text-align:justify;
}

#about .left h2{
	margin-bottom: 17px;	
}

#about .right{
	width: 460px;
	float: left;
}

#about .right .slide{
	background: url('/img/laptop.jpg') no-repeat 50% 50%;
	height: 354px;
	width: 480px;
}

#about .right .forward,
#about .right .back{
	background: url('/img/slide_forward.png') no-repeat;	
	height: 107px;
	width: 38px;
	display: block;
	float: right;
	cursor: pointer;
	margin-top: 133px;
	position: relative;
}

#about .right .inner{
	float: left;
	height: 195px;
	overflow: hidden;
	padding: 78px 49px 0;
	width: 306px;
}

#aboutText {
	height: 440px; 
	overflow: hidden;	
}

#about .right .back{
	background: url('/img/slide_back.png') no-repeat;
	float: left;
}

#about .right .slide_bottom{
	background: url('/img/a_slide_bottom.jpg') no-repeat;
	height: 6px;
	width: 480px;
}

#about .staff_top{
	background: url('/img/sitemap_top.jpg') no-repeat;
	height: 7px;
	width: 950px;
}

#about .staff_bottom{
	background: url('/img/sitemap_bottom.jpg') no-repeat;
	height: 7px;
	width: 950px;		
}

#about .staff{
	background: url("/img/sitemap_content.jpg");
	width: 950px;
	min-height: 104px;
	height: auto !important;
	height: 104px;
}

#about .staff h2{
	padding: 8px 25px 9px 25px;	
	border-bottom: 1px solid #bdbdbd;
}

#about .staff .m{
	padding: 0px 20px;	
}

#about .staff a,
#about .staff .sel{
	display: block;
	width: 82px;
	height: 40px;
	background: url('/img/staff_back.jpg');
	text-decoration: none;
	color: #fff;
	float: left;
	border-right: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	padding: 7px 0px 0px 8px;
	cursor: pointer;
}

#about .staff a:hover,
#about .staff .sel{
	background: url('/img/staff_back_hover.jpg');	
}

#about .staff a span{
	font-size: 70%;
	display: block;	
	line-height: 7px;
}

#about .staff a span b{
	display: block;		
	font-size: 80%;
	font-weight: bold !important;
}

#hideme .details{
	padding-left: 20px;
	clear: left;
	display: none;
	top:-15px;
	position:relative;
	
}

/*contact*/
#contact{
	margin-top: 15px;
}

#contact .left{
	width: 407px;
	float: left;
}

#gmaps_canvas{
	height: 188px;	
	border: 2px solid #dfdede;
	margin: 0px 7px;
}

#contact .left .details{
	margin-top: 15px;	
	height:218px;
	overflow:hidden;
}

#contact .left span{
	width: 72px;
	color: #819930;
	font-size: 90%;
	float: left;
	clear: left;
	margin-left: 30px;
}

#contact .left p{
	color: #2f2b5e;
	float: left;
	text-decoration: none;
	font-size: 145%;
}

#contact .left p a {
	color:#2F2B5E;
}

#contact .right{
	width: 513px;	
	float: left;
	margin-left: 30px;	
}

#contact .right h2{
	margin-bottom: 15px;	
}

#contact .right .formRow{
	width 279px;
}

#contact .right .cform{
	margin-top: 52px;
}

#contact .right .cform input{
	background: url('/img/contact_input.png') no-repeat;
	height: 26px;
	width: 190px;
	padding: 0px 4px;
	color: #2f2b5e;
	border: 0;
	float: left;
	margin-bottom: 26px;
	clear:both;
}

#contact #email {
	margin-bottom: 15px!important;	
}

#contact .errorText {
	width:200px;
	font-size:70%;
}

#contact .errorText p {
	margin-bottom:0px;	
}



#contact .right .cform {
	position:relative;	
}

#contact .right .cform textarea{
	background: url('/img/textarea.jpg') no-repeat;	
	height: 218px;
	width: 279px;
	color: #2f2b5e;
	border: 0;
	float: right;
	padding: 4px;
	position:absolute;
	top:0px;
	left:226px;
}

#contact .right .formSubmitRow{
	clear: both;	
	margin-top:20px;
	overflow:hidden;
}
 
#contact .right .formSubmitRow input{
	float: right;
	background: url('/img/contact_submit.png') no-repeat;
	width: 94px;
	height: 25px;
	margin: 0;
} 

/*vacancies*/
#job{
	margin-top: 15px;		
}

#job .left{
	width: 458px;
	float: left;
}

#job .left .top,
#job .left .bottom{
	background: url('/img/vac_left_top.jpg');
	height: 7px;
	width: 458px;
}

#job .left .bottom{
	background: url('/img/vac_left_bottom.jpg');	
}

#job .left #jscroll{
	background: url("/img/sitemap_content.jpg");
	height: 514px;
	width: 458px;
	overflow: auto;
}

#job .left #jscroll .vac{
	margin-left: 5px;
}	

#job .left #jscroll .vac h2{
	margin-bottom: 15px;	
}

#job .left #jscroll .vac a{
	display: block;
	color: #7d9530;
	text-decoration: none;
}

#job .right{
	width: 477px;
	float: left;
	margin-left: 15px;
}

#job .right h2{
	margin-bottom: 17px;	
}

#job .right .quote{
	padding: 30px 50px;
	width: 377px;
	background: url("/img/sitemap_content.jpg");
	float: left;
	font-size: 140%;
	margin-bottom: 15px;
}

#job .right .quote p{
	margin: 0;	
}

#job .right .quote p span{
	font-size: 80%	
}

#job .right a{
	color: #2F2B5E;
}

/*news*/
.newsSum h2 { margin-bottom:15px;}
#news{
	margin-top: 15px;	
}
#news h3 {
	color:#748d20;
	font-size:130%;
	font-weight:100;
	margin-bottom:5px;
}
#news #newsLink {
	text-align:center;
	display:block;
}
#news a#newsLink {
	color:#7d9530;
	text-decoration:none;
	text-align:left;
}
#news b {
	text-transform:lowercase;
}
#news .left{
	width: 458px;
	float: left;
}

.newsTop,
.newsBottom{
	background: url('/img/vac_left_top.jpg');
	height: 7px;
	width: 458px;
}

.newsBottom{
	background: url('/img/vac_left_bottom.jpg');	
}

#news .left #jscroll{
	background: url("/img/sitemap_content.jpg");
	height: 514px;
	width: 453px;
	overflow: auto;
	padding-left:5px;
}

#news .left #jscroll .vac{
	margin-left: 30px;
}	

#news .left #jscroll .vac h2{
	margin-bottom: 15px;	
}

#news .left #jscroll .vac a{
	display: block;
	color: #7d9530;
	text-decoration: none;
}

#news .right{
	width: 477px;
	float: left;
	margin-left: 15px;
}

#news .right h2{
	margin-bottom: 17px;
	color:#748d20;
	font-size:190%;
	font-weight:200;
}
#news .right h4 {
	font-size:160%;
	color:#748d20;
	font-weight:100;
	margin-bottom:5px;
}
#news .right .quote{
	padding: 30px 50px;
	width: 377px;
	background: url("/img/sitemap_content.jpg");
	float: left;
	font-size: 140%;
	margin-bottom: 15px;
}

#news .right .quote p{
	margin: 0;	
}

#news .right .quote p span{
	font-size: 80%	
}

#news .right a{
	color: #2F2B5E;
}

/*scroll bar*/
.jScrollPaneContainer{
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.jScrollPaneTrack{
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url('/img/scrollbg.jpg') repeat-y 50% 50%;
	z-index: 1;
}

#servicesText .jScrollPaneTrack{
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url('/img/scrollbar.png') repeat-y 50% 50%;
	z-index: 1;
}

#servicesContainer {
	top:-8px;
	position:relative;
}

.jScrollPaneDrag{
	position: absolute;
	background: url('/img/scroller.png') no-repeat;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom{
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

/*community*/

#com .left{
	float: left;
}

#com h2{
	margin-bottom: 17px;	
}

#com .left #slideshow{
	width: 458px;
	height: 300px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.nav-controls{
	position: absolute;
	z-index: 3;	
}

.advance-link{
	text-decoration: none;
	height:304px;
	overflow:hidden;
	display:block;
}

#com .right{
	width: 435px;
	float: right;
	margin: 0px 15px;

}

/*Case Studies*/

#caseStudies .f_left {
	display: block;
	width: 274px;
	height: 211px;
	position: relative;
	text-decoration: none;
	margin: 0px auto;
}

#caseStudies .f_left .sites_bg,
#caseStudies .f_left_new .sites_bg{
	display: block;	
	width: 274px;
	height: 211px;
	position: relative;
	z-index: -999;
}

#caseStudies .f_left:hover .f_left_hover{
	color:#FFFFFF	
}

#caseStudies .f_left_hover{
	background: url('/img/blue.png');
	display: block;
	color: #bedb6e;
	padding: 7px 0px 9px 18px;
	text-decoration: none;
	width: 256px;
}

#caseStudies li {
	height:211px;
	width:291px;
}

.jcarousel-container-horizontal {
	padding-bottom: 20px;
}

.jcarousel-clip-horizontal {
	width:950px;
}

.jcarousel-next-horizontal,
.jcarousel-prev-horizontal {
	background: url('/img/slide_forward.png') no-repeat;	
	height: 107px;
	width: 38px;
	display: block;
	right: 0px;
	cursor: pointer;
	margin-top: 120px;
	position: absolute;
	z-index: 99;
	top:0px;
}
#casestudiesContainer .jcarousel-next-horizontal, #casestudiesContainer .jcarousel-prev-horizontal {
	margin-top: 60px!important;
}
#casestudiesContainer .jcarousel-clip-horizontal {
	width:870px;
	margin:0px auto;
}


.jcarousel-prev-horizontal{
	background: url('/img/slide_back.png') no-repeat;	
	left:0px;
	right:auto;
}

.photoDesc {
	width:199px;
	height:125px;
	background-position:center;
	text-indent:-9999px;
	margin:10px;
	float:right;
}	

#portfolioImages {
	width:500px;
	float:right;
}

/*Portfolio*/

#portfolio li {
	width:950px;
	height:344px;
	background-position:center;
}

.slideText {
	height:65px;
	width:485px;
	background:url(/img/blue.png) repeat;
	padding:10px;
	color:#FFF;
	overflow:hidden;
	margin-top:259px;
}

.slideText h2 {
	color:#b6cd35;
}

.portThumb {
	height:91px;
	width:119px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin-right:19px;
	overflow:hidden;
}

.selected span {
	background:url(/img/port_blue.png) repeat;
	height:100%;
	width:100%;
	display:block;
}

/*Services Page*/

#buttons {
	float:left;	
}

.servicesButtons {
	display:block;
	width:281px;
	height:75px;
	padding:20px 170px 20px 20px;
	text-decoration:none;
	color:#2f2b5e;
	margin-bottom:10px;
}

#website-design {
	background-image: url(/img/creat_1.png);	
}

#website-design:hover, #website-design.active {
	background-image: url(/img/creat_hover_1.png);	
	color:#FFF;	

}


#website-design:hover .header, #printing:hover .header, #creative-design:hover .header, #seo:hover .header, #website-design.active .header, #printing.active .header, #creative-design.active .header, #seo.active .header {
	color:#b6cd35;
	font-family:Gill sans,Trebuchet MS, tahoma,sans-serif;
}

#printing {
	background-image: url(/img/print_1.png);	
}

#printing:hover, #printing.active {
	background-image: url(/img/print_hover_1.png);	
	color:#FFF;	
}

#creative-design {
	background-image: url(/img/web_1.png);	
}

#creative-design:hover, #creative-design.active {
	background-image: url(/img/web_hover_1.png);
	color:#FFF;	
}

#seo {
	background-image: url(/img/seo_1.png);	
}

#seo:hover, #seo.active {
	background-image: url(/img/seo_hover_1.png);
	color:#FFF;	
}

.servicesButtons .header {
	color:#748D20;
	text-decoration:none;
	font-size:150%;
	font-family:Gill sans,Trebuchet MS, tahoma,sans-serif;
}

#servicesTop {
	background:url(/img/services_top.png) no-repeat;
	padding-top:24px;
	width:468px;
	float:right;
	margin-top:7px;
}

#servicesBottom {
	background:url(/img/services_bottom.png) no-repeat bottom;
	padding-bottom:24px;
	width:468px;
	height:100%;
}

#servicesContent {
	background:url(/img/services_content.png) repeat-x #2f2b5e;
	height:433px;
	padding-right:10px;
	color:#FFFFFF
}

#servicesText {
	float:right;
	width:350px;
	height:443px;
	text-align:justify;
	overflow:hidden;
}

#servicesText h2 {
	text-align:right;
	color:#bed730;
}

#servicesText ul li {
	list-style-type:disc;
	margin: 0px 0px 10px 15px;
}

#servicesTabs {
	width:100px;
	float:left;
	margin-top:30px;
	list-style-type:none;
}

#servicesTabs li a {
	width:92px;
	height:51px;
	background:url(/img/green.png) no-repeat;
	list-style-type:none;
	margin-bottom:10px;
	padding: 3px;
	text-decoration:none;
	display:block;
	color:#FFF;
}

.servicesSub {
	margin-bottom:20px;	
	width:330px;
	height:443px;
}

/*News*/

#newsBox ul li{
	list-style-type:none;
}

/*Applcation Form*/

#application {
	width:515px;
	float:left;
}

#application label {
	display:none; 
}

#application .formRow input[type="text"]  {
	background:url(/img/application-textbox.png) no-repeat;
	height:25px;
	width:200px;
	border:none;
	color:#2f2b5e;
	font-size:12px;
}

#application #address  {
	background:url(/img/application-address.png) no-repeat;
	height:57px;
	width:200px;
	border:none;
	color:#2f2b5e;
	font-family:Gill sans,Trebuchet MS, tahoma,sans-serif,sans-serif;
	font-size:12px;
}

#application #about  {
	background:url(/img/application-about.png) no-repeat;
	height:258px;
	width:255px;
	border:none;
	color:#2f2b5e;
	font-family:Gill sans,Trebuchet MS, tahoma,sans-serif,sans-serif;
	font-size:12px;
}

#application .formSubmitRow input {
	background:url(/img/apply.png) no-repeat;	
	width:187px;
	height:50px;
	border:none;
	color:#2f2b5e;
	font-size:12px;
	float:right;
}

#application .formSubmitRow {
	width:255px;
	float:right;
	position:relative;
}

#application .formRow {
	width:260px;
	position:relative;
}

#application #aboutRow {
	float:right;
	clear:right;
	width:255px;
	top:0px;
}

#application #aboutTitleRow {
	float:right;
	top:0px;
}

#application h3 {
	font-weight:100;
	font-size:120%;
	text-align:center;
	width:200px;
	height:50px;
}

#application h3 .big {
	font-size:46px;
}

#application #aboutTitleRow h3 {
	width:255px;
}


.headerFive a {
	text-decoration:none;
	color:#2F2B5E;
	margin-left:15px;
	display:block;
	clear:right;
	font-size:80%;
}

#more {
	float:right;
	text-decoration:underline
}

.full_desc ul {
	margin-left:25px;
}
/*////////////////////////////////////////////////////////////// NEW CSS /////////////////////////////////////////////////////////////////*/
#services_left{
	width: 480px;
	z-index: 1;
	position: relative;
	float:left;
	margin-top:40px;
}
#services_right{
	width: 470px;
	z-index: 1;
	position: relative;
	float:right;
	margin-top:40px;
}
.services_content{
	position:relative;
	width: 100%;
	z-index:100004;
}
.content_tabs{
	position:relative;
	width: 100%;
}
.content_tabs a{
	position:relative;
	background:url(/cdn_images/services_sml_sprite.png) transparent;
	width: 140px;
	height:29px;
	margin:8px;
	display:block;
	color:#FFF;
	text-decoration:none;
	line-height:26px;
	text-align:center;
	float:left;
}
.content_body{
	position:relative;
	clear:both;
	width:430px;
	height:530px;
	margin-top:15px;
	margin:9px;
	border-top: 1px solid #666;
	padding-top:15px;
	padding:10px;
}
.content_body div{
	position: absolute;
	width:100%;
	display:none;
}
.content_body ul{
	padding:15px;
}
#services_left .animateit,
#home_top .animateit{
	position:relative;
	background:url(/cdn_images/services_slides_sprite.png) transparent;
	margin-top: 5px;
	width: 472px;
	height: 105px;
	display: block;
	float: left;
}
.animateit .static_icons{
	position: absolute;
	bottom:0;
	right:10px;
	background: url(/cdn_images/services_icons_sprite.png) transparent;
	width: 146px;
	height: 149px;
	display: block;
}
#services_left .webdesign_anim,
#home_top .webdesign_anim{
	background-position:-472px 0;
}
#services_left .webdesign_nonanim{
	background-position:0 0;
}
.webdesign_anim .webdesign_icon,
.webdesign_nonanim .webdesign_icon{
	background-position:0 0;
	right:5px;
}
#services_left .webapps_anim,
#home_top .webapps_anim{
	background-position: -472px -214px;
}
#services_left .webapps_nonanim{
	background-position: 0 -214px;
}
.webapps_anim .webapps_icon,
.webapps_nonanim .webapps_icon{
	background-position:0 -309px;
	right:5px;
}
#services_left .print_anim,
#home_top .print_anim{
	background-position: -472px -428px;
}
#services_left .print_nonanim{
	background-position: 0 -428px;
}
.print_anim .print_icon,
.print_nonanim .print_icon{
	background-position:0 -615px;
	right:30px;
}
#services_left .onlinemarketing_anim,
#home_top .onlinemarketing_anim{
	background-position: -472px -107px;
}
#services_left .onlinemarketing_nonanim{
	background-position: 0 -107px;
}
.onlinemarketing_anim .onlinemarketing_icon, 
.onlinemarketing_nonanim .onlinemarketing_icon{
	background-position:0 -154px;
	right:30px;
}
#services_left .design_anim,
#home_top .design_anim{
	background-position: -472px -535px;
}
#services_left .design_nonanim{
	background-position: 0 -535px;
}
.design_anim .design_icon,
.design_nonanim .design_icon{
	background-position:0 -777px;
	right:30px;	
}
#services_left .hosting_anim,
#home_top .hosting_anim{
	background-position: -472px -321px;
}
#services_left .hosting_nonanim{
	background-position: 0 -321px;
}
.hosting_anim .hosting_icon,
.hosting_nonanim .hosting_icon{
	background-position:0 -466px;
	right:5px;
}

.webdesign_anim .webdesign_icon_home,
.webdesign_nonanim .webdesign_icon_home{
	background-position:0 0;
	right:10px;
}
.design_anim .design_icon_home,
.design_nonanim .design_icon_home{
	background-position:0 -777px;
	right:10px;
}
.onlinemarketing_anim .onlinemarketing_icon_home,
.onlinemarketing_nonanim .onlinemarketing_icon_home{
	background-position:0 -154px;
	right:10px;
}
.webapps_anim .webapps_icon_home,
.webapps_nonanim .webapps_icon_home{
	background-position:0 -309px;
	right:10px;
}

.viewport {
    border: 3px solid #eee;
    float: left;
    height: 150px;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    width: 220px;
}
.altpadding{
	 margin: 0 0 10px 10px;
}
.viewport .newoverlay{
	position:absolute;
	top:0;
	right:0;
	width:88px;
	height:59px;
	z-index:9999;
}
.no-margin {
    margin-right: 0;
}
.viewport a {
    display: block;
    position: relative;
}
.viewport a img {
    height: 200px;
    left: -20px;
    position: relative;
    top: -20px;
    width: 270px;
}
.viewport a span {
    display: none;
    font-size: 29px;
    font-weight: bold;
    height: 100%;
    padding-top: 55px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 100;
}
.viewport a span em {
    display: block;
    font-size: 0.45em;
    font-weight: normal;
 }
.dark-background {
    background: url(/cdn_images/vec.png);
    color: #fff;
    text-shadow: #000 0px 0px 20px;
}
.dark-background em {
    color: #ccc;
}
#bottomfunctions{
	position:relative;
	width:100%;
	height:44px;
	padding:15px 0 0;
	clear:both;
}
#bottomfunctions #callback{
	position:relative;
	width:475px;
	height:44px;
	float:left;
}
#bottomfunctions #callback #icon{
	position:relative;
	width:46px;
	height:44px;
	float:left;
	padding-right:2px;
	background:url(/cdn_images/callback_icon.png) no-repeat;
}
#bottomfunctions #callback #fields{
	position:relative;
	width:346px;
	height:44px;
	float:left;
	padding-right:2px;
}
#bottomfunctions #callback #fields #name{
	margin:0 0 6px;
	border:none;
	padding: 0 0 0 45px;
    width: 301px;
	height:19px;
	clear:both;
	color:#FFF;
	font-size:12px;
	background:url(/cdn_images/callback_lrgfield.png);	
}
#bottomfunctions #callback #fields #number{
	margin:0;
	border:none;
	padding: 0 0 0 55px;
	width:117px;
	height:19px;
	float:left;
	color:#FFF;
	font-size:12px;
	background:url(/cdn_images/callback_smlfield_01.png);
}
#bottomfunctions #callback #fields #time{
	margin:0;
	border:none;
	padding: 0 0 0 95px;
    width: 77px;
	height:19px;
	float:right;
	color:#FFF;
	font-size:12px;
	background:url(/cdn_images/callback_smlfield_02.png);
}

#bottomfunctions #callback #submit{
	position:relative;
	width:70px;
	height:44px;
	float:left;
}
#bottomfunctions #blogclick{
	position:relative;
	width:473px;
	height:44px;
	float:right;
}
#bottomfunctions #blogclick #button{
	position:relative;
	width:473px;
	height:43px;
	background:url(/cdn_images/blog_button_sprite.jpg);
	display:block;
	text-decoration:none;
	background-position:0 0;
}
#socialnetworks{
	display: block;
    height: 424px;
    margin: -45px 0 0;
    position: fixed;
    left: 0;
    text-indent: -9000px;
    top: 57px;
    width: 60px;
    z-index: 100001;
}
#socialnetworks #ipatter_btn,
#socialnetworks #twitter_btn,
#socialnetworks #facebook_btn,
#socialnetworks #rss_btn{
	display: block;
    height: 140px;
    margin-top: 1px;
    text-indent: -9000px;
    width: 60px;
    z-index: 100001;
	background:url(/cdn_images/social-buttons-new.png);
	margin-left:-20px;
}
#socialnetworks #ipatter_btn{
	background-position: 0px 0;	
}

#socialnetworks #twitter_btn{
	background-position: 0px -141px;	
}
#socialnetworks #facebook_btn{
	background-position: 0px -281px;	
}
#socialnetworks #rss_btn{
	background-position: 0px -421px;	
}
#callmeback{
    height: 300px;
    margin: -45px 0 0;
    position: fixed;
    right: 0;
    top: 205px;
    width: 50px;
    z-index: 100001;
}
#callmeback #call_btn{
	position:relative;
	display: block;
    height: 146px;
    margin-top: 1px;
    text-indent: -9000px;
    width: 404px;
    z-index: 100001;
	background:url(/cdn_images/callmeback_slide.png);
	margin-left:-15px;
}
#callmeback #call_btn #sidecallback{
	height: 80px;
    left: 70px;
    position: absolute;
    top: 40px;
    width: 326px;
}

#callmeback #call_btn #sidecallback #fields{
	position:relative;
	width:326px;
	height:80px;
}
#callmeback #call_btn #sidecallback #fields #name{
	margin:0 0 6px;
	border:none;
	padding: 0 0 0 45px;
    width: 276px;
	height:19px;
	float: left;
	color:#FFF;
	font-size:12px;
	background:url(/cdn_images/slide_callback_lrgfield.png);	
}
#callmeback #call_btn #sidecallback #fields #number{
	margin:0 0 6px;
	border:none;
	padding: 0 0 0 55px;
	width:190px;
	height:19px;
	float:left;
	color:#FFF;
	font-size:12px;
	background:url(/cdn_images/slide_callback_lsmlfield_01.png);
}
#callmeback #call_btn #sidecallback #fields #time{
	margin:0;
	border:none;
	padding: 0 0 0 95px;
    width: 150px;
	height:19px;
	float:left;
	color:#FFF;
	font-size:12px;
	background:url(/cdn_images/slide_callback_lsmlfield_02.png);
}
#callmeback #call_btn #sidecallback #fields #submit{
	position: absolute;
	bottom:10px;
	right:5px;
	width:70px;
	height:44px;
	background: url(/cdn_images/callback_button.png);
	text-indent:-9999999;
	border:none;
	cursor:pointer;
}


#callmeback #hints_btn{
	display: block;
    height: 146px;
    margin-top: 1px;
    text-indent: -9000px;
    width: 404px;
    z-index: 100001;
	background:url(/cdn_images/hintsandtips_slide.png);
	margin-left:-15px;
}
.addmargin{
	margin-top:40px;
}
.ft-prev{
	background: url('/img/slide_back.png') no-repeat;
	display: block;
    height: 107px;
    text-indent: -9999em;
    width: 38px;
}
.ft-next{
	background: url('/img/slide_forward.png') no-repeat;
	display: block;
    height: 107px;
    text-indent: -9999em;
    width: 38px;
}

/* Vacancies page - make strong tags appear bold */

p strong,
strong {
	color: #748D20;
	font-weight: bold;
}