/* GLOBALS */
body
{
	font-family: Arial, sans-serif;
	margin:0; padding:0;
	font-size:12px;
}

a { text-decoration:none; color:#6b7fa0;}

div#bar
{
	position:absolute;
	left:0px; top: 30px;
	height: 134px; width:100%;
	background: url("images/header_testing_background.jpg") left top repeat-x;

}

body.home div#bar
{
	height: 154px; width:100%;
	background:url("images/header_home_background.jpg") left top repeat-x;

}

div#interface
{
	width: 950px;
	margin:0px;
	position:relative;
	overflow:hidden;
}

/* HEADER */

div#header /* Default Header */
{ 
	padding-top:30px; 
	height:126px;
	background: url("/interface/images/header_testing.jpg") left 30px no-repeat;
}

body.home div#header 
{
	height:146px;
	background: url("/interface/images/Header1_Home.jpg") left 30px no-repeat;

}

body.testing div#header
{
	height:126px;
	background: url("/interface/images/header_testing.jpg") left 30px no-repeat;
}

body.writing div#header
{
	height:126px;
	background: url("/interface/images/header_writing.jpg") left 30px no-repeat;
}

body.consulting div#header
{
	height:126px;
	background: url("/interface/images/header_consulting.jpg") left 30px no-repeat;
}

body.thoughtspot div#header
{
	height:126px;
	background: url("/interface/images/header_thoughtspot.jpg") left 30px no-repeat;
}


body.about div#header
{
	height:126px;
	background: url("/interface/images/header_aboutus.jpg") left 30px no-repeat;
}

div#header h1 
{
	position:absolute;
	left: 38px; top:60px;
	width:350px; height:75px;
}

div#header h1 a
{
	font-size:0px;
	display:block;
	width:100%; height:0; padding-top:75px;
	overflow:hidden;
}


/* NAVIGATION */
ul#globalnav
{
	position:absolute;
	top:15px; right:20px;
	list-style:none;
	margin:0;padding:0;
	
}

ul#globalnav li
{
	float:left;
}

ul#globalnav a
{
	text-decoration:none;
	color:#445773;
	display:block;
	margin-left:20px;
	font-size:10px;
	text-transform: uppercase;
}

ul#nav 
{
	margin:0; padding:0 0 0 38px;
	list-style:none;
	height:27px;
	background: #FFF url("/interface/images/nav_background.jpg") top left repeat-x;
}

ul#nav li
{
	float:left;
	height:25px;
}

ul#nav li a, ul#nav li a:visited, ul#nav li a:active
{
	display: block;
	margin: 0;
	padding: 7px 12px 7px 12px;
	text-align:center; 
	text-decoration: none;
	color: #465576;
	font-size: 10px;
	text-transform: uppercase;
	background: url("/interface/images/nav_seperator.gif") right 7px no-repeat;
}

ul#nav li a:hover
{
	color:#FFF;
	background:#2a334a;
	
}

body.home ul#nav li#home a.nav,
body.testing ul#nav li#testing a.nav,
body.writing ul#nav li#writing a.nav,
body.consulting ul#nav li#consulting a.nav,
body.about ul#nav li#about a.nav,
body.news ul#nav #news,
body.careers ul#nav a#careers,
body.events ul#nav a#events,
body.team ul#nav a#team,
body.thelab ul#nav a#thelab,
body.contact ul#nav a#contact,
body.thoughtspot ul#nav li#thoughtspot a.nav
{
	color:#FFF;
	background:#2a334a url("/interface/images/nav_selected.jpg") center top no-repeat;
}

body.testing ul#nav a#home,
body.writing ul#nav a#testing, 
body.consulting ul#nav a#writing,
body.about ul#nav a#consulting,
body.thoughtspot ul#nav a#about
{
	background: url("");
}

body.testing ul#nav a#home:hover,
body.writing ul#nav a#testing:hover, 
body.consulting ul#nav a#writing:hover,
body.about ul#nav a#consulting:hover,
body.thoughtspot ul#nav a#about:hover
{
	background: #2a334a;
}


ul#nav ul.subnav
{
	margin: 0; padding:0;
	display:none;
	list-style:none;
	width:100%;
	background: url("/interface/images/sub_nav_background.gif") top left repeat-x;	
	overflow:hidden;
}

ul#nav ul.subnav li
{
	float:left;
}

ul#nav ul.subnav li a, ul#nav ul.subnav li a:visited
{
	text-align:left;
	color:#637fa7;
	font-size:10px;
	padding:3px 10px;
	background: url("/interface/images/nav_seperator.gif") right 2px no-repeat;	
}

ul#nav ul.subnav li a:hover
{
	color:#637fa7;
	background:#dae0e9;
}

body.news ul#nav a#news,
body.careers ul#nav a#careers,
body.events ul#nav a#events,
body.team ul#nav a#team,
body.thelab ul#nav a#thelab,
body.contact ul#nav a#contact,
body.blog ul#nav a#blog,
body.articles ul#nav a#articles,
body.newsletter ul#nav a#newsletter
{
	color:#303952;
	background:#dae0e9;
	padding:3px 20px;
	
}



li#about:hover, li#thoughtspot:hover
{
	height:29px;
}

li#about:hover ul#aboutsubnav, li#thoughtspot:hover ul#thoughtspotsubnav
{
	z-index:10;
}

li#about:hover a.nav, li#thoughtspot:hover a.nav
{
	color:#fff;
	background:#2a334a url("/interface/images/nav_selected.jpg") center top no-repeat;

}

body.about ul#aboutsubnav, li#about:hover ul#aboutsubnav
{
	display:block;
	position:absolute;
	left:0px; top: 183px;
	padding-left:317px;
	width:950px;
}

body.home li#about:hover ul#aboutsubnav, body.home li#thoughtspot:hover ul#thoughtspotsubnav
{
	top: 203px;
}

body.thoughtspot ul#thoughtspotsubnav, li#thoughtspot:hover ul#thoughtspotsubnav
{
	display:block;
	position:absolute;
	left:0px; top: 183px;
	padding-left:300px;
	width:950px;
}

/* CONTENT */
div#content
{
	background: #FFF;
	padding:30px 0 20px 0;
	color:#4c4746;
}

div#content p 
{
	font-size:12px;
	line-height:130%;
}

div#main_content 
{
	float:left;
	margin: 0 0 0 38px;
	width:560px;
	display:inline;
}

div#main_content h2
{
	margin: 0; padding:0;
	color:#d97841;
	font-size:18px;
}

body.news div#main_content h2, body.events div#main_content h2
{
	
}


div#main_content h3
{
	font-size:16px;
}

div#main_content ul li, div#main_content ol li
{
	line-height:130%;
	color:#4c4746;
}

div#secondary_content
{
	float:right;
	width:288px;
	padding: 0 15px 0 18px;
	background: url("/interface/images/right_content_grad.jpg") top left repeat-y;
}

div#secondary_content div.list
{
	width:286px;
	background:#ce652e url("/interface/images/orange_box_top.gif") top left no-repeat;

	margin-top:5px;
}

div#secondary_content div.list h3
{
	color:#FFF;
	font-size:14px;
	padding:20px 27px 5px 27px;
	margin:0;
}

div#secondary_content div.list a
{
	line-height:120%;
	color:#FFF;
}

div#secondary_content div.list a.more
{
	display:block;
	position:relative;
	left:0px;
	width:232px;
	padding: 5px 27px 20px 27px;
	background: transparent url("/interface/images/orange_box_bottom.gif") left bottom no-repeat;
	text-align: right;
}

div#secondary_content div.list ul
{
	list-style: square;
	color:#FFF;
	margin:0 27px 0 47px;
	padding:0;
}

div#secondary_content div.list li
{
	padding-bottom:5px;
}

p.subscribe 
{
	float:right;
}
p.subscribe a
{
	height: 16px;
	padding-left:20px;
	background: transparent url("/interface/images/feed-icon16x16.png") left bottom no-repeat;
	position:relative;
	top:-30px;

}

div.clearem { clear:both;}

/* FOOTER */
div#foot
{
	border-top:1px solid #e2e1df;
	clear:both;
	background:#FFF;
	padding: 0 0 0 38px;
}

div#foot p, div#foot a
{
	font-size:10px;
	color:#637fa7;
}

div#foot p
{
	float:left;
	display:inline;
	margin-top:5px;
}

div#foot ul 
{
	float:right;
	list-style:none;
	margin:5px 20px 0 0;padding:0;
	height:20px;
	width: 500px;
}

div#foot ul li
{
	float:right;
}

div#foot ul li a 
{
	text-decoration:none;
	display:block;
	border-right:1px solid #637fa7;
	padding: 0 10px;
}

#rss_img
{
    display: block;
    float: right;
    margin-top: 5px;
}