/*--- LOU'S STYLISH SHEET ---*/



/*--- WIdget ---*/

.widget { /*width: 342px;*/ /*width: 100%;*/ margin-top: 40px; border: 1px solid #272c30; display: block; background: url(../images/widgetBg.png) repeat; clear: both; border-top: none; }

.widget, ul.sub {
box-shadow:inset 0 0 2px #272b2c; 
-moz-box-shadow:inset 0 0 2px #272b2c; 
-webkit-box-shadow: inset 0 0 2px #272b2c;

-moz-box-shadow: 0 1px 0 #4b4e50; 
-webkit-box-shadow: 0 1px 0 #4b4e50; 
box-shadow: 0 1px 0 #4b4e50; 
}

.head { background: url(../images/titleBg.png) repeat-x; height: 38px; border-top: 1px solid #24272b; border-bottom: 1px solid #24272b; position: relative; color: #fafafa; }



.head, ul.tabs {

border-top-left-radius: 3px;
border-top-right-radius: 3px;

-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;

-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;

}

.widget .head h5, .table h5 { font-weight: normal; padding: 8px 12px 9px 35px; float: left; } 
.widget .body { padding: 12px 14px; }
.widget .normal h5, .accordion-close h5 { background: url(../images/aNormal.png) no-repeat 15px 15px; padding: 9px 12px 9px 32px!important }
.widget .inactive h5, .accordion-open h5 { background: url(../images/aInactive.png) no-repeat 12px 17px; padding: 9px 12px 9px 32px!important; color: #abb3ba; }

.widget .num { float: right; display: inline-block; text-align: center; margin: 9px 12px 0 0; font-size: 11px; }
.widget .num span { margin-right: 10px; }
.widget .num a { background: url(../images/ui/numDataBg.png) repeat-x; height: 21px; padding: 3px 5px; color: #fff; border: 1px solid #373b3e; }

.widget .num a.blueNum { background-position: 0 0; }
.widget .num a.blueNum:hover { background-position: 0 -21px; }
.widget .num a.blueNum:active { background-position: 0 -42px; }

.widget .num a.redNum { background-position: 0 -63px; }
.widget .num a.redNum:hover { background-position: 0 -84px; }
.widget .num a.redNum:active { background-position: 0 -105px; }

.widget .num a.greenNum { background-position: 0 -126px; }
.widget .num a.greenNum:hover { background-position: 0 -147px; }
.widget .num a.greenNum:active { background-position: 0 -168px; }

.widget .loader { float: right; margin: 14px 12px 0 0; }

.userLink { font-size: 16px; padding-top: 3px; display: block; margin-left: 25px; white-space: nowrap; }
.userWidget { padding: 6px 12px 0 12px; display: block; float: left; }


/* ==========  Classes for collapsing  ========== */

.normal, .inactive { cursor: pointer; }
.normal, .accordion-close { border-bottom: none; }

.standalone { float: left; width: 300px; margin-left: 40px; }
.standalone:first-child { margin-left: 0; }



@import "reset.css";
@import "dataTable.css";
@import "ui_custom.css";
@import "fullcalendar.css";
@import "icons.css";
@import "elfinder.css";
@import "wysiwyg.css";
@import "prettyPhoto.css";


#lous-food-menu {
width:86%;
font-size: 15px;
line-height:18px;
font-weight: bold;
color: #fff;
background: #008caf;
margin: 200px auto 0;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
padding: 20px;
border-top: 1px solid #6de2ff;
}
#lous-food-menu h2 {
padding: 12px 18px;
background: #000;
color: #fff;
font-size:28px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
border-top: 1px solid #eeeeee;
text-align:center;
margin: 0 auto 15px;
width: 460px;
}
.submenu {
font-size: 13px;
font-weight: 100;
color: #eeeeee;
}
#menuA {
width: 330px;
float: left;
margin-left:70px;
}
#menuB {
width: 330px;
margin-left:25px;
float:left;
}

#tasks tr:hover {
background: #950202;
color: #fff;
}
#tasks a {
text-decoration:none;
color: #fff;
font-weight:bold;
}
#tasks a:hover {
text-shadow: 0px 0px 8px #000;
}
.inputTasks {
font-family: Helvetica, Arial, sans-serif;
text-indent: 15px;
	width:120px; height: 14px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius: 15px; border:0;
	margin: 0 0 2px 0; padding:1px 2px 2px 2px;
	color:#797979;
	font-size:12px;

}


.inputTasks:focus {
-webkit-box-shadow: 0px 0px 12px #ff2222;
-moz-box-shadow: 0px 0px 12px #ff2222;
box-shadow: 0px 0px 12px #ff2222; 
border: 1px solid #f05a00;
}



#workFlow {
padding:18px 0 15px 15px;
}
input.wfInput {
padding: 15px 2px 12px 2px !important;
}
label.wfLabel {
font-weight: bold;
padding: 12px 0 3px !important;
font-size: 12px;
margin-bottom:6px;
line-height:18px;
}
#welcomecall {
padding:15px 10px;
}
.redButton {
background: #d20000;
padding: 4px 8px;
margin: 8px 0;
color: #ffffff;
font-weight: bold;
-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
border-top: 1px solid #ff4455;
border-bottom: 1px solid #770000;
display: block;
cursor: pointer;
}
.redButton:hover {
background: #ff0000;
text-shadow: 0px 0px 8px #f05a00;
-webkit-box-shadow: 0px 0px 12px #ff2222;
-moz-box-shadow: 0px 0px 12px #ff2222;
box-shadow: 0px 0px 12px #ff2222; 
}
.affReports {
width:240px;
float:left;
margin-top: 15px;
}

.affReports ul li a {
text-decoration: none;
color: #777777;
font-size: 14px;
line-height: 19px;
}

.affReports ul li a:hover {
text-decoration: none;
color: #bbbbbb;
}

body{font-size:62.5%;font-family:"Helvetica", Arial, sans-serif;background-color:#000;color:#757474;}

p{font-size:1.4em;line-height:1.5em;}

strong{font-weight:bold;}

h2{}
h3{}

/*-- START GLOBAL CLASSES --*/
p.subHeading{margin-top:3px;margin-bottom:40px;font-family:"Helvetica", Arial, sans-serif; color:#5d5d5d;font-size:1.4em;}

.mITop{margin-top:35px;}
.mTop{margin-top:40px;}
.mRight{margin-right:40px;}
.mBot{margin-bottom:40px;}
.mLeft{margin-left:40px;}

.pTop{padding-top:40px;}
.pRight{padding-right:40px;}
.pBot{padding-bottom:40px;}
.pLeft{padding-left:40px;}

.fRight{float:right;}
.fLeft{float:left;}
,
.cBoth{
	clear:both;
}

@font-face {
	font-family: 'FontSiteSansBoldCondensed';
	src: url('../includes/fonts/fontsitesans-boldcd-webfont.eot');
	src: local('☺'), url('../includes/fonts/fontsitesans-boldcd-webfont.woff') format('woff'), url('../includes/fonts/fontsitesans-boldcd-webfont.ttf') format('truetype'), url('../includes/fonts/fontsitesans-boldcd-webfont.svg#webfontn8hCoEzL') format('svg');
	font-weight: normal;
	font-style: normal;
}

.rightCol a{
	text-decoration: none;
	color:#58D7FC;
}

/*-- END GLOBAL CLASSES --*/

a.cda{
display:block;
position:absolute;
right:0;
top:350px;	
z-index:200;
}

div#container{
width:1070px;
position:relative;
margin:20px auto 0;
}
#cplogo {
background: url(../images/collect-protect4.png) no-repeat top center;
height: 70px;
margin-top: 20px; 
}
body {
background: #000;
}

#container #powerArms, #container #featureContainer, #container #header, #container #content{
	margin: 0 65px;
	width: 940px;
}

#container {
	overflow: visible;
}

#container #powerArms {
	width:  1070px;
	margin: 0 0 -400px 0px;
	height: 400px;
	background-color: transparent;
	position: relative;
	top: -4px;
}


#leftArm, #rightArm {
	position: relative;
	width: 220px;
	height: 319px;
	float: left;
	background: transparent url('http://www.mutantlabs.com/images/home/battery-arm-left.jpg') no-repeat top left;
	margin-top:27px;
	
	
}
#rightArm {
	float: right;
	width: 166px;
	height: 319px;
	background: transparent url('http://www.mutantlabs.com/images/home/battery-arm-right.jpg') no-repeat top right;
	
}

#mainNav, #featureContainer {
z-index: 2;
position: relative;
	
}

#canvas {
	margin:251px 0 0 194px;
}

#buttonContainer{
	/*float: right;
	background-color: #3f3;
	width: 100px;
	height: 100px;
	margin: 258px 172px 0 0;*/
	bottom:20px;
	height:100px;
	position:absolute;
	right:173px;
}

#stand{
	background:url("http://www.mutantlabs.com/images/home/buttonStand.png") no-repeat center 20px;
	height:92px;
	margin:0 5px;
	position:relative;
	top:100px;
	width:90px;
}

#button{
display: block;
	background: transparent url('http://www.mutantlabs.com/images/home/buttonButton.png') no-repeat center bottom;
	width: 90px;
	margin: 15px 32px 0;
	height: 20px;
	width: 26px;
}
#button:hover{
	background: transparent url('http://www.mutantlabs.com/images/home/buttonDown.png') no-repeat center bottom;
}

#buttonHole{
	background: transparent url('http://www.mutantlabs.com/images/home/buttonHole.png') no-repeat center bottom;
	bottom:0;
	height:30px;
	position:absolute;
	width:100px;
	z-index:200;
}

div#header{
	height: 146px;
	padding:0px 20px 0;
	text-align:center;
	margin:-35px 65px 0px 65px !important;
	background:url(../images/cphead.png) 388px 30px no-repeat;
}

div#header ul#mainNav{

}

div#header ul#mainNav li{
width:185px;
height:85px;
padding-top:5px;
float:left;
}

div#header ul#mainNav li.squid{
	width:160px; margin: 0 0 0 0;
}

div#header ul#mainNav li.squid a{
	width:160px;
	margin: 18px 0 0 0;
}

div#header ul#mainNav li a{
	display:block;
	width:185px;height:85px;
	margin: 16px 0 0 0;
}

div#header ul#mainNav li.about a{background:url(../images/calendar-sprite.png) no-repeat top left;}
div#header ul#mainNav li.services a{background:url(../images/menu-sprite.png) no-repeat top left;}
div#header ul#mainNav li.squid a{background:url(../images/cp-sprite.png) no-repeat center top;}
div#header ul#mainNav li.ourWork a{background:url(../images/gallery-sprite.png) no-repeat top left;}
div#header ul#mainNav li.reports a{background:url(../images/contact-sprite.png) no-repeat top left;}

div#header ul#mainNav li.contact a{background:url(../images/contact-sprite.png) no-repeat top left;}
div#header ul#mainNav li.client-account a{background:url(../images/client-account-sprite.png) no-repeat center top;}


div#header ul#mainNav li.admin_tasks a{background:url(../images/task-sprite.png) no-repeat top left;}
div#header ul#mainNav li.admin_affiliate a{background:url(../images/affiliate-sprite.png) no-repeat top left;}
div#header ul#mainNav li.admin_clients a{background:url(../images/clients-sprite.png) no-repeat top left;}

div#header ul#mainNav li.training a{background:url(../images/training-sprite.png) no-repeat top left;}

div#header ul#mainNav li.admin a{background:url(../images/reports.png) no-repeat top left;}

div#header ul#mainNav li.enforce a{background:url(../images/enforce-sprite.png) no-repeat center top;}
div#header ul#mainNav li.enroll a{background:url(../images/enroll-client.png) no-repeat center top;}
div#header ul#mainNav li.affiliate-account a{background:url(../images/affiliate-account.png) no-repeat center top;}
div#header ul#mainNav li a span{display:none;}
div#header ul#mainNav li a:hover{background-position:center -90px;}

div#header ul#mainNav li.active a{background-position:center -90px;}


#logoutButton {
background:url(../images/logout-sprite.jpg) no-repeat top left;
display:block;
width:109px;
height:71px;
float:right;
}
#logoutButton:hover {
background-position: center -59px;
}


/* @group FEATURE SECTION */

/*-- START FEATURE SECTION --*/
div#featureContainer{
position:relative;
width:940px;
overflow:hidden;
min-height:380px;
}

div#contactContaner{
	position:relative;
	width:940px;
	overflow:hidden;
	min-height:262px;
	padding:0 65px;
}

div#feature{
height:380px;
position:absolute;
}

div#feature .featureContentBox{
float:left;
width:940px;	
height:380px;
position:relative;
}

div#feature h2{
font-size:3.6em;
text-transform:uppercase;
color:#B3B3B3;
}

div#feature h2.bigger{
font-size:5em;	
}

div#feature h3{
	font-size:3em;
	text-transform:uppercase;
	color:#B3B3B3;
}

div#feature .featureContent p{
line-height:1.6em;
}

div#feature .featureContentBox .featureContent ul{
float:left;
list-style-type:disc;
margin-left:1em;
padding-left:1em;
font-size:1.2em;
line-height:1.8em;
color:#878787;
}

/*-- END FEATURE SECTION --*/

/* @end */

div#content{
width:100%;
text-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
}

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

/*-- START TEMPLATE 1 --*/

div.template1{
	padding:0 40px 40px;
	margin-top:100px;
	float: left;
}

div.template1 .leftCol{
	width:520px;
	float:left;
	margin-right:40px;
}

div.template1 h2{
	font-size:2.6em;
	color:#b3b3b3;
	text-transform:uppercase;
	line-height: 0.8em;
}

div.template1 .rightCol{
	width:300px;
	float:left;
}

/*-- END TEMPLATE 1 --*/

/*-- START TEMPLATE 2 --*/

div.template2{
padding:0 40px 40px;
margin:40px 0;
position:relative;
overflow:visible;
float:left;
}

div.template2 h2{
font-size:3em;
color:#D7D7D7;
text-transform:uppercase;
}

div.template2 .leftCol{
width:480px;
float:left;
margin:0 40px 0 0;
}

div.template2 .leftCol .leftInner{width:220px;float:left;margin-right:40px;}

div.template2 .leftCol .leftInner p{margin-bottom:20px;}

div.template2 .leftCol .rightInner{width:220px;float:right;}

div.template2 .leftCol .rightInner p{margin-bottom:20px;}

div.template2 .rightCol{
width:340px;
float:left;
}

div.template2 .rightCol p.galleryPrevious{
padding:0 0 0 16px;
background:transparent url(http://www.mutantlabs.com/images/about/prev_arrow.gif) no-repeat left center;
width:25px;
float:left;
}

div.template2 .rightCol p.galleryNext{
padding:0 16px 0 0;
background:transparent url(http://www.mutantlabs.com/images/about/next_arrow.gif) no-repeat right center;
width:25px;
float:right;
}

div.template2 .rightCol p a{color:#585858;text-decoration:underline;}

/*-- END TEMPLATE 2 --*/

/*-- START TEMPLATE 3 --*/

div.template3{ 
padding:0 0 40px;
text-align:center;
margin-bottom:40px;
width:100%;
}

/*-- END TEMPLATE 3 --*/

/* @group FOOTER SECTION */

/*-- START FOOTER SECTION --*/

div#footer{
font-family:"Helvetica", Arial, sans-serif;
margin:40px 0 40px 0px;
font-size:1.2em;
line-height:1.4em;
clear:both;
}

div#footer a{
text-decoration:none;
color:#484848;
}

div#footer a:hover{
color:#5a5a5a;
}

div#footer div#companyInfo{
background:transparent url(../images/cplogofoot.png) no-repeat top right;
color:#484848;
float:left;
margin-right:15px;
margin-left:15px;
padding: 15px 60px 0 0;
width:437px;
height:61px;
}

div#footer div#companyInfo h4{
font-weight:bold;
margin-bottom:5px;
color:#747474;
float:right;
font-size:1.1em;
}

div#footer div#companyInfo ul{
float:right;
clear:both;
width:100%;
}

div#footer div#companyInfo ul li{
float:right;
margin-left:15px;
}

div#footer div#companyInfo ul li a{
}

div#footer div#companyInfo ul li.fixedWidth{

}

div#footer div#footerNav{
	width:410px;height:61px;
	float:left;
	padding: 15px 0 0 0;
}

div#footer div#footerNav ul{
float:left;
width:340px;
font-weight:bold;
}

div#footer div#footerNav ul li{
float:left;
font-size:1.1em;
color:#747474;
margin-left:15px;
}

div#footer ul li.spacing{
margin:0 !important;
}

div#footer div#footerNav ul li a{
text-decoration:none;
color:#484848;
}

div#footer div#footerNav ul li a:hover{
color:#737373;
}

div#footer div#footerNav ul#mainFooterNav{
clear:both;
font-weight:normal;
color:#3c3c3c;
margin-top:5px;
}

/*-- END FOOTER SECTION --*/

/* @end */

/* @group ABOUT */

/*--START ABOUT--*/

div#feature.about{
	
}

div#feature.about #panmypic{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

div#feature.about #panmypic:hover{
cursor:move;	
}

div#feature.about img{
float:left;
margin-right:30px;
}

div#feature.about .featureContent{
float:right;
width:320px;
margin-top:20px;
}

div#feature.about .featureContent img{margin:6px 10px 0 0;}

div#feature.about .featureContent p{}

div#content.about{
background:transparent url(http://www.mutantlabs.com/images/featurebox/feature_nav_bg.gif) top center no-repeat;	
}

div#content.about{
background:transparent url(http://www.mutantlabs.com/images/featurebox/feature_nav_bg.gif) top center no-repeat;	
}

/*feature nav.about*/
ul#centerFeature{
float:left;
position:relative;
left:50%;	
}

ul#featureNav.about{
float:left;
display:block;
position:relative;
right:50%;
margin-top:12px;
}

ul#featureNav.about li{
float:left;
}

ul#featureNav.about li a{
display:block;
width:137px;
height:45px;
text-decoration:none;
padding:0 !important;
}

ul#featureNav.about li.theTeam{margin-left:0;}

ul#featureNav.about li.theTeam a{background:url(http://www.mutantlabs.com/images/about/about_sprite.png) no-repeat left top;}
ul#featureNav.about li.theTeam a:hover{background-position:left -45px;}

ul#featureNav.about li.theTeam a.active{background-position:left -45px;}

ul#featureNav.about li.theLab a{background:url(http://www.mutantlabs.com/images/about/about_sprite.png) no-repeat -157px top;}
ul#featureNav.about li.theLab a:hover{background-position:-157px -45px;}

ul#featureNav.about li.theLab a.active{background-position:-157px -45px;}

ul#featureNav.about li a span{display:none;}

/*feature nav.training*/
ul#centerFeature{
float:left;
position:relative;
left:50%;	
}

ul#featureNav.training{
float:left;
display:block;
position:relative;
right:50%;
margin-top:12px;
}

ul#featureNav.training li{
float:left;
}

ul#featureNav.training li a{
display:block;
width:137px;
height:45px;
text-decoration:none;
padding:0 !important;
}

ul#featureNav.training li.theTeam{margin-left:0;}

ul#featureNav.training li.theTeam a{background:url(images/training/training_sprite.png) no-repeat left top;}
ul#featureNav.training li.theTeam a:hover{background-position:left -45px;}

ul#featureNav.training li.theTeam a.active{background-position:left -45px;}

ul#featureNav.training li.theLab a{background:url(images/training_sprite.png) no-repeat -157px top;}
ul#featureNav.training li.theLab a:hover{background-position:-157px -45px;}

ul#featureNav.training li.theLab a.active{background-position:-157px -45px;}

ul#featureNav.training li a span{display:none;}

/*template1.about*/
div.template1.about {margin-top:52px;}
div.template1 div.keyPoints{margin-bottom:40px;}
div.template1 div.keyPoints img{
	float:left;
	margin: 0 20px 20px 0;
}

div.template1 div.keyPoints h3{
	font-size:2em;
	text-transform: uppercase;
	color:#d7d7d7;
	font-weight:normal;
}

div.template1.about div.keyPoints p{
margin-top:10px;
padding-right:5px;

}

div.template1 div.factsStats{
overflow:visible;
float:left;
margin-bottom:40px;
}

div.template1 div.factsStats p{
float:left;
width:210px;
margin-right:10px;
}

div.template1 div.factsStats p.dataType1{
text-align:center;
font-family:"Helvetica Neue", Arial, sans-serif;
font-weight:bold;
font-size:2.4em;
width:50px;
margin:-10px 0 0 0;
padding:7px 9px 8px;
background:transparent url(http://www.mutantlabs.com/images/about/facts_bg1.gif) no-repeat top left;
color:#808080;
}

div.template1.about .rightCol{
overflow:visible;
}

div.template1.about .rightCol img.graphic{
position:relative;
z-index:100;	
}

div.template1.about .rightCol img.rightColShadow{
position:relative;
margin-left:-50px;
margin-top:-40px;
z-index:90;
}

/*template2.about*/
div.template2.about{margin-top:0;}

div.template2.about #timeLineContainer{position:relative;float:left;margin-left:-20px;overflow:visible;}

div.template2.about .timeLineContainer img.timeLine{margin:-20px 0 20px -20px;}

div.template2.about a.timeLinePopUp{
display:block;
position:absolute;
width:10px;
height:10px;
text-decoration:none;
background:transparent url(http://www.mutantlabs.com/images/about/timeline_marker.png) no-repeat top left;
}

div.template2.about a.timeLinePopUp.item1{top:22px;left:27px;}
div.template2.about a.timeLinePopUp.item2{top:22px;left:60px;}
div.template2.about a.timeLinePopUp.item3{top:22px;left:110px;}
div.template2.about a.timeLinePopUp.item4{top:22px;left:135px;}
div.template2.about a.timeLinePopUp.item5{top:22px;left:560px;}
div.template2.about a.timeLinePopUp.item6{top:22px;left:810px;}

div.template2.about a.timeLinePopUp span{display:none;}

div.template2.about a.timeLinePopUp:hover{background-position:bottom left;}

div.template2.about a.timeLinePopUp:hover span.desc{
overflow:visible;
-moz-border-radius:8px;
-webkit-border-radius:8px;
font-size:1.2em;
line-height:1.4em;
color:#777;
padding:10px;
display:block;
position:absolute;
background:#ccc;
top:-67px;
left:-30px;
border:1px solid #777777;
width:300px;
z-index:10;
}

div.template2.about a.timeLinePopUp:hover span.pointer{
display:block;
background:transparent url(http://www.mutantlabs.com/images/about/timeline_pointer.png) no-repeat top left;
position:absolute;
bottom:-11px;
left:24px;
width:21px;
height:11px;
z-index:11;
}

div.template2.about .ourstory{
	margin-left:-40px;
}

div.template2.about .threeCol{
width:100%;	
margin-top:40px;
}

div.template2.about .threeCol h3{
color:#d7d7d7;
font-size:1.8em;
text-transform:uppercase;
margin-bottom:10px;
float:left;
width:270px;
}

div.template2.about .threeCol p{
width:270px;
float:left;
margin-right:25px;
margin-top:-30px;
}

div.template2.about .threeCol p a{
color:#58D7FC;
text-decoration:none;	
}

div.template2.about .threeCol p a:hover{
text-decoration:underline;	
}

div.template2.about .threeCol p.left{
clear:left;	
}

div.template2.about .threeCol p.left.noMargin{
	margin-right:25px !important;	
}

div.template2.about .threeCol p.noMargin{
margin-top:0 !important;
}


div.template2.about .threeCol p.right{
margin-right:0;
}

div.template2.about .threeCol h3.right{
float:left;
margin:10px 0;	
}

div.template3.about{
text-align:left;
padding:0 40px 9px;
width:auto;
background:url(../images/pillars.jpg) no-repeat 426px center;
}

div.template3.about h2{
color:#D7D7D7;
font-size:3em;
text-transform:uppercase;
}

div.template3.about .subHeading{
margin-bottom:40px;	
}

div.template3.about .leftCol{
float:left;
width:410px;
margin-right:40px;
}

div.template3.about .leftCol #magazines{
float:left;
width:220px;
text-align:center;
margin-right:30px;
}

div.template3.about .leftCol #magazines img{
margin-bottom:10px;	
}

div.template3.about .leftCol #magazines p{
text-align:center;	
line-height:1.8em;
}

div.template3.about .leftCol .image{
display:block;
float:left;
}

div.template3.about .leftCol .featuredSites{
float:left;
width:130px;
font-size:1.4em;
line-height:1.8em;
list-style:disc inside;
margin-top:10px;
}

div.template3.about .leftCol .featuredSites li a{
color:#878787;
text-decoration:none;
}

div.template3.about .leftCol .featuredSites li a:hover{
text-decoration:underline;	
}

div.template3.about .leftCol .featuredSites li a span{
display:none;	
}

div.template3.about .rightCol{
float:left;
width:410px;
}

div.template3.about .rightCol h3{
color:#D7D7D7;
font-size:2em;
font-weight:normal;
text-transform:uppercase;
}

div.template3.about .rightCol ul{
list-style:none inside;
font-size:1.4em;
line-height:1.5em;
margin-top:25px;
}

div.template3.about .rightCol ul li{
margin-bottom:20px;	
}

div.template3.about .rightCol ul li a{
padding-left:140px;
display:block;
color:#757474;
}

div.template3.about .rightCol ul li a.freeRange{
background:url(http://www.mutantlabs.com/images/about/about_sprite.png) no-repeat left -105px;
}

div.template3.about .rightCol ul li a.labs{
background:url(http://www.mutantlabs.com/images/about/about_sprite.png) no-repeat left -201px;
}

div.template3.about .rightCol ul li a.blog{
background: url("http://www.mutantlabs.com/images/home/quick_links.png") no-repeat scroll -502px top transparent;
}

div.template3.about .rightCol ul li a.blog:hover{
background: url("http://www.mutantlabs.com/images/home/quick_links.png") no-repeat scroll -502px -81px;
}



/*-- END ABOUT --*/

/*-- START SERVICES--*/

/*feature*/
div#feature.services{
height:380px;
width:1000px;
}

div#feature.services .featureContent{
	float:left;
	width:410px; height: 320px;
	margin-top:0px;
	color:#878787;
}
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
#signup {
display:none;
}
div#feature.services .video{
	float:right;
	width:640px;
}

/* case study link */

#feature div.featureContent h3.smallHeading {
	font-size:1.6em;
	text-transform: uppercase;
	color:#d7d7d7;
	font-weight:normal;
	background:url(http://www.mutantlabs.com/images/icons_sprites.png) 80px -280px no-repeat;
}

#feature div.featureContent div.caseStudies {
	width: 500px; float: left;
	margin: 20px 0 0 0;
}

#feature div.featureContent div.caseStudies a {
	display:block;
	width: 462px; height: 116px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 15px 0 0 0;
}
#feature div.featureContent div.caseStudies a:hover {background-color: #1e1e1e;}
#feature div.featureContent div.caseStudies img{margin:0 auto; display: block;}

/* end case study link */

/*-- START CONTENT --*/
div#content.services{
	background:transparent url(http://www.mutantlabs.com/images/featurebox/feature_nav_bg.gif) top center no-repeat;
}

/*feature nav*/
ul#featureNav.services{
width:100%;
float:left;
display:block;
margin-bottom:70px;
}

ul#featureNav.services li{
float:left;
}

ul#featureNav.services li a{
display:block;
width:128px;
height:55px;
text-decoration:none;
padding-top:50px;
padding-left:72px;
}

ul#featureNav.services li.apps{margin-left:70px;}
ul#featureNav.services li.apps a{background:url(../images/feature_nav_home.png) -70px -0px no-repeat;}
ul#featureNav.services li.apps a:hover, ul#featureNav.services li.apps a.active{background-position:-70px -94px;}
ul#featureNav.services li.flash a{background:url(../images/feature_nav_home.png) -271px -0px no-repeat;}
ul#featureNav.services li.flash a:hover, ul#featureNav.services li.flash a.active{background-position:-271px -96px;}
ul#featureNav.services li.illustration a{background:url(../images/feature_nav_home.png) -471px -0px no-repeat;}
ul#featureNav.services li.illustration a:hover, ul#featureNav.services li.illustration a.active{background-position:-471px -96px;}
ul#featureNav.services li.web a{background:url(../images/feature_nav_home.png) -671px -0px no-repeat;}
ul#featureNav.services li.web a:hover, ul#featureNav.services li.web a.active{background-position: -671px -96px;}

ul#featureNav.services li a h3 span{display:none;}

ul#featureNav.services li.apps a h3{width:132px;height:24px;background:url(../images/OCEANRAIL2clouds.jpg) no-repeat top left;}
ul#featureNav.services li.flash a h3{width:132px;height:24px;background:url(http://www.mutantlabs.com/images/services/feature_h3_flash.jpg) no-repeat top left;}
ul#featureNav.services li.illustration a h3{width:132px;height:24px;background:url(http://www.mutantlabs.com/images/services/feature_h3_illustration.jpg) no-repeat top left;}
ul#featureNav.services li.web a h3{width:132px;height:24px;background:url(http://www.mutantlabs.com/images/services/feature_h3_web.jpg) no-repeat top left;}

ul#featureNav.services li a:hover h3{background-position:bottom left;}

ul#featureNav.services li p{
text-transform:uppercase;
font-size:1em;
font-family:"Gill Sans", "Helvetica Neue", Arial, sans-serif;
color:#3c3c3c;
width:120px;
}

ul#featureNav.services li a:hover p{
color:#5c5c5c;
}

/*template 1.services*/
div.template1.services{
margin-top:0;
background-image:none;
}


div.template1.services div.keyPoints{
width:240px;
float:left;
margin-right:40px;
}

div.template1.services div.keyPoints.last{
margin-right:0;
}

div.template1.services div.keyPoints img {
margin-right:15px;
float: left;
}

div.template1.services div.keyPoints h3{
width:100%;
float:none !important;
margin-bottom:15px;
line-height:0.8em;
}

div.template1.services div.keyPoints p {
	margin-top:0;
}

div.template1.services .rightCol {

}

div.template1.services .rightCol ul.servicesList{
font-family:"Helvetica", Arial, sans-serif;
list-style:disc url(http://www.mutantlabs.com/images/services/servicesList_disc.gif) inside;
font-size:1.4em;
line-height:1.4em;
}

div.template1.services .rightCol ul.servicesList li{
border-bottom:1px solid #1a1a1a;
padding:8px 0;
}

/* template 2 services */

div.template2.services{
	background-image:none;
	width: 860px;
	margin-bottom: 0;
}
#content div.template2.services div.centreContent {
	margin: 0 auto;
	text-align: center;
	display: block;
}

/* quote */

#content div.template2.services blockquote {
	display: block; width: 630px;
	margin: 0 auto;
	color:#B3B3B3;
	text-transform: uppercase;
	background: url(http://www.mutantlabs.com/images/services/quote_close.gif) right bottom no-repeat;
}
#content div.template2.services div.centreContent blockquote p {
	line-height: 1.0em;
	padding: 0 0 0 30px; width: 570px;
	font-size:3.6em;font-weight:normal;
	background: url(http://www.mutantlabs.com/images/services/quote_open.gif) 0px 0px no-repeat;
}

#content div.template2.services div.centreContent p.quoteAuthor {
	width: 400px; text-align: right;
	float: right; margin: 10px 170px 0 0;
}



/* small contact area */

div.smlContactArea {
	width: 240px;
	float: left;
}

div.smlContactArea h3.contactHeader {
	color:#d7d7d7;
	font-size: 2.6em; text-transform: uppercase;
	margin: 0 0 15px 0;
}

div.smlContactArea h3.contactHeader span.contactLg {
	font-size: 1.4em;
}

div.smlContactArea #vcard .hidden {
	display: none;
}
div.smlContactArea a{
	text-decoration: none;
	color:#797979;
}
div.smlContactArea a:hover{
	text-decoration:none;
	color:#d7d7d7;
}
div.smlContactArea ul{
	font-size:1.6em;
	line-height:1.6em;
	color:#797979;
}
div.smlContactArea #vcard ul.contactDetails li {
	padding-left: 40px;
	margin: 10px 0 ;
	font-weight:bold;
}
div.smlContactArea  #vcard ul.contactDetails li.tel {
	background:transparent url(../images/icons_sprites.png) -320px -8px no-repeat;
	font-size: 1.2em;color:#797979;
}
div.smlContactArea #vcard ul.contactDetails li.email {
	background:transparent url(../images/icons_sprites.png) -320px -233px no-repeat;
}
div.smlContactArea a.contactUsBtn span {
	display: none;
}
div.smlContactArea a.contactUsBtn {
	width: 230px; height: 80px;
	margin: 10px 0 0 0;
	display: block;
	background: url(../images/contact-us.png) top left no-repeat;
}
div.smlContactArea a.contactUsBtn:hover {
	background-position: 0 -90px;
}

/* featured project */

#content div.template2.services div.featuredProject h2 {
	font-size:2.6em;
	color:#d7d7d7;
	text-transform:uppercase;
	line-height: 0.8em;
	margin: 0 0 25px 0;
}
div.template2.services div.featuredProject {
	width: 590px;
	float: left; margin: 0 0 0 30px;
}

div.template2.services div.featuredProject a {
	display:block;
	width: 585px; height: 195px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div.template2.services div.featuredProject a:hover {
	background-color: #1e1e1e;
}


div.template2.services div.featuredProject a img {
	margin: 0 auto; display: block;
}

div.template2.services ul#hireMeNow{
height:97px;
}

div.template2.services ul#hireMeNow li{
float:left;
margin-right:22px;
height:97px;
}

div.template2.services ul#hireMeNow li.details{
text-align:center;
padding-top:10px;
height:87px;
border-right:1px solid #cdcdcd;
padding-right:20px;
}

div.template2.services ul#hireMeNow li p.number{
font-size:3em;
font-family:"Helvetica Neue", Arial, sans-serif;
color:#d7d7d7;
font-weight:bold;
}

div.template2.services ul#hireMeNow li p.email{
font-size:2em;
font-family:"Helvetica", Arial, sans-serif;
color:#797979;
font-weight:bold;
}

div.template2.services ul#hireMeNow li.contact{
padding-top:20px;
height:77px;
margin-right:0;
}

div.template2.services ul#hireMeNow li a#contactButton{
display:block;
width:258px;
height:43px;
background:transparent url(http://www.mutantlabs.com/images/services/contact_button.png) no-repeat top left;
margin-top:10px;
}

div.template2.services ul#hireMeNow li a#contactButton:hover{background-position:bottom left;}

div.template2.services ul#hireMeNow li a#contactButton span{display:none;}

/*-- END SERVICES--*/

/*-- START OUR WORK --*/

#featureContainer.ourWorkHome{
/*min-heigth:380px;*/
}

#featureContainer.ourWork{
width:940px;
min-height:312px;
margin-bottom:20px;
background:url(http://www.mutantlabs.com/images/ourwork/feature_bg.jpg) no-repeat bottom center;
}

#featureContainer.ourWork #featureContentGallery{
padding:0 40px;
min-height: 312px;
position:relative;
z-index:10;
}

#featureContainer.ourWork #featureContentGallery .videoWrapper{
padding:20px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
background:#1F1F1F url(http://www.mutantlabs.com/images/home/spotted_texture.gif) left top ;
width:702px;
margin-left:70px;
border-left:1px solid #454545;
border-top:1px solid #454545;
position:relative;
overflow:visible;
}

#featureContainer.ourWork #featureContentGallery .videoWrapper img.shine{
position:absolute;
top:-1px; right:0;
z-index:100;
border:0;
}
#featureContainer.ourWork #featureContentGallery .videoWrapper .part{
position:absolute;
top:-1px; right:0;
z-index:100;
border:0;
}

#featureContainer.ourWork #featureContentGallery .videoWrapper iframe{
-webkit-box-shadow: 0px 0px 8px #000;
-moz-box-shadow: 0px 0px 8px #000;
box-shadow: 0px 0px 8px #000; 	
}

#featureContainer.ourWork #featureContentGallery .galleryItem.image{
position:relative;
width:820px;
margin-left:20px;
}

#featureContainer.ourWork #featureContentGallery .galleryItem.image .roundedImage{
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
width:820px;
border-left:1px solid #454545;
border-top:1px solid #454545;
}

#featureContainer.ourWork #featureContentGallery .galleryItem.image img.shine{
position:absolute;
top:1px; right:0;
z-index:100;
border:0;
}

#featureContainer.ourWork #featureContentGallery img{
float:left;
border-left:1px solid #454545;
border-top:1px solid #454545;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}

#shadowBlock{
width:100%;
height:20px;
background:url(http://www.mutantlabs.com/images/structure/ourwork/video_shadow.png) no-repeat top center;
margin-top:-16px;
}

/* END FEATURE BLOCK */

/* START FEATURE NAV

/* END FEATURE NAV */

.featureNavWrapper{
float:left;
margin-bottom:20px;
margin-top:10px;
overflow:hidden;
width:100%;
}

ul#featureNav.ourWork{
float:left;
left:50%;
margin-bottom:0;
position:relative;
width:auto;
}

ul#featureNav.ourWork ul.centerFloat{
float:left;
position:relative;
right:50%;
text-align:center;
width:auto;
padding:10px 0;
}

ul#featureNav.ourWork li:first-child{
margin-left:10px;	
}

ul#featureNav.ourWork li {
float:left;	
margin-left:10px;
width: 50px;
0 5px 0 5px;
}

ul#featureNav.ourWork li span{
	display:block;
	float:left;
	background:#646464;
	width:12px;
	height:12px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	cursor:pointer;
	margin-left:16px;
}

ul#featureNav.ourWork li h2 {
	margin-top:10px;
	line-height:19px;
}
ul#featureNav.ourWork li span.selected{
-webkit-box-shadow: 0px 0px 10px #ff6565;
-moz-box-shadow: 0px 0px 10px #ff6565;
box-shadow: 0px 0px 10px #ff6565; 	
background:#ffacac;
}
ul#featureNav.ourWork li span.selected.part1{
-webkit-box-shadow: 0px 0px 10px #8cedff;
-moz-box-shadow: 0px 0px 10px #8cedff;
box-shadow: 0px 0px 10px #8cedff; 	
background:#def8ff url('../images/part1.png') no-repeat;
}

div.template3 h2 {
color:#D7D7D7;
font-size:2.7em;
line-height:0.8em;
text-transform:uppercase;
text-align:left;
}

/*-- START OUR WORK HOMEPAGE --*/

div.template3.ourWorkHome{
text-align:left;
background-image:none;
padding:0px 60px 70px 55px;
width:820px;
}

div.template3.ourWorkHome .leftCol{
float:left;
width:220px;
padding:0 5px;	
}

div.template3.ourWorkHome .rightCol{
float:right;
width:564px;	
}

div.template3.ourWorkHome .rightCol .projectLink{
width:533px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:0 0 0 30px;
margin-bottom:22px;
background:transparent url() no-repeat bottom left;
}

div.template3.ourWorkHome .rightCol .projectLink:hover{
cursor:pointer;	
}

div.template3.ourWorkHome .rightCol .projectLink h3{
float:left;
font-size:2.4em;
margin-top:80px;
color:#ededed;
text-transform:uppercase;
}

div.template3.ourWorkHome .rightCol .projectLink p{
float:left;
clear:both;
width:320px;
color:#ededed;
margin-top:10px;
}

div.template3.ourWorkHome .rightCol .projectLink.uopCampusMap{background-image:url(http://www.mutantlabs.com/images/content/ourwork/uopcm/ourwork_btn.jpg);}
div.template3.ourWorkHome .rightCol .projectLink.uopCampusMap h3{color:#d7d7d7;}
div.template3.ourWorkHome .rightCol .projectLink.uopCampusMap p{color:#d0a689;}


div.template3.ourWorkHome .rightCol .projectLink.gigLocator{background-image:url(http://www.mutantlabs.com/images/content/ourwork/giglocator/ourwork_btn.jpg);}
div.template3.ourWorkHome .rightCol .projectLink.gigLocator h3{color:#d7d7d7;}
div.template3.ourWorkHome .rightCol .projectLink.gigLocator p{color:#ca89d0;width:260px;}


div.template3.ourWorkHome .rightCol .projectLink.couponPal{background-image:url(http://www.mutantlabs.com/images/content/ourwork/couponpal/ourwork_btn.jpg);}
div.template3.ourWorkHome .rightCol .projectLink.couponPal h3{}
div.template3.ourWorkHome .rightCol .projectLink.couponPal p{color:#a5bdde;width:220px;}


div.template3.ourWorkHome .rightCol .projectLink.bbo{background-image:url(http://www.mutantlabs.com/images/content/ourwork/bbo/ourwork_btn.jpg);}
div.template3.ourWorkHome .rightCol .projectLink.bbo h3{color:#292929;}
div.template3.ourWorkHome .rightCol .projectLink.bbo p{color:#292929;}

div.template3.ourWorkHome .rightCol .projectLink.forces{background-image:url(http://www.mutantlabs.com/images/content/ourwork/fn/ourwork_btn.jpg);}
div.template3.ourWorkHome .rightCol .projectLink.forces h3{color:#292929;}
div.template3.ourWorkHome .rightCol .projectLink.forces p{color:#292929;}

div.template3.ourWorkHome .rightCol .projectLink.rotato{background-image:url(http://www.mutantlabs.com/images/content/ourwork/rotato/ourwork_btn.jpg);}
div.template3.ourWorkHome .rightCol .projectLink.rotato h3{color:#292929;}
div.template3.ourWorkHome .rightCol .projectLink.rotato p{color:#292929;}

div.template3.ourWorkHome .rightCol .projectLink.ditd{background-image:url(http://www.mutantlabs.com/images/content/ourwork/ditd/ourwork_btn.jpg);}
div.template3.ourWorkHome .rightCol .projectLink.ditd h3{color:#292929;}
div.template3.ourWorkHome .rightCol .projectLink.ditd p{color:#292929;}

div.template3.ourWorkHome .rightCol .projectLink.plundr{background-image:url(http://www.mutantlabs.com/images/content/ourwork/plundr/ourwork_btn.jpg);}
div.template3.ourWorkHome .rightCol .projectLink.plundr h3{color:#292929;}
div.template3.ourWorkHome .rightCol .projectLink.plundr p{color:#292929;}

div.template3.ourWorkHome .rightCol .projectLink.ssj{background-image:url(http://www.mutantlabs.com/images/content/ourwork/ssj/ourwork_btn.jpg);}
div.template3.ourWorkHome .rightCol .projectLink.ssj h3{}
div.template3.ourWorkHome .rightCol .projectLink.ssj p{color:#a5bdde;}

div.template3.ourWorkHome .rightCol .projectLink.chewtv{background-image:url(http://www.mutantlabs.com/images/content/ourwork/chewtv/ourwork_btn.jpg);}
div.template3.ourWorkHome .rightCol .projectLink.chewtv h3{color:#292929;}
div.template3.ourWorkHome .rightCol .projectLink.chewtv p{color:#292929;}

div.template3.ourWorkHome .rightCol .projectLink.gabriella{background-image:url(http://www.mutantlabs.com/images/content/ourwork/gabriella/ourwork_btn.jpg);}
div.template3.ourWorkHome .rightCol .projectLink.gabriella h3{color:#292929;}
div.template3.ourWorkHome .rightCol .projectLink.gabriella p{color:#292929;}

div.template3.ourWorkHome .rightCol .projectLink.shootout{background-image:url(http://www.mutantlabs.com/images/content/ourwork/shootout/ourwork_btn.jpg);}
div.template3.ourWorkHome .rightCol .projectLink.shootout h3{color:#952d98}
div.template3.ourWorkHome .rightCol .projectLink.shootout p{color:#000;}

div.template3.ourWorkHome .rightCol .projectLink.sonicboom{background-image:url(http://www.mutantlabs.com/images/content/ourwork/sonicboom/ourwork_btn.jpg);}
div.template3.ourWorkHome .rightCol .projectLink.sonicboom h3{}
div.template3.ourWorkHome .rightCol .projectLink.sonicboom p{color:#909090;}

div.template3.ourWorkHome .rightCol .projectLink.oddies{background-image:url(http://www.mutantlabs.com/images/content/ourwork/oddies/ourwork_btn.png);}
div.template3.ourWorkHome .rightCol .projectLink.oddies h3{color:#292929;}
div.template3.ourWorkHome .rightCol .projectLink.oddies p{color:#292929;}

/*-- START HOMEPAGE FILTER --*/

/*-- START HOMEPAGE FILTER --*/

ul#filterResults{
	
}

ul#filterResults li{
float:left;
margin-bottom:15px;
}

ul#filterResults li a{
display:block;
text-decoration:none;
font-size:1.8em;
text-transform:uppercase;
color:#696969;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*padding:5px 0 5px 60px;*/
padding:0;
width:220px;
background:#1e1e1e url(../images/client-menu-sprite.png) no-repeat 6px 0;
text-shadow: #6374AB 0 0 10px;
height:34px;
}

ul#filterResults li a span{
display:none;	
}

ul#filterResults li a:hover{
/*background-color:#2c2c2c;*/
}

ul#filterResults li a.selected{
-webkit-box-shadow: 0px 0px 12px #ff2222;
-moz-box-shadow: 0px 0px 12px #ff2222;
box-shadow: 0px 0px 12px #ff2222; 
}


ul#filterResults li a.profile{background-position:6px 10px;}
ul#filterResults li a.profile:hover{background-position:6px -49px;background-color:#2c2c2c;}
ul#filterResults li a.profile.selected{background-position:6px -109px;background-color:#ff2222;color:#1e1e1e;}


ul#filterResults li a.changepw{background-position:6px -169px;}
ul#filterResults li a.changepw:hover{background-position:6px -229px;background-color:#2c2c2c;}
ul#filterResults li a.changepw.selected{background-position:6px -289px;background-color:#ff2222;color:#1e1e1e;}


ul#filterResults li a.basicinfo{background-position:6px -348px;}
ul#filterResults li a.basicinfo:hover{background-position:6px -408px;background-color:#2c2c2c;}
ul#filterResults li a.basicinfo.selected{background-position:6px -468px;background-color:#ff2222;color:#1e1e1e;}

ul#filterResults li a.report{background-position:6px -528px;}
ul#filterResults li a.report:hover{background-position:6px -588px;background-color:#2c2c2c;}
ul#filterResults li a.report.selected{background-position:6px -648px;background-color:#ff2222;color:#1e1e1e;}

ul#filterResults li a.logout{background-position:6px -708px;}
ul#filterResults li a.logout:hover{background-position:6px -768px;background-color:#2c2c2c;}
ul#filterResults li a.logout.selected{background-position:6px -827px;background-color:#ff2222;color:#1e1e1e;}


/*-- END OUR WORK HOMEPAGE --*/

div.template3.ourWork{
text-align:left;
padding:0px 40px 70px;
width:860px;
}

div.template3.ourWork .leftCol{
float:left;
width:220px;
padding-top:18px;
margin-left:20px;
}

div.template3.ourWork .leftCol h2 {
color:#919191;
font-size:2.4em;
margin-bottom:30px;
}

div.template3.ourWork .leftCol h3 {
font-weight:bold;
width:90%;
clear:both;

color:#878787;
font-size: 2.2em; text-transform: uppercase;
margin: 0 0 30px 0;
background-image:none;	
}

div.template3.ourWork .leftCol h3 span{
background-color:#000;
padding:0 10px 0 0
}

/*-- START BREADCRUMBS --*/

ul#breadCrumbs{
width:100%;
margin-bottom:50px;
overflow:hidden;
}

ul#breadCrumbs li{
float:left;
}

ul#breadCrumbs li a{
display:block;
font-size:1.4em;
font-weight:bold;
color:#3e3e3e;
text-decoration:none;
padding:9px 20px 9px 10px;	
background:#1e1e1e;
font-weight:bold;
}

ul#breadCrumbs li a:hover{
color:#def8ff;
text-shadow:0px 0px 8px #8CEDFF;	
}

ul#breadCrumbs li a.main{
background:#1e1e1e url(http://www.mutantlabs.com/images/structure/ourwork/breadcrumbs_left.gif) no-repeat right center;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}

ul#breadCrumbs li a.secondary{
background:#1e1e1e url(http://www.mutantlabs.com/images/structure/ourwork/breadcrumbs_right.gif) no-repeat right center;

}

/*-- END BREADCRUMBS --*/

/*--- START PROJECT NAV ---*/

div.template3.ourWork .leftCol .projectItem{
display:block;
padding:0 0 0 60px;	
margin-bottom:20px;
text-decoration:none;
color:#646464;
padding:10px 15px 10px 60px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;
}

div.template3.ourWork .leftCol .projectItem:hover h4{
color:#def8ff;
text-shadow:0px 0px 8px #8CEDFF;	
}

div.template3.ourWork .leftCol .projectItem.selected{

}

div.template3.ourWork .leftCol .projectItem.selected h4{
color:#DEF8FF;
text-shadow: 0px 0px 5px #8CEDFF;
filter: dropshadow(color=#8CEDFF, offx=0, offy=0);
}

div.template3.ourWork .leftCol .projectItem h4{
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-stretch:condensed;
font-weight:bold;
font-size:1.7em;
color:#696969;
margin-bottom:5px;
}

div.template3.ourWork .leftCol .projectItem span{
font-size:1.2em;
line-height:1.5em;
}

/*-- IPHONE --*/
.leftCol .projectItem.uop-campus-map{background:#1e1e1e url(http://www.mutantlabs.com/images/ourwork/projectnav_sprite.png) no-repeat 5px 16px;}
.leftCol .projectItem.operation-sonic-boom{background:#1e1e1e url(http://www.mutantlabs.com/images/ourwork/projectnav_sprite.png) no-repeat 6px -628px;}

/*-- FLASH PROJECTS --*/
.leftCol .projectItem.biker-blast-off{background:#1e1e1e url(http://www.mutantlabs.com/images/ourwork/projectnav_sprite.png) no-repeat 5px -53px;}
.leftCol .projectItem.rotato-potato{background:#1e1e1e url(http://www.mutantlabs.com/images/ourwork/projectnav_sprite.png) no-repeat 5px -117px;}
.leftCol .projectItem.super-sound-jam{background:#1e1e1e url(http://www.mutantlabs.com/images/ourwork/projectnav_sprite.png) no-repeat 5px -178px;}
.leftCol .projectItem.hotel-shoot-out{background:#1e1e1e url(http://www.mutantlabs.com/images/ourwork/projectnav_sprite.png) no-repeat 5px -567px;}
.leftCol .projectItem.oddies-donut-dash{background:#1e1e1e url(http://www.mutantlabs.com/images/ourwork/projectnav_sprite.png) no-repeat 6px -696px;}

/*-- WEBSITES --*/
.leftCol .projectItem.red1{background:#1e1e1e url(../images/red1.png) no-repeat 8px 13px;}
.leftCol .projectItem.black2{background:#1e1e1e url(../images/black-2.png) no-repeat 8px 13px;}
.leftCol .projectItem.grey3{background:#1e1e1e url(../images/grey-3.png) no-repeat 8px 13px;}
.leftCol .projectItem.yellow4{background:#1e1e1e url(../images/yellow-4.png) no-repeat 8px 13px;}

.leftCol .projectItem.securelog{background:#1e1e1e url(../images/securelog.png) no-repeat 8px 13px;}

.leftCol .projectItem.gabriella-lane{background:#1e1e1e url(http://www.mutantlabs.com/images/ourwork/projectnav_sprite.png) no-repeat 5px -310px;}
.leftCol .projectItem.forces-nutrition{background:#1e1e1e url(http://www.mutantlabs.com/images/ourwork/projectnav_sprite.png) no-repeat 5px -374px;}
.leftCol .projectItem.plundr{background:#1e1e1e url(http://www.mutantlabs.com/images/ourwork/projectnav_sprite.png) no-repeat 5px -436px;}
.leftCol .projectItem.chew-tv{background:#1e1e1e url(http://www.mutantlabs.com/images/ourwork/projectnav_sprite.png) no-repeat 5px -501px;}

/*--END LEFT COL---*/

/*---START RIGHT COL---*/

div.template3.ourWork .rightCol{
float:right;
width:560px;
padding:0 20px 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
}

div.template3.ourWork .rightCol .projectDescription{
width:100%;
}

div.template3.ourWork .rightCol .projectDescription.plundr {
	overflow:visible; 
}

div.template3.ourWork .rightCol .projectDescription h2{
font-weight:bold;
font-size:4em;
color:#eaeaea;
float:left;
}

div.template3.ourWork .rightCol .projectDescription .titleBlock{
padding:10px 0 10px 65px;
position:relative;
margin-bottom:20px;
}

div.template3.ourWork .rightCol .projectDescription .titleBlock p{
float:left;	
clear:both;
margin-top:7px;
}

div.template3.ourWork .rightCol .projectDescription .titleBlock .viewProject{
display:block;
float:right;
width:122px;
height:34px;
background:url(http://www.mutantlabs.com/images/ourwork/projectdescription_sprite.png) no-repeat 0 0;
position:absolute;
right:0;
top:15px;
}

div.template3.ourWork .rightCol .projectDescription .titleBlock .viewProject span{display:none;}

div.template3.ourWork .rightCol .projectDescription .titleBlock .viewProject:hover{
background-position:0 -41px;	
}

div.template3.ourWork .rightCol .projectDescription .titleBlock .viewProject:active{
background-position:0 -40px;
}

div.template3.ourWork .rightCol .projectDescription p{
font-size:1.4em;	
margin-top:30px;
}

div.template3.ourWork .rightCol a{
	text-decoration: none;
	color:#58d7fc;
	/* color:#797979; */
}

div.template3.ourWork .rightCol .projectDescription ul{
font-size:1.4em;
list-style: disc url(bullet.gif) inside;
line-height:1.5em;
margin-left:0;
padding-left:1em;
text-indent:-1em;
margin:10px 0;
}

div.template3.ourWork .rightCol .projectDescription ul li{
margin:15px 0;
}

div.template3.ourWork .rightCol .projectDescription h3{
font-weight:bold;
font-size:2.6em;
color:#d7d7d7;
margin:30px 0;
}

div.template3.ourWork .rightCol .projectDescription .imageBlock{
text-align:center;
overflow:visible;
}

div.template3.ourWork .rightCol .projectDescription .imageBlock img{
margin-top:20px;
}


/** QUOTE **/

#content div.template3.ourWork div.rightCol div.projectDescription div.centreContent {
overflow:visible;
}


#content div.template3.ourWork div.rightCol div.projectDescription div.centreContent blockquote {
	display: block;
	margin: 0 auto;
	color:#faf9e3;
	text-transform: uppercase;
	background: url(http://www.mutantlabs.com/images/services/quote_close.gif) right bottom no-repeat;
}

#content div.template3.ourWork div.rightCol div.projectDescription div.centreContent blockquote p {
	line-height: 1.0em;
	padding: 20px 40px 0 50px;
	font-size:2.0em;
	font-weight:normal;
	background: url("http://www.mutantlabs.com/images/services/quote_open.gif") no-repeat scroll 0 0 transparent
}

#content div.template3.ourWork div.rightCol div.projectDescription div.centreContent p.quoteAuthor {
	width: 400px; 
	text-align: right;
	float: right; 
	margin: 10px 70px 0 0;
}

/**PROJECT IMAGES**/

.PimgRight {
	float:right;
	margin-left:30px;
}

.PimgLeft {
	float:left;
	margin-right:30px;
}

.noMargin{
	margin-left:0 !important;	
	margin-right:0 !important;	
}

/*-- END OUR WORK --*/

/*-- START HOMEPAGE --*/

div#content.home{
	background:url("../images/featurebox/feature_nav_bg.gif") no-repeat center top;
}

/* FOR FEATURE SLIDERS SEE FEATURE NAV SECTION */

/*feature nav*/
ul#featureNav{
width:100%;
float:left;
display:block;
margin-bottom:50px;
}

ul#featureNav li{
float:left;
}

ul#featureNav li a{
display:block;
width:128px;
height:55px;
text-decoration:none;
padding-top:40px;
padding-left:72px;
}

ul#featureNav li:first-child{margin-left:70px;}

ul#featureNav li.battery a{background:url(http://www.mutantlabs.com/images/home/feature_nav_sprite.png) no-repeat -71px 0;}
ul#featureNav li.battery a:hover, ul#featureNav li.battery a.active{background-position:-71px -95px;}

ul#featureNav li.bbo a{background:url(http://www.mutantlabs.com/images/home/feature_nav_sprite.png) no-repeat -272px 0;}
ul#featureNav li.bbo a:hover, ul#featureNav li.bbo a.active{background-position:-272px -95px;}

ul#featureNav li.rotato a{background:url(http://www.mutantlabs.com/images/home/feature_nav_sprite.png) no-repeat -472px 0;}
ul#featureNav li.rotato a:hover, ul#featureNav li.rotato a.active{background-position:-472px -95px;}

ul#featureNav li.uop a{background:url(http://www.mutantlabs.com/images/home/feature_nav_sprite.png) no-repeat -672px 0;}
ul#featureNav li.uop a:hover, ul#featureNav li.uop a.active{background-position:-672px -95px;}

ul#featureNav li.gabriella a{background:url(http://www.mutantlabs.com/images/home/gabriella_nav_sprite.png) no-repeat top left;}
ul#featureNav li.gabriella a:hover, ul#featureNav li.gabriella a.active{background-position:bottom left;}

/*ul#featureNav.home li a:hover{background-position:bottom left;}*/

ul#featureNav li a h3 span{display:none;}

ul#featureNav li a:hover h3{background-position:bottom left;}

ul#featureNav li p{
text-transform:uppercase;
font-size:1em;
font-family:"Gill Sans", "Helvetica Neue", Arial, sans-serif;
color:#646464;
width:120px;
}

ul#featureNav li a:hover p{
color:#5c5c5c;
}

/*template 1.home */
div.template1.home{
margin:0;
padding-bottom: 0px;
}
div.template1.homeBottom{
margin-top:0;
background-image:none;
background:url(../images/content_bg.png) no-repeat center 47px;
height: 120px;
}

div.template1.home .leftCol{
width:480px;
padding-top:20px;
overflow: visible;
}

div.template1.home .leftCol h2 {
font-size:2.4em;
color:#b3b3b3;
line-height: 1.3em;

overflow: visible;
}

div.template1.home .leftCol h2 span{
color:#f2f2f2;
text-shadow: 5px 5px 7px #60a6b5;
position:relative;
z-index:10;
overflow:visible;
}

div.template1.home .leftCol h2 span img.spanGlow{
position:absolute;
left:-40px;
top:-22px;
}

div.template1.home .leftCol h2 span img.spanGlow2{
position:absolute;
left:-45px;
top:-22px;
}


div.template1.home div.keyPoints{
float:left;
width:100%;
margin-top:40px;
margin-bottom: 0px;
}

div.template1.home div.keyPoints.last{
margin-right:0;
}

div.template1.home div.keyPoints p {
margin-top:0;
font-size:1.4em;
color:#757474;
line-height:1.6em;
width:auto;
margin-bottom:10px;
}

div.template1.home div.keyPoints p strong{
color:#b3b3b3;
}


div.template1.homeBottom #quickLinks{
	float:left;
	width:100%;
	margin-top: 22px;
}

div.template1.homeBottom #quickLinks li{
float:left;	
display:block;
}

div.template1.homeBottom #quickLinks li a {display:block;}
div.template1.homeBottom #quickLinks li a span{display:none;}

div.template1.homeBottom #quickLinks li.services a{
background: url('../images/quick_links.png') no-repeat top left;
width:159px;
height:74px;
}

div.template1.homeBottom #quickLinks li.services a:hover{
background-position:left -81px;	
}

div.template1.homeBottom #quickLinks li.about a{
background: url('../images/quick_links.png') no-repeat -166px top;
width:163px;
height:74px;
margin:0 2px 0 6px;
}

div.template1.homeBottom #quickLinks li.about a:hover{
background-position:-166px -81px;	
}

div.template1.homeBottom #quickLinks li.rnd a{
background: url('../images/quick_links.png') no-repeat -488px top;
width:149px;
height:74px;
}

div.template1.homeBottom #quickLinks li.rnd a:hover{
background-position:-488px -81px;
}

div.template1.homeBottom #quickLinks li.training a{
background: url('../images/quick_links.png') no-repeat -330px top;
width:149px;
height:74px;
}

div.template1.homeBottom #quickLinks li.training a:hover{
background-position:-330px -81px;
}

/*rightCol*/
div.template1.home .rightCol {
padding-top:20px;
width:340px;
position:relative;
}

div.template1.home .rightCol  h3{
color:#919191;
font-size:2.4em;
}

div.template1.homeBottom .rightCol  h3{
color:#d7d7d7;
font-size:2.2em;
}


div.template1.home .rightCol  p.subHeading{
float:left;
color: #646464;
}

div.template1.home .rightCol a.rss {
position:absolute;
display:block;
padding:7px 10px 7px 32px;
font-size:1.4em;
top:0;right:0;
background:url(http://www.mutantlabs.com/images/home/feed_sprite.png) no-repeat 10px 6px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

div.template1.home .rightCol a.rss:hover{
background-color:#68cfe9;
background-position:10px -24px;
color:#064454;	
}

div.template1.home .rightCol  p.rss a:hover{
/*background-position:left -18px;
text-decoration:underline;*/
}

div.template1.home .rightCol div.homePageNews{
clear:both;
width:100%;
margin-bottom:30px;
margin-left: 5px;
}

div.template1.home .rightCol p.postDate{
width:30px;
text-align:center;
float:left;
padding:3px 5px;
color:#626262;
font-size:1.4em;
font-weight:bold;
text-transform:uppercase;
background-color:#1f1f1f;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
margin-right:10px;
}

div.template1.home .rightCol p.postDate span.date{
font-size:1.8em;
}

div.template1.home .rightCol div.homePageNews.twitter a.postDate{
padding:3px 5px;
background-color:#1f1f1f;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
margin-right:10px;


width:30px;
text-align:center;
float:left;
background:#1f1f1f url(../images/twitter_post.gif) no-repeat center center;
color:#626262;
height:42px;

}

div.template1.home .rightCol div.homePageNews.twitter h5 {
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: bold;
	font-style: italic;
	float: right;
	width: 287px;
}

div.template1.home .rightCol div.homePageNews h4{
font-size:2.2em;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:bold;
color:#d7d7d7;
float:left;
width:290px;
}

div.template1.home .rightCol div.homePageNews p.content{
float:left;
margin-top:8px;
font-size:1.2em;
padding: 0 3px 0 0;
width: 287px;
}

.faceboxContent a{
	color:#f67f00;
	text-decoration:none;	
}

.faceboxContent a:hover{
	color:#c73400;
	text-decoration:underline;	
}

p.content a{
	text-decoration:none;
	color:#f67f00;
}

p.content a:hover{
	text-decoration:underline;
	color:#c73400;
}



#newsArticle01 h4 {
	font-size: 1.8em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#d7d7d7;
}	

#newsArticle01 .postDate {
	margin: 10px 0;
}

div.template1.home .rightCol div.homePageNews p.content a {
	/*float: right;*/
	padding-left: 3px;
	
}

div.template1.homeBottom .leftCol{
	margin-right:0px ;
}

div.template1.homeBottom .rightCol #newsletterSignUp{
padding:16px 20px 0;
background:#1f1f1f url(../images/spotted_texture.gif) top left;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
position:relative;
height: 84px;
}

div.template1.homeBottom .rightCol #newsletterSignUp p.subHeading{
font-size:1.2em;
position:absolute;
top:15px;
right:15px;	
color: #535353;
}

div.template1.homeBottom .rightCol form#emailCapture{
margin-top:10px;
position:relative;
}

div.template1.homeBottom .rightCol form#emailCapture input.inputBox{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
width:144px;
height:31px;
background:transparent url(../images/form_input.png) no-repeat top left;
border:0;
padding:0 71px 0 45px;
color:#646464;
font-size:1.4em;
float:left;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

div.template1.homeBottom .rightCol form#emailCapture input.inputBox:focus{
-webkit-box-shadow: 0px 0px 5px #d4f5fd;
-moz-box-shadow: 0px 0px 5px #d4f5fd;
box-shadow: 0px 0px 5px #d4f5fd; 
color:#999999;	
}

div.template1.homeBottom .rightCol form#emailCapture #thankyou {
	display: block;
	background:transparent url(../images/tick.png) no-repeat 0px 6px;
	padding: 5px 0px 5px 26px;
	height: 21px;
	clear: both;
	color: #89ce7e;
	display: none;
}

div.template1.homeBottom .rightCol form#emailCapture #error {
	/*display: block;*/
	position: absolute;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	top: -47px;
	background:#444 url(../images/cross.png) no-repeat 7px 13px;
	padding: 1px 5px 1px 30px;
	color: #f44d4f;
	display: none;
}

div.template1.homeBottom .rightCol form#emailCapture input#submit{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
width:71px;
height:31px;
background:transparent url('') no-repeat top left;
cursor:pointer;
position:absolute;
top:0;
right:0;
}

div.template1.homeBottom .rightCol form#emailCapture input#submit:hover{
background-position:left -33px;
}

/*-- END HOMEPAGE --*/

/*-- START CONTACT PAGE --*/

/*feature box 1*/
div#feature.contact .featureContentBox, div#feature.contact{
height:262px;
}

div#feature.contact .featureContentBox{
background:transparent url(../images/contact-phone.jpg) no-repeat top center;
}

div#feature.contact .featureContentBox .featureHeader{
width:300px;
margin-right:110px;
margin-top:20px;
float:right;
}

div#feature.contact .featureContentBox .featureHeader h2{
font-size:2.6em;
}

div#feature.contact .featureContentBox .featureHeader h2.bigger{
margin-left:0;
font-size:6em;
}

div#feature.contact .featureContentBox .featureHeader h2.smallSpace{
margin-left:48px;
font-size:3em;	
}

div#feature.contact .featureContentBox .featureHeader h2.bigSpace{
margin-left:68px;
margin-top:-6px;
}

p.feature-subtitle{
margin-top:20px;
text-align:center;	
}

/*end feature box 1*/



/*-- START REPORT PAGE --*/

/*feature box 1*/
div#feature.report .featureContentBox, div#feature.report{
height:262px;
}

div#feature.report .featureContentBox{
background:transparent url(../images/OCEANRAIL2clouds.jpg) no-repeat top center;
}

div#feature.report .featureContentBox .featureHeader{
width:300px;
margin-right:110px;
margin-top:20px;
float:right;
}

div#feature.report .featureContentBox .featureHeader h2{
font-size:2.6em;
}

div#feature.report .featureContentBox .featureHeader h2.bigger{
margin-left:0;
font-size:6em;
}

div#feature.report .featureContentBox .featureHeader h2.smallSpace{
margin-left:48px;
font-size:3em;	
}

div#feature.report .featureContentBox .featureHeader h2.bigSpace{
margin-left:68px;
margin-top:-6px;
}

p.feature-subtitle{
margin-top:20px;
text-align:center;	
}
/*-- START AFFILIATE REPORTS PAGE --*/

/*feature box 1*/
div#feature.report .featureContentBox, div#feature.reports{
height:262px;
}

div#feature.reports .featureContentBox{
background:transparent url(../images/microchip.jpg) no-repeat top center;
}

div#feature.reports .featureContentBox .featureHeader{
width:300px;
margin-right:110px;
margin-top:20px;
float:right;
}

div#feature.reports .featureContentBox .featureHeader h2{
font-size:2.6em;
}

div#feature.reports .featureContentBox .featureHeader h2.bigger{
margin-left:0;
font-size:6em;
}

div#feature.reports .featureContentBox .featureHeader h2.smallSpace{
margin-left:48px;
font-size:3em;	
}

div#feature.reports .featureContentBox .featureHeader h2.bigSpace{
margin-left:68px;
margin-top:-6px;
}

p.feature-subtitle{
margin-top:20px;
text-align:center;	
}


/*client account*/
div#feature.client-account .featureContentBox, div#feature.client-account{
height:600px;
}

div#feature.client-account .featureContentBox .controlPanel {
background:transparent url(../images/laptop2.jpg) no-repeat 580px 80px;
height:600px; 
}

div#feature.client-account .featureContentBox .featureHeader{
width:300px;
margin:0px 0px 50px 55px;
float:right;
}

div#feature.client-account .featureContentBox .featureHeader h2{
font-size:2.6em;
}

div#feature.client-account .featureContentBox .featureHeader h2.bigger{
margin-left:0;
font-size:6em;
}

div#feature.client-account .featureContentBox .featureHeader h2.smallSpace{
margin-left:48px;
font-size:3em;	
}

div#feature.client-account .featureContentBox .featureHeader h2.bigSpace{
margin-left:68px;
margin-top:-6px;
}

p.feature-subtitle{
margin-top:20px;
text-align:center;	
}

div#feature.client-account .featureContentBox .Client-profile{
width:300px;
margin:0px 0px 0px 130px;
float:left;
}

/* contact form */

div#content.contact {
	background:transparent url(../images/feature_nav_bg.gif) no-repeat top center;
}

div.template1.contact{
	margin-top:40px;
	background: url(../images/form_bg.jpg) 0 96px no-repeat;
}
div.template1.contact .leftCol #contactForm{
	padding: 40px;
	width: 439px;
}

p.error{
background-color:#333;
border:1px solid #DF1313;
padding:10px;
margin-bottom:20px;
float:left;
width:800px;
margin:40px 0 0 60px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align:center;
}

p.thanks{
background-color:#333;
border:1px solid #6ab948;
padding:10px;
margin-bottom:20px;
float:left;
width:800px;
margin:40px 0 0 60px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align:center;
}


div.template1.contact .leftCol #contactForm input.inputBox{
	font-family: Helvetica, Arial, sans-serif;
	width:250px; height: 14px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius: 15px; border:0;
	margin-bottom:20px; padding:8px 10px 8px 40px;
	color:#797979;
	font-size:1.3em;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

div.template1.contact .leftCol #contactForm input.inputBox:focus{
color:#b1b1b1;
-webkit-box-shadow: 0px 0px 5px #d4f5fd;
-moz-box-shadow: 0px 0px 5px #d4f5fd;
box-shadow: 0px 0px 5px #d4f5fd; 
}

#contactForm input.inputName{background:url(../images/global_sprites.png) -8px -8px no-repeat;}
#contactForm input.inputEmail{background:url(../images/global_sprites.png) -8px -57px no-repeat;}

div.template1.contact .leftCol #contactForm textarea{
	font-family: Helvetica, Arial, sans-serif;
	width:422px; height: 128px;
	min-width:422px;max-width:422px; 
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:0;
	margin-bottom:20px; padding:8px 10px 8px 10px;
	color:#797979;
	font-size:1.3em;
	background:url(../images/global_sprites.png) -8px -104px no-repeat;
	resize: none;
}

div.template1.homeBottom .rightCol form#emailCapture input#submit{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
width:71px;
height:31px;
background:transparent url(../images/form_signup.png) no-repeat top left;
cursor:pointer;
position:absolute;
top:0;
right:0;
}

div.template1.homeBottom .rightCol form#emailCapture input#submit:hover{
background-position:left -33px;
}

div.template1.contact .leftCol #contactForm textarea:focus{
color:#b1b1b1;	
-webkit-box-shadow: 0px 0px 5px #d4f5fd;
-moz-box-shadow: 0px 0px 5px #d4f5fd;
box-shadow: 0px 0px 5px #d4f5fd; 
}

#contactForm p.inputSpamLabel {
	color: #646464; display: inline;
	font-size: 1.2em; margin: 0 0 0 10px;
}
#contactForm div.signUp label.signupLabel {
	float:left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.6em;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:20px;
	color: #919191;
}
#contactForm div.signUp input#signupCheck {
	width: 15px; height: 15px;
	float: left; margin: 20px 0 0 15px;
}

#contactForm div.signUp label.signupLabel span.jquery-checkbox {
	margin: 0 0 0 20px;
}

div.template1.contact .leftCol #contactForm input#submit{
	width:120px;
	background:url(../images/global_sprites.png) -8px -288px no-repeat;
	height:34px;
	cursor:pointer;
	float:right;
	margin-top:10px;
}

div.template1.contact .leftCol #contactForm input#submit:hover{background-position:-144px -288px;}


div.template1.contact .leftCol #contactForm p.signUp input{margin:4px 0 0 10px;float:right;}


/* right column */

.rightCol #vcard .hidden {
	display: none;
}

div.template1.contact .rightCol a{
	text-decoration: none;
	color:#797979;
	font-weight:bold;
}
div.template1.contact .rightCol a:hover{
	text-decoration:none;
	color:#d7d7d7;
}


div.template1.contact .rightCol ul{
	font-size:1.9em;
	line-height:1.6em;
	color:#797979;
}

div.template1.contact .rightCol #mapContainer{
	height:148px;
	position:relative;	
	overflow:visible;
	margin-top:40px;
}

div.template1.contact .rightCol #mapContainer .staticMapsContainer{
width:300px;
height:148px;
position:absolute;
bottom:0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
display:none;

}

div.template1.contact .rightCol img.mapImg{
	position:absolute;
	bottom:0;
	z-index:15;
}

img.squidMarker{
	position:absolute;
	top:-20px;
	left:120px;
	z-index:30;
}

div.template1.contact .rightCol img.mapStatic{
	position:absolute;
	bottom:0;
	display:none;	
}

div.template1.contact .rightCol img.mapStatic.one{
	z-index:10;
}

div.template1.contact .rightCol img.mapStatic.two{
	z-index:5;	
}

#vcard ul.contactDetails li {
	padding-left: 40px;
	margin: 10px 0 ;
}
#vcard ul.contactDetails li.tel {
	background:transparent url(../images/icons_sprites.png) -320px -8px no-repeat;
	font-size: 1.2em; color: #d7d7d7; font-weight:bold;
}
#vcard ul.contactDetails li.email {
	background:transparent url(../images/icons_sprites.png) -320px -48px no-repeat;
}
#vcard ul.contactDetails li.twitter-anywhere-user {
	background:transparent url(../images/icons_sprites.png) -320px -90px no-repeat;
}

#vcard div.adr {
	width: 160px; height: 105px;
	background:transparent url(../images/icons_sprites.png) -0px 40px no-repeat;
	padding: 20px 0 0 140px;
	font-size: 1.2em; line-height: 1.7em;
	color: #797979;
}




/* end template 1*/

/*template 2.contact*/
div.template2.contact{
background:url('') no-repeat top center;	
padding:60px 60px 0;
width:820px;
}

div.template2.contact a.contactButton{
display:block;
text-decoration:none;
width:260px;
height:55px;
float:left;
}

div.template2.contact a.contactButton.twitter{background:url(../images/contact_nav_twitter.jpg) no-repeat top left;}
div.template2.contact a.contactButton.facebook{background:url(../images/contact_nav_facebook.jpg) no-repeat top left;margin:0 20px;}
div.template2.contact a.contactButton.blog{background:url('') no-repeat top left;}

div.template2.contact a.contactButton span{display:none;}



/*-- FEATURE SLIDERS --*/

div#feature .featureContentBox .goTrain{
display:block;
background:url(images/go-train-sprite.png) no-repeat top left;
width:241px;
height:95px;
position:absolute;
margin-top:40px;
margin-left:20px;
}


div#feature .featureContentBox .goTrain:hover, div#feature .featureContentBox .goTrain:hover{
background-position:bottom left;	
}

div#feature .featureContentBox .goTrain span, div#feature .featureContentBox .goTrain span{display:none;}



div#feature .featureContentBox p{
line-height:1.4em;	
}

div#feature .featureContentBox .viewProject{
display:block;
background:url('') no-repeat top left;
width:241px;
height:95px;
position:absolute;
}

div#feature .featureContentBox .viewProjects{ /*services page only - general link, not for specific projects */
display:block;
background:url('') no-repeat top left;
width:135px;
height:31px;
position:absolute;
}

div#feature .featureContentBox .viewProject:hover, div#feature .featureContentBox .viewProjects:hover{
background-position:bottom left;	
}

div#feature .featureContentBox .viewProject span, div#feature .featureContentBox .viewProjects span{display:none;}

div#feature .featureContentBox .goTrain{
display:block;
background:url(../images/go-train-sprite2.png) no-repeat top left;
width:241px;
height:95px;
position:absolute;
}

div#feature .featureContentBox .goTrain{ /*services page only - general link, not for specific projects */
display:block;
background:url(../images/go-train-sprite2.png) no-repeat top left;
width:135px;
height:31px;
position:absolute;
}

div#feature .featureContentBox .reportIt{
display:block;
background:url(../images/go-train-sprite2.png) no-repeat top left;
width:241px;
height:95px;
position:absolute;
margin-top:40px;
margin-left:20px;
}


div#feature .featureContentBox .reportIt:hover, div#feature .featureContentBox .reportIt:hover{
background-position:bottom left;
}

div#feature .featureContentBox .reportIt span, div#feature .featureContentBox .reportIt span{display:none;}


div#feature .featureContentBox .reportIt{
display:block;
background:url(../images/report-it-sprite2.png) no-repeat top left;
width:241px;
height:95px;
position:absolute;
margin-top: 140px;
}

div#feature .featureContentBox .reportIt{ /*services page only - general link, not for specific projects */
display:block;
background:url(../images/report-it-sprite2.png) no-repeat top left;
width:135px;
height:31px;
position:absolute;
}




div#feature .featureContentBox .reportIt:hover, div#feature .featureContentBox .goEnroll:hover{
background-position:bottom left;
}

div#feature .featureContentBox .reportIt span, div#feature .featureContentBox .goEnroll span{display:none;}


div#feature .featureContentBox .goEnroll{
display:block;
background:url(../images/goEnroll.png) no-repeat top left;
width:241px;
height:95px;
position:absolute;
margin-top: 140px;
}

div#feature .featureContentBox .goEnroll{ /*services page only - general link, not for specific projects */
display:block;
background:url(../images/goEnroll.png) no-repeat top left;
width:135px;
height:31px;
position:absolute;
}

/*BATTERY FEATURE SLIDER*/
div#feature .featureContentBox.battery {background: transparent url(http://www.mutantlabs.com/images/home/battery2.png) no-repeat center 0;}

/*BBO FEATURE SLIDER*/
div#feature .featureContentBox.bbo {
	background: transparent url('') 225px bottom no-repeat;
}

div#feature .featureContentBox.bbo h2 {
	width:367px;
	height:126px;
	background: transparent url('') top left no-repeat;
}

div#feature .featureContentBox.bbo h2 span{
display:none;	
}

div#feature .featureContentBox.bbo .featureContent {
float: left;
width: 370px;
height: 320px;
margin-top: 10px;
margin-left:52px;
color: #878787;
}

div#feature .featureContentBox.bbo h4{
margin-top:32px;
font-size:1.4em;
font-weight:bold;
text-transform:uppercase;
color:#d7d7d7;
}

div#feature .featureContentBox.bbo p{
color:#878787;
margin-top:10px;
font-size:1.2em;
}

div#feature .featureContentBox.bbo .viewProject{
bottom:25px;
left:12px;
}

/*END BBO FEATURE SLIDER*/

/*START ROTATO POTATO FEATURE SLIDER*/
div#feature .featureContentBox.rotato{background:transparent url('') no-repeat bottom right;}

div#feature .featureContentBox.rotato .featureContent{
float:left;
width:330px;
margin-top:0;
margin-left:80px;
color:#878787;
}

div#feature .featureContentBox.rotato h4{
margin-top:20px;
font-size:1.4em;
font-weight:bold;
text-transform:uppercase;
color:#c6c6c6;
}

div#feature .featureContentBox.rotato p{
color:#878787;
margin-top:10px;
font-size:1.2em;
width:235px;
}

div#feature .featureContentBox.rotato .featureContent strong{color:#bdbdbd;}

div#feature .featureContentBox.rotato .viewProject{
bottom:10px;
left:60px;
}


/*END ROTATO POTATO FEATURE SLIDER*/

/*START UOP FEATURE SLIDER*/
div#feature .featureContentBox.uop {
	background: transparent url() bottom right no-repeat;
}

div#feature .featureContentBox.uop h2.small {
	color: #909090;
	font-size: 2em;
	margin-top:-6px;
}

div#feature .featureContentBox.uop h2.mid{
	color: #fafafa;
	font-size:4.4em;
}

div#feature .featureContentBox.uop h2.large {
	color: #fafafa;
	font-size: 6.6em;
	margin-left:20px;
	margin-top:-4px;
}

div#feature .featureContentBox.uop .featureContent {
float: left;
width: 360px;
height: 320px;
margin-top: 10px;
margin-left:80px;
color: #878787;
overflow:visible;
}

div#feature .featureContentBox.uop h4{
margin-top:40px;
font-size:1.4em;
font-weight:bold;
text-transform:uppercase;
color:#d7d7d7;
}

div#feature .featureContentBox.uop p{
color:#878787;
margin-top:10px;
font-size:1.2em;
}

div#feature .featureContentBox.uop .viewProject{
bottom:25px;
left:40px;	
}

/*END UOP FEATURE SLIDER*/

/*-- START FEATURE BOXES --*/

/*-- START IPHONE FEATURE SLIDER --*/

div#feature .featureContentBox.iphone {
	background:url(../images/photos3.jpg) no-repeat 0 0;
}

div#feature .featureContentBox.iphone h2.large {
	color: #fafafa;
	font-size: 4.8em;
}

div#feature .featureContentBox.iphone h2.small {
	color: #fafafa;
	font-size: 3em;
	margin:0 0 0 20px;
}

div#feature .featureContentBox.iphone .featureContent {
float: left;
width: 500px;
height: 320px;
margin-top: 10px;
color: #878787;
margin-left:40px;
}

div#feature .featureContentBox.iphone h4{
margin-top:20px;
font-size:1.4em;
font-weight:bold;
text-transform:uppercase;
color:#d7d7d7;
}

div#feature .featureContentBox.iphone p{
color:#878787;
margin-top:10px;
font-size:1.2em;
width:340px;
}

div#feature .featureContentBox.iphone .viewProjects{
bottom:30px;
left:40px;
}

/*-- END IPHONE FEATURE SLIDER --*/

/*-- START cCommand FEATURE SLIDER --*/
div#feature .featureContentBox.cCommand {
	background: transparent url(../images/contact-bg.png) 350px 50px no-repeat;
}

div#feature .featureContentBox.cCommand #flashInvaders{
	float:right;
	margin-right:50px;
	margin-top:26px;
	width:300px;
	height:265px;
}


div#feature .featureContentBox.cCommand .featureContent h2 {
	color: #fafafa;
	font-size: 5em;
}

div#feature .featureContentBox.cCommand .featureContent p.headerHint {
	width: 71px; height:19px;
	position: relative; margin: 0 0 0 40px;
	display: none;
}

div#feature .featureContentBox.cCommand .featureContent p.headerHint span {
	background: url('') top left no-repeat;
	position: absolute; width: 100%; height: 100%;
}

div#feature .featureContentBox.cCommand strong{
color:#bdbdbd;
}

div#feature .featureContentBox.cCommand ul.summary{
float:left;
list-style-type:disc;
margin-left:1em;
padding-left:1em;
margin-top:15px;
font-size:1.2em;
line-height:1.8em;
}



/*-- END cCommand FEATURE SLIDER --*/

/*-- START cTraining FEATURE SLIDER --*/

div#feature .featureContentBox.cTraining {
	background:url(../images/client-training2.jpg) no-repeat 200px 0;
}

div#feature .featureContentBox.cTraining h2.large {
	color: #fafafa;
	font-size: 4.8em;
}

div#feature .featureContentBox.cTraining h2.small {
	color: #fafafa;
	font-size: 3em;
	margin:0 0 0 20px;
}

div#feature .featureContentBox.cTraining .featureContent {
float: left;
width: 500px;
height: 320px;
margin-top: 10px;
color: #878787;
margin-left:40px;
}

div#feature .featureContentBox.cTraining h4{
margin-top:20px;
font-size:1.4em;
font-weight:bold;
text-transform:uppercase;
color:#d7d7d7;
}

div#feature .featureContentBox.cTraining p{
color:#878787;
margin-top:10px;
font-size:1.2em;
width:340px;
}

div#feature .featureContentBox.cTraining .viewProjects{
bottom:30px;
left:40px;
}

/*-- END cTraining FEATURE SLIDER --*/
/*-- START cpic FEATURE SLIDER --*/

div#feature .featureContentBox.cpic {
	background:url(../images/cpic5.jpg) no-repeat 470px 0px;
}

div#feature .featureContentBox.cpic h2.large {
	color: #fafafa;
	font-size: 4.8em;
}

div#feature .featureContentBox.cpic h2.small {
	color: #fafafa;
	font-size: 3em;
	margin:0 0 0 20px;
}

div#feature .featureContentBox.cpic .featureContent {
float: left;
width: 500px;
height: 350px;
margin-top: 10px;
color: #878787;
margin-left:40px;
}

div#feature .featureContentBox.cpic h4{
margin-top:20px;
font-size:1.4em;
font-weight:bold;
text-transform:uppercase;
color:#d7d7d7;
}

div#feature .featureContentBox.cpic p{
color:#878787;
margin-top:10px;
font-size:1.2em;
width:340px;
}


/*-- START FLASH FEATURE SLIDER --*/

div#feature .featureContentBox.flash {
	background: transparent url(../images/band.jpg) top right no-repeat;
}

div#feature .featureContentBox.flash #flashInvaders{
	float:right;
	margin-right:50px;
	margin-top:26px;
	width:300px;
	height:265px;
}


div#feature .featureContentBox.flash .featureContent h2 {
	color: #fafafa;
	font-size: 5em;
}

div#feature .featureContentBox.flash .featureContent p.headerHint {
	width: 71px; height:19px;
	position: relative; margin: 0 0 0 40px;
	display: none;
}

div#feature .featureContentBox.flash .featureContent p.headerHint span {
	background: url(http://www.mutantlabs.com/images/services/feature/welove.gif) top left no-repeat;
	position: absolute; width: 100%; height: 100%;
}

div#feature .featureContentBox.flash strong{
color:#bdbdbd;
}

div#feature .featureContentBox.flash ul.summary{
float:left;
list-style-type:disc;
margin-left:1em;
padding-left:1em;
margin-top:15px;
font-size:1.2em;
line-height:1.8em;
}

/*-- END FLASH FEATURE SLIDER --*/

/*-- START ILLUSTRATION FEATURE SLIDER --*/
div#feature .featureContentBox.illustration p {
width: 375px;
}
div#feature .featureContentBox.illustration h2.large {
	color: #fafafa;
	font-size: 4.8em;
}

div#feature .featureContentBox.illustration h2.small {
	color: #fafafa;
	font-size: 3em;
	margin:0 0 0 20px;
}
div#feature .featureContentBox.illustration {
	background: transparent url(../images/oceandeck2.jpg) top right no-repeat;
}

/*-- END ILLUSTRATION FEATURE SLIDER --*/

/*-- START WEB FEATURE SLIDER --*/

div#feature .featureContentBox.web {
	background: transparent url(../images/wall.jpg) top right no-repeat;
}

div#feature .featureContentBox.web h2.small {
	color: #fafafa;
	font-size: 2.8em;
}

div#feature .featureContentBox.web h2.large {
	color: #fafafa;
	font-size: 4.5em;
}

div#feature .featureContentBox.web .featureContent {
float: left;
width: 340px;
height: 320px;
margin-top: 10px;
color: #878787;
margin-left:40px;
}

div#feature .featureContentBox.web h4{
margin-top:20px;
font-size:1.4em;
font-weight:bold;
text-transform:uppercase;
color:#d7d7d7;
}

div#feature .featureContentBox.web p{
color:#878787;
margin-top:10px;
font-size:1.2em;
}

div#feature .featureContentBox.web .viewProjects{
bottom:30px;
left:40px;
}

/*-- END WEB FEATURE SLIDER --*/

/*-- START WEB FEATURE SLIDER --*/

div#feature .featureContentBox.gabriella {
	background: transparent url(http://www.mutantlabs.com/images/content/homepage/feature/feature_gablane_bg.jpg) bottom right no-repeat;
}

div#feature .featureContentBox.gabriella a{
width:860px;
display:block;
height:340px;
margin-left:35px;
}

/*-- END WEB FEATURE SLIDER --*/

/*-- END FEATURE BOXES --*/




#changepw {
margin-left: 0px;
width: 360px;
margin-top: 15px;
height: 300px;
}
#changepw input.inputBox{
	font-family: Helvetica, Arial, sans-serif;
	width:250px; height: 14px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius: 15px; border:0;
	margin-bottom:20px; padding:8px 10px 8px 40px;
	color:#797979;
	font-size:1.3em;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#changepw input.inputBox:focus{
color:#b1b1b1;
-webkit-box-shadow: 0px 0px 5px #d4f5fd;
-moz-box-shadow: 0px 0px 5px #d4f5fd;
box-shadow: 0px 0px 5px #d4f5fd; 
}

#changepw input.inputName{background:url(../images/global_sprites.png) -8px -8px no-repeat;}
#changepw input.inputEmail{background:url(../images/global_sprites.png) -8px -57px no-repeat;}
#changepw input.inputClock{background:url(../images/global_sprites_clock_phone.psd) -8px -8px no-repeat;}
#changepw input.inputPhone{background:url(.../images/global_sprites_clock_phone.psd) -8px -57px no-repeat;}
#changepw input.inputUnlock{background:url(../images/global_sprites_unlock_lock.psd) -8px -8px no-repeat;}
#changepw input.inputLock{background:url(../images/global_sprites_unlock_lock.psd) -8px -57px no-repeat;}
#changepw input.inputAgency{background:url(../images/global_sprites_agency_date.psd) -8px -8px no-repeat;}
#changepw input.inputDate{background:url(../images/global_sprites_agency_date.psd) -8px -57px no-repeat;}

#changepw p.inputSpamLabel {
	color: #646464; display: inline;
	font-size: 1.2em; margin: 0 0 0 10px;
}
#changepw div.signUp label.signupLabel {
	float:left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.6em;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:20px;
	color: #919191;
}
#changepw div.signUp input#signupCheck {
	width: 15px; height: 15px;
	float: left; margin: 20px 0 0 15px;
}

#changepw div.signUp label.signupLabel span.jquery-checkbox {
	margin: 0 0 0 20px;
}

#changepw input#submit{
	width:120px;
	background:url(..images/global_sprites.png) -8px -288px no-repeat;
	height:34px;
	cursor:pointer;
	float:right;
	margin-top:10px;
}

#changepw input#submit:hover{background-position:-144px -288px;}


#changepw p.signUp input{margin:4px 0 0 10px;float:right;}

.home-contact #contactForm {
margin-left: 50px;
width: 400px;
margin-top: 15px;
}

.home-contact #contactForm input.inputBox{
	font-family: Helvetica, Arial, sans-serif;
	width:250px; height: 14px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius: 15px; border:0;
	margin-bottom:20px; padding:8px 10px 8px 40px;
	color:#797979;
	font-size:1.3em;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.home-contact #contactForm input.inputBox:focus{
color:#b1b1b1;
-webkit-box-shadow: 0px 0px 5px #d4f5fd;
-moz-box-shadow: 0px 0px 5px #d4f5fd;
box-shadow: 0px 0px 5px #d4f5fd; 
}

#contactForm input.inputName{background:url(../images/global_sprites.png) -8px -8px no-repeat;}
#contactForm input.inputEmail{background:url(../images/global_sprites.png) -8px -57px no-repeat;}


.home-contact #contactForm textarea:focus{
color:#b1b1b1;	
-webkit-box-shadow: 0px 0px 5px #d4f5fd;
-moz-box-shadow: 0px 0px 5px #d4f5fd;
box-shadow: 0px 0px 5px #d4f5fd; 
}

#contactForm p.inputSpamLabel {
	color: #646464; display: inline;
	font-size: 1.2em; margin: 0 0 0 10px;
}
#contactForm div.signUp label.signupLabel {
	float:left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.6em;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:20px;
	color: #919191;
}
#contactForm div.signUp input#signupCheck {
	width: 15px; height: 15px;
	float: left; margin: 20px 0 0 15px;
}

#contactForm div.signUp label.signupLabel span.jquery-checkbox {
	margin: 0 0 0 20px;
}

.home-contact #contactForm input#submit{
	width:120px;
	background:url(../images/global_sprites.png) -8px -288px no-repeat;
	height:34px;
	cursor:pointer;
	float:right;
	margin-top:10px;
}

.home-contact #contactForm input#submit:hover{background-position:-144px -288px;}


.home-contact #contactForm p.signUp input{margin:4px 0 0 10px;float:right;}

.home-contact #contactForm textarea{
	font-family: Helvetica, Arial, sans-serif;
	width:422px; height: 128px;
	min-width:422px;max-width:422px; 
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:0;
	margin-bottom:20px; padding:8px 10px 8px 10px;
	color:#797979;
	font-size:1.3em;
	background:url(../images/global_sprites.png) -8px -104px no-repeat;
	resize: none;
}

.home-contact #contactForm textarea:focus{
color:#b1b1b1;	
-webkit-box-shadow: 0px 0px 5px #d4f5fd;
-moz-box-shadow: 0px 0px 5px #d4f5fd;
box-shadow: 0px 0px 5px #d4f5fd; 
}
.training-text {
width: 240px;
float: left;
}
.training-video {
float: right;
width: 640px;
height: 450px;
padding:20px;
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius:12px 12px 12px 12px;
border-radius:12px 12px 12px 12px;
background: url(../images/spotted_texture.gif) left top ;
border-left:1px solid #454545;
border-top:1px solid #454545;
position:relative;
overflow:visible;
}
.training-text h2 {
font-size: 20px;
color: #fff;
}
.training-text h3 {
font-size: 16px;
color: #fff;
}
div#featureContainer2{
position:relative;
width:940px;
overflow:hidden;
min-height:480px;
}
div#feature{
height:380px;
position:absolute;
}
div#feature2{
height:400px;
position:absolute;
}
div#feature.clients{
height:380px;
width:1000px;
}
#firepower2 {
width:500px;
}
#firepower2 .small h2 {
font-size: 18px;
}
#firepower2 .large h2 {
font-size: 24px;
}
.red {
color: #d20000;
}
/*feature nav*/
ul#featureNav.clientTraining{
width:100%;
float:left;
display:block;
margin-bottom:70px;
}

ul#featureNav.clientTraining li{
float:left;
}

ul#featureNav.clientTraining li a{
display:block;
width:128px;
height:55px;
text-decoration:none;
padding-top:40px;
padding-left:72px;
}

ul#featureNav.clientTraining li.apps{margin-left:70px;}
ul#featureNav.clientTraining li.apps a{background:url(../images/feature_nav_services.png) -70px -0px no-repeat;}
ul#featureNav.clientTraining li.apps a:hover, ul#featureNav.clientTraining li.apps a.active{background-position:-70px -94px;}
ul#featureNav.clientTraining li.flash a{background:url(../images/feature_nav_services.png) -271px -0px no-repeat;}
ul#featureNav.clientTraining li.flash a:hover, ul#featureNav.clientTraining li.flash a.active{background-position:-271px -96px;}
ul#featureNav.clientTraining li.illustration a{background:url(../images/feature_nav_services.png) -471px -0px no-repeat;}
ul#featureNav.clientTraining li.illustration a:hover, ul#featureNav.clientTraining li.illustration a.active{background-position:-471px -96px;}
ul#featureNav.clientTraining li.web a{background:url(../images/feature_nav_services.png) -671px -0px no-repeat;}
ul#featureNav.clientTraining li.web a:hover, ul#featureNav.clientTraining li.web a.active{background-position: -671px -96px;}

ul#featureNav.clientTraining li a h3 span{display:none;}

ul#featureNav.clientTraining li.apps a h3{width:132px;height:24px;background:url(../images/firephone.png) no-repeat top left;}
ul#featureNav.clientTraining li.flash a h3{width:132px;height:24px;background:url('') no-repeat top left;}
ul#featureNav.clientTraining li.illustration a h3{width:132px;height:24px;background:url('') no-repeat top left;}
ul#featureNav.clientTraining li.web a h3{width:132px;height:24px;background:url('') no-repeat top left;}

ul#featureNav.clientTraining li a:hover h3{background-position:bottom left;}

ul#featureNav.clientTraining li p{
text-transform:uppercase;
font-size:1em;
font-family:"Gill Sans", "Helvetica Neue", Arial, sans-serif;
color:#3c3c3c;
width:120px;
}

ul#featureNav.clientTraining li a:hover p{
color:#5c5c5c;
}
.cpinputBox {
font-family: Helvetica, Arial, sans-serif;
	width:220px; height: 14px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius: 15px; border:0;
	margin-bottom:20px; padding:8px 10px 8px 20px;
	color:#797979;
	font-size:1.3em;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

/*feature client-index nav*/
ul#featureNav.client-index{
width:100%;
float:left;
display:block;
margin-bottom:70px;
margin-left: 200px;
}

ul#featureNav.client-index li{
float:left;
}

ul#featureNav.client-index li a{
display:block;
width:128px;
height:55px;
text-decoration:none;
padding-top:40px;
padding-left:72px;
}

ul#featureNav.client-index li.cTraining{margin-left:70px;}
ul#featureNav.client-index li.cTraining a{background:url(../images/client-index-sprite.png) -271px -0px no-repeat;}
ul#featureNav.client-index li.cTraining a:hover, ul#featureNav.client-index li.apps a.active{background-position:-271px -96px;}
ul#featureNav.client-index li.cCommand a{background:url(../images/client-index-sprite.png) -471px -0px no-repeat;}
ul#featureNav.client-index li.cCommand a:hover, ul#featureNav.client-index li.flash a.active{background-position:-471px -96px;}

ul#featureNav.client-index li a h3 span{display:none;}
ul#featureNav.client-index li p{
text-transform:uppercase;
font-size:1em;
font-family:"Gill Sans", "Helvetica Neue", Arial, sans-serif;
color:#3c3c3c;
width:120px;
}

ul#featureNav.client-index li a:hover p{
color:#5c5c5c;
}
.cpinputBox {
font-family: Helvetica, Arial, sans-serif;
text-indent: 15px;
	width:200px; height: 14px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius: 15px; border:0;
	margin: 0 0 20px 0; padding:8px 10px 8px 20px;
	color:#797979;
	font-size:1.3em;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.trainingLink {
color:#f1f1f1;
font-size: 11px;
text-decoration: none;
font-weight: 600;
display: block;
float:right;
margin-top:0px;
margin-right: 45px;
padding:1px 2px;
}
.trainingLink:hover {
color:#ffdfdf;
text-shadow: 0px 0px 8px #ff0000;
}
.affiliate-request {
float:right;
width:220px;
padding:12px 15px;
}
.affiliate-request #submit {
background: #b00000;
padding: 6px 8px;
color: #eeeeee;
cursor:pointer;
height: 30px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.affiliate-request #submit:hover {
background: #f00000;
text-shadow: 0px 0px 8px #ff0000;
color: #eeeeee;
height: 30px;
}

.affiliate-request input {
ont-family: Helvetica, Arial, sans-serif;
	width:180px; height: 14px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius: 15px; border:0;
	margin-bottom:20px; padding:8px 10px 8px 20px;
	color:#797979;
	font-size:1.3em;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}


div#content.services{
	background:transparent url(../images/feature_nav_bg.gif) top center no-repeat;
}

#clientLogin {
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
padding: 8px 11px;
background: #121212;
-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #eeeeee;
display: block;
cursor: pointer;
}
#clientLogin:hover {
background: #ff0000;
text-shadow: 0px 0px 8px #f05a00;
-webkit-box-shadow: 0px 0px 12px #ff2222;
-moz-box-shadow: 0px 0px 12px #ff2222;
box-shadow: 0px 0px 12px #ff2222; 
}
#addSales {
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
padding: 8px 11px;
background: #121212;
-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #eeeeee;
display: block;
cursor: pointer;
}
#addSales:hover {
background: #ff0000;
text-shadow: 0px 0px 8px #f05a00;
-webkit-box-shadow: 0px 0px 12px #ff2222;
-moz-box-shadow: 0px 0px 12px #ff2222;
box-shadow: 0px 0px 12px #ff2222; 
}
.cpinputBox:focus {
-webkit-box-shadow: 0px 0px 12px #ff2222;
-moz-box-shadow: 0px 0px 12px #ff2222;
box-shadow: 0px 0px 12px #ff2222; 
border: 1px solid #f05a00;
}
.inputBoxEnroll {
font-family: Helvetica, Arial, sans-serif;
	width:180px; height: 14px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius: 15px; border:0;
	margin-bottom:20px; padding:8px 10px 8px 20px;
	color:#797979;
	font-size:1.3em;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.inputBoxEnroll:focus {
-webkit-box-shadow: 0px 0px 12px #ff2222;
-moz-box-shadow: 0px 0px 12px #ff2222;
box-shadow: 0px 0px 12px #ff2222; 
border: 1px solid #f05a00;
}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : none; } 
input[type="submit"]:focus, input[type="button"]:focus { outline : none; }

.clear { clear: both; }

#container2 {
    width: 754px;
    margin: 20px auto;
    padding: 50px 0;
    overflow: hidden;
    position: relative;
}
#container2 {
color: #f1f1f1;
}
    #container2 #first_step, #second_step, #third_step, #fourth_step { display: none; }
    #container2 #first_step { display: block; }

    #container2 .form { margin: 26px 72px 0 72px; }
    
    #container2 h1, #container2 h2 {
        font-size: Cantarell, Verdana, sans-serif;
        text-align: center;
        font-size: 24px;
        text-shadow: 1px 1px 2px #222;
    }
        #container2 h1 span { color: #a90329; }
        
    #container2 h2 {
        color: #888;
        font-size: 20px;
        text-align: left;
        text-shadow: none;
    }
    
    #container2 table {
        margin: 20px 40px;
        font-size: 14px;
        font-weight: bold;
    }
        #container2 table td {
            padding: 5px 10px;
        }
            #container2 table td:nth-child(2) {
                color: #a90329;
            }   
        
    #container2 input, #container2 select {
        background: url('../images/input.png') no-repeat;
        color: #888;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;
        font-size: 13px;
        width: 300px;
        height: 35px;
        padding: 0 25px;
        margin: 20px 0;
        float: left;
        
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
        #container2 input.submit {
            background: url('../images/button.png') no-repeat;
            border: none;
            cursor: pointer;
            width: 85px;
            height: 38px;
            position: relative;
            bottom: 2px;
            left: 455px;
        }
            #container2 input.submit:focus { border: none; }
        
        #container2 input.send{ background: url('../images/send.png') no-repeat; }
            
        #container2 input.error { border: 1px solid red; }
        #container2 input.valid { border: 1px solid #1FFF00; }
        
        #container2 input:focus, #container2 select:focus {
            border: 1px solid #a90329;
            color: #a90329;
        }

    #container2 select { padding: 5px 0 5px 25px; }
        #container2 option { padding: 0 15px; }

    #container2 label {
        color: #666;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
        float: right;
        margin: 23px -25px;
        width: 270px;
    }
    

#progress_bar {
    background: url('../images/progress_bar.png') no-repeat;
    width: 339px;
    height: 24px;
    margin: auto;
    margin-top: -100px;
    position: relative;
}

#progress {
    background: url('../images/progress.png') repeat-x;
    width: 0px;
    height: 23px;
    
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
#progress_text {
    position: relative;
    line-height: 21px;
    text-align: center;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 2px #222;
    width: 339px;
    height: 24px;
    top: -23px;
    left: 0;
}
#container2 input.submit, #container input.back {
            background: url('../images/button.png') no-repeat;
            border: none;
            cursor: pointer;
            width: 85px;
            height: 38px;
            position: relative;
            bottom: 2px;
            left: 565px;
        }
           
        #container2 input.back{ 
            background: url('../images/back.png') no-repeat;
            left: 20px;
        }
            #container2 input.back:focus { border: none; }
#enrollForm {
margin-left: 25px;
}

.clientEnroll {
background: url('../images/enroll-new-client.png') no-repeat center right;
}
.profileLabel {
font-size: 16px;
color: #686868;
width: 150px;
text-align: right;
}
.profileLabel2 {
font-size: 14px;
color: #686868;
width: 150px;
text-align: right;
}
#changepw li {
padding-top: 8px;
font-size: 14px;
}
#securelogout {
margin: 25px 60px 25px 60px;
text-align: center;
text-transform: uppercase;
text-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
font-size: 12px;
}
.acctinfo {
width: 150px;
float: right;
text-align: left;
}
.blackinputBox:focus {
-webkit-box-shadow: 0px 0px 12px #ff2222;
-moz-box-shadow: 0px 0px 12px #ff2222;
box-shadow: 0px 0px 12px #ff2222; 
border: 1px solid #f05a00;
}
.blackinputBox {
font-family: Helvetica, Arial, sans-serif;
text-indent: 15px;
	width:200px; height: 14px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius: 15px; border:0;
	margin: 0 0 20px 0; padding:8px 10px 8px 20px;
	color:#797979;
	font-size:1.3em;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: url('../images/blackInput.png') no-repeat top left;
}
/*-- END ULT