/***** Global *****/
body, html { background: #f2e6da url(../images/interface/inner_background.jpg) top center repeat-x; 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; }

/* Buttons */
button.read-more { background: url(../images/interface/btn_body_readmore.png) center no-repeat; width: 105px; height: 33px; }
button.read-more:hover { background: url(../images/interface/btn_body_readmore_hover.png) center no-repeat; }
button.portfolio { background: url(../images/interface/btn_portfolio_orange.png) center no-repeat; width: 120px; height: 35px; }
button.portfolio:hover { background: url(../images/interface/btn_portfolio_orange_hover.png) center no-repeat; }



/***** 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; }

/* Navigation 
#top-container ul.main-nav { position: absolute; right: 0; top: 65px; }
#top-container ul.main-nav li { float: left; display: inline-block; }
#top-container ul.main-nav li a { font: 18px Museo300, Tahoma, Arial, sans-serif; color: #bfb3a3; margin: 0 15px; }
#top-container ul.main-nav li a:hover { font: 18px Museo300; color: #ffbf66; margin: 0 15px; }*/



/***** Main Header *****/
div#main-header { height: 125px; }
#main-header img.display { position: absolute; right: 0; bottom: 20px; }

/* Text Styles */
#main-header h1.page-title { font: 38px Museo700, "Trebuchet MS", Tahoma, Arial, sans-serif; color: #fff; text-shadow: 2px 2px 4px #735d3f; padding-top: 20px; }
#main-header h2.page-description { font: 18px Museo500, "Trebuchet MS", Tahoma, Arial, sans-serif; color: #4c4539; }


/***** Page Sub Links *****/
div#page-sublinks-container { height: 60px; font: 14px/60px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #b37012; }
div#page-sublinks-container a.active { font-weight: bold; color: #000; }

/* Links */
#page-sublinks-container a { font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #667380; }
#page-sublinks-container a:hover { color: #000; }



/***** Body *****/
div#content-container { font: 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #66625c; }
#content-container a { color: #6385a6; font-weight: bold; }
#content-container a:hover { color: #ce8520; }

/* Body Copy */
#content-container div#body-copy { width: 750px; float: left; }

/* Headers */
#body-copy h1.copy-title { color: #d99536; font: bold 22px Museo700, "Trebuchet MS", Tahoma, Arial, sans-serif; padding-top: 20px; }
#body-copy h2.copy-section { color: #663c00; font: 18px Museo500, "Trebuchet MS", Tahoma, Arial, sans-serif; padding: 20px 0 0; margin-bottom: -10px; }

/* Lists */
#body-copy ul.copy-ulist,
#body-copy ol.copy-olist { color: #000; margin-top: 20px; }

#body-copy ul.copy-ulist li,
#body-copy ol.copy-olist li { margin-left: 30px; }

#body-copy ul.copy-ulist li li,
#body-copy ol.copy-olist li li { margin-left: 20px; }

#body-copy ul.copy-ulist li { list-style-type: disc; }
#body-copy ul.copy-ulist li li { list-style-type: circle; }

#body-copy ol.copy-olist li { list-style-type: decimal; }
#body-copy ol.copy-olist li li { list-style-type: upper-roman; }

/* Container Manipulation */
#body-copy p { margin: 20px 0; }

#body-copy img { border: solid 5px #d9c8b8; }
#body-copy a img:hover { border: solid 5px #fff; }
#body-copy img.dry { border: none; }
#body-copy a img.dry:hover { border: none; }

#body-copy .right { float: right; clear: left; margin-left: 20px; }
#body-copy .left { float: left; clear: right; margin-right: 20px; }


/* Right Column */
#right-column { width: 310px; float: right; }
#right-column h1 { font: 18px/40px Museo500, "Trebuchet MS", Tahoma, Arial, sans-serif; color: #4c4945; width: 249px; padding-top: 4px; margin: 0 auto; }
#right-column ul { width: 249px; margin: 0 auto; }
#right-column ul li a { display: block; padding-left: 22px; font: 12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6b8299; }
#right-column ul li a:hover { color: #000; }
#right-column div.col-seperator { height: 1px; line-height: 1px; background: #d9c7b7; border-bottom: solid 1px #f3ede7; }
#right-column div.wrapper { float: right; background: #e6dacf url(../images/interface/right_col_bottom.jpg) bottom no-repeat; width: 289px; padding: 0 0 10px; margin-top: 20px; }
#right-column div.col-top { background: #e6dacf url(../images/interface/right_col_top.jpg) top no-repeat; width: 289px; }

/* Resource List */
#right-column ul.resource li a { background: url(../images/interface/resource_ico.jpg) left no-repeat; }
#right-column ul.resource li a:hover { background: url(../images/interface/resource_ico_hover.jpg) left no-repeat; }

/* News List */
#right-column ul.news li a { background: url(../images/interface/news_ico.jpg) left no-repeat; }
#right-column ul.news li a:hover { background: url(../images/interface/news_ico_hover.jpg) left no-repeat; }




/***** 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; }



/* Added by Shane Rosario */
.userForm { width: 530px; }
.userForm div.row { clear: right; font-size: 85%; margin-bottom: 5px; }
.userForm div.row span.label { float: left; height: 26px; line-height: 26px; width: 150px; padding-right: 10px; text-align: right; }
.userForm div.row span.field span { font-weight: bold; color: Maroon; font-size: .95em; padding-left: 10px; }
.userForm div.row span.field .productLabel { font-weight: bold; color: Black; font-size: .95em; padding-left: 5px; }
.userForm div.row span.field span b { font-size: 1.6em; }
.userForm div.row .textbox { border: solid 1px #d1c1b2; background: #faf2eb; padding: 4px 6px; width: 280px; }
.userForm div.row .button { border: solid 1px #d1c1b2; background: #faf2eb; padding: 4px 6px; }
.userForm .buttonRow { padding: 5px 65px 0 0; text-align: right; font-weight: bold; color: Maroon; }
.userForm .errorLabel { font-weight: bold; color: Maroon; display: block; margin-bottom: 5px; }

.userForm2 { width: 730px; }
.userForm2 div.row { clear: right; font-size: 85%; margin-bottom: 5px; }
.userForm2 div.row span.label { float: left; width: 300px; padding-right: 10px; text-align: right; }
.userForm2 div.row span.field span { font-weight: bold; color: Maroon; font-size: .95em; padding-left: 10px; }
.userForm2 div.row span.field .productLabel { font-weight: bold; color: Black; font-size: .95em; padding-left: 5px; }
.userForm2 div.row span.field span b { font-size: 1.6em; }
.userForm2 div.row .textbox { border: solid 1px #d1c1b2; background: #faf2eb; padding: 4px 6px; width: 280px; }
.userForm2 div.row .button { border: solid 1px #d1c1b2; background: #faf2eb; padding: 4px 6px; }
.userForm2 .buttonRow { padding: 5px 65px 0 0; text-align: right; font-weight: bold; color: Maroon; }
.userForm2 .errorLabel { font-weight: bold; color: Maroon; display: block; margin-bottom: 5px; }


.jobsFrame { width: 900px; height: 500px; border-width: 0; margin-bottom: 10px; }
.allNewsFrame { width: 735px; height: 800px; border-width: 0; margin-bottom: 10px; }
.iframe { margin-left: -10px; width:770px; height:685px; }

body.popup { background: #A3AABA; color: #0B0D22; margin: 10px; }
body.popup h1 { font-size: 135%; color: #0B0D22; }
body.popup a { color: #0b0d22; }
.pnlCardInfo { margin-top: 20px; } 
.pnlCardInfo img { float: right; }
.pnlCardInfo div { padding: 20px 0 0 20px; }
.popupCloseLink { position: absolute; right: 10px; bottom: 10px; }

.gridHeader { background-color: #2C2C2C; color: #FFFFFF; }
.gridHeader a { color: #FFFFFF; }
.gridAltItem { background-color: #E0D4C8; color: #000000; }
.gridAltItem a { color: #000000; }
.gridItem { background-color: #F2E6DA; color: #000000; }
.gridItem a { color: #000000; }