@import url('base.css');
@import("base.css"); /* mac ie5 only */
@import url('formbase.css');
@import("formbase.css"); /* mac ie5 only */

/* layout 
bodycontainer{width:739px;padding:0;margin:20px auto;position:relative;}*/
#contentContainer {padding:0 0 10px 20px;}
#subNav {margin-top:0;padding-top:8px;height:545px;}
.portfolio #contentContainer{padding:0 0 10px 28px;}

/* style body content 
*/
#bodycontainer{position:relative;background:url(/images/clouds/faux.gif) repeat-y;background-position:0 100px;}
#headercontainer h2{position:absolute;top:0;left:0;background:url(/images/clouds/header_background2.jpg) no-repeat; width:740px; height:179px;margin:0;padding:0;}
#headercontainer h2 span{display:none;}

#contentContainer{position:relative;line-height:1.5em;background:url(/images/base/contentback.gif) no-repeat left top;}

#contentContainer p{margin:0;padding:0 20px 20px 0;}
#contentContainer p.smalltype{margin-left:25px;;font-size:9px;padding:0 20px 20px 0;}
#contentContainer h1{display:block;padding:0;margin:30px 0 8px 0;font-size:1.3em;}
#contentContainer h1 span{display:none;}
#contentContainer h2{font-weight:bold;font-size:1.0em;padding:0;margin:0;}

#contentContainer h3{font-size:1em;margin:0;padding:0;}
#contentContainer img{border:0;}
#contentContainer ol{margin-right:20px;}

#contentContainer img#insetA{padding-top:20px;}

#contentContainer a#insetB{float:left;margin-left:-10px;padding-right:10px;}
#contentContainer img#insetB{float:left;margin-left:-10px;padding-right:10px;}

#contentContainer #bracket{float:left;width:136px;height:112px;padding:10px 0 0 30px;margin-left:-8px;}
#contentContainer #bracket{background:url(/images/blocktone/bracket.gif) no-repeat;}
#contentContainer #bracket h2{color:#FF3300;}

img#bracketa{margin-left:200px;}

#contentContainer #headingContainer{background:url(/images/clouds/bracket_right.gif) no-repeat top right;height:110px;padding-right:30px;margin:40px 12px 0 0;width:auto;}
#contentContainer h2.bracketheading {font-size:18px;line-height:26px;color:#0066CC;text-align:right;font-weight:normal;}

#contentContainer p.headpara{font-size:1.2em;}
#contentContainer p.headpara em{font-style:normal;color:#0066CC;font-weight:bold;}
/* portfolio styling */
#contentContainer .brandinglist, #contentContainer .brandinglistlast{margin:0;padding:0;float:left;width:131px;background:transparent;}
#contentContainer .brandinglist a{display:block;margin:0;padding:0;border-right:solid 1px #EBCCCC;border-bottom:solid 1px #EBCCCC;}
#contentContainer .brandinglist a.bottom{border-bottom:solid 1px #FFF;border-right:solid 1px #EBCCCC;}
#contentContainer .brandinglistlast a{display:block;margin:0;padding:0;border-bottom:solid 1px #EBCCCC;border-right:solid 1px #FFF;}

#contentContainer .brandinglistlast a.noborders{border-bottom:solid 1px #FFF;border-right:solid 1px #FFF;}
#contentContainer .brandinglogo{margin-left:-10px;}


/* Client List */
#contentContainer .clientlist{margin:0 16px 0 0;padding:0;font-size:0.9em;float:left;width:115px;line-height:normal;background-color:Transparent;}
#contentContainer .clientlist a{margin:0;padding:0;}
#contentContainer .clientlist h2{font-size:1em;	border-bottom:1px #660000 solid;font-weight:normal;margin-bottom:6px;background-color:transparent;}

/* portfolio navigations */
ul.folionav{margin:0;padding:0;list-style-type:none;}
ul.folionav li{float:left;}
ul.folionav a{text-decoration:none; color:#990000;padding-right:3px;}

/* style navigation 
#subNav{background:url(/images/navback.gif) no-repeat;}
#logo #contentContainer img#logo,
*/
#subNav {margin-top:94px;}

#subNav ul#navlist{margin:0;padding:78px 0 0 0;list-style-type:none;}
#subNav ul.subnavlist{margin:0;padding:0;list-style-type:none;}
#subNav li{margin: 0;}
#subNav a {
	display:block;
	padding:3px 4px 3px 12px;
	width:134px;
	text-decoration: none;
	color:#FFF;
	background-color:transparent;
	font-weight:bold;
}
#subNav #navlist a{border-bottom:solid 1px #A5C3EB;}
#subNav li a:hover{background-color:#94B7E2;}
#subNav ul ul a{padding:3px 7px 3px 25px;width:118px;color:#003399;}

#subNav a#talktous{margin:64px 0 0 0;padding:0;}
a#talktous span, a#logo span{display:none;}
a#talktous{	background: url(/images/clouds/talktous.gif) no-repeat 0% bottom;height: 108px;}

a#logo{background:url(/images/clouds/logo.gif) no-repeat;padding:0;height:50px;margin-top:44px;margin-left:10px;}


/* Navigation */
#intro #intronav a,
#services  a#servicesnav,
#audit a#auditnav,
#tcs #tcsnav a,
.clients #clientsnav a,
#contact #contactnav a,
#branding #brandingnav a
{padding:3px 5px 3px 25px;width:120px;
background:url(/images/clouds/navarrow.gif) no-repeat ##94B7E2 8px 4px;  color:#330000;font-weight:bold;
}

#home #subNav #navlist #homenav a,
.services #navlist #servicesnav a.serviceslnk{
background:url(/images/clouds/navarrow.gif) no-repeat #94B7E2 8px 4px; color:#000033;font-weight:bold;border-bottom:solid 1px #335C85;padding:3px 7px 3px 25px;width:118px;}

.articles #navlist #articlesnav a.articleslnk,
.portfolio #navlist #portfolionav a.portfoliolnk{
background:url(/images/clouds/navarrow.gif) no-repeat #94B7E2 8px 4px; color:#000033;font-weight:bold;border-bottom:solid 1px #335C85;padding:3px 7px 3px 25px;width:118px;}

#design #designnav a,
#cms #cmsnav a,
#function #functionnav a,
#flash #flashnav a,
#freeaudit #freeauditnav a,
#promotion #promotionnav a,
#accessibility #accessibilitynav a,
#branding #brandingnav a,
#setA #setAnav a,
#setB #setBnav a,
#setC #setCnav a,
#contact #contactnav a{
background:url(/images/clouds/navarrow.gif) no-repeat 8px 4px;  color:#000033;font-weight:bold;}



/* Side Container */
#sideContainer {border-left:solid 1px #66A3E0;margin-top:180px;}

#sideContainer h1{margin:0;font-size:1.4em;}
#sideContainer h1 span{display:none;}
#sideContainer h2{border-top:solid 1px #FFFFFF; border-bottom: solid 1px #003366; margin:0;padding:2px 8px 2px 8px;font-size:1.0em;background-color:#A1C6EB;}
#sideContainer h3{margin:12px 0 2px 0;font-size:1.2em;}
#sideContainer p{padding:0 0 8px 0;margin:4px 8px 0 8px;}

#sideContainer h2 a{text-decoration:none;color:#003399;}
#sideContainer h2 a:hover{color:#660000;}

#sideContainer img#helixspiral{margin-left:12px;}

#sideContainer a.samples{display:block;margin:10px;}
#sideContainer a.samples img{border:none;}

div.subscribe {margin-left:10px;margin-top:8px;}

#sideContainer div.subscribe label{margin:0;padding:0;}

#sideContainer div div.subscribe input{font-size:1em;margin-bottom:2px;width:120px;}
#sideContainer div div.subscribe input.cmd{width:80px;}

/* arrow navigation in side container */
div.outer{width:45px;height:10px;margin:0 0 0 80px;padding-bottom:10px;}
div.outer{background:url(/images/clouds/more_rollover.gif) -45px 0 no-repeat;}

div.outer a{display:block;width:100%;overflow:hidden;text-decoration:none;color:#0066CC;}
div.outer a{background:url(/images/clouds/more_rollover.gif) top left no-repeat;}
div.outer a:hover{background-image:none;color:#FF3300;}

div.outer span{display:block;margin:0;padding:0;line-height:10px;}

p.contactaddress{font-size:0.9em;}

/* Footer styles */
#footer {font-size:0.9em;background:url(/images/clouds/faux_footer.jpg) repeat-y }
#footer p{padding:3px 0 3px 160px;}
#footer a{color:#003366;text-decoration:none;}
#footer a:hover{color:#FF3300;}

/*
#footer p.copyright{padding-left:160px;}
#footer p.terms{padding-left:90px;}
#footer p.helixsites{padding-left:40px;}

#footer p.clear{float:none;clear:left; margin:0;padding:0;line-height:4px;}
*/


#other{display:none;}