/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

body {
background:#000 url(../img/background.jpg) no-repeat top center;
font-family: Georgia, "Times New Roman", serif;
color:#fff;
}

p {
margin:0 0 15px 0;
}

a {
color:#600;
text-decoration:underline;
font-weight:bold;
}

a:hover {
color:#fff;
background:#333;
text-decoration:none;
}

.georgia {
font-family: Georgia, "Times New Roman", serif;
}

.container {
width:960px;
margin:0 auto;
}

#title {
margin:0;
padding:0;
width:662px;
height:330px;
}

#title h1 a {
margin:0;
padding:0;
width:662px;
height:330px;
background: url(../img/title.jpg) no-repeat top right;
display:block;
text-decoration:none;
}

#social_media {
width:340px;
height:35px;
padding:0;
margin:-330px 0 297px 195px;
position:relative;
z-index:999;
}

.ie7 #social_media, .ie6 #social_media {
margin-bottom:0;
}

#social_media_label {
display:inline-block;
width:45px;
height:13px;
padding:5px;
background:#444;
border:1px solid #111;
margin:10px 0;
float:left;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
font-size:11px;
line-height:13px;
font-family: Arial, sans-serif;
letter-spacing:1px;
}

ul#social_media_icons, ul#social_media_icons li {
list-style:none;
margin:0;
padding:0;
}

ul#social_media_icons {
width:270px;
height:35px;
padding:3px 5px 5px 5px;
background:#222;
border:1px solid #111;
margin:0;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
float:left;
}

ul#social_media_icons li {
display:inline;
}

ul#social_media_icons li a {
display:inline-block;
width:35px;
height:35px;
float:left;
margin:0 5px;
padding:0;
text-decoration:none;
}

a#sm_facebook {background: url(../img/social_media/sm_facebook.png) no-repeat 0 -35px;}
a#sm_facebook:hover {background: url(../img/social_media/sm_facebook.png) no-repeat 0 0;}
a#sm_twitter {background: url(../img/social_media/sm_twitter.png) no-repeat 0 -35px;}
a#sm_twitter:hover {background: url(../img/social_media/sm_twitter.png) no-repeat 0 0;}
a#sm_digg {background: url(../img/social_media/sm_digg.png) no-repeat 0 -35px;}
a#sm_digg:hover {background: url(../img/social_media/sm_digg.png) no-repeat 0 0;}
a#sm_linkedin {background: url(../img/social_media/sm_linkedin.png) no-repeat 0 -35px;}
a#sm_linkedin:hover {background: url(../img/social_media/sm_linkedin.png) no-repeat 0 0;}
a#sm_delicious {background: url(../img/social_media/sm_delicious.png) no-repeat 0 -35px;}
a#sm_delicious:hover {background: url(../img/social_media/sm_delicious.png) no-repeat 0 0;}
a#sm_stumbleupon {background: url(../img/social_media/sm_stumbleupon.png) no-repeat 0 -35px;}
a#sm_stumbleupon:hover {background: url(../img/social_media/sm_stumbleupon.png) no-repeat 0 0;}

ul#menu, ul#menu li {
list-style:none;
margin:0;
padding:0;
}

ul#menu {
width:662px;
height:175px;
display:block;
margin-left:19px;
}

ul#menu li {
display:inline;
}

ul#menu li a {
width:277px;
height:70px;
text-decoration:none;
display:inline-block;
margin:5px 15px;
cursor:pointer;
}

li#buy a, li#buy a.active:hover { background: url(../img/buy.png) no-repeat 0 0; }
li#buy a:hover, li#buy a.active { background: url(../img/buy.png) no-repeat 0 -70px; }
li#summary a, li#summary a.active:hover { background: url(../img/summary.png) no-repeat 0 0; }
li#summary a:hover, li#summary a.active { background: url(../img/summary.png) no-repeat 0 -70px; }
li#blog a, li#blog a.active:hover { background: url(../img/blog.png) no-repeat 0 0; }
li#blog a:hover, li#blog a.active { background: url(../img/blog.png) no-repeat 0 -70px; }
li#discuss a, li#discuss a.active:hover { background: url(../img/discuss.png) no-repeat 0 0; }
li#discuss a:hover, li#discuss a.active { background: url(../img/discuss.png) no-repeat 0 -70px; }
li#author a, li#author a.active:hover { background: url(../img/author.png) no-repeat 0 0; }
li#author a:hover, li#author a.active { background: url(../img/author.png) no-repeat 0 -70px; }

li#buy a {
position:relative;
display:inline-block;
top:0;
left:0;
float:left;
}

li#summary a {
position:relative;
display:inline-block;
top:0;
left:0;
float:left;
}

li#author a {
position:relative;
display:inline-block;
top:0;
left:0;
float:left;
}

li#discuss a {
clear:both;
position:relative;
display:inline-block;
top:0;
left:25px;
float:left;
}

li#blog a {
position:relative;
display:inline-block;
top:0;
left:25px;
float:left;
}

#text {
width:540px;
padding:25px;
margin:0 0 0 47px;
color:#333;
background:#aaa;
border:3px solid #600;
float:left;
}

.ie6 #text {
margin-left:23px;
}

#text h2 {
font-size:20px;
margin-bottom:25px;
color:#000;
}

#text h3 {
font-size:16px;
margin:25px 0 15px 0;
}

#text p {
font-size:14px;
line-height:19px;
}

#text ul, #text ul li {
list-style:square;
}

#text ul {
margin:0 0 0 15px;
}

#text ul li {
margin:0 0 10px 5px;
padding:0 0 0 10px;
font-size:14px;
line-height:19px;
}

#reviews, #download {
width:307px;
padding:19px 0;
margin:0;
color:#ccc;
float:left;
}

#reviews h3, #download h3 {
font-size:20px;
margin-bottom:19px;
color:#fff;
background:#600;
padding:5px 0 5px 60px;
position:relative;
display:inline-block;
width:257px;
border-top:1px solid #777;
border-bottom:1px solid #777;
}

/*

#reviews h3, #download h3 {
font-size:20px;
margin-bottom:19px;
color:#fff;
background:#600;
padding:5px 0 5px 50px;
position:relative;
display:inline-block;
left:-50px;
width:250px;
border-top:1px solid #777;
border-bottom:1px solid #777;
}

*/

#reviews p, #download p {
font-size:13px;
line-height:17px;
font-family: Arial, Verdana, Helvetica, sans-serif;
margin:0 0 0 60px;
}

#reviews hr, #download hr {
margin-left:60px;
color:#111;
border:1px solid #222;
height:1px;
}

#reviews .endorsement_credentials {
color:#888;
font-size:12px;
margin-left:15px;
display:block;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

#download a#discuss_pdf, #download a#intro_pdf {
background:#888;
padding:10px;
text-align:center;
width:226px;
height:14px;
color:#000;
margin:15px 0 0 60px;
display:inline-block;
font-size:14px;
line-height:14px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border:2px solid #600;
text-decoration:none;
}

#download a#discuss_pdf:hover, #download a#intro_pdf:hover {
background:#ccc;
}

#text ul.links, #text ul.links li {
list-style:none;
margin:0;
padding:0;
}

#text ul.links li {
display:inline;
}

#text ul.links li.remove {
display:none;
}

#text ul.links li a {
background:#888;
padding:10px;
text-align:center;
width:226px;
height:14px;
color:#000;
margin:0;
display:inline-block;
font-size:14px;
line-height:14px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border:2px solid #600;
text-decoration:none;
float:left;
}

#text ul.links li a:hover {
background:#ccc;
}

#text ul.links li a#download_button {
float:left;
}

#text ul.links li a#browse_button {
float:right;
}

#footer {
margin:30px 0;
}

#copyright {
width:860px;
height:25px;
padding:8px 25px 3px 25px;
margin:20px 0 20px 50px;
text-align:center;
background:#600;
border-top:1px solid #777;
border-bottom:1px solid #777;
}

#copyright p span.georgia {
font-size:15px;
letter-spacing:1px;
}

#copyright p .georgia:first-letter {
font-size:17px;
}

#contact {
width:910px;
height:100px;
padding:0;
margin:20px 0 20px 50px;
font-size:13px;
line-height:18px;
color:#ccc;
}

#contact #booking {
width:435px;
float:left;
padding:0;
margin-right:20px;
}

#contact #representation {
width:250px;
float:left;
padding:0;
margin-right:20px;
}

#contact #design {
width:185px;
float:left;
padding:0;
}

#contact h4 {
text-transform:uppercase;
background:#333;
padding:5px 10px;
margin:0 0 5px 0;
}

#contact span, #contact ul {
margin-left:10px;
display:block;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

#contact a {
color:#ccc;
}

#contact a:hover {
background:none;
color:#fff;
}

#contact #jloft a {
margin-top:10px;
display:inline-block;
width:185px;
height:48px;
background: url(../img/jloft_logo.png) no-repeat 0 0;
cursor:pointer;
}

#contact #jloft a:hover {
background: url(../img/jloft_logo.png) no-repeat 0 -48px;
}

.hide {
text-indent:-9999px;
visibility:hidden;
}

.remove {
display:none;
}

.clear {
clear: both;
display: block;
overflow: hidden;
width: 0;
height: 0;
}