@font-face {
	font-family: 'DiavloMedium';
	src: url('diavlo_medium_ii_37-webfont.eot');
	src: local('☺'), url('../fonts/diavlo_medium_ii_37-webfont.woff') format('woff'), url('../fonts/diavlo_medium_ii_37-webfont.ttf') format('truetype'), url('../fonts/diavlo_medium_ii_37-webfont.svg#webfontLoTvEbaO') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DiavloLight';
	src: url('../fonts/diavlo_light_ii_37-webfont.eot');
	src: local('☺'), url('../fonts/diavlo_light_ii_37-webfont.woff') format('woff'), url('../fonts/diavlo_light_ii_37-webfont.ttf') format('truetype'), url('../fonts/diavlo_light_ii_37-webfont.svg#webfont6IRHAxb1') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DiavloBook';
	src: url('../fonts/diavlo_book_ii_37-webfont.eot');
	src: local('☺'), url('../fonts/diavlo_book_ii_37-webfont.woff') format('woff'), url('../fonts/diavlo_book_ii_37-webfont.ttf') format('truetype'), url('../fonts/diavlo_book_ii_37-webfont.svg#webfontMERtjHVa') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DiavloBold';
	src: url('../fonts/diavlo_bold_ii_37-webfont.eot');
	src: local('☺'), url('../fonts/diavlo_bold_ii_37-webfont.woff') format('woff'), url('../fonts/diavlo_bold_ii_37-webfont.ttf') format('truetype'), url('../fonts/diavlo_bold_ii_37-webfont.svg#webfontZnrnvanj') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DiavloBlack';
	src: url('../fonts/diavlo_black_ii_37-webfont.eot');
	src: local('☺'), url('../fonts/diavlo_black_ii_37-webfont.woff') format('woff'), url('../fonts/diavlo_black_ii_37-webfont.ttf') format('truetype'), url('../fonts/diavlo_black_ii_37-webfont.svg#webfontJMgPdnzV') format('svg');
	font-weight: normal;
	font-style: normal;
}

.product-info-icon h3 {

}

.twtr-hd {
	display: none; 
}
.twtr-doc {
	padding: 2px;
}
.twtr-ft img {
	display: none;
}
BODY {
	border: 0px;
	margin: 0px;
	font-family: Helvetica, Arial;
	line-spacing: 10px;
	text-rendering: optimizeLegibility;
	font-family: 'DiavloLight', Helvetica;
}
h1 {
	margin-bottom: 1em;
}
h2 {
	color: #0b7ca9;
	margin-bottom: 1em;
}
h3 {
	font-family: Molengo;
	margin-bottom: 1em;
}

h1, h2 ,h3, BODY {
	font-family: 'DiavloMedium', Helvetica, Arial;

}
.news-item {
	font-size: 11pt;
}
A {
	color: #4c589e;
	text-decoration: none;
}
.content, .news-content, .sidenote {
	font-family: Cantarell, 'Lucida Grande', Helvetica, Arial;
}
.section-alt-1 {
}

.content LI {
	list-style-image: url('../images/bullet_blue.png');
	padding: 5px;
}

IMG {
	border: 0px;
}


/*
	Header 
*/
.header {
	background: #00abf2 url('../images/new/header-bg.png');
	height: 138px;
}

.header-content {
	background: url('../images/new/header-left.png') no-repeat;
	height: 138px;
	margin: 0 auto 0 auto;
}

.header-image {
	background: url('../images/new/c3-header.png') no-repeat bottom right;
	width: 309px;
	height: 61px;
	padding-top: 50px;
	padding-left: 50px;
}

/*
	Product Info
*/
.product-info h3, .product-download h3 {
	font-weight: normal;
	padding: 5px;
	padding-right: 0px;
	font-size: 18px;
}

.product-download h3 {
	padding-left: 0px;
}

.product-info-icon {
	text-align: right;
	width: 190px;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	height: 235px;
}

.product-download {
	display: block;
	float: right;
	width: 217px;
}

.product-slideshow {
	width: 560px;
	height: 231px;
	display: inline;
	/*top: 0px;
	left: 0px;*/
	overflow:hidden;
}

.product-slideshow-content {
	padding-left: 15px;
	overflow: hidden;
	width: 575px;
	height: 220px;
	float: left;
}

.product-slideshow-images {
	height: 231px;
	width: 573px;
	overflow: hidden;
	position: relative; /* To get IE6 to work */
}

.product-slideshow-images ul.highslide-gallery {
	height: 231px !important;
	float: left;
}

.product-slideshow {
	background: url('../images/content-header-strip.png');
	height: 231px;
	width: 650px;
	float: left;
	padding-left: 0px;
	overflow: hidden;	
}

.previous_button {
	background: url('../images/button-next.png');
	float: left;
	width: 30px;
	height: 231px;
	display: block;
}

.next_button {
	background: url('../images/button-prev.png');
	float: right;
	width: 30px;
	height: 231px;
	display: block;
}


/*
	Apps Content
*/

.apps, .product-info {
	height: 231px;
	backgroundd: url('../images/content-header-bg.png');
background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.03, rgb(222,222,222)),
    color-stop(0.64, rgb(256,256,256))
);
background: -moz-linear-gradient(
    center bottom,
    rgb(222,222,222) 3%,
    rgb(256,256,256) 64%
);

}

.apps-content, .product-info-content {
	margin: 0 auto 0 auto;
	height: 245px;
	width: 1100px;
}


.app-items {
	width: 220px;
	float: left;
	height: 235px;

}

.app-items ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-top: 5px;
	z-index: 100;	
}

.app-items li {
	position: relative;
	padding: 7px;
	padding-left: 0px;
	padding-right: 16px;
	float: left;
}
/*.highslide-gallery  li img {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border: 3px solid silver;

}
*/
.youtube-player {
	padding: 0px;
	margin: 0px;
	-moz-box-shadow: 0px 0px 15px #444;
	-webkit-box-shadow: 0px 0px 15px #444;
}
.app-item img, .icon {
	-moz-box-shadow: 0px 0px 8px #888;
	-webkit-box-shadow: 0px 0px 8px #777;
}
.app-item {
	width: 57px;
	height: 57px;
	cursor: pointer;
}

.app-info {
	background-color: #ececec;
	backgroundd: url('../images/content-bg-1.png');
	height: 231px;
	width: 620px;
	float: left;
	padding-left: 30px;
	overflow: hidden;	
}


#app-highlight {
	background-color: #e3e3e3;
	width: 70px;
	height: 70px;
	position: relative;
}

.app-content {
	width: 590px;
	height: 231px;
	display: inline;
	position: absolute;
	/*top: 0px;
	left: 0px;*/
}

.app-content a {
	display: block;
	width: 590px;
	height: 231px;
}

/* 
	Main
*/
.main {
	background-color: white;
}

.product-content {
	min-height: 700px;
}

.main-content {

	min-height: 500px;
}

.main-content, .product-content {
	margin: 0 auto 0 auto;
	padding-top: 50px;

	width: 1100px;
	background: url('../images/new/content-bg-1.png') repeat;
}


/*
	Menu Bar
*/
.menu-bar {
	height: 40px;
	border: 0px solid black;
	border-left: 0px;
	border-right: 0px;
	background-color: #444444;
	background: #444444 url('../images/new/link-bar-bg.png');	
}

.menu-bar ul {
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 0px;
	list-style: none;
} 

.menu-bar li {
	padding-right: 5px;
	float: left;
	background: url('../images/new/link-bg-wide-trans.png') no-repeat top left;
	width: 113px;
	height: 55px;
	
}
.menu-bar a {
	background-color: #00aaee;
	display: block;
	color: #cbeaf6;
	width: 90px;
	padding-top: 10px;
	height: 30px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	text-shadow: black 0px -1px 0px;
	font-size:1em;

}

.menu-bar a:hover, .menu-bar li:hover {
}
.menu-bar li.current, .menu-bar li.section  {
	font-weight: bold;
}

.menu-bar li.current a, .menu-bar li.section a {
	display: block;
	color: white;
	font-weight: bold;
	text-decoration: none;
}


/*
	News
*/
h3 {
	margin: 0px;
	padding: 0px;
	color: #6c6c6c;
	font-size: 12pt;
}
.news-item  {
}
.news-item {
	width: 835px;	
	min-height: 100px;
	clear: both;
	padding-bottom: 20px;

}

.news-side {
	width: 210px;
	text-align: right;
	float:left;
	color: #cbcbcb;
	font-size: 12pt;

}

.news-content {
	width: 560px;
	float: left;
	margin-left: 53px;

	float: left;
}

.news-content p {
	margin-top: 8px;

}

.news-icon {
	display: block;
	padding-top: 10px;
}



/*
	Product content
*/	
.product-content {
	padding-top: 0px;
}
.sidebar {
	width: 220px;
	text-align: right;
	float:left;
	color: #cbcbcb;
	font-size: 12pt;
}

.content {
	width: 560px;
	float: left;
	margin-left: 40px;
	font-size: 11pt;
	margin-bottom: 50px;
}

.sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.sidebar li.first {
	border-top: 1px solid #ececec; 
}
.sidebar li {
	padding: 5px;
	padding-top: 7px;
	padding-right: 10px;
	border-bottom: 1px solid #ececec;
	color: #6c6c6c;
}

.sidebar a {
	text-decoration: none;
	color: #6c6c6c;
	text-shadow: 0px 0px 5px #e3e3e3;
}

.sidebar li.current {
	border-top: 0px;
	background-color: #ececec;
	-moz-border-radius:8px 0px 0px 8px;
	-webkit-border-radius: 5px 0px 0px 5px;

}



/*
	Right Product Info
*/
.app-store {
	background: url(../images/appstore.png);
	width: 160px;
	height: 61px;
}

.app-store a {
	height: 50px;
	text-decoration: none;
	display: block;
}

.price {
	margin-top: 100px;
	font-weight: normal;
	font-size: 20pt;
	color:  #6C6C6C;
}


/*
	Right Sidebar
*/
.right-sidebar {
	width: 232px;
	float: right;
}



.sidenote-inner {
	background: url(/themes/default/images/side-note-dark.png);
	min-height: 50px;
	margin: 0px;
}

.sidenote-content {
	margin-left: 25px;
	padding-top: 5px;
	font-size: 9pt;
	width: 180px;
	color: #6c6c6c;
	background-color:#f4f4f5;
	font-size:10pt;
}
.sidenote-content h3 {
	font-size: 10pt;
	margin-bottom: 2px;
}
.sidenote  {
	background: url(/themes/default/images/side-note-dark.png) left bottom;
	padding-bottom: 27px;
	margin-left: 0px;
	margin-bottom: 20px;
}

.testimonial {
	margin-left: 15px; 
	color: #e3e3e3; 
	font-size: 20pt;

	position:absolute;
	width:200px;
}

.testimonial .quote {
	font-style: italic;
}

.testimonial .author {
	font-size: 15pt;
}

.news-header h3 {
	font-size: 20pt;
	font-weight: normal;
	color: #e3e3e3; 

}


.sidenote UL {
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
}

.sidenote LI {
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	visibility: hidden;
	margin: 0;
}

.WidgetHolder H3 {
	text-transform: uppercase;	
	border-bottom: 1px solid silver; 
}
.WidgetHolder ul {
	width: 180px;
	overflow: hidden;
}
.WidgetHolder a {
	text-overflow: ellipsis-word;
	color: silver;
}
.WidgetHolder li, .TwitterStatus li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;

}
.sidenote ul.TwitterStatus, .WidgetHolder ul {
	margin: 0px;
	padding: 0px;
}
h3 {
	text-shadoww: 0px 0px 15px #AAA;

  -webbkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));

}
a {
		-webkit-transition-duration: 0.5s;
	}
a:hover {
/*	text-shadow: #00abf2 0px 0px 15px;
	color: black !important;*/
	color: #00abf2;
}
.menu-bar a:hover {
	color: white;
}