@charset "UTF-8";
/* CSS Document */

body{font: 12px Verdana, Arial, Helvetica, sans-serif;background: #1e1e1e;margin: 0;padding: 0;text-align:center;color: #ffffff}
img{border:none}
table {border-collapse: collapse;}
#container {width: 996px;background: #000000;margin: 0 auto;border: 1px solid #000000;text-align: left} 
#header{ background: url(images/header_new3.jpg) no-repeat; height:225px;padding: 175px 00px 0 243px} 
#header a{display:block;float:left; margin:0; padding:0;}

/*-----------Social Media-----------*/
#social{margin-left:230px;
margin-top:130px;

}

/*------------Navigation------------*/
#nav{width:753px; list-style:none; overflow:hidden; width:100%; margin-top:15px;; padding:0;}
#nav a{display:block;float:left; margin:0; padding:0;}
#nav ul, #nav li{display:inline;margin: 0px; padding: 0px;list-style:none}

.navhome{position: relative;;background: url(images/nav/nav-home_hover.gif) no-repeat;white-space: nowrap;display: block;width: 88px;height: 41px;margin: 0;padding: 0;}
.navhome a{display: block;color: #000000;font-size: 11px;width: 88px;height: 41px;display: block;float: left;color: black;text-decoration: none;}
.navhome img{width: width: 88px;height: 41px;;border: 0}
.navhome a:hover img{visibility:hidden}
.navhome span{position: absolute;left: 35px;top: 15px;margin: 0px;padding: 0px;cursor: pointer;}

.navbio{position: relative;;background: url(images/nav/nav-bio_hover.gif) no-repeat;white-space: nowrap;display: block;width: 78px;height: 41px;margin: 0;padding: 0;}
.navbio a{display: block;color: #000000;font-size: 11px;width: 78px;height: 41px;display: block;float: left;color: black;text-decoration: none;}
.navbio img{width: width: 78px;height: 41px;;border: 0}
.navbio a:hover img{visibility:hidden}
.navbio span{position: absolute;left: 35px;top: 15px;margin: 0px;padding: 0px;cursor: pointer;}

/*------------Side Bar------------*/

#sidebar1 {
	margin-top:20px;
	float: left; /* since this element is floated, a width must be given */
	width: 410px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px 0px}
#sidebarcontent{width: 410px;padding: 0px 0px}
#sidebaritem{width:362px; background:#282828;margin:0 0 20px 25px;}
.top{background:url(images/borderroundcorners/top.png) 0 100% no-repeat}
.bottom{background:url(images/borderroundcorners/bottom.png) 0 100% no-repeat}
.bl {background:url(images/borderroundcorners/bl.png) 0 100% no-repeat}
.br {background:url(images/borderroundcorners/br.png) 100% 100% no-repeat}
.tl {background:url(images/borderroundcorners/tl.png) 0 0 no-repeat}
.tr {background:url(images/borderroundcorners/tr.png) 100% 0 no-repeat; padding:10px} 
.t {background:url(images/borderroundcorners/dot.png) 0 0 repeat-x; width: 362px}
.b {background:url(images/borderroundcorners/dot.png) 0 100% repeat-x}
.l {background:url(images/borderroundcorners/dot.png) 0 0 repeat-y}
.r {background:url(images/borderroundcorners/dot.png) 100% 0 repeat-y} 
.clear {font-size: 1px; height: 1px} 

#sidebcityw1{width:162px; height:42px; background:url(images/cw1.png) no-repeat; padding:45px 10px 10px 180px}
#sidebcityw2{width:162px; height:42px; background:url(images/cw2.png) no-repeat; padding:45px 10px 10px 180px}
#sidebsingapore{width:162px; height:42px; background:url(images/singapore.png) no-repeat; padding:45px 10px 10px 180px}
#sidebphilippines1{width:162px; height:42px; background:url(images/philippines1.png) no-repeat; padding:45px 10px 10px 180px}
#sidebphilippines2{width:162px; height:42px; background:url(images/philippines2.png) no-repeat; padding:45px 10px 10px 180px}
#sidebphilippines3{width:162px; height:42px; background:url(images/philippines3.png) no-repeat; padding:45px 10px 10px 180px}
#sideblincoln1{width:162px; height:42px; background:url(images/lincoln1.png) no-repeat; padding:45px 10px 10px 180px}
#sideblincoln2{width:162px; height:42px; background:url(images/lincoln2.png) no-repeat; padding:45px 10px 10px 180px}
#sideblincoln3{width:162px; height:42px; background:url(images/lincoln3.png) no-repeat; padding:45px 10px 10px 180px}
#sideblincoln4{width:162px; height:42px; background:url(images/lincoln4.png) no-repeat; padding:45px 10px 10px 180px}
#sideblincoln5{width:162px; height:42px; background:url(images/lincoln5.png) no-repeat; padding:45px 10px 10px 180px}
#sidebstore1{width:162px; height:42px; background:url(images/store1.png) no-repeat; padding:45px 10px 80px 180px}
#sidebstore2{width:162px; height:42px; background:url(images/store2.png) no-repeat; padding:45px 10px 80px 180px}
#sidebstore3{width:162px; height:42px; background:url(images/store3.png) no-repeat; padding:45px 10px 80px 180px}
#sidebstore4{width:162px; height:42px; background:url(images/store4.png) no-repeat; padding:45px 10px 80px 180px}
#sidebstore5{width:162px; height:42px; background:url(images/store5.png) no-repeat; padding:45px 10px 80px 180px}

#sidebarfleming{width:162px; height:42px; background:url(images/fleming.png) no-repeat; padding:45px 10px 10px 180px}
#sidebarlithium{width:162px; height:42px; background:url(images/lithium.png) no-repeat; padding:45px 10px 10px 180px}
#sidebarjoss{width:162px; height:42px; background:url(images/jossStone.png) no-repeat; padding:45px 10px 10px 180px}
#sidebarmusic{background:url(images/titles/title-kingstonplayer.png) no-repeat;padding-top:5px;}


/*------------Main Content------------*/
#mainContent {margin: 20px 0 0 0px; float: right;margin-right: 25px; width:560px} 
#mainContent a:link, #mainContent a:visited{color:#fff}
#mainContent a:hover{color:#ec8b34} 
#maincontentitem{width:560px; background:#282828;margin:0 0 20px 0px;}
.top {background:url(images/borderroundcorners/dot.png) 0 0 repeat-x; width: 560px}
.bot {background:url(images/borderroundcorners/dot.png) 0 100% repeat-x}
.lt {background:url(images/borderroundcorners/dot.png) 0 0 repeat-y}
.rt {background:url(images/borderroundcorners/dot.png) 100% 0 repeat-y} 
.topwide {background:url(images/borderroundcorners/dot.png) 0 0 repeat-x; width: 940px}.video #mainContent, .store #mainContent{margin:0 auto; width:996px padding:0}
.video #maincontentitem, .store #maincontentitem{width:940px; background:#282828;margin:0 auto; margin-bottom:20px}
#maincontentitemcontent{margin:10px;}


#footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD; 
} 
#footer p {margin: 0;padding: 5px 0;}
.fltrt {float: right;margin-left: 8px;}
.fltlft {float: left;margin-right: 8px;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.storeimage{
	position: relative;
	font-family: arial, helvetica, sans-serif;
	background: url(images/btn/btn-watchvideo_hover.png) no-repeat;
	white-space: nowrap;
	display: block;
	width: 72;
	height: 36px;
	margin: 0;
	padding: 0;
}
.storeimage a{display: block;color: #000000;font-size: 11px;width: 164px;height: 36px;display: block;float: left;color: black;text-decoration: none;}
.storeimage img{width: 164px;height: 36px;border: 0}
* html a:hover{visibility:visible}
.storeimage a:hover img{visibility:hidden}
.storeimage span{position: absolute;left: 35px;top: 15px;margin: 0px;padding: 0px;cursor: pointer;}


/*css hover watchvideo*/
.watchvideo{position: relative;font-family: arial, helvetica, sans-serif;background: url(images/btn/btn-watchvideo_hover.png) no-repeat;white-space: nowrap;
display: block;width: 164px;height: 36px;margin: 0;padding: 0;}
.watchvideo a{display: block;color: #000000;font-size: 11px;width: 164px;height: 36px;display: block;float: left;color: black;text-decoration: none;}
.watchvideo img{width: 164px;height: 36px;border: 0}
* html a:hover{visibility:visible}
.watchvideo a:hover img{visibility:hidden}
.watchvideo span{position: absolute;left: 35px;top: 15px;margin: 0px;padding: 0px;cursor: pointer;}

/*css hover itunes*/
.itunes{position: relative;font-family: arial, helvetica, sans-serif;background: url(images/btn/btn-iTunes_hover.png) no-repeat;white-space: nowrap;display: block;width: 72px;height: 32px;margin: 0;padding: 0;}
.itunes a{display: block;color: #000000;font-size: 11px;width: 72px;height: 32px;display: block;float: left;color: black;text-decoration: none;}
.itunes img{width: 72px;height: 32px;border: 0}
.itunes a:hover img{visibility:hidden}
.itunes span{position: absolute;left: 35px;top: 15px;margin: 0px;padding: 0px;cursor: pointer;}



.amazon{position: relative;font-family: arial, helvetica, sans-serif;background: url(images/btn/amazon_store.png) no-repeat;white-space: nowrap;display: block;width: 74px;height: 29px;margin: 0;padding: 0;}
.amazon a{display: block;color: #000000;font-size: 11px;width: 74px;height: 29px;display: block;float: left;color: black;text-decoration: none;}
.amazon img{width: 74px;height: 29px;border: 0}
.amazon a:hover img{visibility:hidden}
.amazon span{position: absolute;left: 35px;top: 15px;margin: 0px;padding: 0px;cursor: pointer;}