/* PLAYBOY U | Developed by Rohan Chambers 01-7-09 for Playboy UK | */

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

html, body, div, span, h1, h2, h3, p, ul, li { margin: 0; padding: 0;}
h2 { padding-left: 20px; font-family: "Palatino Linotype", "Book Antiqua", "Palatino bold"; font-size: 2.2em; letter-spacing: -4px; font-weight: bold;}
h3 { font-family: "Palatino Linotype", "Book Antiqua", "Palatino bold"; font-size: 1.2em; letter-spacing: -2px; font-weight: bold;}
p { padding: 0 0 15px 0; font-family: Arial, Helvetica, sans-serif; font-size: .75em; }

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

#linesBG { position: absolute; margin: 0; z-index: 0; width: 100%; height: 410px; background: url(../images/dotsBG.gif) repeat-x;}
#container { position: relative; z-index: 1; margin: 0 auto; width: 940px; height: auto;}
#header { background: url(../images/headerBG.jpg) no-repeat; width: 940px; height: 410px;}
#content { width: 940px; height: auto;}
#leftContent { float: left; width: 310px; height: 220px;}
#rightContent { float: right; width: 630px; height: auto;}
#footer { clear: both; width: 940px; height: 30px;}

/******************	Start : Class's ******************/

.clearBoth { clear: both;}
.floatLeft { float: left;}
.floatRight { float: right;}
.headerContent { position: absolute; margin: 260px 0 0 -5px; width: 660px; height: 120px;}
h2.headerContent  { position: absolute; margin: 205px 0 0 0px;}
.colsLeft { float: left; width: 300px; height: auto;}
.colsRight { float: right; margin: 0 20px 0 0; width: 310px; height: auto;}
.icons { padding: 0 10px 0 0; vertical-align: middle;}
h2.specialityContent { margin: 0; padding: 0 0 0 0px;}
h2.contactContent {margin: 0; padding: 10px 0 15px 0px;}
h2.playboyContent {margin: 0; padding: 10px 0 15px 0px;}
.footerContent { margin: 20px 0 0 0; padding:  8px 0 0 10px; width: 940px; height: 22px;color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: .7em; background-color: #000000;}

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

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

label {	float: left; text-align: right; margin-right: 25px; width: 150px; font-size: 12px;}
p.inputs { clear: left; margin: 0; padding: 0 0 0px 0; width: 510px; font-weight: normal;}
input#width { width: 200px;}
.color { color: #0c8493;}
.button { margin: 0 0 0 476px;}
.radio { margin: 0px 0 0 0;}
p.checked { margin: 0 0 0 175px;}

input.txt { font-size: 10px; background-color:#F8F9FD; border: 1px solid gray; margin: 0 0 12px 0; padding:1px 1px 1px 3px; width:250px; height: 13px;}
input.txt:hover { background-color:#E7EAFB; border:1px solid #336699; width:250px; height: 13px;}
input.txt:focus, input.txt:focus { background-color:#E7EAFB; border:1px solid #900; width:250px; height: 13px;}

label.textarea { float: left; text-align: left; margin-right: 25px; width: 200px; font-size: 12px;}
textarea.txt { background-color:#F8F9FD; border:1px solid gray; padding:1px 1px 1px 3px; width:290px; height: 60px; margin-bottom: 7px;}
textarea.txt:hover { background-color:#E7EAFB; border:1px solid #336699; width:290px; margin-bottom: 7px;}
textarea.txt:focus, textarea.txt:focus { background-color:#E7EAFB; border:1px solid #900; width:290px; margin-bottom: 7px;}