/* -- RESET SIZING SCHEMA ///////////////////////

pt/px size			% 
	10				77
	11				85
	12				93
	13				100
	14				108
	15				116
	16				123.1
	17				131
	18				138.5
	19				146.5
	20				153.9
	21				161.6
	22				167
	23				174
	24				182 
	25				189 
	26				197 

/////////////////////////////////////////// -- */


/*----------------------------------------------------------- Common elements */

.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.bold {font-weight: bold;}
.heavy {font-size:131%; font-weight:bold;}
.no-border {border:0px;}
.top {border-top: 1px #C8C6C7 solid;}
.bottom {border-bottom: 1px #C8C6C7 solid;}
a {outline:none;}
a:link, a:visited {text-decoration:none; color: #fff;}
a:hover, a:active {text-decoration: none; color: #61C5bA;}
.hidden {display:none;}

/*----------------------------------------------------------- base styling */
html {
	font: 200 12px/180% "Helvetica", Arial, sans-serif;
	color: #fff;
	letter-spacing: -0.25px;
	margin: 0;
	padding: 0;
}

body {
	width:100%;
	height:100%;
	padding-top:10px;
}

/*--------------------------------------------------------- generic typography */

p {
	line-height: 100%;
	padding: 0;
	margin: 0;
}

/*--------------------------------------------------------- Generic page styling */

#page, #thisIsUs, #contact, #press, #insight {
	width: 1008px;
	margin: 28px auto 0 40px;
	padding: 0;
}

#page #home-link a {color:#61C5bA;}

/*---------------------------------------------------------- header styling */

#thisIsUs #header {}

#header {
	color: #fff;
	width: 100%;
	clear: both;
	height: 139px;
}

#header #logo {
	float: left;
	width: 264px;
	position:relative;
}

#header #tier {
	font-size: 1em;
	float: right;
	width: 546px;
}

#header #tier .tier-column {
	float: left;
	width: 301px;
	margin-right: 14px;	
	min-height: 100px;
}

#header #tier p {
	line-height:15px;
}

.landing #header #tier p {
	color:#000 !important;
}

#header #tier .last {
	margin-right: 0px !important;
}

#thisIsUs #header, #contact #header, #press #header, #insight #header {
	margin-bottom:36px;
}

#thisIsUs #nav, #contact #nav, #press #nav, #insight #nav {
	height:268px;
	padding-top: 8px;
}

#thisIsUs #content, #insight #content {
	height:400px;
}

#contact #content {
	height:380px;
}

#thisIsUs #three-col .col ul li {
	height:18px;
	border-bottom:1px solid #fff;
	margin-bottom:6px;
}

#thisIsUs #three-col .col ul li.last {
	height:18px;
	border-bottom:0;
	margin-bottom:6px;
}

#press #content {
	padding:0;
	height:400px;
	overflow:auto;
}

/*---------------------- INFO BAR STUFF */

#home-link {
	width:135px;
	height:22px;
	float:left;
}

#sub-title {
	color:#61C5bA;
	float:right;
	width:860px;
	height:22px;
}

/*----------------------------------------------------------- nav styling */

#nav {
	font-weight: normal;
	position: relative;
	float: left;
	width: 135px;
	clear: both;
	padding: 15px 0 0;
	height: 493px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-bottom: 3px;
}

ul.menu ul {
	margin:-16px 0 0 60px;
	position:relative;
	float:right;
}

ul.collapsible li.first {
	height:54px;
}

ul.collapsible li.first li {
	height:15px;
}

ul.menu li.selected a, ul.menu li.selected ul li.selected a {
	color: #61C5bA;
}

ul.menu li.selected ul li a {
	color: #fff;
}

ul.menu li.selected ul li a:hover {
	color: #61C5bA;
}

/*----------------------------------------------------------- content styling */

#content {
	float:right;
	padding-top:8px;
	width: 860px;
	height: 510px;
}

/*----------------------------------------------------------- vid/image carousel */

#content .bottom-panel {
	margin-top:10px;
	width:427px;
	height:100px;
}

#content .bottom-panel h3 {
	padding-bottom:4px;
	color:#61C5bA;
}

#content .bottom-panel .text {
	background:#2e2e2e;
	margin-top:10px;
	width:411px;
	height:126px;
	padding:5px 8px;
}

#content .bottom-panel .text p {margin:2px 0 8px 0;}
#content .bottom-panel .text li {margin-bottom:7px;}
#content .bottom-panel .text a.see-more {color:#61C5bA;}
#content .bottom-panel .text a.see-more:hover {text-decoration:underline;}

/*----------------------------------------------------------- Column styling */

#content #column {
	float: left;
	width: 126px;
	margin-top: 8px;
}

#content #column p {
	line-height: 1.3em;
	margin: 0 0 1.4em 0;
	padding: 0;
}

#content #column h3 {
	color: #FFFFFF;
	line-height: 1.31em;
	margin: 0;
	padding: 0;
}

#content #column a {
	color: #FFFFFF;
}

#content #column a img {
	display: inline;
	vertical-align: sub;
	padding-left: 2px;
}

/*----------------------------------------------------------- Main styling */

#content #main {
	float: right;
	width: 678px;
	display: inline;
	margin-top: 5px;
	padding-top: 3px;
}

#content #main p {
	color: #CCCCCC;
	font-size: 12px;
	font-weight: 400;
	line-height: 115%;
	margin: 0 0 2em 0;
	padding: 0 62px 0 0;
}

#content #main blockquote {
	color: #B3B3B3;
	font-size: 12px;
	font-weight: 400;
	line-height: 115%;
	margin: 0 0 2em 5px;
	padding: 0 62px 0 18px;
	border-left: 1px solid #B3B3B3;
}

#content #main h3 {
	font-size: 21px;
	font-weight: 200;
	line-height: 100%;
	margin: 0;
	padding: 0;
}

#content #main img {
	padding-bottom: 8px;
	clear: both;
}

#content .cluster {
	margin:8px 0;
	padding:0;
}

#press #content p {
	margin-bottom:8px;
	font-size: 12px;
	line-height: 125%;
	padding: 0 62px 0 0;
}

#press #content h3 {
	font-size: 14px;
	line-height: 115%;
	margin: 0;
	padding: 0;	
}

#content #main div.telephone {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 148px;
	line-height: 1;
}

#content #two-col {}

#content #two-col .col {
	width:270px;
	float:left;
	margin-right:15px;
}

#content #two-col .col p {
	line-height:110%;
}

#content #three-col .col {
	width:270px;
	float:left;
	margin-right:15px;
}

#content #three-col .col p {
	line-height:110%;
}

#contact #content p br {
	line-height:15px;
}

#contact #map-link {
	width:860px;
	height:22px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding-top:8px;
	margin-top:30px;
}

#contact #map-link p {
	float:left;
	width:175px;
	padding-top:2px;
}

#contact #map-link a {
	float:left;
	margin-right:8px;
}

#contact #map-link a.mans {color:#61C5bA !important;}
#contact #map-link a.mans:hover {color:#fff !important;}

#insight #content p.big-text {
	font-size:200%;
	width:350px;
	line-height:110%;
	height:170px;
}

/* ----- insight-pdf ----- */

#insight #pdf-links {
	height:100px;
	width:410px;
	position:absolute;
	top:236px;
	left:760px;
}

#insight #pdf-links h4 {
	padding:12px 0;
	border-bottom:solid 1px #fff;
}

#insight #pdf-links li a {
	padding:10px 0;
}

ul.pdf li {
	padding:16px 0 15px 40px;
	border-bottom:1px solid #fff;
}
ul.pdf li.first {background:url('../images/icon/new_star.gif') left 50% no-repeat;}

/*----------------------------------------------------------- Main-nocloumn styling */

#content #main-nocolumn {
	font-size: 12px;
	line-height: 1.22em;	
	float: right;
	position: relative;
	width: 310px;
	margin-top: 6px;
	padding-top: 150px;	
	min-height: 200px;
	height: auto !important; /* IE6 min-height fix */
	height: 200px; /* IE6 min-height fix */
	
	/*background-color: navy;*/
}

#content #main-nocolumn p {
	color:white;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 0 1.26em 0;
	padding: 0;	
	width: 310px;
}

#content #main-nocolumn h3 {
	line-height: 1.3em;
	color: #fff;
}

#content #main-nocolumn ul {
	list-style-type: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 0 1em 1em;
}

/*----------------------------------------------------------- footer styling */

#footer {
	font-size: 0.75em;
	text-align: left;
	color: #ccc;
	margin: 27px 0 0 148px;
	padding: 6px 0 0 0;
}

#footer a {color:#ccc;}

/* =========================================================== header SPRITES */

#header #logo h1 {
	background: url('../images/logo/LOGO_judgeGill.gif') 0 0 no-repeat;
	display: block;
	float: left;
	width: 91px;
	height: 23px;
	margin-top:76px;
	padding: 0;
	
	/*text-indent:-9999px;*/
}

#header #logo h1 span, #page #header #logo h2 span { 
	visibility: hidden;
}

/* ========================================================== wayfinder PRESS */
/* Loz's/jon remixed new section */

ul.press li {
	padding:14px 0 0 43px;
	height:29px;
	border-bottom:1px solid #B3B3B3;
}
ul.press li.first {background:url('../images/icon/new_star.gif') left 4px no-repeat;}
ul.press li.last {border-bottom:none;}

/* ========================================================== wayfinder ARCHIVE */
/*jons temp css*/

ul.archive {
	margin: 0;
	padding: 0;
}

ul.archive li{
	position: relative;
	float: left;
	width: 68px;
	height: 44px;
	margin: 0 0 0 0;
	padding: 0;
}

ul.archive li.lastitem{;
	margin: 0;
	padding: 0;
}

ul.archive li a img{
	width: 68px;
	height: 44px;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position:absolute;
	z-index:100;
}

#galaInfo {
	visibility:hidden;
	width:136px;
	height:440px;
	background:#4d4d4d;
	position:absolute;
	z-index:150;
	margin-left:136px;
}

p.archive-title {
	float:left;
	margin:10px;
	width:100px;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	margin-top:9px;
	padding-top:0;
}

a.back-btn {
	left:138px;
	top:5px;
	position:relative;
}

#closeBtn a {
	display:none;
	margin-top:5px;
	margin-left:142px;
	position:absolute;
}

.under-line {
	float:right;
	margin-top:20px;
	border-top:1px solid #B3B3B3;
}

/* ---------- home page carousel --------- */

#overlay {
	display:none;
	background:#000;
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0); 
	top:0;
	left:0;
	width:1159px;
	height:889px;
	z-index:1000;
}

#vid-carousel {
	background:#2e2e2e;
	height:202px;
	width:100%;
	margin-bottom:5px;
	padding-top:1px;
	overflow:hidden;
}

#vid-carousel .holder{
	background:#2e2e2e;
	position:relative;
	margin:4px 0 0 5px;
	overflow:hidden;
	width:850px;
	height:200px;
	z-index:1000;
}

#vid-carousel ul {
	position:absolute;
	width:2500px;
}

#vid-carousel li {
	width:265px;
	height:170px;
	float:left;
	margin-right:8px;
}

#vid-carousel li a:hover {
	color:#fff;
}

#vid-carousel li img {
	width:265px;
	height:170px;
	margin-bottom:7px;	
}

#vid-carousel li span.blue {
	color:#61C5BA;
}

/* ------------ home page scroller ------------ */

img#image-cell {
	display:none;
	position:absolute;
	z-index:1;
}

img#vid-cell {
	display:none;
	position:absolute;
	z-index:1;
}

#image-frame {
	display:none;
	top:160px;
	left:280px;
	background:#696969;
	width:676px;
	height:461px;
	position:absolute;
	z-index:1500;
	padding:7px 10px;
}

#image-frame .block{
	display:none;
	position:absolute;
	background:transparent;
	width:100px;
	height:30px;
}

#image-frame a.close,
#image-frame a.vid-close,
#image-frame a.image-close {
	padding-right:1px;
	float:right;
	padding-top:1px;
}

#image-frame a.selected {
	color: #61C5bA;
}

#image-frame p {
	float:left;
	width:30%;
	margin-top:2px;
}

#image-carousel {
	background:#2e2e2e;
	height:86px;
	width:100%;
	margin-bottom:5px;
	padding-top:1px;
	}

#image-carousel .window {
	position:relative;
	margin:4px 0 0 5px;
	overflow:hidden;
	width:850px;
	height:77px;
}

#image-carousel .holder {
	position:absolute;
	width:auto;
}

#image-carousel .holder .store-info {
	width:120px;
	height:77px;
	float:left;
	margin-left:4px;
}

#image-carousel ul {
	float:left;
}

#image-carousel li {
	float:left;
	margin-left:4px;
	height:77px;
	width:120px;
}

#image-carousel li a:hover {
	color:#fff;
}

#image-carousel p.blue {
	color:#61C5BA;
}

.ui-slider-handle {
	background:transparent url('../images/common/scroll-bar.gif') no-repeat;
	position:absolute;
	width:100px;
	height:13px;
	line-height:2px;
	margin-left:-50px;
}

#scroll-bar {
	background:#2e2e2e;
	height:19px;
	width:860px;
}

#scroll-bar .bar {
	background:#2e2e2e;
	display:block;
	height:13px;
	width:750px;
	padding:3px 0;
	margin-left:55px;
	position:relative;
}

#background-image {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:1200px;
	height:900px;
	z-index:-100;	
}

#background-block {
	display:block;
	background:#333;
	position:absolute;
	top:0;
	left:0;
	width:1100px;
	height:800px;
	z-index:-200;
}

#flashContent {
	display:none;
	width:676px;
	height:435px;
	top:190px;
	left:290px;
	position:absolute;
	z-index:10000;
}

.landing-link {
	margin:302px 0 0 15px;
}

#vid-blocker {
	background:transparent;
	height:203px;
	width:861px;
	position:absolute;
	z-index:10000;
}

#image-veiwer {
	position:absolute;
	z-index:10000;
	left:290px;
	top:190px;
}

#image-veiwer img {
	z-index:10000;
	position:absolute;
}