/*
   Think Ambient
   Default screen stylesheet
   Powered by Prego
*/

@import url('screen-blocks.css');

/* --------- PAGE LAYOUT STYLES --------- */
body,
html
{
	width:100%;
	height:100%;
	overflow-y:hidden;
	/*overflow-x:auto;*/
}

body,
textarea
{
	font-family:helvetica, arial, verdana, sans-serif;
	font-size:small;
}

body
{
	background:#aaacaf url('../images/body-gradient.gif') 0 0 repeat-x;
}

#container
{
	width:100%;
	height:100%;
	min-width:1000px;
	position:relative;
}

#background
{
	z-index:1;
	position:absolute;
	width:100%;
	height:100%;
	background:url('../images/scroller-faux-col.gif') 50% 0 repeat-y;
}

#scroller
{
	z-index:1;
	position:absolute;
	width:100%;
	height:100%;
	overflow-y:scroll;
	overflow-x:hidden;
}

/*
#header
{
	z-index:3;
	position:absolute;
	top:0;
	left:0;
	width:900px;
	height:150px;
	background:#fff;
}

#header-fringe
{
	position:absolute;
	top:150px;
	left:0;
	width:100%;
	height:30px;
	background:url('../images/header-fringe.png') 0 0 repeat-x;
}
*/

#left-box
{
	z-index:2;
	position:absolute;
	top:183px;
	left:50%;
	margin:0 0 0 -464px;
	width:35px;
	height:201px;
	background:url('../images/content-background.gif') 0 0 no-repeat;
}

h1
{
	z-index:4;
	position:absolute;
	left:50%;
	margin:0 0 0 -405px;
	top:0;
	width:187px;
	height:132px;
	background-image:url('../images/logo.gif');
	background-position:0 100%;
	background-repeat:no-repeat;
}

h1 a
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url('../images/nav-home.gif');
	background-position:0 10px;
	background-repeat:no-repeat;
}

h1 a:hover,
h1 a:active,
h1 a:focus
{
	background-image:url('../images/nav-home-hover.gif');	
}

h1 span
{
	position:absolute;
	top:-10000px;
	left:-10000px;
	font-size:0.1em;
	height:1px;
}



/* --------- MAIN NAVIGATION --------- */

#navigation
{
	z-index:4;
	position:absolute;
	top:-1px;
	left:50%;
	margin:0 0 0 -179px;
	/*left:277px;*/
	width:595px;
	border:1px solid #cdcecf;
	background:#dfdfdf;
	padding:0 2px;
}

#navigation li
{
	position:relative;
	float:left;
	margin:0 5px 2px 0;
	background:#909295 url('../images/nav-gradient.gif') 0 0 repeat-x;
}

#navigation li.home
{
	display:none;
}

#navigation li.thinkcling {background:#ed912a url('../images/nav-gradient-orange.gif') 0 0 repeat-x;}
#navigation li.thinkstx {background:#df3937 url('../images/nav-gradient-red.gif') 0 0 repeat-x;}
#navigation li.clingssr {background:#2aad37 url('../images/nav-gradient-green.gif') 0 0 repeat-x;}
#navigation li.news {background:#51b1e8 url('../images/nav-gradient-blue.gif') 0 0 repeat-x;}

#navigation li:hover, #navigation li.hover {background:#787b7d url('../images/nav-gradient-hover.gif') 0 0 repeat-x;}
#navigation li.thinkcling:hover, #navigation li.thinkcling-hover {background:#e16317 url('../images/nav-gradient-orange-hover.gif') 0 0 repeat-x;}
#navigation li.thinkstx:hover, #navigation li.thinkstx-hover {background:#cf121b url('../images/nav-gradient-red-hover.gif') 0 0 repeat-x;}
#navigation li.clingssr:hover, #navigation li.clingssr-hover {background:#26982e url('../images/nav-gradient-green-hover.gif') 0 0 repeat-x;}
#navigation li.news:hover, #navigation li.news-hover {background:#318dda url('../images/nav-gradient-blue-hover.gif') 0 0 repeat-x;}

#navigation li.last
{
	margin-right:0;
}

#navigation li a
{
	display:block;
	min-width:85px;
	min-height:27px;
	padding:5px 5px 15px 5px;
	background:url('../images/nav-corner.gif') 100% 100% no-repeat;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#navigation li.thinkcling a {background-image:url('../images/nav-corner-orange.gif');}
#navigation li.thinkstx a {background-image:url('../images/nav-corner-red.gif');}
#navigation li.clingssr a {background-image:url('../images/nav-corner-green.gif');}
#navigation li.news a {background-image:url('../images/nav-corner-blue.gif');}

#navigation li ul
{
	display:none;
	position:absolute;
}

#navigation li.selected ul,
#navigation li.hover ul,
#navigation li.thinkstx-hover ul,
#navigation li.thinkcling-hover ul,
#navigation li.clingssr-hover ul,
#navigation li.news-hover ul
{
	display:block;
}

#navigation li li,
#navigation li li.first,
#navigation li li.last
{
	float:none;
	margin:0;
}

#navigation li li.first {background:#c4c5c8;}
#navigation li.thinkcling li.first {background:#f6c583;}
#navigation li.thinkstx li.first {background:#ee9390;}
#navigation li.clingssr li.first {background:#9ad980;}
#navigation li.news li.first {background:#9fd7f4;}

#navigation li ul li {background:#e6e6e7;}
#navigation li.thinkcling li {background:#fde6c7;}
#navigation li.thinkstx li {background:#f8d1cf;}
#navigation li.clingssr li {background:#c5eab5;}
#navigation li.news li {background:#d4edfb;}

#navigation li ul a
{
	height:auto;
	min-height:0;
	padding:8px 5px 5px;
	color:#696b6e;
	vertical-align:bottom;
}
#navigation li.thinkcling ul a {color:#bc6a15;}
#navigation li.thinkstx ul a {color:#ba1519;}
#navigation li.clingssr ul a {color:#24780e;}
#navigation li.news ul a {color:#3286bb;}
#navigation li ul a:hover {color:#fff !important;}

#navigation li li a {background-image:url('../images/nav-corner-sub.gif');}
#navigation li li.last a {background-image:url('../images/nav-corner-last.gif');}
#navigation li.thinkcling li a {background-image:url('../images/nav-corner-sub-orange.gif');}
#navigation li.thinkcling li.last a {background-image:url('../images/nav-corner-last-orange.gif');}
#navigation li.thinkstx li a {background-image:url('../images/nav-corner-sub-red.gif');}
#navigation li.thinkstx li.last a {background-image:url('../images/nav-corner-last-red.gif');}
#navigation li.clingssr li a {background-image:url('../images/nav-corner-sub-green.gif');}
#navigation li.clingssr li.last a {background-image:url('../images/nav-corner-last-green.gif');}
#navigation li.news li a {background-image:url('../images/nav-corner-sub-blue.gif');}
#navigation li.news li.last a {background-image:url('../images/nav-corner-last-blue.gif');}



/* --------- NEWS MARQUEE --------- */

#news
{
	z-index:4;
	color:#939395;
	border:1px solid #cacaca;
	border-style:solid none;
	position:absolute;
	top:107px;
	left:50%;
	margin:0 0 0 -176px;
	/*left:280px;*/
	width:595px;
	height:2em;
	min-height:25px;
	line-height:2em;
	overflow:hidden;
}

.js #news-overlay-left
{
	position:absolute;
	left:-1px;
	top:0;
	height:100%;
	width:60px;
	background:url('../images/news-overlay-left.png') 0 0 repeat-y;
}

.js #news-overlay-right
{
	position:absolute;
	right:-1px;
	top:0;
	height:100%;
	width:60px;
	background:url('../images/news-overlay-right.png') 100% 0 repeat-y;
}

#news ul
{
	width:800px;
}

#news li
{
	display:block;
	background:none;
	padding:0;
}

#news.js li
{
	display:inline;
	padding:0 0 0 18px;
	background:url('../images/news-bullet.gif') 7px 50% no-repeat;
}

#news a
{
	color:#939395;
	text-decoration:none;
}

#news a:hover
{
	color:#37383a;
}


/* --------- CONTACT DETAILS --------- */

#contact-container
{
	z-index:2;
	position:absolute;
	left:50%;
	margin:0 0 0 -405px;
	width:180px;
	height:100%;
	min-height:550px;
}

#contact
{
	z-index:2;
	position:absolute;
	color:#939395;
	bottom:20px;
	left:0;
	padding:3px;
	height:auto;
	width:174px;
	overflow:hidden;
}

#contact h2
{
	font-family:avant garde, helvetica, arial, verdana, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	margin:0 0 1em 0;
}

#contact dl
{
	line-height:1.3em;
}

#contact dt
{
	float:left;
	clear:left;
	margin-right:0.5em;
	font-weight:bold;
}

#contact dd
{
	float:left;
	min-width:9em;
}

#contact dd.nodt
{
	clear:left;
	float:none;
	display:block;
}

#contact dd.adr
{
	padding-bottom:2em;
}

#contact a
{
	color:#939395;
	font-weight:bold;
	text-decoration:none;
	line-height:2em;
}

#contact a:hover
{
	color:#37383a;
}

#contact a.samples
{
	clear:left;
	display:block;
	margin:0 0 0 -3px;
	width:180px;
	height:45px;
	background:url('../images/contact-samples.gif') 0 0 no-repeat;
}

#contact a.samples:hover
{
	background-position:0 100%;
}

#contact a.samples span
{
	position:absolute;
	top:-10000px;
	left:-10000px;
	font-size:0.1em;
	height:1px;
}



/* --------- COPYRIGHT NOTICE --------- */

#copyright
{
	font-size:0.8em;
	color:#959597;
	position:absolute;
	bottom:23px;
	right:50px;
}

#copyright a
{
	color:#ed912a;
	text-decoration:none;
}

#copyright a:hover
{
	color:#f60;
}

a.top
{
	display:block;
	width:101px;
	height:26px;
	background:url('../images/button-top.gif') no-repeat 0 0;
	position:absolute;
	bottom:23px;
}

a.top:hover
{
	background-position:0 100%;
}

a.top span
{
	position:absolute;
	top:-10000px;
	left:-10000px;
	font-size:0.1em;
	height:1px;
}



/* --------- MAIN CONTENT AREA --------- */

#content
{
	position:relative;
	left:50%;
	margin:0 0 0 -456px;
	width:925px;
	min-height:100%;
	padding:0;
}

#content-inner
{
	padding:183px 47px 50px 277px;
}


/* --------- ARCHIVES (NEWS & CLIENTS) --------- */

#news-archive h2
{
	float:left;
	padding:0 7px 0 0;
}

.archive-block a
{
	color:#fff;
	text-decoration:none;
}

#news-archive ol.years
{
	font-size:1.5em;
	font-weight:bold;
}
#news-archive ol.years h4
{
	font-weight:bold;
}

#news-archive ol.years li
{
	display:inline;
	padding:0 0 0 15px;
	background:url('../images/news-archive-bullet.gif') 0 50% no-repeat;
}

.archive-block li h4
{
	font-weight:normal;
	display:inline;
	border-bottom:1px solid white;
}

#news-archive ol.months
{
	clear:left;
}

#news-archive ol.months li,
#client-archive li
{
	line-height:2em;
	margin:0;
	padding:0;
	width:185px;
}

#news-archive ol.months li.may,
#news-archive ol.months li.sep
{
	margin-top:-8em;
}

#news-archive ol.months li.may,
#news-archive ol.months li.jun,
#news-archive ol.months li.jul,
#news-archive ol.months li.aug
{
	margin-left:185px;
}

#news-archive ol.months li.sep,
#news-archive ol.months li.oct,
#news-archive ol.months li.nov,
#news-archive ol.months li.dec
{
	margin-left:370px;
}

#client-archive ul
{
	width:100%;
	overflow:hidden;
}

#client-archive li
{
	width:175px;
	float:left;
	line-height:1.3em;
	padding-bottom:0.5em;
	padding-right:8px;
}



/* --------- SUBSCRIPTION FORMS --------- */

.form
{
	border:1px solid #d7d7d7;
	margin:0 0 20px 0;
}

.form-inner
{
	border:2px solid #e4e6e7;
	background:#aaacaf url('../images/content-gradient-long.gif') 0 0 repeat-x;
	color:#fff;
	padding:20px;
}

.contracted .form-inner
{
	background-image:url('../images/content-gradient.gif');
}

.form h3
{
	font-weight:bold;
	font-size:1.5em;
	margin:0 0 0.75em 0;
}

.form p
{
	width:400px;
}

.form form
{
	margin:4em 0 0 0;
}

.form form p
{
	font-size:0.8em;
	margin:0 0 1em 0;
}

.form label
{
	font-weight:bold;
}

.form input,
.form textarea
{
	width:200px;
	border:1px solid #989a9d;
	background:#5d5f62 !important;
	padding:5px;
	color:#fff;
	margin-top:3px;
}

.form input.wide,
.form textarea.wide
{
	width:452px;
}

.form span.wide
{
	width:437px;
}

.form input.checkbox
{
	width:auto;
}

.form input.error,
.form textarea.error
{
}

.form p.form-error,
.form p.form-message
{
	border:1px solid #989a9d;
	font-size:1em;
	font-weight:bold;
	margin:0 0 0.5em 0;
	padding:10px;
	width:441px;
	background:#df3937 url('../images/nav-gradient-red.gif') 0 0 repeat-x;
}
.form p.form-message
{
	background:#76cbf3 url('../images/content-gradient-blue.gif') 0 0 repeat-x;
}

.form .error-message
{
	border:1px solid #989a9d;
	border-top:none;
	display:block;
	width:185px;
	padding:5px 20px 5px 5px;
	margin:-2px 0 0 0;
	background:#df3937 url('../images/nav-gradient-red.gif') 0 0 repeat-x;
}

.form li
{
	padding:0.5em 40px 0.5em 0;
	float:left;
}

.form li.new-line
{
	clear:left;
}

.form li.checkbox
{
	float:right;
	margin:3.75em 55px 0 0;
}

.form li.checkbox label
{
	font-weight:normal;
	font-size:0.8em;
}

.form .buttons
{
	clear:left;
	padding:4em 0 0 0;
}

.form button
{
	position:relative;
	border:none;
	font:inherit;
	text-align:left;
	background:url('../images/button-corner.gif') 100% 100% repeat;
	padding:3px 30px 3px 5px;
	line-height:1em;
	margin:0;
	color:#818386;
	font-weight:bold;
	cursor:pointer;
}

.form button:hover
{
	color:#5d5f62;
}

.form button.submit
{
	height:22px;
	width:100px;
	background:url('../images/button-submit.gif') 0 0 no-repeat;
}

.form button.expand
{
	height:22px;
	width:160px;
	background:url('../images/button-expand.gif') 0 0 no-repeat;
}

.form button.submit:hover,
.form button.expand:hover
{
	background-position:0 100%;
}



/* --------- TRICKS & HACKS --------- */

.hidden
{
	display:none;
}

.accessibility
{
	position:absolute;
	top:-10000px;
	left:-10000px;
	font-size:0.1em;
	height:1px;
}


.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%;
}