/* GENERAL RULES
--------------------------------------------------------------------*/

* {
	/*overwrite all default browser settings*/
	margin:				0;
	padding:			0;
	
	/*global font settings*/
	font-family: 	        arial,helvetica,sans-serif;
}

html,body {
	/*part 1 of 100% height hack*/
	height:				100%;
}

html {
	font-size: 			50%; /* Part one of 1em = 10px */
}

body {

	padding:			0;
	margin:				0;
	
	font-size: 			125%; /* Part two of 1em = 10px */
	
	/*part 1 of centering hack*/
	text-align: 		center;	
}

div.body {
		background: 		#fff url('bg_body.gif') repeat-x left top;
}

 /* Global Link Settings
--------------------------------*/
a {
	color:				#1e6faf;
	text-decoration:	none;
}

a:visited {
	
}
a:hover, 
a:active {
	text-decoration:	underline;
}

 /* General Elements
--------------------------------*/

img {

	border:				0;
}

 /* Good to have global classes
--------------------------------*/
.floatright {
	float: 				right;
	display:			inline; /*to avoid IE double margin bug*/
}
.floatleft {
	float: 				left;
	display:			inline; /*to avoid IE double margin bug*/
}
.alignright {
	text-align:			right;
}
.nomargin {
	margin:				0 !important;
}
.nomarginleft {
	margin-left:				0 !important;
}
.clear {
	clear:				both;
}
.bold, ol.bold li, ul.bold li {
	font-weight:		bold;
}

.lightBlue {
	color:				#509CD2;
}

.darkBlue {
	color:				#1E6FAF;
}

.marginLeft {
	margin-left:		20px;
}

.marginLeft ul li, .marginLeft ol li{
	margin-left:		40px;
}

.relative {
	position:			relative;
	top:				0px;
	left:				0px;
	zoom:				1;
}

.absoluteLeft {
	position:			absolute;
	top:				0px;
	left:				0px;
}

.absoluteRight {
	position:			absolute;
	top:				0px;
	right:				0px;
}
 /* Global Form Elements (appearance only, no layout settings etc)
--------------------------------*/
label {
	
}

input.type_submit {
	
}
input.type_text,
textarea.type_text  {
	
}
label.type_checkradio {
	
}
select {
	
}

 /* MAIN CONTAINER
--------------------------------------------------------------------*/
#container {
	width: 				980px;
	
	padding:			0;
	
	/*part 2 of 100% height hack*/
	min-height:			100%;
	height: 			100%;
	
	/*part 2 of centering hack*/
	text-align: 		left;
	margin: 			0 auto;
	padding: 			5px 0 0 0;
}

html>body #container {
/*part 3 of 100% height hack*/
    height: 			auto;
}


 /* HEADER
--------------------------------------------------------------------*/
#header {
	height:				149px;
	position:			relative;
	background: 		transparent url('bg_header.jpg') no-repeat left top;
	margin:				0;
}

#header #logo {
	position:			absolute;
	left:				23px;
	top:				8px;
}


#header #logo a,
#header #logo a:visited {
	
}
#header #logo a:hover {
	
}

 /* Global Nav Setup
--------------------------------*/
#header #globalnav {
	position:			absolute;
	right:				24px;
	top:				10px;
	color:				#579bcc;
	font-size:			1.1em;
	font-weight:		bold;
	word-spacing:		8px;
}
#header #globalnav a {
	color:				#d6e7f7;
	word-spacing:		0;
}


 /* Main Nav Setup
--------------------------------*/

#header #mainnav {
	position:			absolute;
	width:				980px;
	top:				100px;
	left:				0;
	padding:			0 0 25px 10px;
	list-style-type:	none;
	background: 		transparent url('bg_mainnav.gif') no-repeat left 25px;
	overflow:			hidden;
}

#header #mainnav li {
	float: 				left;
	position:			relative;
}
#header #mainnav li a {
	float:				left;
	height:				25px;
	text-indent:		-9999px;
	outline:			0;
}
#header #mainnav li a.home {
	width:				146px;
	background: 		transparent url('nav_home.gif') no-repeat left top;
}
#header #mainnav li a.analytics {
	width:				167px;
	background: 		transparent url('nav_analytics.gif') no-repeat left top;
}
#header #mainnav li a.appcircle {
	width:				167px;
	background: 		transparent url('nav_appcircle.gif') no-repeat left top;
}

#header #mainnav li a.blog {
	width:				146px;
	background: 		transparent url('nav_blog.gif') no-repeat left top;
}

#header #mainnav li a.partners {
	width:				167px;
	background: 		transparent url('nav_partners.gif') no-repeat left top;
}


#header #mainnav li a.aboutus {
	width:				167px;
	background: 		transparent url('nav_jobs.gif') no-repeat left top;
}

#header #mainnav li a:hover  {
	background-position:left -50px !important;
}

#header #mainnav li.selected a {
	background-position:left -25px !important;
}

#header #mainnav li:hover li a,
#header #mainnav li.hover li a,
#header #mainnav li.selected li a {
	background-position:left top !important;
}

#header #mainnav li div {
	position:			absolute;
	top:				25px;
	left:				-9999px;
	width: 				820px;
	height:				24px;
	padding:			0 0 0 3px;
	background: 		transparent url('subnav_left.gif') no-repeat left top;
}

#header #mainnav li.selected div.analytics {
	left:				0 !important;
}

#header #mainnav li.selected div.appcircle {
	left:				0 !important;
}

#header #mainnav li.selected div.follow {
	left:				-162px !important;
}

#header #mainnav li.selected div.aboutus {
	left:				-590px !important;
}

#header #mainnav li ul {
	float: 				left;
	list-style-type:	none;
	height:				24px;
	padding:			0 3px 0 0;
	background: 		transparent url('subnav_right.gif') no-repeat right top;
}

#header #mainnav li li a {
	height:				24px !important;
}
#header #mainnav li li a.overview {
	width:				162px;
	background: 		transparent url('subnav_aboutus.gif') no-repeat right top;
}
#header #mainnav li li a.tour {
	width:				162px;
	background: 		transparent url('subnav_tour.gif') no-repeat right top;
}
#header #mainnav li li a.demo {
	width:				162px;
	background: 		transparent url('subnav_demo.gif') no-repeat right top;
}
#header #mainnav li li a.technicalinfo {
	width:				162px;
	background: 		transparent url('subnav_technicalinfo.gif') no-repeat right top;
}
#header #mainnav li li a.faq {
	width:				162px;
	background: 		transparent url('subnav_faq.gif') no-repeat right top;
}
#header #mainnav li li a.blog {
	width:				162px;
	background: 		transparent url('subnav_blog.gif') no-repeat right top;
}
#header #mainnav li li a.twitter {
	width:				162px;
	background: 		transparent url('subnav_twitter.gif') no-repeat right top;
}
#header #mainnav li li a.press {
	width:				165px;
	background: 		transparent url('subnav_press.gif') no-repeat right top;
}
#header #mainnav li li a.jobs {
	width:				165px;
	background: 		transparent url('subnav_jobs.gif') no-repeat right top;
}
#header #mainnav li li a.legal {
	width:				165px;
	background: 		transparent url('subnav_legal.gif') no-repeat right top;
}
#header #mainnav li li a.contactus {
	width:				160px;
	background: 		transparent url('subnav_contactus.gif') no-repeat right top;
}

#header #mainnav li li a:hover {
	background-position:left -48px !important;
}


#header #mainnav li li a.selected {
	background-position:left -24px !important;
}

 /* #body - Global elements (works in all columns)
--------------------------------------------------------------------*/
#body {
	background: 		transparent url('bg_mainbody.gif') repeat-y left top;

}

#intcontainer {
	width:				876px;
	padding:			20px 52px 10px 52px;
	background: 		transparent url('bg_intcontainer.gif') no-repeat left bottom;
	min-height:			500px;
}
* html #intcontainer {
	height:				500px;
}


 /* FOOTER
--------------------------------------------------------------------*/
#footer {
	clear:				both;
	height:				70px;
	padding:			45px 45px 40px 45px;
	background: 		transparent url('bg_footer.gif') no-repeat left top;
}

#footer p  {
	font-style:			normal;
	border-top:			1px solid #8ebcde;
	padding:			16px 0 0 0;
	color:				#1e7bbf;
	font-weight:		bold;
	font-size:			1.1em;
}
#footer p.floatleft  {
	word-spacing:		10px;
}

#footer p a {
	color:				#1e7bbf;
	word-spacing:		0;
}


 /* CSS Workarounds
--------------------------------------------------------------------*/

 /* clearfix (already applied on #body)
--------------------------------*/

.clearfix:after,#intcontainer:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix,#intcontainer {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix, * html #intcontainer {height: 1%;}
.clearfix, #body {display: block;}
/* End hide from IE-mac */