/* Base style resets */

* {font-size:100.01%}
        
html {font-size:62.5%;}
        
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre,
table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map,
object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q,
samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

:focus {
	outline:0;
}
        
img, fieldset {border: 0;}
        
div{overflow:hidden;}
        
/* end base */

body {
	font-family:"Helvetica", arial, Verdana, sans-serif;
	/*font-size:1.6em;*/
	color:#e3e3e3;
	background:#000 url(images/rack.jpg) repeat-x center 235px;
}

#navigation .info, li.services, h2, h3 {font-size:1.4em;}
#navigation .info {line-height: 1.4em;}
	

div#container {
	width:940px;
	padding:0 30px;
	background:#000 url(images/main-bg2.jpg) no-repeat top left;
	min-height:861px;
	margin:0 auto 65px;
}

div#header {
	height:280px;
	/*background-color:blue;*/
	overflow: visible;
}

h1.mutantLogo {
	background:transparent url(images/mutant-logo.png) no-repeat top left;
	width:169px;
	height:188px;
	position:relative;
	left:0;
	top:30px;
	float:left;
}

h1.mutantLogo span{
	display:none;
}

div#columnsContainer{
	clear:both;
	padding-top:30px;
}

div#columnsContainer2{
	clear:both;
	padding-top:30px;
}

div#columnsContainerRatesBottom {
	clear:both;
	padding-top:80px;	
	
}

div#leftCol {
	width:568px;
	/*background-color:red;*/
	float:left;
	min-height:20px;
}

div#rightCol {
	width:352px;
	/*background-color:red;*/
	float:right;
	min-height:20px;
}

div#carouselContainer {
	margin-top:55px;
	width:100%;
}

div#carousel {
	/*background-color:#CCCCCC;*/
	margin:20px 0;
}

div#contactForm {
	width:440px;
	float:left;
	min-height:20px;
}

div#contactInfo{background:transparent url(images/contact_chalk.png) no-repeat bottom center;margin:0 0 30px; padding:38px 0 11px; color:#DBCFB4;}
li.contactUs{margin-left:20px; padding:3px 0 4px 60px;color:#D9CDB1;font-size:1.8em;font-weight:bold;}
li.contactUs a{color:#D9CDB1;text-decoration:none; text-transform:lowercase;}
li.contactUs a:hover{color:#fff;text-decoration:none;}
li.contactUs:hover{color:#fff;}
li.tel{background:transparent url(images/icons/phone.png) no-repeat 3% center; font-size:26px;}
li.email{background:transparent url(images/icons/mail.png) no-repeat 3% center;}
li.office{background:transparent url(images/icons/office.png) no-repeat 3% center; font-weight:normal; font-size:14px;}

.groupPic {
	margin-top: 15px;
}

div#about {
	width:440px;
	float:right;
	min-height:20px;
}

div#squidImage{
	position:absolute;
	top:10px;
	right:30px;
}

div#about img.aboutImage {float:right;}

div#footer{width:100%;padding:20px 10px;font-size:1.4em;position:relative;margin-top:40px;}
div#footerContent {padding:10px 0;border:1px solid #222222;border-right:none;border-left:none;}

div#footer .mutantIcon{position:absolute;left:450px;top:10px;}

div#footer .company {float:left;}
div#footer .tel {float:right;}
div#footer a{color:#E3E3E3;text-decoration:none;}
div#footer a:hover{color:#FFF;text-decoration:none;}

ul.servicesList{margin-top:32px;}
li.iPhone {background:transparent url(images/icons/iphone_icon.png) no-repeat left center;}
li.flash {background:transparent url(images/icons/flash_icon.png) no-repeat left center;}
li.web {background:transparent url(images/icons/www_icon.png) no-repeat left center;}
li.services{padding:10px 0 10px 95px;margin:12px 0; line-height:1.3em; color:#d3d3d3}

li.services h3{font-size:1.2em;padding:5px 0;color:/*#1BAFAC*/#51A900;}

/*li.iPhone h3{background:transparent url(images/headers/iphoneHeading.png) no-repeat top left; 
font-size:0px; margin-bottom:10px; width:269px; height:17px;}
/*li.flash h3{background:transparent url(images/headers/flashHeading.png) no-repeat top left;
font-size:0px; margin-bottom:10px; width:236px; height:17px;}
li.web h3{background:transparent url(images/headers/webHeading.png) no-repeat top left;
font-size:0px; margin-bottom:10px; width:148px; height:16px;}*/

/*li.iPhone h3 span, li.flash h3 span, li.web h3 span {
	display: none;
}*/

/*PDF icon*/
a.applicationLink {
font-size:1.6em;
color:#D3D3D3;
}

a.applicationLink:hover {
font-size:1.6em;
color:#67C700;
}

p.application {
	padding:18px 0 18px 52px;
	margin-top: 20px;
	background:transparent url(images/icons/pdf.png) no-repeat scroll left center;
}

p.aboutUs {
	font-size:1.4em;
	line-height: 1.4em;
}
/*headers*/

h2 span{visibility:hidden;}
h2.main{background:transparent url(images/headers/h2-main.png) no-repeat top left;height:86px;width:389px;position:relative;float:left;top:85px;left:40px;}
h2.services{background:transparent url(images/headers/h2-services.png) no-repeat top left;height:73px;}
h2.portfolio{background:transparent url(images/headers/h2-portfolio.png) no-repeat top left;height:26px;}
h2.about{background:transparent url(images/headers/h2-about.png) no-repeat top left;height:26px;}
h2.contact{background:transparent url(images/headers/h2-contact.png) no-repeat top left;height:26px;}
h2.rates{background:transparent url(images/headers/h2-rates.png) no-repeat top left;height:21px;width:378px;}

h3 {font-size:1.2em;}

/*table styling for rates */
table.rates {
	width:100%;
	font-size:1.6em;
	margin-top:20px;
}

table.rates th {
	font-size:1.2em;
	font-weight:bold;
	margin:12px 0;
	padding:0;
	text-align:left;
	color:#67C700;
}

table.rates td {
	padding:10px 0;
}
/* base style elements */

small {font-size:1.4em;color:#7d7d7d;}
strong {font-weight:bold;}
.mTop{margin-top:10px;}
.pTop{
	padding-top: 10px;}
}
.mBot{margin-bottom:10px;}
.mLeft{margin-left:10px;}
.mRight{margin-right:10px;}

/*portfolio*/
#scroller {position:relative;}
#scroller div {
	height:324px; overflow: hidden;
}
#scrollWrap{width:573px; height:324px; overflow:hidden;position:relative;}
#scroller img {width: 573px; height:324px;}
#scroller img.overlay{display:none; position:relative; top:-324px;z-index:100; margin-bottom:-324px; }

#portfolioSlider {width:573px; height:324px; padding:10px; float:left; overflow:hidden; background:url(images/structure/scrollBG2.jpg);position:relative;z-index:20;}
#navigation {width:347px; height:343px; background-color:transparent; float:right; overflow:visible;position:relative;z-index:10;}
#navigation a {position:relative;margin:0 0 15px 15px; height:59px; width:312px; display:block; padding:8px 10px; background-color:transparent; color:#454545; text-decoration:none;z-index:10;}

/*#navigation a h2{
	display: block;
	width: 258px;
	height: 25px;
	font-size: 0px;
}*/

#navigation a .heading{
	display: block;
	width: 235px;
	height: 23px;
	font-size: 0px;
}

#navigation a .heading span{
	display: none;
}

.ssjh2 {background:transparent url(images/content/ssj.png) top right no-repeat;}
.ctvh2 {background:transparent url(images/content/ctv.png) top right no-repeat;}
.ilh2 {background:transparent url(images/content/il.png) top right no-repeat;}
.glh2 {background:transparent url(images/content/gl.png) top right no-repeat;}
.stingh2{background:transparent url(images/content/sting.png) top right no-repeat;}
.forcesh2{background:transparent url(images/content/360.png) top right no-repeat;}
.gslh2{background:transparent url(images/content/gsl.png) top right no-repeat;}

#navigation a:hover .heading{background-position:top left;}
#navigation a.current .heading{background-position:bottom left;}
#navigation a.transition .heading{background-position:top left;}
#navigation a:hover {color:#7f7f7f;background:transparent;}
#navigation a.current {/*background-image:none;*/ color:#eeeeee;}
#navigation a.transition {background-position:top left !important; background-color:transparent;color:#7f7f7f;}
#navigation #activeBG {position:relative; top:0px; width:357px; height:75px; background:transparent url(images/structure/activeBG.jpg) no-repeat top left;margin-bottom:-75px;z-index:0;}
/*#navigation a h2 {z-index:100;}
#navigation a p {z-index:100;position:relative;}*/
#navigation a:last-child {margin-bottom:0px;}

#navigation a .heading{
	text-transform: capitalize;
}


/* Contact Form */
#contactForm p { min-height:65px;}
#contactForm p.contactBlurb {min-height:0 !important;}
#contactForm p label {width:147px; font-size:2.0em; font-weight:bold; color:#d3d3d3; padding:0; margin:0; float:left; clear:left; font-family:Helvetica, Arial, sans-serif;}
#contactForm p span.notes {float:left; font-family:Helvetica, Arial, sans-serif; font-size:1.4em; font-style:oblique; color:#7d7d7d; margin:5px; width:137px;}
#contactForm p input, #contactForm p textarea { width:281px; float:right; padding:5px; margin:0; border:0px; font-family:Georgia, "Times New Roman", Times, serif; color:#aaa; font-size:1.8em; border:1px solid #444;}
#contactForm p input {height:25px; background:#222;}
#contactForm p input:focus {color:#eee; border:1px solid #51A900;}
#contactForm p textarea {height:128px; background-color:#222; resize:none;overflow:auto;}
#contactForm p textarea:focus {color:#eee; border:1px solid #51A900;}
#contactForm p input#submit {width:109px; height:27px; padding:0; background: transparent url(images/structure/formSubmit.png) no-repeat; font-size:0px; float:right; clear:both; margin-top:20px; border:none;}
#contactForm p input#submit:hover {background-position:bottom; cursor:pointer;}
#contactForm p span.error {color:#900;}
#contactForm p.error{ width:377px; border:1px solid #900; font-size:1.4em; font-family:Helvetica, Arial, sans-serif; color:#900; padding:15px 15px 15px 46px; background: #222 url(images/structure/exclamation.png) no-repeat left center; min-height: 30px; margin:20px 0 20px 0}
#contactForm p.thanks{width:377px; border:1px solid #090; font-size:1.4em; font-family:Helvetica, Arial, sans-serif; color:#090; padding:15px 15px 15px 46px; background: #222 url(images/structure/accept.png) no-repeat left center; min-height: 10px; margin:20px 0 20px 0}
/*
#about {
background: transparent url(images/structure/aboutSquid.png) no-repeat right top;	
}*/


#about h3{font-size:1.6em;padding:10px 0;color:/*#1BAFAC*/#51A900;margin-top:20px;}

#about p.aboutUs {
	/*width: 260px;*/
	color: #d3d3d3;
}

#organic {
	
	width: 264px;
	height:  17px;
	font-size: 0px;
	background: transparent url(images/structure/organicHeading.png) no-repeat right top;
	margin: 30px 0 10px 0;
}

#organic span {
	display: none;
}

#profiles {
	width: 440px;
	position:relative;
	height:198px;
	padding:40px 0;
}

#profiles #imageContainer {
width: 100px;
height: 130px;
background: transparent url(images/structure/profileBG.png) no-repeat right top;
float: left;
padding: 7px 7px 6px 8px;

}

#profiles #imageContainer #ProfilePic	{
	width: 100px;
	height: 130px;
background: transparent url(images/content/profiles.png) no-repeat right top;
}
	

#profiles ul {
	/*float: right;
	margin-left: 25px;*/
	float: left;
	margin-right: 25px;
	width: 100%;
}
#profiles ul li a {
	display: block;
	font-weight: bold;
	color:#CCC;
	font-size: 1.4em;
	text-decoration: none;
	padding: 7px 10px;
	
}

#profiles ul li a:hover{
	background-color: #1f1f1f;
	cursor: default;
}

#profiles ul li a .role {
	color: #7d7d7d;
	font-weight: normal;
	
	
}

#TwitterButton {
	position: relative;
	display: block;
	height: 61px;
	width: 184px;
	top: 0px;
	right: -40px;
	margin-left: -40px;
	z-index: 100;
	background: transparent url(images/structure/twitter_btn.png) no-repeat left top;
	float: right;
	
	
	
}

#TwitterButton:hover {
	background-position: left bottom;
}

#TwitterButton span {
	display: none;
}

#tsandcs {
	font-size: 1.4em;
	line-height: 1.4em;
	
	
}

.termsLink{display:block;clear:both;font-size:1.4em;font-weight:bold;color:#1BAFAB;margin-top:40px;}
.shortPage{margin-bottom:0 !important;}
.relative{position:relative;}
.termsFooter{position:absolute !important;bottom:0;}