@charset "UTF-8";
/* 
	:: PLAYBOY CORPORATE WEBSITE ::

	Author: Front End: Rohan Chambers
	
	Date: 4th March 2008
	
	Rel: global

	Format: Layout | Text
	
	Media: Screen
*/

/******************	

Start : Share and cascade
	
******************/

/*html { background-color: #095a7f;}*/
div, span, p, ul, li { margin:0; padding:0;}
h1, h2, h3, h4 { font-family: Verdana, Arial, Helvetica, sans-serif;}
h1 {}
h2 { font-weight: bold; font-size: 11px; margin: 0; padding: 0 0 3px 0; color: #009bc8;}
h3 { font-weight: bold; color: #009bc8; font-size: 13px; margin: 0; padding: 0 0 2px 0;}
h4 { font-weight: bold; color: #000000; font-size: 13px; margin: 0; padding: 0 0 12px 0;}
p { margin: 0; padding: 0 0 12px 0;}
p.top { margin:0; padding: 12px 0 12px 0;}
.bold { font-weight: bold;}
.noBold { font-weight: normal;}
.blackFont { color: #000000; font-weight: bold;}
#contentLists { margin: 0; padding: 0 0 0 15px;}
#contentLists li { margin: 0; padding: 0 0 8px 0;}
#contentListsSub { margin: 10px 0 0 0; padding: 0 0 0 20px;}

/******************	

Start : Elements
	
******************/

.clearBoth { clear: both;}
.floatLeft { float: left;}
.floatRight { float: right;}

/* Overall website link colors */
a.content:link {color:#58aede; text-decoration: underline;}
a.content:visited {color:#58aede; text-decoration: underline;}
a.content:active {color: #58aede; text-decoration: underline;}
a.content:hover {color: #58aede; text-decoration:none;}

#topFooter a:link {color:#58aede; text-decoration: underline;}
#topFooter a:visited {color: #58aede; text-decoration: underline;}
#topFooter a:active {color: #58aede; text-decoration: underline;}
#topFooter a:hover {color: #58aede; text-decoration: none;}

/* Footer link colors */
#footer a:link {color: #c0dcdc!important; text-decoration: underline;}
#footer a:visited {color: #999999; text-decoration: underline;}
#footer a:active {color: #999999; text-decoration: underline;}
#footer a:hover {color: #999999; text-decoration: none;}
#footer a {color:#c0dcdc!important;}

a.emailLinks:link { color: #96c3dc; font-weight: bold;}
a.emailLinks:visited { color: #96c3dc; font-weight: bold;}
a.emailLinks:active { color: #96c3dc; font-weight: bold;}
a.emailLinks:hover { color: #96c3dc; font-weight: bold; text-decoration: none;}

/******************	

Start : Id's
	
******************/

* { margin: 0; padding:0;}
#container { width: 100%; height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height: 1.4;}

#headerWrap { width: 100%; height: 260px; background:url(../images/headerbg.gif); margin: 0;}
#header { width: 980px; height: 260px; margin: auto; background:url(../images/headerHome.jpg);}
#logoTrans { position: relative; margin: 15px 0 0 20px; width: 108px; height: 110px;}

#navbarWrap { width: 100%; margin: -125px 0 0 0px; background:url(../images/navbg.gif) repeat-x; height: 29px;}
#nav { width: 980px; margin: auto; height: 29px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

#contentWrap { width: 100%; height: auto; margin: auto; background:url(../images/contentbg.gif) top repeat-x;}
#content { width: 980px; margin: auto; height: auto; font-size: 12px; text-align: left; line-height: 1.5;}

#topFooter { width: 980px; height: 20px; margin: 20px auto 0 auto; font-size: 10px; text-align: left; border-top: 1px solid #58aede; padding: 5px 0 0 0;}

#left { width: 245px; height: auto; float: left;}
#center { width: 490px; height: auto; float: left;}
#right { width: 245px; height: auto; float:left;}

#footerWrap { width: 100%; height: 102px; background: url(../images/footerbg.gif) repeat-x;}
#footer { width: 980px; height: 102px; margin: auto; font-size: 10px; color:#999999; padding: 0; line-height: normal;}
.footerLogo { float: left; padding: 0 10px 10px 0;}

#titleVod { background:url(../images/global/titleVod.gif) top no-repeat;}
#titleOnline { background:url(../images/global/titleOnline.gif) top no-repeat;}
#titleIptv { background:url(../images/global/titleIptv.gif) top no-repeat;}
#titleTelevision { background:url(../images/global/titleTelevision.gif) top no-repeat;}
#titleHotels { background:url(../images/global/titleHotels.gif) top no-repeat;}
#titleWireless { background:url(../images/global/titleWireless.gif) top no-repeat;}
#titleHomeEnt { background:url(../images/global/titleHomeEnt.gif) top no-repeat;}
#titleAdvertising { background:url(../images/global/titleAdSponso.gif) top no-repeat; margin: 10px 0 0 0!important; padding: 70px 0 0 0;}

/******************	

Start : Classes
	
******************/

.box1 { position: relative; margin: 0 0 0 0; width: 300px; height: 300px; background-color: purple; float: left; color: #FFFFFF; font-size: 12px;}
.insiders { position: absolute; margin: 10px 15px 10px 50px; width: 100px; height: 100px; background-color: black;}
.insiders2 { position: absolute; margin: 40px 15px 10px 0px; width: 100px; height: 100px; background-color: black;}
.insiders3 { position: absolute; margin: 150px 15px 10px 50px; width: 100px; height: 100px; background-color: black;}
.insiders4 { position: absolute; margin: 60px 15px 10px 190px; width: 100px; height: 100px; background-color: black;}

/******************	

Start : Navigation
	
******************/

.holder { float: right; width: 648px;}
#nav ul { margin: 0; padding: 0;}
#nav ul li, #nav ul a { display: inline; text-decoration: none;}

#nav .home, #nav .whatWeDo, #nav .brands, #nav .careers, #nav .news,#nav .contact { float: left; width: 108px; height: 29px;}
.home:link, .whatWeDo:link, .brands:link, .careers:link, .news:link, .contact:link { background:url(../images/mainNav/bgLink.gif); width: 108px; height: 29px; color:#c0dcdc;}
.home:visited, .whatWeDo:visited, .brands:visited, .careers:visited, .news:visited, .contact:visited { background:url(../images/mainNav/bgLink.gif); width: 108px; height: 29px; color:#c0dcdc;}
.home:hover, .whatWeDo:hover, .brands:hover, .careers:hover, .news:hover, .contact:hover { background:url(../images/mainNav/bgHover.gif); width: 108px; height: 29px; color:#fff;}
.home:active, .whatWeDo:active, .brands:active, .careers:active, .news:active, .contact:active { background:url(../images/mainNav/bgCurrent.gif); width: 108px; height: 29px; font-weight: bold; color:#fff;}
#homeCurrent a.home, #whatWeDoCurrent a.whatWeDo, #brandsCurrent a.brands, #careersCurrent a.careers, #newsCurrent a.news, #contactCurrent a.contact { background:url(../images/mainNav/bgCurrent.gif); width: 108px; height: 29px; font-weight: bold; color:#fff;}

span.homePos {  margin:0; padding:7px 0 0 35px; display: block;}
span.whatWeDoPos { margin:0; padding:7px 0 0 15px; display: block;}
span.brandsPos { margin:0; padding:7px 0 0 33px; display: block;}
span.careersPos { margin:0; padding:7px 0 0 31px; display: block;}
span.newsPos { margin:0; padding:7px 0 0 7px; display: block;}
span.contactPos { margin:0; padding:7px 0 0 30px; display: block;}

/*#nav{ position: absolute; margin: 0 0 0 549px; height: 29px;}
#nav a{text-decoration:none; color:inherit; position:absolute; top:0px; left:0px; height:29px; }
#nav li { display: inline; height: 29px;}
#nav li img { border: none;}

#home a{width: 48px;}	
#what a{width: 89px;}
#brands a{width: 55px;}
#careers a{width: 62px;}
#news a{width: 108px;}
#contact a{width: 69px;}
#nav a:hover img{display:none;}
* html a:hover {visibility:visible;}

#home { position:absolute; margin: 0 0 0 0; width: 48px; height: 29px; background: url(../images/nav/homeOn.gif) no-repeat;} 	
#what { position:absolute; margin: 0 0 0 48px; width: 89px; height: 29px; background: url(../images/nav/whatWeDoOn.gif) no-repeat;}
#brands { position:absolute; margin: 0 0 0 137px; width: 55px; height: 29px; background: url(../images/nav/brandsOn.gif) no-repeat;}
#careers { position:absolute; margin: 0 0 0 192px; width: 62px; height: 29px; background: url(../images/nav/careersOn.gif) no-repeat;}
#news { position:absolute; margin: 0 0 0 254px; width: 108px; height: 29px; background: url(../images/nav/newsOn.gif) no-repeat;}
#contact { position:absolute; margin: 0 0 0 362px; width: 69px; height: 29px; background: url(../images/nav/contactOn.gif) no-repeat;}
*/
/******************	

Start : Side Navigation
	
******************/

/*SIDE NAVIGATION*/
#navlist { padding-left: 0; margin-left: 0; margin: -2px 0 0 0; border-bottom: 1px solid #0099cc; width: 152px; font-size: 10px;}
#navlist li { list-style: none; margin: 0; padding: 0.25em; border-top: 1px solid #0099cc;}

/*Rollovers For Side Navigation*/
#navlist li a { text-decoration: none; color: #0099cc; font-weight: bold;}
#navlist li a:link { text-decoration: none; color: #0099cc; font-weight: bold;}
#navlist li a:hover { text-decoration: none; background: /*#990033*/#0099cc; color: white; font-weight: bold;}
/*#navlist li a#current { text-decoration: none; background: #990033; color: white; font-weight: bold;}*/
#navlist li span { text-decoration: none; background: /*#990033*/#0099cc; color: white; font-weight: bold;}

/*SUB SIDE NAVIGATION*/
#navlistSub { padding-left: 0; margin: 2px 0 0 0; width: 152px; font-size: 10px;}
#navlistSub li { list-style: none; margin: 0; padding: 0.25em; border-top: 1px solid #0099cc;}

#navlistSub li a { text-decoration: none; color: #0099cc; font-weight: normal; margin: 0 0 0 10px;}
#navlistSub li a:link { text-decoration: none; color: #0099cc; font-weight: normal;}
#navlistSub li a:hover { text-decoration: none; color: white; font-weight: normal;}
#navlistSub li span { text-decoration: none; background: /*#990033*/#0099cc; color: white; font-weight: bold; margin: 0 0 0 10px;}

/*SUB SIDE2 NAVIGATION*/
#navlistSub2 { padding-left: 0; margin: 2px 0 0 0; width: 152px; font-size: 10px;}
#navlistSub2 li { list-style: none; margin: 0; padding: 0.25em; border-top: 1px solid #0099cc;}

#navlistSub2 li a { text-decoration: none; color: #0099cc; font-weight: normal; margin: 0 0 0 15px;}
#navlistSub2 li a:link { text-decoration: none; color: #0099cc; font-weight: normal;}
#navlistSub2 li a:hover { text-decoration: none; color: white; font-weight: normal;}
#navlistSub2 li span { text-decoration: none; background: /*#990033*/#0099cc; color: white; font-weight: bold; margin: 0 0 0 15px;}