@charset "UTF-8";
/*  
There are two linked CSS Docs associated to this file: mac.css and nt.css
Based on the output of a browser detection script on the layout.phtml file

	::::::::::::::::::
      HEX COLOR KEY 
	::::::::::::::::::
	DK BLUE - #416d94
	LT BLUE - #9ab5ca
	CREAM	- #F4ECD7
	ORANGE  - #FCBA63

	::::::::::::::::::
        MAIN TAGS 
	::::::::::::::::::  

*/

html {
	margin: 0;
	padding: 0;
	overflow:hidden;
}

body{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	margin: 0;
	padding: 0;
	overflow:hidden;
	background:#9AB5CA;
	position:absolute;
	height:100%;
	width:100%;
}

iframe:focus, img:focus, a:focus, form:focus, div:focus {
	-moz-outline: none 0;
	outline: none 0;
}

:focus{
  	-moz-outline-style: none;
	outline:none 0;
}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #FCBA63;
}

a:visited { 
	font-weight: bold; 
	text-decoration: none;
	color: #FCBA63;
}

a:hover, a:active { 
	text-decoration: underline;
	color: #FCBA63;
}

img {
	border:0px;
}

/*  ::::::::::::::::::
        	IDS 
	::::::::::::::::::  */

/*       LAYOUT         */

#wrapper{
	margin:0;
	padding:0;
	text-align:center;
	height:100%;
}

#top{
	position:absolute;
	overflow-y:auto;
	overflow-x:hidden;
	align:center;
	top:0px;
	bottom:40px;
	left:0px;
	width:100%;
	
}

#content{
	display:table;
	width:100%;
	height:100%;
}

.darkBlue{
	background-color:#416D94;
	height:50%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}

.frame{
	width:825px;
	height:550px;
	margin:0px auto;
}

#content #nav {
	position:relative;
	margin:0px;
	z-index:2;
}

#content #body {
	position:relative;
	margin:0px;
	z-index:1;
	top:80px;
}

#footer{
	border-top: solid 4px #FFFFFF;
	padding: 10px;
	background:#F4ECD7;
	vertical-align:top;
	z-index:1000; 
	position:absolute;
	width:100%;
	height:16px;
	left:0px;
	bottom:0px;
}

/*     Persistent Page Items        */

#content-holder {
	background: url(../images/layout/bg_pattern.jpg) repeat-x;
	background-position:left;
	display:table-cell;
	vertical-align:middle;
	width:100%;
}

#index-flash-wrapper {
	width:825px;
	height:550px;
	margin:0px;
	padding:0px;
}

#subnav_heading {
	position:absolute;
	margin-right:15px;
	left:0px;
	top:0px;
	width:250px;
}

#heading, #heading-reflection {
	position:relative;
	left:18px;
}

#team-heading, #team-heading-reflection {
	position:relative;
	left:49px;
}

#go_fish {
	width:130px;
	background-image:url(../images/team/go_fish_arrow.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	font-size:12px;
	color:#FFFFFF;
	padding-left:20px;
	position:absolute;
	top:220px;
	left:470px;
	z-index:1234;
}
#go_fish span {
	display:block;
	margin-bottom:6px;
}


/*       Office Location Togglers in Footer         */

.enabled_office a, .disabled_office a {
	display:block;
	height:16px;
	padding:3px 7px 0px 3px;
}

.switch_corner {
	position:absolute;
	left:-11px;
}

.disabled_office a {
	background:url(../images/layout/switch_tile_disabled.jpg) repeat-x;
	color:#B3B3B3;
}

.disabled_office a:hover {
	color:#666666;
}

.enabled_office a {
	background:url(../images/layout/switch_tile_enabled.jpg) repeat-x;
	color:#3D6C97;
}

.enabled_office a:hover, .disabled_office a:hover {
	text-decoration:none;
}

#switch_starkville {
	position:absolute;
	left:0px;
	top:0px;
	width:137px;
}

#switch_starkville a {
	padding-right:19px;
}

#switch_tempe {
	position:absolute;
	right:0px;
	top:0px;
	border-right:1px #ACACAC solid;
}

#switch_toggler {
	margin-right:15px;
	opacity:.50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
}

#switch_toggler:hover {
	opacity:1.0;
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
}

#switch-holder {
	position:absolute;
	top:-23px;
	width:100%;
	height:19px;
	overflow:hidden;
}
#office_switcher {
	margin-right:20px;
	position:absolute !important ; 
	z-index:1753;
	width:137px;
	height:19px;
	bottom:40px;
	right:0px;
}


/*        CONTACT        */

#map_canvas {
	position:relative;
	top:10px;
	width: 500px;
	height: 380px;
	border: solid 3px #FFFFFF;
	float:right;
	margin-bottom:20px;
}

/*        EMAIL MEMBER LIST        */

#email-panel {
	margin-top:10px;
}
#email-panel a {
	color:#F4ECD7;
	font-weight:normal;
	display:block;
	text-decoration:none;
	height:21px;
	
	width:586px;
	height:16px;
	padding:5px 0px 0px 116px;
}
#email-panel a:hover {
	color:#666666;
	background:url(../images/contact/team_email_bg_highlighted.gif) no-repeat 4px 0px;
	text-decoration:none;
}

.email-team-member {
	
}
.email-team-member:hover {
	
	
	
}
.email-team-member div {
	float:left;
	text-align:left;
	font-size:11px;
}

.email-team-name {
	width:116px;
}
.email-team-email {
	width:200px;
}
.email-team-jobtitle {
	width:132px;
}

.companyBar{
	position:relative;
	top:-16px;
	left:0px;
	width:582px;
	height:23px;
	text-align:left;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	color:#DFE8EF;
	font-size:10px;
}

.companyBarRight{
	float:right;
	padding-right:6px;
}

.companyBarLeft{
	float:left;
	padding-left:61px;
	text-transform:uppercase;
}

.ms_spacer{
	height:300px;
}

/*        FORM NAME        */

#inquiry-panel {
	padding-left:110px;
	padding-top:20px;
	text-align:left;
	height:400px;
}

.form_wrapper {
	margin:auto;
	padding-top:20px;
}


.fieldHolder {
	float:left;
	margin-right:6px;
}
.areaHolder {
	width:460px;
}
.contactField {
	
}

.contactField input {
	width:97px;
	height:14px;
	padding:5px 6px;
	border:1px solid #3D6C97;
	font-size:12px;
}
.contactLabel {
	text-align:right;
	color:#3D6C97;
	display:block;
}
.contactArea {
	width:470px;
}
.contactArea textarea {
	width:448px;
	border:1px solid #3D6C97;
	margin-top:10px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 6px;
	overflow:auto;
}

.submitButton input {
	background:url(../images/contact/send_button.png) no-repeat;
	color:#3D6C97;
	border:none;
	width:55px;
	height:17px;
}

.form_wrapper {
	width:470px;
}

.optionsHolder {
	height:70px;
	margin-bottom:10px;
}
.contactOptions {
	clear:both;
}
.contactOptions label {
	display:block;
	width:117px;
	float:left;
	text-align:left;
	color:#FFFFFF;
	font-size:10px;
	padding:3px 0px;
}
.contactOptions input {
	margin:0px 4px 0px 0px;
	display:block;
	float:left;
}

.response {
	margin-left:40px;
}
.error {
	color:#FF0000;
	font-size:10px;
	padding-left:40px;
}


/*        WELCOME        */

#welcome-wrapper {
	position:relative;
}

#welcome-text {
	position:relative;
	top:-140px;
	width:610px;
	left:185px;
}

#welcome-text p {
	display:block;
	text-align:left;
}

#welcome-blufish {
	width:485px;
	float:left;
	margin-top:120px;
}

#welcome-random-image {
	width:310px;
	overflow:visible;
	float:right;
	margin-top:60px;
	margin-right:30px;
}

#welcome-logo-reflection {
	
}

/*        WHATSA        */

#whatsa-wrapper {
	width:760px;
	/*border:#000000 solid 1px;*/
	float:left;
	margin-top:20px;
}

/*        SERVICES        */

#creative-panel, #multimedia-panel, #clientservices-panel {
	text-align: left;
}
#creative-panel .white, #multimedia-panel .white, #clientservices-panel .white {
	font-size:14px;
	display:block;
	width:320px;
	/*text-align:left;*/
	float:right;
	margin-top:40px;
	line-height:24px;
}

.services-image {
	float:left;
	margin-top:30px;
}

.services-list {
	text-align:left;
	display:block;
	width:300px;
	float:right;
	margin-top:20px;
	margin-right:10px
}

.services-list li {
	display:block;
	background:url(../images/services/list-dot.gif) no-repeat 0px 12px;
	font-size:12px;
	font-weight:bold;
	color:#3D6C97;
	width:130px;
	padding:10px 6px 10px 14px;
	float:left;
}

.clientlist-subitem {
	font-weight:normal;
	color:#F4ECD7;
}


/*        TEAM        */

#page-wrapper {
	text-align:left;
	width:587px;
	margin:5px;
}

#team-navigation {
	position:absolute;
	top:0px;
	left:300px;
	width:600px;
	height:340px;
}

#team-logo {
	
}

#team-text {
	position:absolute;
	top:310px;
	width:600px;
	left:185px;
	z-index:400;
	text-align:left;
	height:160px;
}

#team-text p {
	display:block;
	text-align:left;
}

#team-mask, #reflection-mask, #work-wrapper{
	top:-512px;
	left:192px;
}

#team-mask {
	position:relative;
	height:458px;
	z-index:0;
	overflow:hidden;
}

#team-wrapper {
	position:relative;
	top:600px;
}

#team-content {
	width:467px;
	position:absolute;
	left:0px;
	z-index:2;
	float:left;
}

#team-table {
	width:437px;
}

#team-table td {
	vertical-align:top;
}

#reflection-mask {
	position:relative;
	overflow:hidden;
	width:467px;
}
#ripple {
	position:absolute;
	top:453px;
	left:281px;
	z-index:1243;
	visibility:hidden;
}

#reflection {
	position:relative;
	top:-600px;
	height:70px;
	background:url(../images/team/reflection.png) no-repeat;
}

#team-top-bar {
	background-image:url(../images/team/top-bar-bg.png);
	background-repeat:no-repeat;
	height:26px;
	color:#6D91B1;
	padding: 6px 10px 0px 20px;
	font-size:12px;
}

#team-info {
	background:#FFFFFF 7px 10px no-repeat;
	height:390px;
	overflow:hidden;
	text-align:left;
}

#team-bottom-bar {
	background-color:#E6E6E6;
	border-top: 1px #999999 solid;
	height: 30px;
	padding-top:6px;
}

#select-form {
	margin:0px 18px;
	width:100px;
	height:18px;
}

#back-next {
	text-align:right;
	vertical-align:top;
}

#select-form select {
	border:#B3B3B3 solid 1px;
	background:#F4ECD7;
	color:#6D91B1;
}

#my-favs {
	width: 120px;
	height: 364px;
	background:#FFFFFF url(../images/team/my-favs-bg.jpg) no-repeat;
	position:relative;
	z-index:1;
	top:30px;
	left:-120px;
	float:right;
	padding-top:5px;
}

#my-favs-btn {
	background-image:url(../images/team/my-favs-btn-arrow.png);
	background-repeat:no-repeat;
	width:76px;
	height:34px;
	float:right;
	margin-top:50px;
}

#employee-name {
	font-weight:bold;
	color:#3D6C97;
}

#back, #next, #team-bottom-bar {
	font-size:12px;
	font-weight:lighter;
}

.scroll-pane {
	margin-left:15px;
	height:260px;
	/*overflow:auto; */
}

#team-description {
	width:230px;
	position:relative;
	margin:20px 20px 0px 10px;
	line-height:20px; 
	color:#666666; 
	text-align:left;
	font-size:12px;
}


/*     WORK     */

#work-wrapper {
	text-align:left;
	/*position:relative;
	right:0px;*/
}

#ssp-wrapper {
	width:512px;
	height:430px;
	float:right;
	margin-right:28px;
}

/*  ::::::::::::::::::
         CLASSES
	::::::::::::::::::  */

.copyright{
	font-size:10px;
	color:#416D94;
}

.clear {
	clear:both;
}

.kill-overflow {
	overflow-y:hidden;
}

.gray, .gray:link {
	color:#B3B3B3;
}

.white {
	color:#FFFFFF;
	font-size:18px;
	line-height:22px;
}

.bigTagLine {
	font-size:30px;
	line-height:18px;
}

/* 		NAVIGATION 		*/

#blue-nav-logo {
	float:left;
	margin-left:18px;
}

#navigation {
	width:780px;
	overflow:visible;
	position:absolute;
	left:0px;
	margin:auto;
	z-index:5;
}

#navigation ul {
	padding:0px;
	margin:26px 0px 0px 0px;
	list-style:none;
	float:right;
}

#navigation li {
	float: left;
	width: 110px;
	height:26px;
	display:block;
	margin-right:8px;
}

#navigation a {
	font-size:11px;
}

.mainitem, .mainitem_current {
	background-image:url(../images/nav/main.png);
	background-position:0px -26px;
	display:block;
	width:104px;
	height:16px;
	text-align:right;
	padding:10px 6px 0px 0px;
	color:#FCBA63;
	text-decoration:none;
	font-weight:lighter;
}

.mainitem:hover, .mainitem_current {
	background-position:0px 0px;
	text-decoration:none;
}
.mainitem_current:hover {
	text-decoration:none;
}

.sublist {
	border:1px #FFFFFF solid;
	margin-top:2px;
	background:#416D94;
	text-align:right;
	width:108px;
}

.sublist a {
	color:#F4ECD7;
}

.subitem, .subitem_first {
	/*border-top: 1px #9CB3C9 solid;*/
	padding: 7px 4px 5px 0px;
	font-size:9px;
	text-decoration:none;
	display:block;
	color: #F4ECD7;
}

.subitem {
	background:url(../images/nav/subnav_line.jpg) 7px 0px no-repeat;
}

.subitem:hover, .subitem_first:hover {
	background-color:#6D91B1;
	text-decoration:none;
	color:#FFFFFF;
}

.mask {
	overflow:hidden;
	height:0px;
}

.dot {
	float:left;
}

.subNav {
	position:relative;
	top:0px;
	left:50px;
	float:right;
}

.subNav a {
	font-size:12px;
	font-weight:100;
	text-decoration:none;
}
.subNav a:hover {
	color:#FFFFFF;
}

.subNav ul {
	width:120px;
}

.subNav li {
	border-bottom:1px solid #FFF;
	text-align:right;
	list-style-type:none;
	margin:5px 0px;
}

/*        TEAM        */

.close {
	font-size:10px;
	color:#FCBA63;
	width:80px;
}

.fav {
	text-align:center;
	margin:15px 6px;
	height:100px;
}
.fav img {
	margin:auto;
	border:2px solid #999999;
}

.fav a {
	text-decoration:none;
	color:#3D6C97;
}


/*  ::::::::::::::::::
      jScrollPane
	::::::::::::::::::  */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	top: 0;
	height: 100%;
	background: #e6e6e6;
}
.jScrollPaneDrag {
	position: absolute;
	background:#DDDDDD;
	cursor: pointer;
	overflow: hidden;
	
	
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../images/team/scrollArrow_up.gif) no-repeat;
	height: 9px;
}
a.jScrollArrowUp:hover {
	background-position:0px -15px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../images/team/scrollArrow_down.gif) no-repeat;
	height: 9px;
}
a.jScrollArrowDown:hover {
	background-position:0px -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position:0px -30px;
}


/*  ::::::::::::::::::
      YUI SPECIFIC
	::::::::::::::::::  */
/*
ACCORDION CONTAINER & ACCORDION PANE
 */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
.yui-accordionview {
	margin-bottom: 1.5em;
}
.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle {
	background:none;
	border:0;
	border-bottom:1px #FFFFFF solid;
}
.yui-accordion-toggle .indicator {
	display:none;
}
.yui-accordion-toggle.active .indicator {
	display:none;
}

.yui-accordion-toggle{
	text-align:left;
}

#accord-wrapper {
	position:absolute;
	top:0px;
	right:53px;
	height:525px;
	overflow:hidden;
}
.yui-accordion-content{
	border:0px;
	background:none;
	padding:10px 0px;
}

.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:link, .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #FCBA63;
}
.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:visited,  .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active:visited { 
	font-weight: bold; 
	text-decoration: none;
	color: #FCBA63;
}
.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:hover,  .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active:hover,  .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:active,  .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active:active { 
	text-decoration: none;
	color: #FFFFFF;
}

.yui-accordionview div.yui-accordion-content {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.hidden {
	visibility: hidden;
	position: absolute;
}

.almosthidden {
	position: absolute;
	left: -9999px;
	z-index: -10;
}

.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle {
	display: block;
	border-bottom: 1px #FFFFFF solid;
	padding: 8px 475px 2px 20px;
	font-size:12px;
	color: #FCBA63;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	height:13px;
	text-align:right;
}

.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active {
	border-color: #243356;
	border-bottom: 1px #FFFFFF solid;
	color: #FCBA63;
	text-decoration: none;
	background:url(../images/layout/accordion_dotmarker.gif) no-repeat 2px 10px;
}