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

Title : 
Author : 
URL : 

Description : 

Created : 
Modified : 

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

/* ----- TEST ----- */

html{
  font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.45em;
	background: #fff;
	overflow-x:hidden;
}

strong{
	font-weight:bold;
}

/* ----- HEADER ----- */

body{
	background: url(../img/bg2.png) repeat-x left 60px;
}

#banner{
  background: #262626 url(..../img/top_menu_bg.png) repeat-x;
  color:#fff;
	margin-bottom:20px;
	height:60px;
	border-bottom: 1px solid #6faec9;
}

#top_menu{
	float:left;
}


#logo{
	float:left;
}

.menu_download:link,
.menu_download:visited{
  background: url(../img/menu_download.png) no-repeat 8px center;
}
.menu_support:link,
.menu_support:visited{
  background: url(../img/menu_support.png) no-repeat 8px center;
}
.menu_examples:link,
.menu_examples:visited{
  background: url(../img/menu_vis.png) no-repeat 8px center;
}
.menu_docs:link,
.menu_docs:visited{
  background: url(../img/menu_docs.png) no-repeat 8px center;
}

.menu_download,
li.hover .menu_download,
.menu_download:hover{
  background-image: url(../img/menu_download_hover.png);
}
.menu_support,
li.hover .menu_support,
.menu_support:hover{
  background-image: url(../img/menu_support_hover.png);
}
.menu_examples,
li.hover .menu_examples,
.menu_examples:hover{
  background-image: url(../img/menu_vis_hover.png);
}
.menu_docs,
li.hover .menu_docs,
.menu_docs:hover{
  background-image: url(../img/menu_docs_hover.png);
}

ul.dropdown{
  position:relative;
  list-style:none outside none;
}

ul.dropdown li{
  border-right: 1px solid #6d6d6d;
	display:inline-block;
}


ul.dropdown li a,
ul.dropdown li a:hover,
ul.dropdown li a:visited{
  color:white;
  font-weight: bold;
  text-decoration: none;
  display:block;
  padding: 24px 8px 19px 50px;
}

ul.dropdown ul.sub_menu{
	left:0;
	position:absolute;
	top:100%;
  visibility:hidden;
	border-top: 1px solid #6faec9;
}

ul.dropdown ul.sub_menu li {
	display:list-item;
	min-width:170px;
	margin:0;
	padding:0;
  border: none;
  background:#262626;
	border-bottom:1px solid #666;
  color:#000000;
  float:none;
  font-weight:normal;
}

ul.dropdown ul.sub_menu li a,
ul.dropdown ul.sub_menu li a:hover,
ul.dropdown ul.sub_menu li a:visited{
  color:#fff;
  padding: 2px 5px;
}
ul.dropdown ul.sub_menu li a:hover,
ul.dropdown li a:hover{
  color:#00b4ff;
}

/* ----- CONTENT ----- */

#content{
  margin:20px 10px 0 10px;
}

/* ----- HEADINGS ----- */

h1{
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0px;
  line-height: 1.2em;
  text-transform:uppercase;
  display:inline;
  text-shadow:0 0 1px #000;
}
h2{
	margin-top:30px;
	margin-bottom:10px;
	font-size:30px;
	letter-spacing:-1px;
	line-height:1;
	font-weight:bold;
}
h3{
	margin-top:15px;
	margin-bottom:10px;
	font-size: 18px;
	letter-spacing: -0.1;
	line-height: 1.4em;
}
h4{
  font-weight: bold;
}
/* ----- NAVIGATION  ----- */

nav li {display: inline;}

/* ----- LISTS ----- */

li{
}
li p{
}
ol{
}
ul{
}
ol li{
}
ul li{
}

/* ----- IMAGES ----- */

img{
}
img a{
}
img a:hover{
}

/* ----- LINKS ----- */

a,
a:visited {
  color: #006c99;
	text-decoration:underline;
}
a:active {
  color: #cedb9c;
}
a:hover {
  color: #4a5584;
  text-decoration: underline;
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:focus{
}

/*	ZURButtons ---------- */
.preview_btn,
.preview_btn:visited,
.preview_btn:focus,
.preview_btn:hover,
.preview_btn:active {
  border: none;
  background: transparent url(../img/bullet_arrow_down.png) center right no-repeat; 
  display: inline-block; 
  padding-right:18px; 
  color: #262626; 
  text-decoration: none;
  cursor: pointer;
}

.awesome, .awesome:visited {
  border: none;
  background: #262626 url(../img/alert-overlay.png) repeat-x; 
  display: inline-block; 
  padding: 5px 10px 6px; 
  color: #fff; 
  text-decoration: none;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  /*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/
  border-bottom: 1px solid rgba(0,0,0,0.25);
  position: relative;
  cursor: pointer;
}

.awesome:hover								{ background-color: #111; color: #fff; text-decoration:none;}
.awesome:active								{ top: 1px; }
.small.awesome, .small.awesome:visited 		{ font-size: 11px; padding: 3px 5px 3px; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 	{ font-size: 13px; font-weight: bold; line-height: 1;}
.large.awesome, .large.awesome:visited 		{ font-size: 14px; padding: 8px 14px 9px; }
.giant.awesome, .giant.awesome:visited    { font-size: 20px; padding: 12px 14px 13px; }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #0773A0; }
.blue.awesome:hover							{ background-color: #09a0e0; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited	{ background-color: #a9014b; }
.magenta.awesome:hover						{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited	{ background-color: #ff5c00; }
.orange.awesome:hover						{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited	{ background-color: #ffb515; }
.yellow.awesome:hover						{ background-color: #fc9200; }
.white.awesome, .white.awesome:visited	{ background-color: white; color:black}
.white.awesome:hover						{ background-color: #27343C; color:white; text-decoration:none; }

.centerawesome .awesome{
	position:relative;
    float:left;
    left:-50%;
}
.centerawesome{
	position:relative;
    float:left;
    left:50%;
}

/* -----  MISC ----- */

.note{
	color:#555;
}

.section_info{
	margin-bottom:5px;
}

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}

/* Home */
#home{
}
#home_content{
  width:800px;
  margin: 20px auto;
}
#home_content p{
  margin-bottom:0.8em;
  margin: 0 auto;
}

.home_content_left{
	width:480px;
	float:left;
	margin-right:18px;
	display:inline;
	position:relative;
}
.home_content_right{
  width:280px;
  float:left;
  margin-left:18px;
  display:inline;
  position:relative;
}

.why_item{
	margin-bottom:20px;
}

.why_item img{
	float:left;
	margin-right:5px;
}

#home_goto{
  margin-top:20px;
}

#home .awesome{
	margin:0 15px;
}

#home_featured{
  margin-top: -20px;
  height:275px;
  background:url('../img/featured_bg.png') repeat-x;
}
#home_featured_2{
  height:95px;
  background:url('../img/featured_2_bg.png') repeat-x;
}

#home_featured_content{
	width:800px;
	margin:0 auto;
	color:#fff;
	height:275px;
	background:url('../img/featured_bg_2.png') center center no-repeat;
}
#home .featured_right{
  float:left;
	margin-top:5px;
	width:300px;
}

.featured_right img{
/*
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border:1px solid rgba(0,0,0,0.5);
*/
}
#home .featured_left{
  float:left;
	margin-right:30px;
	width:450px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:17px;
	line-height:140%;
	text-shadow:0 1px 1px #000000;
}
.featured_left p{
  margin-bottom:4px;
}
.featured_left ul{
  font-size:15px;
}
#home_featured ul li{
	margin-left:20px;
	list-style:square;
}
	
ul.data_sets{
	margin-top:5px;
}
	
ul.data_sets li{
  padding-left:20px;
  list-style:none;
	background:url(../img/data_16.png) center left no-repeat;
	text-transform:capitalize;
}

/* MISC */

#footer{
	margin-top:30px;
	border-top:1px solid #C4CBCE;
	margin-bottom:5px;
	padding:5px 10px 0;
	color:#262626;
	
}

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

.tooltip{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
	background:#262626;
	color:#FFF;
	max-width:400px;
	margin-left:10px;
	padding:3px 6px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	z-index:1001;
}