/* FONTS
-------------------------------*/
@font-face {
	font-family: 'fontello';
	font-weight: normal; font-style: normal;
	src: url('css/fonts/fontello/fontello.eot');
	src: url('css/fonts/fontello/fontello.eot#iefix') format('embedded-opentype'), url('css/fonts/fontello/fontello.woff') format('woff'), url('css/fonts/fontello/fontello.ttf') format('truetype'), url('css/fonts/fontello/fontello.svg#fontello') format('svg');
}

#social li {font-family: 'fontello' !important; /*-webkit-font-smoothing: antialiased;*/}

*{margin: 0; padding: 0}
body {
	font-family: Arial, Helvetica, sans-serif;
	/*font: 62.5%/1.2 Arial, Helvetica, Verdana, sans-serif; /* reset 1em to 10px, 1.2 is correct default for paras */
	font-size: 70%; color: #333333; line-height: 1.5em; text-align: center;
	/*display: table;
	width: 100%;
	height: 100%;*/
	color: #999999;
	background-color: #0a0a0a;
	background-color: #161616;
	-webkit-text-size-adjust:none; /* Turn off font resizing */
	-webkit-background-size: 1280px 367px;
}
img {border: none;}
.right {float: right;}
.left {float: left; clear: none;}
.spacer {clear: both; font-size: 2px; line-height: 2px; float: none; width: 100%; margin: 0; padding: 0;}
.clear {clear: both; float: none;}
.hidden {visibility: hidden;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
object {outline:none;}

/* Text
----------------------------------*/
p, ul, h1, h3, h4 {
	margin: 0 0px 1.2em 0px; padding: 0px 0px 0px 0px;
	font-size: 1em; line-height: 1.5em;
}
ul {list-style: none; background: none;}
h1, h3, h4 {
	/*font-family: "Trebuchet MS", sans-serif;*/
	font-size: 1.4em; /*line-height: 1.2em;*/
	clear: both; float: none; width: 100%;
}
h1 {
	font-size: 1.6em; font-weight: normal; color: #ff9900;
	text-transform: uppercase; text-shadow: 0px 0px 5px #000000;
}
h4 {font-size: 1.2em;}
p.topSpace {margin-top: 2em;}
a, a:link, a:hover, a:active, a:visited {color: #999999;}
a:hover {color: #FF9900 !important;}
table {margin-bottom: 1.2em;}
td {font-size: 1em; vertical-align: top;}
/*table, td, th, caption, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #333333;
	line-height: 1.2em;
}*/
.orange {color: #ff9900;}
.lineTop {padding-top: 1em; background: url(img/h3-line-bottom.gif) no-repeat left top;}
.lineBottom {padding-bottom: 1em; background: url(img/h3-line-bottom.gif) no-repeat left bottom;}

/* Form
----------------------------------*/
form {margin: 0px; padding: 0px;}
input, textarea {
	border: none;
	margin-top: 0.2em;
	margin-bottom: 1.0em;
	padding-left: 5px;
	height: 19px;
	background-color: #0a0a0a;
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	display: inline;
	
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
input.submit {border: 0px none #999999; margin-top: 0px; color: #ffffff; font-weight: bold; background-color: #666666; padding: 3px 5px 3px 5px;}
input.medium {width: 209px;}
input.large, textarea.large {width: 429px;}
textarea.large {height: 70px;}
input.medium:focus, input.large:focus, textarea:focus {background-color: #ffffff;}
input.clear {margin: 0; margin-right: 5px; padding: 0; height: auto; border: 0px none #999999; background: none;}

.bSubmit, .bSubmit button {display: block; height: 21px; text-align: left; line-height: 19px; text-decoration: none; font-weight: bold; text-transform: uppercase; color: #ffffff !important;}
.bSubmit {float: left; margin-top: 2px; margin-left: 4px;}
.bSubmit:hover button {background-image: url(img/submit-button-orange.gif);}
.bSubmit button {width: auto !important; border: 0; margin:0; padding: 0px 25px 0px 8px; overflow: visible; text-align: left; background: url(img/submit-button.gif) no-repeat left top;}
.bSubmit button {height: 21px; padding-bottom: 0px; display: inline; overflow: visible;}
button: -moz-focus-inner {border: none;/* overrides extra padding in Firefox */}
.bSubmit button:hover {cursor: pointer;}

/* Page
----------------------------------*/
#top, #nav, #nav2, #main, #bottom {position: relative;}
#logo {position: absolute;}

#main {margin-top: 0px; background: #1a1a1a; padding-bottom: 50px;}
#head {background: #000000 url(img/bg-home2.jpg) no-repeat center top; min-height: 330px; height: auto !important; height: 330px;}
#body {margin: 0 auto; padding-top: 23px; width: 990px; text-align: left; background: #1a1a1a;}
#body.qTip {width: auto;}
#top {height: 79px; border-bottom: 1px solid #515151; background: #1a1a1a;}
#top2 {
	background-image: url(img/spacer.gif); /* Increase klickable area in IEs*/
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,.33);
	background-color: transparent\9; /* Hide solid background for IE8 */
	filter:progid:DXImageTransform.Microsoft.gradient( 
	startColorstr=#A6000000,endColorstr=#A6000000); /* IEs */
	zoom:1;
}
#head {border-top: 9px solid #1a1a1a;}
#head2 {border-top: 8px solid #000000;}
#head {background: #000000 url(img/bg-home3.jpg) no-repeat center -92px; -webkit-background-size: 1280px 367px;}
body {background: #0a0a0a url(img/bg-home3.jpg) no-repeat center top;}

#head {background: #000000 url(img/bg-content8.jpg) no-repeat center top;}
body {background: #0a0a0a url(img/bg-content8.jpg) no-repeat center top;}

#img {margin-top: 0px; padding-bottom: 0px; border-bottom: 1px solid #515151; border-bottom: 1px solid #5c5c5c;}
#imgBox {width: 990px; margin: 0 auto; text-align: left;}
#imgBoxInner {position: relative; margin-left: 3px; width: 972px; height: 315px; /*background: url(../img/demo01.png) no-repeat;*/ overflow: hidden;}
#mask-home {position: absolute; top: 0px; left: -27px; width: 980px; height: 415px; z-index: 600; background: url(img/mask-home6-teaser.png) no-repeat;}
#mask-content {position: absolute; top: 0px; left: -25px; width: 980px; height: 315px; z-index: 600; background: url(img/mask-content8.png) no-repeat;}
#mask-home p {position: absolute; right: 110px; top: 127px; font-size: 20px; line-height: 19px; text-align: right;}
#mask-home p strong {color: #ffffff;}

#logo {top: 21px; right: 16px; margin: 0; z-index: 901;}

/* Home
----------------------------------*/
body.home, body.home #head {-webkit-background-size: 1280px 430px;}
body.home #head {background: #000000 url(../img/bg-home8.jpg) no-repeat center top; min-height: 430px; height: auto !important; height: 430px;}
#mask-home {position: absolute; top: 0px; left: -27px; width: 980px; height: 415px; z-index: 600; /*background: url(img/mask-home6-teaser.png) no-repeat;*/ background: url(../img/mask-home8-teaser.png) no-repeat;}
#mask-home p {position: absolute; right: 113px; top: 125px; font-size: 14px; line-height: 19px; text-align: right;}
#mask-home p strong {color: #ffffff; font-size: 25px; margin-right: -3px;}
body.home #body {padding-top: 26px;}
body.home #slider {margin-left: 27px;}
body.home .nivo-caption div.bottom {height: 14px;}
body.home .nivo-caption a {color: #ff9900 !important;}
body.home h2, body.home h1 {font-size: 1.4em;}
body.home .box {min-height: 160px; height: auto !important; height: 160px;}
body.home #boxEmail {display: block; margin-top: 5px;}

/* Nav
----------------------------------*/
#nav, #nav2, #navInner {margin: 0 auto; width: 990px; height: 80px;}
#nav2 {width: 930px; height: 51px; overflow-x: hidden;}
#navInner {position: relative; width: 900px; margin-left: 20px; overflow: hidden;}
#nav ul {position: absolute; left: -3px; bottom: 8px; width: 800px; margin: 0px; text-align: left;}
#nav2 ul {position: absolute; right: -3px; bottom: 11px; width: 800px; margin: 0px; text-align: right;}
#nav li, #nav2 li {display: inline; margin: 0px; font-size: 1.4em; line-height: 1.15em; background: url(img/nav-line.gif) no-repeat left 4px; text-transform: lowercase;}
#nav2 li {font-size: 1.1em; line-height: 1.05em; background: url(img/nav-line2.gif) no-repeat right center;}
#nav a, #nav2 a {
	/*display: block;*/
	padding: 0px 4px 0px 8px;
	color: #666666;
	/*color: #515151;*/
	font-family: Helvetica, Arial, sans-serif;
	
	/*font-weight: bolder;*/
	text-decoration: none;
	/*text-transform: uppercase;*/
	
	text-shadow: 0px 0px 5px #000000;
}
#nav2 a {padding: 0px 9px 0px 6px;}
#nav .active a, #nav a:hover, #nav a.active, #nav2 .active a, #nav2 a:hover, .table .active {color: #FF9900 !important;}
#nav #home.active {color: #515151 !important;}

/*.cufon-active #nav a {font-size: 1.41em; color: #666666;}*/

/* Headlines
----------------------------------*/
h2 {font-size: 1.3em; font-weight: normal; color: #ff9900; text-shadow: 0px 0px 5px #000000;}
/*.cufon-active2 h2 {font-size: 1.565em; letter-spacing: 0.02em;}*/
h3 {font-size: 1.2em; color: #ffffff; background: url(img/h3-line-bottom.gif) no-repeat left bottom; margin-top: 1.3em; margin-bottom: 1em; padding-bottom: 0.75em;}
.qtip h3 {margin-top: 0px;}

/* Content
----------------------------------*/
#body li {padding-left: 13px; background: url(img/li.gif) no-repeat left 0.5em;}
.box, .box-wide {
	position: relative;
	width: 330px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	/*color: #f2f2f2;*/
	background: url(img/box.gif) no-repeat left 20px;
	float: left;
}
.box-wide {width: 657px; background: url(img/box-wide.gif) no-repeat left 20px; /*overflow-x: hidden;*/}
.box p.lineTop {padding-top: 1em; background: url(img/box-line-bottom.gif) no-repeat -16px top;}
.box p.lineBottom {padding-bottom: 1em; background: url(img/box-line-bottom.gif) no-repeat -16px bottom;}
.boxInner {padding: 0px 20px 0px 20px;}
.boxInnerLeft {padding-right: 180px;}
.boxInner h2, .boxInner h1 {margin: 0; height: 42px; line-height: 1em; font-size: 1.3em; font-weight: normal; color: #ff9900; text-shadow: 0px 0px 5px #000000; text-transform: none;}
.box-wide h2, .box-wide h1 {color: #ffffff;}

#body a {color: #999999;}
.box a.arrow {padding-right: 13px; text-decoration: none; background: url(img/arrow-grey.gif) no-repeat right 0.35em;}
.box a.arrow:hover {background-image: url(img/arrow-orange.gif)}
.boxRight {
	position: absolute;
	right: 16px;
	top: 40px;
	width: 156px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	background: url(img/box-right-bg.png) no-repeat right top;
}
.boxRightInner {padding: 10px;}

.table, .table2, .table3 {margin-left: -17px; padding-left: 17px; background: url(img/table-row.png) repeat-y left 0px;}
.table2 {background-image: url(img/table-row-col2.png);}
.table3 {background-image: url(img/table-row-col3.png);}
.table h3, .table2 h3, .table3 h3 {margin: 0px; height: 40px; line-height: 20px; background: none; padding-bottom: 0;}
.table p, .table ul, .table2 p, .table2 ul, .table3 p, .table3 ul {margin-bottom: 0px;}
.table3 {margin-bottom: 1.8em;}
.table3.overview ul {margin-bottom: 20px;}
.table p, .table li, .table2 p, .table2 li, .table3 p, .table3 li {line-height: 20px; height:20px;}
.table .active, .table2 .active, .table3 .active {text-decoration: none;}
table li a, .table2 li a, .table3 li a, .boxRightInner li a {text-decoration: none; /*border-right: 1px solid #1a1a1a;*/}
table li a, .table2 li a, .table3 li a {display: block; background: url(img/i-right.png) no-repeat right center; margin-right: 0px; width:182px;}
.table2 li a {width:292px;}
table li a.active, .table2 li a.active, .table3 li a.active, table li a:hover, .table2 li a:hover, .table3 li a:hover {background-image: url(img/i-right-active.png); color: #FF9900 !important;}
.table table, .table2 table, .table3 table {margin-bottom: 0;}

li.ui360{}

.arrowLeft {display: block; padding: 6px 0px 0px 11px; background: url(img/arrow-grey.gif) no-repeat 0px 11px; float: none; clear:both; zoom: 1;}


/* SOCIAL MEDIA
-------------------------------*/
#social {position: fixed; top: 120px; right: 0px; z-index: 999999;}
#social ul, #social li {display: block;}
#social ul {font-size: 0; background: #333; /*border-top-left-radius: 4px; border-bottom-left-radius: 4px;*/}
#social li {position: relative; font-size: 16px; color: #fff !important; text-align: center; line-height: 33px;}
#social li:before {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#social li.fb:before {content: '\e832';}
#social li.tw:before {content: '\e829';}
#social li.gp:before {content: '\e831';}
#social li.yt:before {content: '\e830';}
#social li.fb:hover {background-color: #3b5998;}
#social li.tw:hover {background-color: #00aced;}
#social li.gp:hover {background-color: #dd4b39;}
#social li.yt:hover {background-color: #bb0000;}
#social a {display: block; position: relative; width: 34px; height: 34px; outline: none;}

/* Footer
----------------------------------*/
#bottom {
	clear: both;
	padding-top: 15px;
	border-top: 1px solid #222222;
	border-top: 1px solid #515151;
	text-align: left;
}
#footer {
	margin: 0 auto;
	width: 984px;
	height: 70px;
	font-size: 11px;
	line-height: 150%;
}
#footer p, #footer li {line-height: 1em;}
#footer, #footer a {text-decoration: none; color: #515151;}
#footer a:hover {color: #ffffff !important;}

#footerLeft {width: 620px; float: left;}
#facebook {margin-left: 10px; padding-left: 18px; background: url(img/icon-fb.gif) no-repeat 0px 2px;}

#footerRight, #footer ul {width: 350px; float: right; text-align: right;}
#footer li {display: inline; margin: 0;}

#print {margin-left: 22px; padding-left: 18px; background: url(img/icon-print.gif) no-repeat 0px 3px;}
#print2:hover {background: url(img/icon-print-orange.gif) no-repeat 0px 3px;}

#rss {margin-left: 10px; padding-left: 18px; background: url(img/icon-rss.gif) no-repeat 0px 2px;}
#rss2:hover {background: url(img/icon-rss-orange.gif) no-repeat 0px 2px;}

#youtube {margin-left: 10px; padding-left: 21px; background: url(img/icon-yt.gif) no-repeat 0px 2px;}
#googleplus {margin-left: 10px; padding-left: 18px; background: url(img/icon-gp.gif) no-repeat 0px 2px;}

#podcast {margin-left: 9px; padding-left: 18px; background: url(img/icon-podcast.gif) no-repeat 0px 2px;}
#podcast2:hover {background: url(img/icon-podcast-orange.gif) no-repeat 0px 2px;}

#speaker {padding-left: 11px; background: url(img/speaker.gif) no-repeat 1px 2px;}