html{background:#052d4b!important}


img {
border: 0;
border: none;}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

body{
	background:url(images/LOI-Connect-bg.jpg) no-repeat #052d4b !important;
	width: 100%;
  	display: table;
  	font-family:"Lucida Grande";
  	font-size: 12px;
  	margin:0px;
  	padding:0px;
  	color:#333;

}


#container{
width:996px;
margin: 0 auto;


}

#topContainer{}
.logo{}


#quickLinks{padding-right:61px;float:right; padding-top:50px;}
#quickLinks li a{border:none !important}
#quickLinks ul li a{width:auto !important; margin-right:12px;font-size: 15px;}
.brand{min-height: 63px;}



#container ul li{
	font-size:12px;

	display: block;
}


#container ul li a:link, #container ul li a:visited {
	float:left;
	display: block;
	color:#f2d95b;
	border-top:1px solid #82ACC3;
	width:204px;
	text-decoration: none;
	}
	
	#container ul li a:hover, #container ul li a:active {
	text-decoration:underline;
	}
	

h1{}
h2{font-size:16px; font-weight: bold;padding-bottom:6px;}
h2 a:link, h2 a:visited{color:#246186; text-decoration: none;}
h2 a:hover, h2 a:active{color:#4a8bb3; text-decoration: underline;}
h3{}


	
	
#mod{background:url(images/mod-bg.jpg) no-repeat; width:313px; height:177px; float: left;}

#modContainer{padding-top:34px;}

.modTxt{padding-top:17px; text-align: center; font-family: "Lucida Grande"; font-size: 12px; color:#436178;margin-left:2px;}

.textBox{padding-top:11px; width:267px; text-align: center;margin:0 auto; font-size:11px;}

.textBox a:link, .textBox a:visited{color:#ec902d; text-decoration: none;}

.textBox a:hover, .textBox a:active{color:#ec902d; text-decoration: underline;}

#bottomAds {float:left;margin-right:20px;}
#bottomAds a{float:left; border:5px solid #2b5c7c;margin-right:20px;}
#bottomAds a:hover{float:left; border:5px solid #cccccc;margin-right:20px;}
#credits{width:996px; margin:0 auto; text-align: center; padding-top:60px; color:#638499;font-size: 11px;padding-left:109px;}
#credits a:link, #credits a:visited{color:#acc6d6; text-decoration: none;}
#credits a:hover, #credits a:active{color:#e3edf3; text-decoration: underline;}

#bottomAdContainer{float:left;margin:0 auto; padding-top:45px; padding-left:260px;}

#leftContent{float:left; padding:43px 0px 0px 25px;}

#leftContentVideo{float:left;margin-right: 9px;}

#rightContent{float:left; padding:82px 0 0 49px; width:292px; color:#666666;}
#rightContentTube{float:left; padding:52px 0 0 33px; width:292px; color:#666666;}
#rightContentFB{float:left; padding:5px 0 0 49px; width:292px; color:#666666; height:290px;}


#fragment-6.ui-tabs-panel ul li a:link, #fragment-6.ui-tabs-panel ul li a:visited{border-top:none !important; float:left; color:#4790bc; text-decoration:none; width:auto; margin-right: 9px; border-right: 1px solid; padding-right: 9px; margin-top:7px;}

#fragment-6.ui-tabs-panel ul li a:hover, #fragment-6.ui-tabs-panel ul li a:active{text-decoration: underline; color: #246186}

#videoBoxes{float:left; margin-right:0;padding:12px 0 3px 16px; background:url(images/video-bg.gif) no-repeat top left; width: 186px; height: 210px;}
#videoBoxes li a{ font-size:11px;}
.mySpaceWidget{padding-top:20px;padding-right:13px;}

.share{padding-top:15px;float:left; padding-left:10px;}
#share{float:left; clear:both;}


/*oval buttons for videos*/


a.ovalbutton{
background: transparent url('images/video-button-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949;margin-right:3px; margin-left: 40px; display: inline; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/video-button-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
padding-left:8px;
padding-top:8px;
float:left;
}


#featured{ 
	width:1006px; 
	position:relative; 
	height:613px; 
	background:url(images/LOI-web-mod.png) no-repeat;
	padding-top:48px;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0;
	list-style:none; 
	margin:0; 
	width:250px; 
	padding:48px 0 0 42px;
	z-index: 1;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
	height:76px;
	width:219px;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; 
	}
	
	
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:76px; 
	color:#333; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	
}
#featured li.ui-tabs-selected{ 
	background:transparent url(images/yellow-arrow.png) no-repeat scroll right;
	width:198px;width:220px;z-index:1;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background: url('images/trans-bg.png');  
	border: none !important;
}
#featured .ui-tabs-panel{ 
	width:637px; height:457px; 
	position:relative;left:259px;
	border:15px solid #2C5C7C;
	min-height: 40	8px;
	background: #ffffff;
	
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}



/* videotestCSS */

#main{
	/* The main container */
	
	text-align:center;
	width:920px;
	position:relative;
}

li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(img/pic_bg.png) repeat;
}

li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(img/active_bg.png) no-repeat;
}

li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(img/divider.png) no-repeat right;
}

#slides{
	/* This is the slide area */
	height:400px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:920px !important;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:45px;
}


#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(img/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:635px;
	overflow:hidden;
}



////////////////////



.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}

.imgteaser a img {
	float: left;
	margin: 0;
	border: none;

	background: #fff;
	border: 1px solid #ddd;
}


.imgteaser a:hover .desc{
	display: block;
	font-size: 1.2em;
	padding: 10px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	font-size:11px;
	padding: 7px;
	margin: 0;
	width:159px;
	border-top: 1px solid #999;
	text-align: left!important;
	position: absolute;
	height:119px;
}

.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
}

.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}


.fan_box .connections {
min-height: 100px !important;}
.fan_box .page_stream {
height: 230px; !important;}