/***** Global *****/
body, html { background: #f2e6da url(../images/interface/background.jpg) top center no-repeat; margin: 0; padding: 0; }
a, button { text-decoration: none; cursor: pointer; }
h1,h2,h3,h4 { margin: 0; padding: 0; }
button, a, input { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ul, ol { list-style: none; margin: 0; padding: 0; }

/* Font Faces */
@font-face { font-family: 'Museo500'; src: url('http://localhost/pilr_2010/fonts/Museo500-Regular.eot'); src: local('Museo 500'), local('Museo-500'), url('http://localhost/pilr_2010/fonts/Museo500-Regular.otf') format('opentype'); }
@font-face { font-family: 'Museo700'; src: url('http://localhost/pilr_2010/fonts/Museo700-Regular.eot'); src: local('Museo 700'), local('Museo-700'), url('http://localhost/pilr_2010/fonts/Museo700-Regular.otf') format('opentype'); }
@font-face { font-family: 'Museo300'; src: url('http://localhost/pilr_2010/fonts/Museo300-Regular.eot'); src: local('Museo 300'), local('Museo-300'), url('http://localhost/pilr_2010/fonts/Museo300-Regular.otf') format('opentype'); }

/* Container */
div#container { width: 1060px; margin: 0 auto; position: relative; }

/* Contructors */
.clear-all { clear: both; }



/***** TopDrop *****/
div#topdrop-container { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; font: 12px "Trebuchet MS", Tahoma, Arial, sans-serif;  color: #fff; }
#topdrop-container div.dropper { height: 140px; width: 100%; background: transparent url(../images/interface/topdrop-background.png); display: none; }
#topdrop-container div.topdrop-clickable { height: 26px; width: 100%; background: transparent url(../images/interface/topdrop-button.png) top center repeat-x; cursor: pointer; text-align: right; }
#topdrop-container .dropper div#content { width: 870px; margin: 0 auto; }
#topdrop-container .dropper div.wrapper { float: left; width: 290px; padding: 10px 0; }
#topdrop-container .wrapper h2.drop-title { font: 22px Museo500, "Trebuchet MS", Tahoma, Arial, sans-serif; color: #fff; text-shadow: 0 0 5px #fff; }
#topdrop-container .wrapper input.drop-input { background: #1f1f1f; color: #808080; font: 12px "Trebuchet MS", Tahoma, Arial, sans-serif; border: solid 1px #595959; padding: 3px 5px; margin: 2px; width: 140px; }
#topdrop-container .wrapper .drop-link { text-align: left; cursor: pointer; display: block; font: 12px "Trebuchet MS", Tahoma, Arial, sans-serif; background: transparent url(../images/interface/btn_arrow.png) left no-repeat; color: #ffbf66; border: none; padding: 1px 0 1px 24px; margin: 0; }
#topdrop-container .wrapper .drop-link:hover { color: #fff; }



/***** Top Container *****/
div#top-container { height: 150px; }
#top-container .logo { position: absolute; left: 0; background: transparent url(../images/interface/logo.png) center no-repeat; width: 206px; height: 135px; }



/***** Main Header *****/
div#main-header { height: 340px; }
#main-header div#header-slides { width: 900px; height: 340px; margin: 0 auto; position: relative; }
#main-header div#header-slides div.wrapper { width: 900px; height: 340px; padding: 0 15px; z-index: 10; }
#main-header div#header-slides div.wrapper img.display { position: absolute; right: 30px; bottom: 20px; }

/* Text Styles */
#main-header div#header-slides div.wrapper h1.slide-title { font: 55px Museo700, "Trebuchet MS", Tahoma, Arial, sans-serif; color: #fff; text-shadow: 2px 2px 4px #735d3f; }
#main-header div#header-slides div.wrapper h1.slide-title span { color: #ffc573; }
#main-header div#header-slides div.wrapper h2.slide-description { font: 24px Museo700, "Trebuchet MS", Tahoma, Arial, sans-serif; color: #4c4539; text-shadow: 1px 1px 0px #fff; }
#main-header div#header-slides div.wrapper p.slide-information { font: 14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1a1a1a; margin-top: 25px; }

/* Button Styles */
#main-header div#header-slides div.wrapper button.portfolio { background: url(../images/interface/btn_portfolio_orange.png) center no-repeat; width: 120px; height: 35px; position: absolute; bottom: 30px; }
#main-header div#header-slides div.wrapper button.portfolio:hover { background: url(../images/interface/btn_portfolio_orange_hover.png) center no-repeat; }

#main-header div#header-slides div.wrapper button.read-more { background: url(../images/interface/btn_header_readmore.png) center no-repeat; width: 170px; height: 48px; position: absolute; bottom: 30px; left: 280px; }
#main-header div#header-slides div.wrapper button.read-more:hover { background: url(../images/interface/btn_header_readmore_hover.png) center no-repeat; }

/* Slider Arrows */
#main-header .slider-arrow { position: absolute; width: 75px; height: 340px; cursor: pointer; }
#main-header .left { left: 0; background: url(../images/interface/left_arrow.png) center no-repeat; }
#main-header .right { right: 0; background: url(../images/interface/right_arrow.png) center no-repeat; }



/***** Slide Thumbnails *****/
div#slide-thumb-container { height: 122px; width: 870px; margin: 0 auto; }

/* Thumbnails */
#slide-thumb-container a { width: 85px; height: 85px; float: left; margin: 20px 20px 0 0; cursor: pointer; background: #c0ae9b; }
#slide-thumb-container a img { border: solid 5px #c0ae9b; }
#slide-thumb-container a img.active { border: solid 5px #ffefd9; }

/* Descriptions */
#slide-thumb-container div.thumb-description { display: none; position: absolute; right: 0; width: 430px; font: 11px/16px Verdana, Arial, Helvetica, sans-serif; color: #5d4b38; height: 100px; padding-top: 20px; }
#slide-thumb-container div.thumb-description strong { font-weight: bold; font-size: 12px; }

/* Default Message */
#slide-thumb-container div#default-description { position: absolute; right: 0; width: 430px; font: 11px/16px Verdana, Arial, Helvetica, sans-serif; color: #5d4b38; height: 100px; padding-top: 20px; }
#slide-thumb-container div#default-description strong { font-weight: bold; font-size: 12px; }



/***** Body Content *****/
div#content-container { width: 1060px; }
#content-container a { color: #6385a6; font-weight: bold; }
#content-container a:hover { color: #ce8520; }

/* Services */
#services-copy div.wrapper { width: 352px; height: 285px; float: left; background: url(../images/interface/body_seperator.jpg) top right no-repeat; position: relative; }
#services-copy div.wrapper img { display: block; float: left; margin-top: 20px; }
#services-copy div.wrapper p { display: block; float: right; width: 255px; margin-top: 20px; padding-right: 30px; font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #66625c; }
#services-copy div.wrapper p strong { display: block; font: 20px Museo500, "Trebuchet MS", Tahoma, Arial, sans-serif; color: #403d39; padding-bottom: 8px; }
button.read-more { background: url(../images/interface/btn_body_readmore.png) center no-repeat; width: 105px; height: 33px; position: absolute; bottom: 0; right: 50px; }
button.read-more:hover { background: url(../images/interface/btn_body_readmore_hover.png) center no-repeat; }

/* News */
#content-container div#information-copy { width: 950px; margin: 50px auto 0; }
#information-copy div#news-updates { width: 520px; height: 255px; float: left; }
#information-copy div#news-updates img { display: block; float: left; }
#information-copy div#news-updates p { display: block; float: right; width: 450px; }
#information-copy div#news-updates p strong { display: block; font: 24px Museo500, "Trebuchet MS", Tahoma, Arial, sans-serif; color: #8c7b69; padding-bottom: 8px; }
#information-copy div#news-updates span.news-date { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #8c8277; display: block; }
#information-copy div#news-updates a.news-title { display: block; padding-bottom: 10px; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6385a6; }
#information-copy div#news-updates a.news-title:hover { display: block; padding-bottom: 10px; color: #ce8520; }
#information-copy div#news-updates button.all-news { background: url(../images/interface/btn_allnews.png) center no-repeat; width: 105px; height: 33px; float: right; }
#information-copy div#news-updates button.all-news:hover { background: url(../images/interface/btn_allnews_hover.png) center no-repeat; }

/* Video */
#information-copy div#pilr-video { float: right; background: url(../images/interface/video_bg.jpg) center no-repeat; width: 352px; height: 255px; }
#information-copy div#pilr-video div#flashcontent { margin: 7px; }


/***** Footer *****/
div#footer { background: url(../images/interface/footer_bg.jpg) bottom center repeat-x; height: 375px; }
#footer div.wrapper { width: 1060px; height: 314px; position: relative; bottom: -25px; padding-top: 35px; margin: 0 auto; }

/* Keep in touch */
#footer div#contact-us { width: 350px; float: left; position: relative; padding-top: 90px; font: 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffe3bd; }
#footer div#contact-us img.title { position: absolute; left: -30px; top: 0; }
#footer div#contact-us p { margin-left: 40px; }
#footer div#contact-us button.contact-us { background: url(../images/interface/btn_contact.png) center no-repeat; width: 108px; height: 38px; margin: 10px 0 0 36px; }
#footer div#contact-us button.contact-us:hover { background: url(../images/interface/btn_contact_hover.png) center no-repeat; }

/* Client Spotlight */
#footer div#recent-work { float: right; background: url(../images/interface/client_spotlight_bg.png) center no-repeat; width: 697px; height: 280px; }
#footer div#recent-work div.wrapper { font: 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffe4bf; float: right; width: 600px; height: 200px; margin: 40px 0 0 0; padding: 0 30px 0 0; }
div#recent-work div.wrapper img { float: left; clear: both; margin-right: 20px; }
div#recent-work div.wrapper button.portfolio { background: url(../images/interface/btn_portfolio_dark.png) center no-repeat; width: 108px; height: 38px; position: absolute; bottom: 0; right: 30px; }
div#recent-work div.wrapper button.portfolio:hover { background: url(../images/interface/btn_portfolio_dark_hover.png) center no-repeat; }