@charset "UTF-8";

/* 	
----------------------------------------------------
		
	Stylesheet by YOMA  
	Stylesheet: main.css

----------------------------------------------------
		
	COLOR REFERENCE: YOMA BRANDING
		
/* 	#a6ce39;	=color1		/*	Yoma Green			*/    			
/* 	#556677;	=color2		/*	Yoma Grey/Blue 		*/    			
/* 	#001122;	=color3		/*	Dark Blue 	(BG)	*/    			
/* 	#17293b;	=color4		/*	Med Blue 	(BG)	*/    			
/* 	#ff6633;	=color5		/*	Orange 		(BTN)	*/    			
/* 	#66dddd;	=color6		/*	Aqua Marine	(MKTG)	*/    			
/* 	#aa1166;	=color7		/*	Magenta		(ECOMM)	*/    			
/* 	#3388cc;	=color8		/*	Blue		(WEB)	*/    			
/* 	#dfeeff;	=color9		/*	Light Blue 	(TEXT)	*/    			
/* 	#445566;	=color10	/*	Footer Grey	(FOOTER)*/    			
/* 	#557799;	=color11	/*	Med Blue Grey		*/    			
/* 	#112233;	=color12	/*	Dark Blue Grey		*/    			



/* 	
----------------------------------------------------*/
.color1 	{color: #a6ce39 !important;}
.color2 	{color: #556677 !important;}
.color3 	{color: #001122 !important;}
.color4 	{color: #17293b !important;}
.color5 	{color: #ff6633 !important;}
.color6 	{color: #66dddd !important;}
.color7 	{color: #aa1166 !important;}
.color8 	{color: #3388cc !important;}
.color9 	{color: #dfeeff !important;}
.color10    {color: #445566 !important;}
.color11    {color: #557799 !important;}
.color12    {color: #112233 !important;}

/* 	
----------------------------------------------------*/

.bgColor1 	{background-color: #a6ce39 !important;}
.bgColor2 	{background-color: #556677 !important;}
.bgColor3 	{background-color: #001122 !important;}
.bgColor4 	{background-color: #17293b !important;}
.bgColor5 	{background-color: #ff6633 !important;}
.bgColor6 	{background-color: #66dddd !important;}
.bgColor7 	{background-color: #aa1166 !important;}
.bgColor8 	{background-color: #3388cc !important;}
.bgColor9 	{background-color: #dfeeff !important;}
.bgColor10  {background-color: #445566 !important;}
.bgColor11  {background-color: #557799 !important;}
.bgColor12  {background-color: #112233 !important;}


/*	LAYOUT
----------------------------------------------------*/

body{
	background-color: #001122;
	background-image: url(../images/bg_body.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	color: #dfeeff;
	}	

/*	HEADER
----------------------------------------------------*/
#header		{
	padding-top: 38px;
	height: 96px;
	background-image: url(../images/bg_line.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}
	
		

#header	#logoHeader {
	display: block;
	height: 75px;
	}
		
#header	#logoHeader img {
	float: right;
	}
		

#header	#logoHeader a {
	display: block;
	height: 75px;
	}
	
/*	TOP BANNER
----------------------------------------------------*/
#topBanner		{
	height: 250px;             
	}

#topBanner a.cta{
        float:right;
        background-image: url(../images/cta_quote.png);
        background-repeat: no-repeat;
        display:block;
        width:140px;
        height:113px;
		padding-right: 25px;
		text-indent: -2000px;
		margin-top: -20px;
}
	

#topBanner p{
	font-size: 1.375em;						
	line-height: 1.2;				
	font-weight: 100 !important;
	letter-spacing: normal;
	color: #556677;
    padding-left: 20px;
    padding-right: 20px;
	margin-top:20px;
	margin-bottom:2px;
}
	
	
/*      MODULES
----------------------------------------------------*/

.bannerBorder{
	border: 5px solid #6c7f96;	
	}
	
.thumbBorder{
	border: 3px solid #6c7f96;	
	}
	
.bannerBorderMargin{
	border: 5px solid #6c7f96;	
	margin-top: 20px;
	width:930px !important;
	}
	
.overLine {
	padding:18px 0px 0px 0px;
	border-top:2px solid #617182;
}

.overLineMargin {
	padding:18px 0px 0px 0px;
	border-top:2px solid #617182;
	margin-top:20px;
}

.overLineBorderless {
	padding:18px 0px 0px 0px;
}

.overMargin {
	margin-top:20px;
}

	
	
/*	LEFT COLUMN
----------------------------------------------------*/
#leftColumn	{	
	}
        
/*	RIGHT COLUMN
----------------------------------------------------*/
#rightColumn	{	
	}
	
#rightColumn img.featureItem	{	
	margin-bottom: 10px;
	}

#rightColumn div.features	{	
	
	}

#footer		{
	background-color: #445566;
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	margin-top: 30px;
	height:157px;
	overflow: visible;
	}

#footerInner {
        padding:13px 0px 0px 16px;
	}

#footerInner ul {
	display: inline;
	}

#footerInner ul li {
        float:left;
        list-style:none;
        padding:0px;
        margin:0px;
        font-size: 	0.833em;
		line-height: 1.25;
        }

#footerInner ul li a{
        background-repeat: no-repeat;
        width:59px;
        padding:46px 40px 0px 0px;
        display:block;
        }
		
#footerInner ul li.googleLink a { background-image: url(../images/google_adwords.jpg); height:75px; margin-right:20px; }

#footerInner ul li.magentoLink a { background-image: url(../images/footer_magento.gif); }

#footerInner ul li.twitterLink a { background-image: url(../images/footer_twitter.gif); }

#footerInner ul li.facebookLink a{ background-image: url(../images/footer_facebook.gif); }
	
#footerInner a	{
	color: #444;
	}

#footerInner #footerLogoBlock { 
	float: right;
	display: inline;
	font-size: 83.3%;
	}

/*#footerInner #footerLogoBlock p {
        margin:0px;
		float: right;
}
*/
#footerInner #footerLogoBlock p.footerLogo  {
	float: right;
	display: inline-block;
	width:74px;

}

#footerInner #footerLogoBlock p.copyright  {
	float: right;
	display: inline;
	color: #112233;
	padding-top: 5px;
}


#footerInner #footerLogoBlock p.footerLogo a {
	background-image: url(../images/footer_yoma.gif);
	background-repeat: no-repeat;
	background-position: right 0;
	display:block;
	text-indent: -5000px;
	width:84px;
	height:29px;
	padding: 0;
}


/*	LAYOUT [HOME PAGE ONLY]
----------------------------------------------------*/

 /*	NAVIGATION
----------------------------------------------------*/
#navigation	{
	color: #dfeeff;
	height: 51px;
	padding-top: 43px;
	text-align: left;
	}
	
#navigation	ul#tabNav {
	margin: 0;
	padding: 0;
	height: 51px;
	list-style: none;
	line-height: normal;
	display: inline;
	}
	
#navigation	ul#tabNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}


#navigation	ul#tabNav li a{
	display: inline-block;
	color:#fff; 
	font-size:1.167em;
	font-weight:normal;
	letter-spacing: 0.03em;
	text-decoration: none;
	text-align: center; 
	line-height: 1.1;
	padding: 0 10px 0 0; 
	margin-right: 1px; 
	background: transparent url(../images/bg_navtab.gif) no-repeat right -183px; 
	}

#navigation	ul#tabNav li a span.tabSpan {
	display: inline-block;
	padding: 15px 3px 0 12px; 
	height: 36px;
	background: transparent url(../images/bg_navtab.gif) no-repeat left top; 
	color: #fff; 
	}

#navigation	ul#tabNav li a:hover {
	background-position: right -247px; 
	text-decoration: none;
	}
	
#navigation	ul#tabNav li a:hover span.tabSpan {
	background-position: 0 -61px;
	color: #fff; 
	}

/*CURRENT TABS*/
#navigation	ul#tabNav li a.currentTab{
	background: transparent url(../images/bg_navtab.gif) no-repeat right -308px; 
	color: #001122; 
	}

#navigation	ul#tabNav li a.currentTab span.tabSpan {
	background: transparent url(../images/bg_navtab.gif) no-repeat left -122px; 
	}


/* DROPDOWN */

#navigation ul#tabNav li ul {
        float:none;
        position:absolute;
        top:96px;
        left:175px;
        background:#112233;
        padding:0px 0px 10px 0px;
        margin:0;
        z-index:5000;
        height:auto;
        width:170px;       
	text-decoration: none;
        border:2px solid #556677;
        border-top:0px;
        display:none;
}

#navigation ul#tabNav li ul li{
        float:none;
        background:none;
        padding:0;
        margin:0;
        text-align:left;
        display:block;
        padding-left:12px;
        width:170px;
        
	font-weight:normal;
	letter-spacing: 0.03em;
}

#navigation ul#tabNav li ul li a{
        float:none;
        background:none;
        padding:0;
        margin:0;
        line-height:2.25em;
        font-size: 1.2em;
        text-align:left;
}

#navigation ul#tabNav li ul li a:hover{
        float:none;
        margin:0;
        text-align:left;
        text-decoration:underline;
}

/*	HEADING CLASSES 
----------------------------------------------------*/

.strapLine {
	color: #556677;
	margin-top:20px;
	margin-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 3em;						/*  = 48px	*/
	line-height: 1.1;				
	font-weight: bold;
	color: #556677;
	}

.arrowTitle {
	font-family: "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-image: url(../images/arrow_green.gif);
	background-repeat: no-repeat;
	background-position:10px 6px;
	font-weight: normal;
	padding-left: 35px;
	position: relative;
	display:block;
}

.bannerTitle  {
	font-family: "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #dfeeff;
	font-size: 1.25em;					/*  = 20px	*/
	line-height: 1.5;					
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
.introPara  {
	color: #a6ce39;
	font-size: 1.083em;					
	line-height: 1.25;					
	font-weight: normal!important;
	}

/* =PULLQUOTE
----------------------------------------------------*/
	
.pullQuote	{
	padding: 15px;
	margin: 20px 10px;
	margin-left: 40px;
	border-left: 3px solid #445566;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
.pullQuote p 	{
	color: #78845a!important;						
	color: #99aabb!important;						
	font-weight: normal;
	font-size: 1.167em;
	line-height: 1.25;
	font-style: italic;
	}
	
.pullQuote p.reference a	{
	font-size: 0.917em;
	margin:0;
	}
	

/*	TESTIMONIALS
----------------------------------------------------*/
.testimonial {
	background-color: #112233;
	padding: 10px 0px;
	margin-bottom: 20px;
	min-height: 240px;
	}


.testimonial h2,
.testimonial h3 {
	font-size: 1.25em;
	line-height: 1.1;
	color: #c1cee5;
	}


.testimonial p.quote {
	background-image: url(../images/quote_open.gif);
	background-repeat: no-repeat;
	background-position:10px 0px;
	font-size: 0.875em;
	line-height: 1.25em;
	color: #c1cee5;
	text-indent: 28px;
	padding-top:6px;
	}

.testimonial .quoteClose {
	background-image: url(../images/quote_close.gif);
	background-repeat: no-repeat;
	background-position:right 2px;
	display: inline-block;
	width: 26px;
	height: 24px;
	}


.testimonial .author{
	background-image: none;
	font-size: 0.688em;
	line-height: 1.2em;
	font-style:italic;
	}

.testimonial span.quoteMark {
	font-size: 2em;
	line-height: normal;
	font-weight:bold;
	}


/*	MISC (FLOATS, IMGS, BUTTONS)
----------------------------------------------------*/
.floatLeft 	{float:left;}
.floatRight {float:right;}

.alignLeft {
	float: left;
	margin-top: -12px;
	margin-right: 10px;
	margin-bottom: 5px;
	vertical-align: top;
	}

.alignRight {
	float: right;
	margin-top: -8px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: top;
	}

.iconSmall	 		{ vertical-align: top; padding-top: 8px; margin-left: 5px;}

	
img.border {
	float: left;
	padding: 10px;
	background-color:#341621;
	border:1px solid #661133;
	margin: 0 20px 20px 0;
	}

p.package {         
	background-image: url(../images/package.gif);
	background-repeat: no-repeat;
    background-position: 10px 0px;
	text-indent: -2000px;
	width: 211px;
	height: 154px;
	padding-bottom: 10px;
}


p a.arrowLime,
p a.arrowMagenta,
p a.arrowBlue,
p a.arrowAqua {
	background-image: url(../images/arrow_magenta.png);
	background-repeat: no-repeat;
	background-position: right 1px;
	font-weight: 100;
	text-transform: uppercase;
	color: #aa1166;
	height: 17px;
	padding-right: 25px;
	display:inline-block;
	margin-bottom: 10px;
	margin-top: -10px;
}

p a.arrowLime 			{background-image: url(../images/arrow_lime.png); color: #a6ce39; }
p a.arrowBlue 			{background-image: url(../images/arrow_blue.png);  color: #3388cc; }
p a.arrowAqua 			{background-image: url(../images/arrow_aqua.png);  color: #66dddd; }

p a.arrowLime:hover 	{ color: #edffa1; }
p a.arrowMagenta:hover 	{ color: #ff1199; }
p a.arrowBlue:hover 	{ color: #66aaff; }
p a.arrowAqua:hover 	{ color: #9fffff; }

p.arrowLimePrev a, 
p.arrowLimeNext a {
	background-image: url(../images/arrow_lime_prev.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	float: left;
	padding-left: 22px;
	font-weight: 100;
	text-transform: uppercase;
	height: 17px;
	display:inline-block;
	margin-bottom: 10px;
	margin-top: 10px;
}

p.arrowLimeNext a {
	background-image: url(../images/arrow_lime.png);
	background-position: right 0px;
	padding-right: 20px;
	float: right;
}

/*	LINK BUTTON = SCALABLE WORKS IN ALL BROWSERS
----------------------------------------------------*/
.button {
	padding:0;
	margin:0;
	}
	
	
.button a {
	display: inline-block;
	color:#fff; 
	font-weight:normal;
	/*font-size: 70%;*/
	letter-spacing: 0.03em;
	text-decoration: none;
	text-align: center; 
	line-height: 1.1;
	padding: 0 10px 0 0; 
	margin-right:5px; 
	background: transparent url(../images/bg_button.gif) no-repeat right -80px; 
}

	
.button a span.buttonSpan {
	display: inline-block;
	padding: 0.45em 1px 0 13px; 
	height: 22px; 
	background: transparent url(../images/bg_button.gif) no-repeat left top; 
	color: #fff; 
	}

.button a:hover {
	background-position: right -119px; 
	text-decoration: none;
	}
	
.button a:hover span.buttonSpan {
	background-position: 0 -39px;
	color: #fff; 
	}


/*	LINK BUTTON TAB = SCALABLE WORKS IN ALL BROWSERS
----------------------------------------------------*/
.buttonTab {
	padding:0;
	margin:0;
	}
	
	
.buttonTab a {
	display: inline-block;
	color:#fff; 
	font-weight:normal;
	letter-spacing: 0.03em;
	text-decoration: none;
	text-align: center; 
	line-height: 1.1;
	padding: 0 10px 0 0; 
	margin-right:5px; 
	background: transparent url(../images/bg_buttontab.gif) no-repeat right -80px; 
}

	
.buttonTab a span.buttonTabSpan {
	display: inline-block;
	padding: 0.15em 5px 0 12px; 
	height: 22px; 
	background: transparent url(../images/bg_buttontab.gif) no-repeat left top; 
	color: #fff; 
	}

.buttonTab a:hover {
	background-position: right -119px; 
	text-decoration: none;
	}
	
.buttonTab a:hover span.buttonTabSpan {
	background-position: 0 -39px;
	color: #fff; 
	}

/*	GALLERY LIST
----------------------------------------------------*/
	
ul.galleryList,
ul#galleryList {
	list-style: none;
	padding: 20px 0 0 0;
	margin: 18px 0 0 0!important;
}	
	
ul.galleryList li {
	list-style: none;
	padding: 0;
	margin: 0 17px 0 0!important;
	float: left;
	display: inline-block;
	width: 124px!important;
}	
	
	
ul#galleryList li {
	list-style: none;
	padding: 0;
	display: inline;
	float: left;
	width: 214px;
	margin-right: 20px;
}	
	
ul.galleryList li img{
	float: left;
	width: 118px;
	height: 80px;
	padding: 0px;
	border: 3px solid #6c7f96;	
	margin: 0 0 20px 0;
	}
	
ul#galleryList li img{
	float: left;
	width: 214px;
	height: 146px;
	padding: 0px;
	border: 3px solid #6c7f96;	
	margin: 0 20px 10px 0;
	}
	
ul#galleryList li p{
	padding: 0px;
	margin: 0;
	display: inline-block;
	font-weight: normal;
	font-size: 1em;
	}
		
ul#galleryList li img.mainImage{
	width: 214px;
	height: 146px;
	padding: 0px;
	}
	
ul.galleryList li.endPic,
ul#galleryList li.endPic {
	margin: 0 !important;
	}
	


/*	FORMS
----------------------------------------------------*/
	
/*	FORM BUTTON = SCALABLE WORKS IN ALL BROWSERS
----------------------------------------------------*/
	
button { 
	position: relative;
	border: 0; 
	padding: 0;
	margin: 0;
	cursor: pointer;
	overflow: visible; 			/* removes extra side padding in IE */
	}

button::-moz-focus-inner {
	border: none;  				/* overrides extra padding in Firefox */
	}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
	}

	/* Safari and Google Chrome only - fix margins */
@media screen and (-webkit-min-device-pixel-ratio:0) {
button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 10px 0 0; 
	margin-right:5px; 
	font-size:85%; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 1.1;
	background: transparent url(../images/bg_button.gif) no-repeat right -80px; 
}

button.submitBtn span {
	padding: 3px 5px 0 15px; 
	height:27px; 
	background: transparent url(../images/bg_button.gif) no-repeat left top; 
	color:#fff; 
	font-weight:normal;
}

/* the redundant class is used to apply the hover state with a script */	
button.submitBtn:hover, button.submitBtnHover { 
	background-position: right -119px; 
	color:#fff; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -39px;
	color:#fff; 
}

/*	FEATURED BANNER - HOME PAGE
----------------------------------------------------*/

#featuredBanner{
	width:700px;
	position:relative;
	min-height:260px;
	padding:0; margin:0;
	background-color: #112233;
	background-image: url(../images/bg_featuredBanner.gif);
	background-position: 0 top;
}

#featuredBanner ul.ui-tabs-nav{
	list-style:none;
	padding:0; margin:0;
	width:700px;
	height:73px;
}
#featuredBanner ul.ui-tabs-nav li{
	float:left;
	font-size:12px;
	color:#666;
	padding:0; margin:0;
	list-style:none;
}

#featuredBanner li.ui-tabs-nav-item a{
	display:block;
	height:73px;
	color:#333;  background:#fff;
	text-indent: -5000px;
}

#featuredBanner .ui-tabs-panel{
	width:700px; 
	height:187px;
}

#featuredBanner .ui-tabs-panel .info{
	padding:3px 12px 0px 12px;
}

#featuredBanner .ui-tabs-panel .info p{
	padding-left: 0px;
}

#featuredBanner .ui-tabs-panel .info .infoImage{
	float:left;
	padding:9px 15px 4px 0px;
}

#featuredBanner .ui-tabs-panel .info .infoImage img{
	border:5px solid #6c7f96;
}

#featuredBanner .ui-tabs-hide{
	display:none;
}

#featuredBanner .ui-tabs-nav li a{
    background-position: 0px -73px;
}

#featuredBanner #nav-fragment-1 a{
	width:230px;
	background-image: url(../images/ecommerce.gif);
}

#featuredBanner #nav-fragment-2 a{
	width:240px;
	background-image: url(../images/design.gif);
}

#featuredBanner #nav-fragment-3 a{
	width:230px;
	background-image: url(../images/marketing.gif);
}

#featuredBanner .ui-tabs-nav li a:hover{
	background-position: 0px -0px;
}

#featuredBanner li.ui-tabs-selected a{
	background-position: 0px -0px;
}

/*	FEATURED WORK - SINGLE POST STYLING PORTFOLIO
----------------------------------------------------*/

.featuredImage {
	border: 5px solid #6c7f96;
}

#featuredBannerSingle{
	position:relative;
	padding:0; margin:0;
        width:690px;
        height:250px;
}

#featuredBannerSingle ul.ui-tabs-nav{
	list-style:none;
	padding:0; margin:0;
}
#featuredBannerSingle ul.ui-tabs-nav li{
        float:left;
	font-size:12px;
	color:#666;
        padding:0; margin:0;
}

#featuredBannerSingle .ui-tabs-panel{
        width:690px;
        height:250px;
}

#featuredBannerSingle .ui-tabs-panel .info .infoImage{
        float:left;
}

#featuredBannerSingle .ui-tabs-panel .info .infoImage img{
        border:5px solid #6c7f96;
        width:690px;
        height:250px;
}

#featuredBannerSingle .ui-tabs-hide{
	display:none;
}


/*  FEATURED TEXT - SERVICES LIST (WHAT WE DO/PORTF)
----------------------------------------------------*/

#featuredText{
	position:relative;
        padding:0; margin:0;
}

#featuredText ul.ui-tabs-nav{
	list-style:none;
	padding:0; margin:0;
}
#featuredText ul.ui-tabs-nav li{
        float:left;
	font-size:12px;
	color:#666;
        padding:0; margin:0;
}

#featuredText li.ui-tabs-nav-item a{
	display:block;
	color:#333;
}

#featuredText .ui-tabs-panel{
float: left;
}

#featuredText .ui-tabs-panel .info{
        padding:0px 0px 0px 0px;
}


#featuredText .ui-tabs-hide{
	display:none;
}

#featuredText .ui-tabs-nav {
}

#featuredText .ui-tabs-nav li a{
    background-position: 0px -73px;
}

#featuredText #nav-fragment-2-1, #featuredBannerSingle #nav-fragment-2-2, #featuredBannerSingle #nav-fragment-2-3{
    padding:0px 16px 0px 0px;
}

#featuredText #nav-fragment-2-1 a{

}

#featuredText #nav-fragment-2-2 a{
}

#featuredText #nav-fragment-2-3 a{
}

#featuredText .ui-tabs-nav li a:hover{
        background-position: 0px -0px;
}


/*	SERVICES LIST TABS 
----------------------------------------------------*/

ul.servicesList	{
	color: #556677;
	text-align: left;
	font-size:  83.3%;
	margin: 0 0 20px 0;
	padding: 0;
	height: 21px;
	list-style: none;
	line-height: normal;
	display: inline;
	}
	
ul.servicesList li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}


ul.servicesList li a{
	display: inline-block;
	color: #556677;
	font-size:0.875em;
	font-weight:normal;
	letter-spacing: 0.03em;
	text-decoration: none;
	text-align: center; 
	line-height: 1.1;
	padding: 0 8px 0 0; 
	margin-right: 1px; 
	background: transparent url(../images/bg_servicestab.gif) no-repeat right -93px; 
	}

ul.servicesList li a span.tabSpan {
	display: inline-block;
	padding: 3px 3px 0 12px; 
	height: 21px;
	background: transparent url(../images/bg_servicestab.gif) no-repeat left top; 
	}

ul.servicesList li a:hover {
	background-position: right -124px; 
	text-decoration: none;
	}
	
ul.servicesList li a:hover span.tabSpan {
	background-position: 0 -31px;
	color: #a6ce39; 
	}

/*CURRENT TABS*/
ul.servicesList li.ui-tabs-selected a{
	background: transparent url(../images/bg_servicestab.gif) no-repeat right -155px; 
	color: #a6ce39; 
	}

ul.servicesList li.ui-tabs-selected a span.tabSpan {
	background: transparent url(../images/bg_servicestab.gif) no-repeat left -62px; 
	color: #a6ce39; 
	}




/*	ROUNDED CORNERS BOX 
----------------------------------------------------*/
.roundedBox { 
	position: relative; 
	float: left;
	width: 100%; 
	margin: 0 0 20px 0; 
	border: 1px solid #ccc;
	}
	
.innerBox 	{ padding: 20px; padding-bottom: 0;}

/* box corners */
.cornerBox 	{ 
	position: absolute; 
	width: 10px; 
	height: 10px; 
	background: url(../images/bg_box_corners.gif) no-repeat; 
	font-size: 0%; 
	}
	
.TL { top: -1px; left: -1px; background-position: 0 0; }
.TR { top: -1px; right: -1px; background-position: -8px 0; }
.BL { bottom: -1px; left: -1px; background-position: 0 -8px; }
.BR { bottom: -1px; right: -1px; background-position: -8px -8px; }


/*	FORMS 
----------------------------------------------------*/
input {
	background-color: #f3fcfc;
	background-image: url(../images/bg_input);
	background-repeat: repeat-x;
	background-position: 0 0;
	border: 1px solid #dfeeff;
	}