/* -- Misc -- */

* { padding:0; border:0; margin:0; }
/* li{ list-style:none; float:left; margin-right:15px; } */
a { outline:none; color:#f9c222; text-decoration:none; }
a:hover { outline:none; text-decoration:underline; }
body { margin:0; padding:0; background:#11110f; color:#FFF; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:0.75em; }
p { margin:15px 0; }
strong { color:#fff; }
h2 { font-weight:400; font-size:1.5em; }


/* -- Background -- */

.sotd { position:absolute; right:0px; top:160px; z-index:1000; }
#bgWrap { position:absolute; top:0; left:0; float:left; }
div.tile { position:relative; float:left; width:160px; height:95px; cursor:pointer; }
hr { border-bottom:1px dotted #242424; border-left:0; border-right:0; border-top:1px dotted #000; margin:35px 0; }
#pagebg, #pagebg table, #pagebg td { height:100%; width:100%; overflow:hidden; z-index:-10; }
#pagebg { position: fixed; }
#pagebg div { height:200%; left:-50%; position:absolute; top:-50%; width:200%; }
#pagebg td { text-align:center; vertical-align:middle; }
#pagebg img { margin:0 auto; min-height:50%; min-width:50%; }


/* -- Menu -- */

#menu { background:#000; height:48px; width:800px; position:absolute; top:95px; left:0; }
#menu ul { padding:0; margin:0; }
#menu ul li { list-style:none; padding:17px 10px 17px 22px; margin:0; float:left; }
#menu ul li a:link, #menu ul li a:visited  { color:#9d9fa2; text-decoration:none; font-size:14px; text-transform:uppercase; }
#menu ul li a:hover { color:#FFF; text-decoration:none; font-size:14px; text-transform:uppercase; }
#menu ul li a.current { color:#f9c222; }
.tel { color:#9d9fa2; padding:0; font-size:2.1em; font-weight:300; position:absolute; top:108px; left:629px; z-index:200; }


/* -- Content -- */

#login { position:absolute; bottom:0; background:#000; padding:10px 200px 10px 23px; }
.logo { position:absolute; top:0; left:0; z-index:500; }
#content { position:absolute; top:95px; left:0; width:800px; }
#content h1 { color:#f9c222; font-weight:400; margin:0 0 20px 0; font-size:2.1em; }
ul.list { margin:20px; }
ul.list li { margin:5px 0; padding:0 }
#feature { padding:23px; background:url(../images/trans-black-95.png) repeat; position:absolute; top:190px; left:0; width:754px; line-height:170%; }
#feature .feature-text { float:left; margin:30px 0; width:754px; border-top:1px dotted #1d1d1d; }
#feature #col1 { width:434px; float:left; }
#feature #col2 { width:274px; float:right; }
#feature #client-projects { clear:both; border-top:1px dotted #1d1d1d; padding:0 0 30px 0; }
#feature #col1 a:link, #feature #col1 a:visited { color:#f9c222; text-decoration:none; }
#feature #col1 a:hover { color:#f9c222; text-decoration:underline; }
#feature #col1 h2, #feature #col2 h2, #feature #client-projects h2 { font-weight:400; font-size:17px; margin:20px 0; display:block; }
#feature #col2 h2.home { font-weight:300; font-size:17px; margin:0 0 20px 0; display:block; }
#feature ul.fm { margin:10px 20px; padding:5px; }
#feature ul.fm li { margin:7px 0; list-style-image:url(../images/bullet.png); }
#feature ul.home { margin:10px 10px; padding:5px; }
#feature ul.home li { margin:3px 0; }
#feature ol.fm { margin:10px 20px; }
#feature ol.fm li { margin:7px 0; }
#feature .client-project-list { margin:10px 0; padding:0; }
#feature .client-project-list li.first { margin:0 10px 0 0; padding:0; list-style:none; }
#feature .client-project-list li { margin:0 10px; padding:0; list-style-image:url(../images/slash.png); float:left; }
p.testimonial { font-size:15px; line-height:1.5; color:#f9c222; font-style:italic; text-align:left; }
p.testimonial span { font-size:0.7em; color:#9d9fa2; padding:10px 0 0 0; }
.entry { }
.entry h3, .entry h3 a { color:#fff; font-size:20px; text-decoration:none; font-weight:400; margin:0 0 15px 0; }
.entry a { }
.entry .info { color:#8c8e90; }


/* -- Accordion -- */

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; background:#000 url(../images/accordion-closed.gif) no-repeat 730px 10px; font-size:13px; outline:none; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-state-active { background:#000 url(../images/accordion-open.gif) no-repeat 723px 14px; border-bottom: 0 !important; color:#f9c222; }
#accordion h3 a { color:#FFF; text-decoration:none; display:block; font-size: 1.2em; padding: .5em; font-weight:400; }
#accordion h3.ui-accordion-header ui-helper-reset ui-state-active ui-corner-top a { color:#f9c222; text-decoration:none; display:block; font-size: 1.2em; padding: .5em; font-weight:400; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 1em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 1em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }


/* -- Slider -- */

#slider { height:96px; padding:0; margin:0 33px; width:634px; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; width:594px; }
#slider li { width:160px; height:96px; overflow:hidden; margin:0 16px 0 0; }
#slider li img { border:0; }
#prevBtn { background-color:#101010; width:14px; height:96px; position:absolute; z-index:30; top:68px; left:23px; border:0; }
#nextBtn { background-color:#101010; width:14px; height:96px; position:absolute; z-index:30; top:68px; left:763px; border:0; }


/* -- Scrapbook Post -- */

.scrapbookPost { position:relative; padding:0 0 30px; margin:0 0 30px 0; border-bottom:1px dotted #242424; }
.scrapbookPost h2, .scrapbookPost h2 a { color:#fff; font-size:20px; text-decoration:none; font-weight:400; margin:0 0 15px 0; float:left; }
.scrapbookPost .postDate { font-size:12px; position:absolute; background:#9d9fa2; color:#fff; padding:5px 10px; top:-2px; left:798px; width:80px; text-align:center; }
.scrapbookPost .postedBy { font-size:12px; float:right; }
.scrapbookPost .postedBy span { color:#8c8e90; padding-right:10px; }
.scrapbookPost .postTags { color:#999; margin:10px 0; padding:5px; background:#000; display:inline-block; }
.scrapbookPost .postTags span { color:#f9c222; padding-right:10px; font-weight:bold; }
.scrapbookPost .post img { margin:0 0 22px 0; display:block; border:1px solid #242424; }
.scrapbookPost .post { clear:both; display:block; }
.scrapbookPost a.readmore, .scrapbookPost a.readmore:visited { color:#8c8e90; margin:10px 0; padding:5px 15px; background:#f9c222; display:inline-block; color:#333; text-decoration:none; text-transform:uppercase; }
.scrapbookPost a.readmore:hover { color:#fff; text-decoration:underline; }


/* -------- Contact Form -------- */

#frm-contact { display:block; position:relative; }
#frm-contact fieldset { border:0; padding:0; margin:0; }
#frm-contact fieldset input.field { border:0; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; padding:10px 5px; width:434px; background:url(../images/bg-white-90.png) repeat; }
#frm-contact fieldset textarea { border:0px; margin:0 0 20px 0; font-size:11px; color:#fff; padding:15px 5px; width:434px; height:120px; font-family:Arial, Helvetica, sans-serif; font-size:15px; overflow:auto; background:url(../images/bg-white-90.png) repeat; }
#frm-contact fieldset label { margin:0 5px 20px 0; padding:0 10px 0 5px; font-weight:400; display:inline-block; }
#frm-contact fieldset label img { vertical-align:text-bottom; margin:0 0 0 5px; }
#frm-contact fieldset .submit { font-family:Arial, Helvetica, sans-serif; background-color:#f9c222; cursor:pointer; padding:5px 15px; text-transform:uppercase; font-size:12px; }
#frm-contact fieldset .submit:hover { background-color:#f9c222; color:#FFF; }


/* -------- Comments Form -------- */

#comment_form { display:block; position:relative; background:#000; padding:20px; margin:20px 0; }
#comment_form legend { display:block; }
#comment_form .comment-form-email, #comment_form .comment-form-name, #comment_form .comment-form-link { border:0; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; padding:10px 5px; width:225px; background:url(../images/bg-white-90.png) repeat; }
#comment_form textarea { border:0px; margin:0 0 20px 0; font-size:11px; color:#fff; padding:15px 5px; width:434px; height:120px; font-family:Arial, Helvetica, sans-serif; font-size:15px; overflow:auto; background:url(../images/bg-white-90.png) repeat; }
#comment_form .comment-form-submit { font-family:Arial, Helvetica, sans-serif; background-color:#8b8b8b; cursor:pointer; padding:5px 15px; text-transform:uppercase; font-size:12px; font-weight:bolder; display:block; }
#comment_form .comment-form-submit:hover { background-color:#f9c222; }
#comment_form #comment-captcha-answer { border:0; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; padding:10px 5px; width:100px; background:url(../images/bg-white-90.png) repeat; }
#comment_form #comment-captcha { vertical-align:middle; }
#comment_form .comment-captcha-success { color:#6C3; }
#comment_form .comment-captcha-error { color:#F33; }
#comment_form #comment_form_body { width:703px; }


/* -------- Comments List -------- */

ol.comments { list-style:none; border:1px solid #141414; }
ol.comments li { padding:5px 20px; }
ol.comments li.odd { background:#141414; }
ol.comments li.even { background:#0e0e0e; }
ol.comments li .comment-date { color:#8c8e90; }
ol.comments li .comment-name, ol.comments li .comment-name a { color:#f9c222; }
.error { color:#F33; }
.success { color:#6C3; }
div.dropdown { background: #000 url(../images/dropdown-arrow.gif) no-repeat 135px 12px; width: 160px; padding: 4px 0 4px 0; font-size: 12px; position: absolute; z-index:10000; cursor: pointer; }
div.dropdown span { color: #ffffff; font-size: 13px; padding-left: 15px; padding-right: 5px; }
div.dropdown ul { margin-top: 5px; display: none; }
div.dropdown:hover ul { display: block; list-style:none; }
div.dropdown ul li a { padding-bottom:4px; padding-top:4px; text-transform:capitalize; padding-left: 15px; padding-right: 5px; display: block; color: #8d8d8c; }
div.dropdown ul li a:hover, div.dropdown ul li.active a:hover { background-color: #8c8e90; color: #fff; text-decoration: none; }
div.dropdown ul li.active a { background-color: #9e9e9e; color: #101010; text-decoration: none; }
div.dropdown.month { left:619px; top:17px; }
div.dropdown.year { left:443px; top:17px; }


/* fake checkbox : unchecked (default/base) state */
.fakecheck { color:#FFF; text-decoration: none; outline: none; background: url(../images/checkbox.png) no-repeat 0 1px; height: 18px; width: 18px; margin:0 15px 0 0; display: block; display: inline; padding:3px 0 0 26px; }
.fakecheck:hover { text-decoration: none; }
.fakechecked { background-position:left -18px; }

/* -- Footer -- */

#credits { padding:10px; }

.slide-panel { z-index: 25; width: 5px; position:absolute; }
.bottom { bottom:0; }
.right { }
.left { position:absolute; left:0; }
.top { top:0; }
.footer-content { margin-left:auto; margin-right:auto; z-index:200; overflow:hidden; text-align:right; background:url(../images/trans-black-95.png) repeat; height:0; width:100%; color:#fff; }
.slide-button {  background:url(../images/trans-black-95.png) repeat; right:0px; position:absolute; width:160px; z-index:20; cursor:pointer; height:20px; padding-top:5px; text-align: center; font-size:10px; }
.slide-button:hover { color: #9f9d8e; }