/* CSS Document - CrombieAnderson - Dave Saunders */

/* body styles */
html{height:100%;}
body{padding:0 0 0 0; margin:0 0 0 0; font-family: "HelveticaNeue LT 65 Medium",  helvetica, arial, sans-serif; font-size:85%; color:#fff; background:url(../images/mid_bg.jpg) repeat-x; background-color:#000; background-position:center -50px; background-attachment:fixed;  background-color:#000; }
	body.white{color:#000000; background-color:#000; }

h1,h2,h3,h4,h5,h6{font-size:100%; display:block; font-weight:bold; color:#fff;}
	body.white h1, body.white h2, body.white h3, body.white h4, body.white h5, body.white h6{color:#ed1c24;}

h1{display:block; font-size:600%; margin:20px 0 50px 0; padding:0; letter-spacing:0; font-weight:normal;}
	body.white h1{font-size:300%; margin:30px 0 30px 0; position:relative; z-index:10;}
h2{display:block; font-size:110%; margin:15px 0 2px 0; color:#ff0000;}
	body.people h2{color:#fff;}
h2#pSmall{display:block; font-size:300%; margin:20px 0 50px 0; height:80px; padding:0; letter-spacing:0; font-weight:bold; max-width:820px;}
h3{display:block; font-size:100%; margin:10px 0 8px 0;}
a{color:#ff0000; text-decoration:none;} a:hover{text-decoration:underline;}strong{font-weight:bold;}
.red{color:#FF0000!important;}

/* misc styles */
.hidden{display:none;}
.skiplinks{display:none;}fieldset{border:0;}input{font-size:100%;}textarea{font-size:95%; width:270px; height:70px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}form{margin:0; padding:0; border:0;}table{font-size:100%;}
hr{height:1px; border:0; line-height:1px; clear:both; color:#898989; background-color:#898989;}label{display:block; float:left;} p{line-height:1.1em;}caption{font-weight:bold; text-align:left; padding-bottom:4px;}.divclear{clear:both; height:1px; line-height:1px; font-size:1px; margin-top:-1px;}

#outer{}
#container{display:block; background-color:#000; width:988px; padding:0 0 0 0; margin:0; text-align:left; margin:auto; border-left:1px solid #898989; border-right:1px solid #898989; min-height:666px;}
	body.white #container{background-color:#fff;}
		body#clientarea #container{background-color:#ff0000; background-image:none; }

/* header styles */
#header{padding:25px 20px 15px 20px; background-color:#000; max-height:60px; overflow:hidden; position:relative; z-index:20; }	
#header p{margin:0; padding:0;}
#header #logo{width:119px; height:25px; text-indent:-5000px; margin-bottom:0;}
#header #logo a{display:block; width:119px; height:25px; background:url(../images/logo.gif) no-repeat;}
#header ul{margin:0; clear:both; padding:20px 0 0 0; display:block; font-size:110%;}
	body#home #header ul{top:190px; position:relative; }
#header ul li{display:block; float:left; position:relative; height:25px; overflow:hidden;}
#header ul li a{display:block; float:left; font-weight:bold; color:#8e9093; padding:5px 0 5px 0; width:inherit; cursor:pointer; line-height:1.1em;}
#header ul li a:hover{text-decoration:none;}
#header ul li.active a{color:#fff;}
#header ul li.normalactive a{color:#fff;}
#header ul li.last{float:right; text-align:right;}
#header ul li.last a{margin-right:0;}
#header ul li a span.navStart{display:block;}
#header ul li a span.navAlt{display:none; color:#fff;}

#header ul li a#tn1{min-width:65px;}
#header ul li a#tn32{min-width:90px;}
#header ul li a#tn33{min-width:110px;}
#header ul li a#tn50{min-width:90px;}
#header ul li a#tn51{min-width:100px;}
#header ul li a#tn141{min-width:92px;}
#header ul li a#tn259{min-width:100px;}

#header ul li a span.navStart{display:block; z-index:50;}
#header ul li a span.navAlt{display:none; z-index:100;}

/* middle styles */
#middle{border-top:1px solid #898989; clear:both; background:url(../images/mid_bg.jpg) repeat-x; display:block; background-color:#000; background-position:0 -100px; margin:0;min-height:400px;}
#middle_white{border-top:1px solid #898989; clear:both; background:url(../images/mid_bg_white.jpg) repeat-x; background-color:#fff; display:block; margin:0; min-height:400px;}
	body#clientarea #middle{background-color:#ff0000; background-image:none; }
	body#clientarea #middle a{color:#fff;}
.subNav{clear:both; display:block; padding:0 0 0 0; color:#ff0000; font-size:97%;}

.subNav p{margin:0; padding:0 0 0 0; display:block; border-bottom:1px solid #939598; }
.subNav a{margin-left:15px; padding:8px 0 8px 0; color:#8e9093; letter-spacing:0; display:block; float:left;}
.subNav a:hover{text-decoration:none;}
.subNav .active a{color:#fff;}
	body.white .subNav .active a{color:#000;}
.subNav a.introLink{margin-left:20px; color:#ff0000;}
.subNav strong{ font-weight:normal;}

/* left styles */
#left{display:block; padding:20px 20px 20px 20px; height:100%;}
#left p{padding:0 0 9px 0; line-height:1.2em; margin:0;}
#left .iamfirst{padding-top:20px!important;}
#left #map h3{color:#000; border:0; font-style:normal;}
#introText{font-weight:normal; font-size:110%; margin-bottom:15px; width:435px;}
#introTextWhite{color:#333; font-weight:normal; font-size:110%; margin-bottom:15px; width:740px; float:left;}
#left label{clear:left; display:block; float:none;}
#left ul{list-style-type:circle; margin:10px 0 0 15px;}
#left ul li{margin-bottom:5px;}
#left .noFloat{float:none!important;}
#left #btm{float:right;}
#left #btm a{font-size:95%; color:#959599;}

#left ul.clientThumbs{margin:0; padding:0; list-style-type:none;}
#left ul.clientThumbs li{margin:0 5px 5px 0; padding:0; display:block; float:left; list-style-type:none;}
#left ul.clientThumbs li img{width:113px; height:115px;}
#left ul.clientThumbs li.last{margin:0 0 5px 0; padding:0; display:block; float:left; list-style-type:none;}

#left .title{display:none; clear:both; max-width:770px; float:left;}
	body#aboutus #left .title{display:none; float:left; clear:both!important; max-width:990px;}
	body#aboutus #left .ditto_intro{width:220px; margin-right:100px!important; display:block; padding:0; margin:0; float:left;}
	body#aboutus #left .ditto_summary{width:500px; float:left; display:block;}
	
	body#ourculture  #left{max-width:770px;}
	
	
#left .map{float:left; margin:0 10px 0 0; display:block;}
#left #sPanelHolder{clear:both; display:block; height:1%;}
#left #sPanel{padding-top:0; float:left; display:block; }

#left img.orf{float:left; margin:0 10px 10px 0;}

	body#clientarea #middle  #left a{color:#000;}
#left .grey{color:#8e9093; font-size:90%;}

#left #panelLeft{float:left; width:250px;}
#left #panelLeft h2{margin-top:0; padding-top:0;}
#left #panelRight{float:left; width:500px; height:160px;}

object{margin-bottom:20px;}

#throttleContent{position:relative;}
	body#resources #throttleContent, body#news #throttleContent, body#clientarea #throttleContent, body#recognition #throttleContent, body#ourculture #throttleContent, body#ourphilosophy #throttleContent{width:770px;}
	body#ourculture #introText, body#ourphilosophy #introText{width:770px;}

.jcarousel-skin-ie7.jcarousel-container-horizontal {display:block; padding: 0 0 0 0; min-height:210px; }
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {margin:0 0; padding:0 0 0 0; overflow: hidden; height:170px;}
.jcarousel-skin-ie7 .jcarousel-clip-vertical {margin:0 0; padding:0 0 0 0; overflow: hidden;}
.jcarousel-skin-ie7 .jcarousel-item {margin:0 5px 0 0; padding:0 5px 0 0!important;}
.jcarousel-skin-ie7 .jcarousel-item:hover {border-color: #fff;}
.jcarousel-skin-ie7 .jcarousel-next-horizontal {position: absolute; top: 178px; right: 0; width: 38px; height: 17px; cursor: pointer; background: transparent url(../images/next-horizontal-dark.gif) no-repeat 0 0;}
	body.white .jcarousel-skin-ie7 .jcarousel-next-horizontal {background: transparent url(../images/next-horizontal.gif) no-repeat 0 0;}
.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {background-position: 0 0;}.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {background-position: 0 0;}
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal, .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: 0 0;}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal {position: absolute; top: 178px; left: 0; width: 38px; height: 17px; cursor: pointer; background: transparent url(../images/prev-horizontal-dark.gif) no-repeat 0 0;}
	body.white .jcarousel-skin-ie7 .jcarousel-prev-horizontal {background: transparent url(../images/prev-horizontal.gif) no-repeat 0 0;}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {background-position: 0 0;}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {background-position: 0 0;}
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal, .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: 0 0;}
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 3; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-item {float: left; margin:0; padding:0 5px 0 0!important; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 232px; display:block; height: 170px; }
.jcarousel-next {z-index: 3; display: none;}
.jcarousel-prev {z-index: 3; display: none;}


#nav_carousel{color:#fff; background:url(../images/galleryBottom-dark.gif) no-repeat; background-position:center 178px;}
#nav_carousel h2{margin-top:0; color:#fff; border:none; font-weight: bold;}
#nav_carousel a{margin-top:0; color:#fff; display:block; width:232px; height:170px;}

	body.white #nav_carousel{color:#000!important; background:url(../images/galleryBottom.gif) no-repeat; background-position:center 178px;}
	body.white #nav_carousel h2{margin-top:0; color:#000!important; border:none; font-weight: bold;}
	body.white #nav_carousel a{margin-top:0; color:#000!important;}

#nav_carousel ul{margin:0!important;}
#nav_carousel ul li{float:left; display:block; padding:0!important;}
#nav_carousel ul img{margin:0!important; display:block; cursor:pointer; width:232px!important; height:170px;}
#nav_carousel ul li a{font-weight:bold; text-decoration: underline;}

#nav_carousel div.cSummary{display:none;}


#quickNavBlock{position:absolute; left:0; top:-40px;}
.menu_head{border:0; padding:0; margin:0; cursor:pointer;}

.quickNav{display:none; list-style-type:none!important; width:245px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; margin:0 0 0 10px!important; z-index:1000; height:200px; overflow:auto;}
.quickNav li{background:#c3c4c6; list-style-type:none!important; border:0!important; margin:0!important;}
.quickNav li ul li{background:#222;}
.quickNav li ul li.alt{background:#111;}
.quickNav li a{color:#000; font-weight:bold; text-decoration:none; margin:0; border:0; padding:5px; display:block;}
.quickNav li a:hover{color:#ff0000;}
.quickNav li ul{margin:0 0 0 0!important;}
.quickNav li ul li{margin:0!important;}
.quickNav li ul li a{font-weight:normal!important; color:#fff; font-size:90%!important; margin:0!important; padding:3px 5px;}




#footer{margin:0 auto; clear:both; display:block; padding:13px 20px 8px 20px!important; font-size:80%; background-color:#000; color:#fff; border:1px solid #898989; width:948px;}
#footer .tb{float:right; font-weight:bold;}

/* misc styles */
.dn{display:none;}
table{display:block; font-size:100%; border:0; padding:0 0 0 0; margin:0 0 20px 0; }
table tr td{border-collapse:collapse; padding:3px 3px 3px 0; vertical-align:middle;}
table td img{float:right;}
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
a{outline:none;}
