html, body { height: 100%; }
body { margin: 0px; padding: 0px; background: #000000 url(images/bg1_01.jpg) repeat left top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #B7B7B7; /* #C9B797; */ }

h1, h2, h3 { margin-top: 0px; }
h1 { }
h2 { }
h3 { font-size: 16px; color: #DFDFDF; /* #FFF6DF; */ }
p, ol, ul { margin-top: 0px; margin-bottom: 1.6em; line-height: 1.6em; }
strong { }
a { color: #B4B4FF; /*#E9DBBA; */ }
a:hover { text-decoration: none; }
a img { border: none; }

.slide a { color: #ffffff; /*#E9DBBA; */ text-decoration: none; }
.slide a:hover { text-decoration: none; }

img.border { }
img.alignleft { float: left; margin-right: 20px; }
img.alignright { float: right; }
img.aligncenter { margin: 0px auto; }
.img1 { margin-top: 7px; border: 7px solid #FFFFFF; }

hr { display: none; }

/** LINKS */
.link1, .link1 a { padding-left: 20px; background: url(images/homepage_06.gif) no-repeat left center; }

/** LISTS */
.list1 { margin-left: 0px; padding-left: 0px; list-style: none; }
.list1 li { overflow: hidden; width: 100%; margin: 0px 0px 5px 0px; }
.list1 strong { float: left; color: #F6F6F6; }
.list1 span { display: block; margin-left: 90px; }
.list1 span a { display: block; }
.list1 span small { font-size: 11px; color: #767676; }
.list2 { width: 100%; overflow: hidden; margin-left: 0px; padding-left: 0px; list-style: none; line-height: 1; }
.list2 li { float: left; padding: 0px 15px 15px 0px; }
.list2 li img { border: 7px solid #FFFFFF; }

/** WRAPPER */

#wrapper { }
.container { width: 900px; margin: 0px auto; }
.clearfix { clear: both; }

/** HEADER */
#header { height: 74px; }
/** LOGO */
#logo { }
#logo { position: relative; float: left; width: 300px; height: 74px; }
#logo h1, #logo p { margin: 0px; line-height: normal; text-indent: -9999em; }
#logo h1 a { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(images/homepage_01.jpg) no-repeat left top; }

/** MENU */
#menu { float: right; width: 600px; height: 74px; background: url(images/bg_01.jpg) no-repeat left top; }
#menu ul { float: right; margin: 0px; padding: 20px 0px 0px 0px; list-style: none; line-height: normal; }
#menu li { float: left; padding-left: 30px; }
#menu a { text-decoration: none; text-transform: lowercase; letter-spacing: -3px; font: 35px "Times New Roman", Times, serif; color: #454545; }
#menu a:hover { color: #FFFFFF; }

/** SLIDESHOW */
#slideshow { position: relative; height: 300px; background: url(images/bg_02.jpg) no-repeat left top; }
#slideshow .viewer { position: absolute; width: 840px; height: 240px; top: 30px; left: 30px; }
#slideshow .reel { }
#slideshow .slide { overflow: hidden; position: relative; width: 840px; height: 240px; }
#slideshow .slide img { }
#slideshow .slide span { position: absolute; display: block; width: 260px; padding: 150px 0px 0px 580px; top: 0px; left: 0px; text-transform: lowercase; font-family: "Times New Roman", Times, serif; color: #FFFFFF; text-shadow: #141414 /* #291003 */ 0px 1px 2px; }
#slideshow .slide span strong { display: block; letter-spacing: -3px; font-weight: normal; font-size: 45px; color: #FFFFFF;  }
#slideshow .slide span em { letter-spacing: -1px; font-style: normal; font-size: 21px; color: #FFFFFF; /*#919191;*/ /*#A89182; */ }
#slideshow .previous, #slideshow .next { position: absolute; top: 125px; display: block; width: 40px; height: 50px; background: url(images/arrows.png) no-repeat; text-indent: -9999em; outline: none; }
#slideshow .previous { left: 50px; background-position: left top; }
#slideshow .next { right: 50px; background-position: right top; }

/** PAGE */
#page { overflow: hidden; background: url(images/bg_03.jpg) repeat left top; }

/** 3-COLUMN PAGE ELAYOUT */
.three-cols { overflow: hidden; }
.three-cols .col1, .three-cols .col2, .three-cols .col3 { float: left; width: 300px; height: auto !important; height: 360px; min-height: 360px; background: url(images/bg_04.jpg) no-repeat; }
.three-cols .col1 { background-position: 0px 0px; }
.three-cols .col2 { background-position: -300px 0px; }
.three-cols .col3 { background-position: -600px 0px; }
.three-cols .col1 .title, .three-cols .col2 .title, .three-cols .col3 .title { height: 50px; margin: 0px; padding: 10px 0px 0px 25px; text-transform: lowercase; letter-spacing: -2px; font: normal 33px "Times New Roman", Times, serif; color: #FFFFFF; text-shadow: #141414 /* #291003 */ 0px 1px 2px; }
.three-cols .col1 .entry, .three-cols .col2 .entry, .three-cols .col3 .entry { padding: 25px; }

/** CONTENT */
#content { float: right; width: 550px; }
#content .title { height: 55px; margin: 0px; padding: 15px 0px 0px 0px; line-height: 1; font: normal 38px/1.2 "Times New Roman", Times, serif; color: #FFFFFF; letter-spacing: -3px; text-transform: lowercase; text-shadow: #141414 /* #291003 */ 0px 1px 2px; }
#content .title2 { height: 25px; margin: 0px; padding: 5px 0px 0px 0px; line-height: 1; font: normal 20px/1.2 "Times New Roman", Times, serif; color: #FFFFFF; text-transform: lowercase; text-shadow: #141414 /* #291003 */ 0px 1px 2px; }
#content .entry { padding-top: 25px; }
div.side { margin-top: 12px; border: 7px solid #FFFFFF; background: #646464; float: right; margin-left: 20px; width: 200px; padding: 5px; clear:both; }
h2 a {color: #ffffff; text-decoration: none; }

/** SIDEBAR */
#sidebar { float: left; width: 250px; }
.side p { margin-bottom: 8px !important; font-size:12px; }
.blog { width: 600px !important; float:left; }

/** FOOTER */
#footer { background: url(images/bg_05.jpg) no-repeat left top; }
#footer p { margin: 0px; padding: 70px 0px; text-align: center; text-transform: lowercase; color: #646464; /*#907D5B; */ }
#footer a { color: color: #646464; /*#907D5B; */ }
#footer .links { }

/** WIDE & DARK LAYOUT */
.wide-dark #page { }
.wide-dark #logo h1 a { background-image: url(images/bg2_01.jpg) }
.wide-dark #menu { background-image: url(images/bg2_02.jpg); }
.wide-dark #page-title { height: 55px; margin: 0px; padding: 15px 0px 0px 25px; background: url(images/bg2_03.jpg) no-repeat left top; line-height: 1; font: normal 38px/1.2 "Times New Roman", Times, serif; color: #FFFFFF; letter-spacing: -3px; text-transform: lowercase; text-shadow: #291003 0px 1px 2px; }
.wide-dark #content { float: none; width: 850px; padding: 25px; overflow: hidden; background: url(images/bg2_03.jpg) no-repeat 0px -70px; }
.wide-dark #page { }

/** TWO COLUMNS & DARK LAYOUT */

.two-cols #page { }
.two-cols #logo h1 a { background-image: url(images/bg2_01.jpg) }
.two-cols #menu { background-image: url(images/bg2_02.jpg); }
.two-cols .title { height: 55px; margin: 0px; padding: 15px 0px 0px 0px; line-height: 1; font: normal 38px/1.2 "Times New Roman", Times, serif; color: #FFFFFF; letter-spacing: -3px; text-transform: lowercase; text-shadow: #291003 0px 1px 2px; }
.two-cols .content { width: 850px; padding: 0px 25px 25px 25px; overflow: hidden; background: url(images/subpage1_01.jpg) no-repeat 0px 0px; }
.two-colsb .content { width: 850px; padding: 0px 25px 25px 25px; overflow: hidden; background: url(images/subpage1_02.jpg) no-repeat 0px 0px; }
.two-cols #page { }

/** BOX1 */

#box1 { padding: 25px 0px; }

/** GALLERY PAGE */
#gallery { overflow: hidden; } /* { width: 850px; overflow: hidden; } */
#gallery .output { position: relative; float: left; width: 560px; height: 525px; } /* background: url(images/gallery_01.jpg) no-repeat left top; } */
#gallery .output img { position: absolute; top: 30px; left: 30px; }
#gallery .output .captions { position: absolute; top: 430px; left: 30px; width: 500px; }
#gallery .output .captions span { display: block; font-family: "Times New Roman", Times, serif; text-transform: lowercase; }
#gallery .output .captions .line { display: block; font-size: 35px; color: #53452E; letter-spacing: -2px; }
#gallery .output .captions .line2 { display: block; font-size: 21px; color: #A3916F; letter-spacing: -1px; }
#gallery .thumbnails { float: right; overflow: hidden; width: 270px; margin: 0px; padding: 0px; line-height: 1; list-style: none; }
#gallery .thumbnails li { float: left; width: 69px; height: 52px; margin: 0px 0px 5px 5px; padding: 8px; cursor: pointer; position: relative; left: -8px; top: -8px; }
#gallery .thumbnails li img { border: solid 8px #FFFFFF; float: left; }
#gallery .thumbnails li img.active { border: solid 8px #FFA15E !important; }
#gallery .prev, #gallery .next { position: absolute; display: block; width: 66px; height: 66px; top: 185px; background: url(images/arrows2.png) no-repeat; text-indent: -9999em; outline: none; }
#gallery .prev { left: 30px; background-position: 0px 0px; }
#gallery .next { right: 30px; background-position: -66px 0px; }