#inner { MARGIN: 0 auto; WIDTH: 980px; PADDING: 15px 0; }
header, footer { WIDTH: 100%; }

.logo { HEIGHT: 80px; WIDTH: 330px; FLOAT: left; DISPLAY: inline; margin: 8px 10px 0 0;}
nav { HEIGHT: 80px; }
nav > li { LIST-STYLE: none; OPACITY: 0.75; PADDING: 0 6px; MARGIN: 0 1px; LINE-HEIGHT: 20px; FONT-SIZE: larger; MARGIN-TOP: 35px; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: 900; }

h1, u { FONT-SIZE: 14px; FONT-WEIGHT: 900; TEXT-TRANSFORM: uppercase; TEXT-DECORATION: none; }
h2 { FONT-SIZE: 11px; TEXT-TRANSFORM: uppercase; }

.lnk-button { CURSOR:pointer; BACKGROUND: #eee url(img/arrow-r.png) no-repeat 7px center; BORDER: 1px solid #ccc; PADDING: 2px 10px 2px 15px; MARGIN: 8px 0; DISPLAY: inline-block; }
.lnk-button:hover { BACKGROUND-COLOR: #f5f5f5;  }

footer > div { BACKGROUND: #FFF; PADDING: 20px; BORDER: 1px solid #eee;}
footer > div > h2 { MARGIN-BOTTOM: 20px; }

#footer-left { WIDTH: 278px; HEIGHT: 160px; }
#footer-left input { WIDTH: 264px; }
#footer-left textarea { WIDTH: 270px; HEIGHT: 70px; }

#footer-right { WIDTH: 610px; HEIGHT: 160px; MARGIN-LEFT: 328px; }
#footer-bottom { PADDING: 0 20px; LINE-HEIGHT: 22px; MARGIN-TOP: 10px; }
#footer-bottom > span { MARGIN: 0 7px; }
.nav { MARGIN: 0 15px; WIDTH: 130px; FLOAT: left; }
.nav li { DISPLAY: block; WIDTH: 100px; BORDER-BOTTOM: 1px solid #eee; LINE-HEIGHT: 25px; HEIGHT: 25px; FLOAT: none; }
.nav li:last-child { BORDER: none; }
.nav-sub { WIDTH: 400px; PADDING: 10px; BACKGROUND: #f5f5f5; MARGIN-TOP:10px; }
.nav-sub ul { DISPLAY: inline-block; FLOAT: left; MARGIN-RIGHT: 30px; }
.nav-sub li {width:165px;}
.nav li a {display:block;  PADDING-LEFT: 5px;}
.nav li a:hover {background-color:#eee;}
input[type="text"] { LINE-HEIGHT: 13px; FONT-SIZE: 11px; PADDING-LEFT: 5px; }
textarea { LINE-HEIGHT: 13px; FONT-SIZE: 11px; PADDING: 2px; BACKGROUND: #fff; HEIGHT: 60px; }

hr.dot { BORDER: none; BORDER-BOTTOM: 1px dotted #bbb; }

.datebox { BACKGROUND: #F5F5F5; WIDTH: 50px; HEIGHT: 44px; FLOAT: left; MARGIN: 0 10px 10px 0; }
.datebox .month { COLOR: #ccc; TEXT-TRANSFORM: uppercase; FONT-SIZE: 11px; LINE-HEIGHT: 18px; FONT-WEIGHT: bold; TEXT-ALIGN: center; BACKGROUND: #333; HEIGHT: 18px; }
.datebox .day { BORDER: 1px solid #ddd; FONT-SIZE: 18px; TEXT-ALIGN: center; BACKGROUND-COLOR: #F5F5F5; HEIGHT: 25px; LINE-HEIGHT: 25px; COLOR: #666; FONT-WEIGHT: normal; }

.read-more { BACKGROUND: #F5F5F5 url(img/arrow-r.png) no-repeat 7px center; BORDER: 1px solid #ddd; LINE-HEIGHT: 25px; HEIGHT: 25px; PADDING: 0 10px 0 15px; MARGIN: 5px 0; }
.read-more:hover { BORDER: 1px solid #ccc; BACKGROUND-COLOR: #eee; }

/* PAGE: TEMP HOMEPAGE */
#spotlightsA { FLOAT: left; DISPLAY: inline; MARGIN-RIGHT: 10px; }
#spotlightsA .sl { POSITION: absolute; DISPLAY: none; WIDTH: 100%; }
#spotlightsA .sl:first-child { DISPLAY: block; }

#spotlightsC { margin: 0 -5px; }
#spotlightsC .sl { WIDTH: 320px; margin: 5px; FLOAT: left; DISPLAY: inline-block; }
.sl .details { POSITION: absolute; BOTTOM:0; MARGIN:0 10px 12px 10px; PADDING:3px 0; OPACITY: .75; TEXT-TRANSFORM: uppercase; VERTICAL-ALIGN: baseline;}
.sl .details h1, .sl .details h2 { PADDING:0 8px; }

.sl { DISPLAY: inline-block; POSITION: relative; }
.sl-0 { WIDTH: 510px; }
.sl-1 { WIDTH: 460px; }
.sl-2 { WIDTH: 460px; MARGIN-BOTTOM: 5px; }

/* END PAGE: TEMP HOMEPAGE */



/* PAGE: ITEMPAGE */
.item { MARGIN-BOTTOM: 10px; }
.item article { WIDTH: 500px; PADDING: 10px 15px; }

.item-0 { BACKGROUND: #fff; PADDING: 10px; }
.item-0 article { DISPLAY: inline-block; WIDTH: 480px; }

.item article h1, .item article u { MARGIN: 20px 0 7px; DISPLAY: block; }
.item article h2 { MARGIN: 13px 0 5px; }
.item article .p { MARGIN: 8px 0 5px; }
.item article .p-s { FONT-SIZE: smaller; MARGIN: 8px 0 5px; LINE-HEIGHT: 14px; }
.item article .p-quote { TEXT-TRANSFORM: uppercase; FONT-WEIGHT: 900; FONT-SIZE: 18pt; LINE-HEIGHT: 18pt; }
.item article .img { MARGIN: 8px 0 5px; TEXT-ALIGN: center; }
.item article .video { MARGIN: 8px 0 5px; BORDER: 3px solid #eee; TEXT-ALIGN: center; }

.item-0 .gallery { PADDING: 20px; FLOAT: right; DISPLAY: inline-block; WIDTH: 400px; }
.item-0 .gallery h1 { MARGIN: 20px 0 7px; }
.item-0 .gallery img { MARGIN: 2px; }

.item-1 { BACKGROUND: none; }
.item-1 article { FLOAT: right; DISPLAY: inline; WIDTH: 440px; PADDING: 0 15px; BACKGROUND: #fff; HEIGHT: 450px; }
.item-1 .gallery { MARGIN: 0; MARGIN-RIGHT: 10px; }
/* END PAGE: ITEMPAGE */



/* PAGE: CONTACTPAGE */
.item-0 #map-canvas { WIDTH: 400px; HEIGHT: 300px; BORDER: 3px solid #eee; DISPLAY: inline-block; }
.item-1 #map-canvas { WIDTH: 500px; HEIGHT: 500px; BORDER: none; DISPLAY: inline-block; }

#contacts { MARGIN: 5px -5px; CLEAR: both; }
.item-1 .contact { BACKGROUND: #fff; PADDING: 10px; }
.item-1 .contact-main { MARGIN: 0; PADDING: 0; }
.contact { WIDTH: 300px; MARGIN-RIGHT: 10px; MARGIN: 0 5px; DISPLAY: inline-block; FLOAT: left; }
.contact h3 { TEXT-TRANSFORM: uppercase; }
.contact > a.img { DISPLAY: inline-block; WIDTH: 100px; HEIGHT: 120px; FLOAT: left; MARGIN-RIGHT: 10px; }
.contact > .details { DISPLAY: block; }
.contact .text { MARGIN-TOP: 10px; }
span.left { WIDTH: 60px; DISPLAY: inline-block; }

.contact-main { DISPLAY: block; FLOAT: none; }

.contactForm { MARGIN: 20px 0; }
.contactForm label { DISPLAY: inline-block; WIDTH: 80px; }

textarea { DISPLAY: block; WIDTH: 340px; HEIGHT: 150px; }
input[type=text] {WIDTH: 250px; }
input[type=text]:hover, #contactForm input[type=text]:focus, textarea:hover, textarea:focus { BORDER-COLOR: #000; }

.succeed, .failed { DISPLAY: none; }
/* END PAGE: CONTACTPAGE */



/* PAGE: NEWS ROLL */
.newsheader-info { POSITION: relative; TOP: 190px; LEFT: 20px; WIDTH: 300px; TEXT-TRANSFORM: uppercase; LINE-HEIGHT: 20px; FONT-SIZE: 15px; BACKGROUND: #F5F5F5; COLOR: #666; PADDING: 5px 10px; }
.newsheader-info h1 { FONT-SIZE: 11px; }

#roll { MARGIN-BOTTOM: 10px; BACKGROUND: #fff; PADDING: 0 20px 20px 20px; DISPLAY: block; CLEAR: both; }
.roll-item { PADDING: 10px; MARGIN: 10px; DISPLAY: block; BORDER-TOP: 1px dotted #ccc; }
.roll-item-img { DISPLAY: block; FLOAT: left; HEIGHT: 230px; MARGIN-RIGHT: 25px; }
.roll-item-info h1 { }
.roll-item-text { WIDTH: 900px; }
/* END PAGE : NEWS ROLL */


/* PAGE: ITEMS PAGE */
#items { MARGIN: 0 -3px; }
#items > .item { DISPLAY: inline-block; POSITION: relative; MARGIN: 3px; }
#items > .item .details { WIDTH: 275px; POSITION: absolute; BOTTOM: 5px; MARGIN: 7px; PADDING: 7px 15px; OPACITY: .8; TEXT-TRANSFORM: uppercase; VERTICAL-ALIGN: baseline; }
#items > .item .details * { OPACITY: 1; }
#items > .item-x2 .details { WIDTH: 441px; BOTTOM: 5px; }
/* END PAGE: ITEMS PAGE */



/* RESPONSIVE DESIGN 

@media screen and (max-width:980px) {
    #inner { MARGIN: 0 auto; WIDTH: 94%; }
    #spotlightsA { WIDTH:60%;}
    #spotlightsB {Width:35%}
    header > .logo {display:block; WIDTH:90%}
}
  
@media screen and (max-width:650px) {
    #spotlightsA { WIDTH:90%;}
    #spotlightsB {Width:90%}
}

END RESPONSIVE DESIGN /*