body {
	background:url(/images/bg-body2.jpg) repeat-x #000;
	font-family:"MyriadPro", Arial, Helvetica, sans-serif
}
#outterWrapper {
	width:960px;
	margin:0 auto;
	
}
#header {
	background:url(/images/om/header.jpg) no-repeat;
	width:960px;
	height:128px;
}
#footer {
	background:url("/images/bg-footer.jpg") no-repeat scroll 0 0 transparent;
	border-left:1px solid #00282F;
border-right:1px solid #00282F;
float:left;
height:48px;
margin-left:-1px;
width:959px;
	
}

#content {
	display: none;
	background:#000 url(/images/om/bg-outterWrapper4.jpg) no-repeat;
	border-right:1px solid #00282F;
	border-left:1px solid #00282F;	
	}


ul.navigation {
	background:#000000;
float:left;
width:959px;
border-left:1px solid #00282F;
border-right:1px solid #00282F;
margin-top:1px;
width:958px;
height:29px;
	}
ul.navigation li {
	display:inline;
	float: left;
	background:url(/images/bg-button-nav2.png) no-repeat;
	height:25px;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	text-transform:uppercase;
	cursor:pointer;}
	

ul.navigation li a {
color:#fff;
display:block;
padding:2px 0 7px 15px;
width:204px;
	}
ul.navigation li a:hover {
	color:#32b7d1;
	display:block;
	}
	
ul.navigation li:hover {
background-position:-200px 0;
	padding: 0;
	margin:0;
	
	}
	ul.navigation li.activeMain {
	background-position:-400px 0;
	margin:0 -20px 0 0;
	padding: 0 0 0 10px;
	}

ul.navigation li.activeMain a {color:#32b7d1;}

.subnav {height:27px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom:3px solid #3D9EB7;
	color:#fff;
	font-size:14px;
	line-height:28px;
	-moz-border-radius-bottomleft : 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-right:1px solid #00282F;
	border-left:1px solid #00282F;	
}




.subnav p {
	margin:0 0 0 30px;
	padding:0;
	float:left;
	color:#333;
}
.subnav p a {
	color:#fff;
	padding:5px;
	text-decoration:none;
}
.subnav p a:hover {
	color:#32b7d1;
	text-decoration:none;
	background:url(/images/om/icon-blue-arrow.png) top center no-repeat;
}
.subnav strong {
	margin-right:10px;
	color:#fff;
}

#logoOM {
	width:125px;
	height:126px;}

.bgBlack {
	background:#000000;
	float:left;
	width:100%;
}
.slideTextLeft {
	
float:left;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:10px;
margin-right: 10px;
width:250px;
border:1px solid #444444;
background-color:#333333;
    background-image: -moz-linear-gradient(100% 50% 90deg, #333, #555);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#555));
}
.slideTextRight {
background-color:#333333;
    background-image: -moz-linear-gradient(100% 50% 90deg, #333, #555);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#555));
border:1px solid #444444;
float:right;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-right:25px;
padding:10px;
width:250px;}

.slideTextWide {

	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	background-color:#333333;
    background-image: -moz-linear-gradient(100% 50% 90deg, #333, #555);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#555));
border:1px solid #444444;
margin-bottom:20px;
margin-top:30px;
width:895px;
padding:10px;
	float:left;}
	
.slideTextRight h2, .slideTextLeft h2, .slideTextWide h2 {
background:url("/images/indent.png") repeat-x left bottom;
color:#32B7D1;
font-size:20px;
padding:0 0 5px;
text-shadow:0 1px 0 #000000;
}
.slideTextRight p, .slideTextLeft p, .slideTextWide p {
color:#bbb;
font-family:'Droid Sans',arial,serif;
font-size:12px;
letter-spacing:0.2px;
line-height:18px;

}

.goButton  {
	
	background:url(/images/button-go-website.png) no-repeat;
	color:#FFFFFF;
display:block;
font-size:11px;
height:17px;
margin:30px 0 5px;
overflow:hidden;
padding:5px 0 0 22px;
width:81px;}
	
.goButton:hover {
	background-position:-105px 0;
	cursor:pointer;}
	
.goButton:active {
	background-position:-210px 0;}


/* Stuff to change */

	.coda-slider-wrapper {
	padding:  0
}
.coda-slider {
	background: none;
}
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider {
	height: 200px;
	overflow: auto !important;
	padding-right: 20px
}
/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel {
	width: 960px;
}
/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
	width: 960px
}
.coda-slider-wrapper.arrows .coda-slider {
	margin: 0 10px
}
/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a {
	margin-top:160px;
padding:0;
width:50px;
height:60px;
margin-right:0px;
text-indent: -9000px;
background:url(/images/button-next-slide.jpg) no-repeat;
z-index:500;
}
.coda-nav-right a:hover {
background-position: -50px 0px;
}

/* Tab nav */
	#inner-body .coda-nav ul li a.current {
	background: #3399CC
}
/* Panel padding */
	.coda-slider .panel-wrapper {
	padding:25px 0 40px 20px;
	float:left;
	width:940px;
	position:relative;
}
/* Preloader */
	.coda-slider p.loading {
	padding: 20px;
	text-align: center
}
/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	#inner-body .coda-nav ul {
	clear: both;
	display: block;
	margin: auto;
	overflow: hidden
}
#inner-body .coda-nav ul li {
	display: inline
}
#inner-body .coda-nav ul li a {
	background: #000;
	color: #fff;
	display: block;
	float: left;
	margin-right: 1px;
	padding: 3px 6px;
	text-decoration: none
}
.coda-slider-wrapper {
	clear: both;
	overflow:hidden;
}
.coda-slider {
	float: left;
	overflow: hidden;
	position: relative
}
.coda-slider .panel {
	display: block;
	padding:0 0 10px 0;
	float: left
}
.coda-slider .panel-container {
	position: relative
}
.coda-nav-left, .coda-nav-right {
	float: right;
	
}
.coda-nav-left a, .coda-nav-right a {
	display: block;
	text-align: center;
	text-decoration: none
}
.coda-nav li {
	display:inline;
}
.coda-nav li strong {
	margin:0 0 0 20px;
}
.coda-nav li a {
color:#AAAAAA;
font-size:13px;
letter-spacing:0.3px;
padding:5px 10px;
}
.coda-nav li a:hover {
	color:#32b7d1;
	text-decoration:none;
}
.coda-nav ul li a.current {
	color:#32b7d1;
	text-decoration:none;
	background:url(/images/om/icon-blue-arrow.png) bottom center no-repeat;
}
.roundabout-holder {
	list-style: none;
	margin-left:70px;
margin-top:150px;
width:515px;
	float:left;
	
}
.roundabout-moveable-item {
	height:300px;
	width: 250px;
	
	overflow:hidden;
	cursor:pointer;
}
.roundabout-moveable-item:hover {

	}
.roundabout-in-focus {
	cursor: auto;
}
ul.roundabout p {
	color:#888888;
	font-size:11px;
	padding:0 30px;
	margin:5px 0;
}
ul.roundabout p strong {
	padding:0;
	margin:0;
}
ul.roundabout img {
	margin:0;
}
ul.featuresList {
	float:right;
	height:470px;
	width:280px;
	margin-right:20px;
	position: relative;
	background:url(/images/bg-featuresList.jpg) left top no-repeat;
}
.featuresList li {
	/*float:right;*/
}

.featuresList li div.thumb img {
	margin:8px 8px 0;
}
.featuresList li div.thumb h2 {
	font-size:12px;
	margin:0;
	text-align:center;
}
.featuresList li div.thumb {
	height:130px;
margin:11px 0 23px 100px;
width:125px;
	color:#888888;
	border:2px solid #444444;
background-color:#333333;
    background-image: -moz-linear-gradient(100% 50% 90deg, #333, #555);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#555));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.featuresList li div.thumb:hover {
	background:#444;
	color:#111;
	border-color:#457B95;
	cursor:pointer;
}
#expandedBackground {
	width:290px;
	height: 300px;
	top: 0px;
	left: 0px;
	position:absolute;
	z-index: 99;
	background-color: #000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

}
.featuresList li div.expanded {
	display:none;
	
}
.featuresList li div.expanded h2 {
border-bottom:1px solid #000000;
border-top:1px solid #444444;
display:block;
font-size:17px;
margin:-4px 0 0;
padding:7px 0 7px 10px;
    background-image: -moz-linear-gradient(100% 100% 90deg, #111, #333);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#333));
}
.featuresList li div.expanded div.closeFeature {
	position:absolute;
	right:10px;
	top:5px;
}
.featuresList li div.expanded div.closeFeature:hover {
	color:#32B7D1;
	cursor:pointer;}

.featuresListImg {
	margin:20px 0 5px 37px;
}
.featuresList li div.expanded p {
	padding:10px 10px 0;
	margin:0;
	font-size:10px;
}

	
.coda-nav {
	clear:both;
	color:#333;
	font-size:14px;
	background-color:#000;
	line-height:28px;
	}
	
.coda-nav ul {
	margin-left:20px;
	margin-right:20px;
	height:32px;
	background:url(/images/bg-subnav-2.jpg);
	}
	
.video640Hold {
	float:left;width:640px;padding:0;
	}
	
.video640 {
	
	width:100%;
	background:#444;
	height:385px;}
	
.badge640 {
	
	width:100%;
	background:#777;
	height:150px;}
	
	
.video830 {
	width:830px;
	float:left;
	
	height:450px;
	background:#444;}


.box345 {
	width:350px;
	height:160px;
	float:left;
	margin:10px 0 0 0;
	background:#888;
	}
.box470 {
	width:470px;
	height:160px;
	background:#555;
	margin:10px 10px 0 0;
	float:left}
	
.buttonNextSlide {
	}

.floatRight {
	float:right;}
	
#homeLinksHold {
	background:url("/images/circular_arrow_large.png") no-repeat scroll 110px 19px transparent;
float:left;
height:420px;
position:relative;
width:665px;}
	
#homeSyndication {
	height:265px;
position:absolute;
	background:url(/images/om/home-link-syndication.png) no-repeat;
margin-left:-100px;
top:200px;
width:300px;
z-index:300;

	
	}
	
#homeSyndication:hover {
	cursor:pointer;
	background-position: -278px 0;}
	
#homeSocial {
	
	background:url(/images/om/home-link-social.png) no-repeat;
	height:340px;
left:35px;
position:absolute;
top:75px;
width:300px;
z-index:200;
	}
	
#homeSocial:hover {
	background-position:-300px 0;
	z-index: 450;
	cursor:pointer;}	
	
#homeOnline {
	
	background:url(/images/om/home-link-online.png) no-repeat;
	height:400px;
left:240px;
position:absolute;
width:245px;
z-index:100;}
	
#homeOnline:hover  {
	background-position:-245px 0;
	left:225px;
	z-index: 450;
	width:275px;
	cursor:pointer;}	
	
#homeMobile {

	background:url(/images/om/home-link-mobile.png) no-repeat;
	height:350px;
left:370px;
position:absolute;
top:60px;
width:270px;
z-index:200;}
	
#homeMobile:hover {
	background-position:-260px 0;
	cursor:pointer;}

.landingPic {
width:570px;
margin: 0px 0px 0px -10px;
float:left;}

.landingPic img {
	-webkit-box-reflect: below 4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(black));

}
.playerH2 {
	background:url(/images/omBadge-bg-metaTitle.jpg) repeat-x;
	color:#32B7D1;
font-family:'Nobile',arial,serif;
font-size:20px;
padding:5px 0 15px;
text-shadow:0 1px 0 #000000;
height:47px;
line-height:50px;
margin:0 0 0 30px;
padding:0 0 0 10px;
 -moz-border-radius-topright  : 5px;
	 -webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
width:840px;}

.android {
	border:1px solid #222222;
height:305px;
left:-260px;
margin:0 100px 0 0;
position:absolute;
top:69px;
width:181px;
z-index:100;
 background-color: #333; /* fallback color */
    background-image: -moz-linear-gradient(100% 100% 90deg, #111, #333);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#333));
}

.nokia {
        border:1px solid #222222;
height:293px;
left:-250px;
margin:0 100px 0 0;
position:absolute;
top:81px;
width:164px;
z-index:100;
 background-color: #333; /* fallback color */
    background-image: -moz-linear-gradient(100% 100% 90deg, #111, #333);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#333));
}


.iphone {
	border:1px solid #222222;
height:300px;
left:-263px;
margin:0 100px 0 0;
position:absolute;
top:86px;
width:193px;
z-index:100;
 background-color: #333; /* fallback color */
    background-image: -moz-linear-gradient(100% 100% 90deg, #111, #333);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#333));}
.blackberry {
border-bottom:1px solid #000000;
height:245px;
left:-262px;
margin:0 100px 0 0;
position:absolute;
top:85px;
width:192px;
z-index:100;
 background-color: #333; /* fallback color */
    background-image: -moz-linear-gradient(100% 100% 90deg, #111, #333);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#333));}
	
.noBg {
	background:none;
	border:none;
	}
	
.darker {
	background:#222;
	border:1px solid #333333;}
	
	#creatorLogo {
		width:106px;
		height:34px;
		margin:5px 16px 0 0;
		float:right;}
		
	#homeSyndicationExpanded, #homeSocialExpanded , #homeOnlineExpanded, #homeMobileExpanded   {
    position: absolute;
    bottom: -800px;
    display: none;
    z-index:400;
}

#homeLinksHoldFade {
	width: 100%;
    height:100%;
    position: absolute;
    background-color: #000000;
    opacity: 0.6;
    z-index: 399;
    display: none;
}

#homeLinksHold {
	height: 420px;
}