/* LAYOUT styles
    
	index -> 	
				layout containers
				fonts
				header
				home page
				section page
				footer
				lists
				tables
				blog (luxury news & press release)
				multiple classes
				contact form (press release)
				misc
				
*/

/* =layout
---------- */
body {
text-align: center;
background: #000 url(../img/temp-grid.gif) repeat-y 50% 0;
background: #000 url(../img/bg-body-stripes.gif) repeat-x 0 0;
}
body p { margin-bottom: 10px; }
body a { color: #6475B2; text-decoration: none; }
body a:hover { text-decoration: underline; }
#wrap {
text-align: left;
margin: 0 auto;
width: 960px; /* 1024 fixed */
}
#header {
height: 71px;
position: relative;
border-bottom: 1px solid #1a1a1a;
}
#content-wrap {
background: #000;
position: relative;
margin: 10px 0 0 0;
min-height: 343px;
padding: 0 0 10px 10px;
border-bottom: 1px solid #1a1a1a;
}
#footer {
padding: 10px 0 20px 20px;
}

/* =fonts
========= */
body { color: #ccc; font: normal 12px/20px "Lucida Grande", arial, sans-serif; }
#section h1, #gallery h2 { font: normal 24px "Palatino", Georgia, serif; }
#footer h4, #footer h4 a { font: normal 18px/24px "Palatino", Georgia, serif; color: #fff; }
#small-format li a { font: normal 16px/18px "Palatino", Georgia, serif; }

/* =header 
--------- */
#logo {
position: relative;
left: 25px;
top: 15px;
height: 51px;
width: 292px;
display: block;
overflow: hidden;
background: transparent url(../img/logo-bespoke-mc-screen.gif) no-repeat 0 0;
}
#logo img {
position: absolute;
top: 0;
left: -9999em;
}
#nav {
height: 30px;
position: absolute;
width: 700px;
right: 0;
bottom: -3px;
}
#nav dl {
float: right;
}
#nav dt {
text-indent: -9999em;
position: absolute;
}
#nav dd {
float: left;
border-left: 1px solid #1a1a1a;
}
#nav dd a {
color: #fff;
padding: 0 24px;
height: 30px;
line-height: 2em;
text-decoration: none;
border-bottom: none;
display: block;
/* ie 6 */
}
#nav dd a:hover,
#nav dd.active a:hover {
display: block;
height: 30px;
background: #1a1a1a url(../img/bg-nav-rollover.gif) repeat-x 0 100%;
}
#nav dd a.active {
display: block;
height: 30px;
background: #000 url(../img/bg-nav-rollover.gif) repeat-x 0 100%;
}

#nav dd.last { border-right: 1px solid #1a1a1a; }

/* =home page
------------- */
#large-format .two, #large-format .three, #large-format .four { position: absolute; top: 0; left: 0; display: none; }
#large-format .one { position: absolute; top: 0; left: 0; }
#gallery { position: relative; }
#large-format li div { 
width: 366px;
position: absolute;
right: -5px;
top: 80px;
}
#large-format li div.active div {  cursor: pointer; }
#large-format .overlay {
padding-top: 9px;
position: absolute;
top: 0;
left: 5px;
z-index: 2;
background: transparent url(../img/bg-overlay-top.png) no-repeat 100% 0;
}
#large-format li div.active .overlay { background: transparent url(../img/bg-overlay-top-hover.png) no-repeat 100% 0; }

#large-format div.overlay span {
display: block;
padding: 5px 20px 10px 20px;
background: transparent url(../img/bg-overlay-bot.png) no-repeat 100% 100%;
}
#large-format li div.active .overlay span { background: transparent url(../img/bg-overlay-bot-hover.png) no-repeat 100% 100%; }
#large-format div.overlay a {
background: #000;
padding: 3px 10px;
float: right;
}
#large-format h2 {
color: #000;
margin: 0;
}
#large-format li div.active h2 { text-decoration: underline; }
#large-format h2 em { 
padding: 0;
}
#large-format div.overlay p { color: #000; }

#thumbs { margin: 2px 0 0 0; position: absolute; top: 303px; left: -2px; width: 960px; }
#thumbs li {
float: left;
margin-right: 10px;
}
#thumbs li a {
width: 203px;
height: 40px;
display: block;
text-decoration: none;
color: #fff;
padding: 0 10px;
text-indent: -9999em;
overflow: hidden;
}

#thumbs a { margin: 0; position: relative; left: 2px; background: transparent url(../img/home-airline-thumb.jpg) no-repeat 0 -5px; }
#thumbs a.one { margin-right: 6px; background: transparent url(../img/home-watch-thumb.jpg) no-repeat 0 -5px; }
#thumbs a.two { margin-right: 6px; background: transparent url(../img/home-car-thumb.jpg) no-repeat 0 -5px; }
#thumbs a.three { margin-right: 5px; background: transparent url(../img/home-handbag-thumb.jpg) no-repeat 0 -5px; }


#thumbs li a:hover,
#thumbs li a.activeSlide {
text-indent: 0;
background-position: 0 -55px;
height: 40px;
overflow: hidden;
text-indent: -9999em;
}
span.add { margin-top: 10px; display: block; }


/* =section page
---------------- */
#section h1 {
margin: 0 0 6px 0;
color: #fff;
}
#section h1 span { 
float: left;
padding: 8px 20px 4px 10px;
margin-bottom: 1px;
border-bottom: 1px solid #2d2d2d;
border-top: 1px solid #101010;
}
#section h2 {
color: #ccc;
text-indent: 10px;
margin: 0 0 15px 0;
padding: 0 0 6px 0;
border-bottom: 1px solid #101010;
font: italic 12px "Lucida Grande", arial, sans-serif;
}
#section h3 {
color: #bcaf90;
margin: 0 0 15px 10px;
font: normal 14px/24px "Lucida Grande", arial, sans-serif;
}

#section-nav {
width: 190px;
padding: 8px 0 0 0;
background: #181818 url(../img/bg-section-nav-top-corner.gif) no-repeat 100% 0;
}
#section-nav ul {
padding: 0 0 7px 0;
background: transparent url(../img/bg-section-nav-bot-corner.gif) no-repeat 100% 100%;
}
#section-nav ul ul {
padding: 0;
background-image: none;
}
#section-nav a {
color: #fff;
text-decoration: none;
display: block;
height: 30px;
cursor: pointer;
line-height: 2.5em;
padding: 0 0 0 30px;
border-bottom: 1px solid #2c2c2c;
}
#section-nav li ul { display: none; }

#section-nav li.nested { background: transparent url(../img/bg-section-nav-plus-sign.gif) no-repeat 15px 13px; }
#section-nav li.active { background: transparent url(../img/bg-section-nav-minus-sign.gif) no-repeat 15px 13px; }
#section-nav a.active:hover { background: transparent url(../img/bg-section-nav-minus-sign.gif) no-repeat 15px 13px; }

#section-nav li.nested a.active { background: transparent url(../img/bg-section-nav-minus-sign.gif) no-repeat 15px 13px; }

#section-nav a:hover {
margin: 0 0 0 -4px;
text-indent: 4px;
background: transparent url(../img/bg-section-nav-rollover.png) repeat-y 0 0;
}


#section-nav li.nested ul li a {
text-indent: 0;
cursor: pointer;
margin: 0;
background: #000 url(../img/bg-section-nav-bullet.png) no-repeat 14px 2px;
}
#section-nav li.nested ul li a:hover {
background: #080808 url(../img/bg-section-nav-bullet.png) no-repeat 14px -28px !important;
}
#mid-col { 
width: 423px;
float: left;
margin: 30px 0 30px 0;
}
.no-image #mid-col {
width: 650px;
margin: 30px 0 30px 30px;
}
#mid-col p {
line-height: 1.8em;
margin: 0 0 15px 0;
}
#mid-col img {
display: block;
float: none;
border: 0;
padding: 0;
text-align: center;
}
#left-col {
float: left;
width: 228px;
margin: 0 60px 20px 0;
}
#left-col img {
background: #000;
margin: 30px 0 0 0;
border-bottom: 3px solid #6475B2;
}
#right-col {
float: right;
position: relative;
left: 20px;
margin: 92px 0 20px 0;
}
 
/* =footer
---------- */
#footer li {
float: left;
width: 235px;
padding: 0;
}
#footer li a { padding: 0; margin: 0; }

/* =lists 
---------- */
#mid-col ul {
margin: 0 0 10px 20px;
}
#mid-col ul li {
padding-left: 25px;
margin-bottom: 4px;
line-height: 1.8em;
background: transparent url(../img/bg-bullet-reg.gif) no-repeat 0 8px;
}

#mid-col ol {
color: #bcaf90;
font: normal 14px "Palatino", Georgia, serif;
margin: 0 0 10px 0;
}
#mid-col ol li {
padding-left: 5px;
margin-bottom: 10px;
margin-left: 40px;
line-height: 1.6em;
}
#mid-col ol li span { padding-top: 1px; color: #ccc; font: normal 12px "Lucida Grande", arial, sans-serif; }

/* =tables
---------- */
table {
color: #ccc;
width: 100%;
margin: 0 20px;
margin-bottom: 15px;
font: normal 12px "Lucida Grande", arial, sans-serif;
}
table th {
color: #bcaf90;
padding: 7px 10px;
font-weight: normal;
font-size: 14px;
border-bottom: 1px solid #bcaf90;
}
table td {
padding: 10px 15px;
font-weight: normal;
}
tr.odd { background: #090909; }

/* =blog
-------- */
#section .entry h3 {
color: #bcaf90;
margin: 0;
font: normal 14px/24px "Lucida Grande", arial, sans-serif;
}
#section .entry h3 a {
color: #6475B2;
text-decoration: none;
}
#section .entry h3 a:hover {
text-decoration: underline;
}
div.entry {
padding-bottom: 0;
margin-bottom: 20px;
border-bottom: 1px solid #101010;
}

p.info {
color: #999;
font-weight: normal;
font-style: italic;
font-size: 11px;
text-align: right;
}
p.info em { margin-left: 2px; font-weight: bold; color: #ccc; font-style: normal; } 

#blog-sidebar {
width: 190px;
/*position: absolute;
right: -10px;
top: 73px;*/
float: right;
padding: 8px 0 0 0;
margin: 73px 0 20px 0;
}
#blog-sidebar h3 { margin: 0; }
#blog-sidebar ul { margin: 5px 0 0 5px; }
#blog-sidebar ul li { margin: 0 0 3px 0; }
a.more {
float: right;
margin-left: 5px;
padding-right: 20px;
background: transparent url(../img/bg-more-arrow.png) no-repeat 100% 6px;
}

/* =multiple classes 
-------------------- */
.m-fin { border: none; background-image: none; }
.m-mar { margin: 0; }
.m-hide { display: none; }
.m-show { display: block; }


/* =contact us form
------------------ */
#subscribe { margin: 0 0 30px 0; }
#subscribe h3 { margin-bottom: 5px; }
#contactus { margin: 0 0 30px -10px; padding: 0; }
#contactus label {
display: block;
position: relative;
width: 180px;
margin: 0 0 -2px 10px;
font-size: 10px;
}
#contactus label em {
color: #BCAF90;
font-weight: bold;
padding-right: 4px;
font-size: 11px;
}
#contactus label em.error {
position: absolute;
left: 156px;
top: 19px;
color: red;
width: 400px;
font-weight: bold;
text-align: left;
text-indent: -9999em;
background: transparent url(../img/icon-error.gif) no-repeat 0 0;
}
#contactus input {
margin: 0 0 7px 10px;
width: 150px;
border: 1px solid #ccc;
background: #ccc;
}
#contactus #submit {
height: 23px;
width: 89px !important;
border: 0 !important;
margin: 12px 0 0 74px;
}




/* =misc
--------- */
pre {
padding: 10px;
border: 1px dashed #ccc;
}
code {
color: #fff;
font: normal 12px/1.6em courier, sans-serif;
}
h3.guide {
background: #333;
color: #fff !important;
padding: 2px 10px;
margin: 40px 0 20px 0 !important;
}
#print { display: none; }
#map {
margin: 20px;
}
#map a { color: #6475B2; text-decoration: none; text-align: left; }
#map a:hover { text-decoration: underline; }
a.lightbox img { margin: 0 auto; }