@charset "UTF-8";
/* CSS Document */



/* Global */

* { border: 0; margin: 0; padding: 0; }
html, body { height: 100%; }
body { background: #fff; }
ul, li { margin: 0; padding: 0; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
blockquote { margin: 10px 40px; }

#wrapper { width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -200px 0; }



/* Typography */

h1, h2, h3, h4, h5, h6 { display: block; }
h1 { text-indent: -9999px; margin: 10px 0 5px 5px; }
h2 { font: italic normal 30px/10px "Century Schoolbook", Georgia, serif; margin: 0; color: #000; padding: 20px 0 15px 0; text-transform: lowercase; letter-spacing: 0.05em; text-align: center; background: #fff; }
h2 a { color: #000; }
h2 a:hover { color: #c42700; }
h3 { font: bold 14px/20px "Century Schoolbook", Georgia, serif; color: #999; text-transform: uppercase; margin: 10px 0 5px 0; letter-spacing: 0.06em; }
h4 { font: bold 11px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; margin: 10px 0 5px 0; letter-spacing: 0.1em; padding: 3px 7px; background: #555; }
h5 { font: normal italic 18px Georgia, serif; padding: 0; display: block; color: #999; margin: 0 0 10px 5px; letter-spacing: 0.05em; }
h6 { font: normal 11px "Trebuchet MS", "Helvetica Neue", sans-serif; text-transform: uppercase; letter-spacing: 3px; color: #1e616b; }
p { font: normal 11px/15px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; padding: 5px 0 7px 0; }
p a { padding: 0 3px; background: #fff; color: #c42700; }
p a:hover { padding: 0 3px; background: #000; color: #fff; }
.subhead { font: normal 14px/22px "Century Schoolbook", Georgia, serif; margin: 5px 0 0 0; color: #888; }
.introText { z-index: 100; margin-top: -25px; }
.uc { text-transform: uppercase; }
.lc { text-transform: lowercase; }
.sc { font-variant: small-caps; font: bold 8px "Helvetica Neue", Helvetica, Arial, sans-serif; }
.normal { font-style: normal; }


/* Header */

#top { width: 100%; display: block; clear: both; text-align: center; background: url(../img/top-bg2.png) 0 0 repeat-x; }

#header { width: 980px; height: 150px; display: block; position: relative; clear: both; margin: 0 auto; background: url(../img/header-logo-bg2.png) 0 0 no-repeat; }

#logo { display: block; height: 35px; width: 335px; float: left; margin: 65px 0 0 80px; }
#logo a { text-indent: -9999px; display: block; height: 35px; width: 335px; }
#logo a:hover { background: none; }

#topnav { width: 294px; float: right; margin: 75px 65px 0 auto; }
#topnav ul { display: block; width: 294px; }
#topnav li { display: inline; list-style: none; text-indent: -9999px; float: left; }
#topnav li a { display: block; height: 16px; background: url(../img/topnav.png) no-repeat 0 0; }

#topnav li.wrk a { width: 53px; background-position:  0 0; }
#topnav li.wrk a:hover { background-position: 0 -16px; }

#topnav li.srvcs a { width: 88px; background-position: -53px 0; }
#topnav li.srvcs a:hover { background-position: -53px -16px; }

#topnav li.prfl a { width: 81px; background-position: -141px 0; }
#topnav li.prfl a:hover { background-position: -141px -16px; }

#topnav li.cntct a { width: 72px; background-position: -222px 0; }
#topnav li.cntct a:hover { background-position: -222px -16px; }




/* Breadcrumb */

#breadcrumb { font: normal 8px "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 0.125em; color: #999; display: block; clear: both; padding: 7px 5px; word-spacing: 0.25em; text-transform: uppercase; margin: 15px 0 30px 0; border-top: #eee 1px dotted; border-bottom: #eee 1px dotted; padding: 3px 10px; }
#breadcrumb a { color: #000; border-bottom: none; padding: 1px 2px; }
#breadcrumb a:hover { color: #fff; background: #000; padding: 1px 2px; }



/* Contents */

#content { width: 890px; margin: 0 auto; padding: 0 45px 20px 45px; }

#content ul { color: #000; padding-bottom: 15px; }
#content li { margin: 2px auto 2px 15px; font: bold 11px/16px "Helvetica Neue", Helvetica, Arial, sans-serif; list-style: url(../img/plus-bullet.gif) inside; padding-left: 5px; }

#mainfeature { height: 280px; width: 870px; background: #fff; border-top: #000 1px solid; padding-top: 10px; border-bottom: #000 1px solid; padding-bottom: 10px; clear: both; display: block; margin: 10px 0 20px 0; vertical-align: middle; }

.fpcolside { width: 263px; padding: 10px; background: #fff; border: #c4bdba 1px solid; float: left; display: block; }

.lcol2 { width: 555px; float: left; display: block; padding: 0 50px 10px 0; margin-top: 20px; }
.rcol2 { width: 565px; float: left; display: inline; padding: 0 0 10px 0; margin-top: 20px; }

.lcol1 { width: 265px; float: left; display: inline; padding: 0 50px 10px 0; margin-top: 20px; }
.rcol1 { width: 285px; float: left; display: block; padding: 0 0 10px 0; margin-top: 20px; }

#blindX { width: 575px; height: 250px; display: block; margin-bottom: 10px; border-top: #000 1px solid; border-bottom: #000 1px solid; background: #fff; } 
#blindX img { width: 575px; height: 250px; }

.thumbs img { padding: 5px; margin: 5px 8px 5px 0; background: #fff; width: 90px; height: 90px; }
.thumbs img:hover { background: #000; }

div.recent { float: left; display: inline; width: 164px; padding: 0 10px 10px 0; border-right: #c9c2c0 1px dotted; margin: 0 15px 10px 0; }
div.recent img { width: 150px; height: 60px; padding: 5px; border: #c4bdba 1px solid; background: #fff; margin: 10px 0; }
div.recent a:hover { background: #000; color: #fff; }


/* Headers */

.recent-projects { background: url(../img/h1-recent-projects2.png) 0 0 no-repeat; width: 225px; height: 23px; margin-top: 25px; }
.work-h1 { background: url(../img/h1-work2.png) 0 0 no-repeat; width: 75px; height: 23px; }
.services-h1 { background: url(../img/h1-services2.png) 0 0 no-repeat; width: 120px; height: 23px; margin-left: -2px; }
.profile-h1 { background: url(../img/h1-profile2.png) 0 0 no-repeat; width: 100px; height: 23px; }
.contact-h1 { background: url(../img/h1-contact2.png) 0 0 no-repeat; width: 120px; height: 23px; }





/* Work */

#work { margin: 15px 0 0 0; padding: 0; }
#work ul { list-style: none; width: 700px; }
#work li { width: 178px; padding: 10px; background: #fff; color: #000; float: left; display: inline; margin: 15px 22px 15px 0; font: bold 11px/10px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; border: #fff 1px solid; }
#work li:hover { background: #000; color: #fff; border: #000 1px solid; }
#work li img { border-top: #000 4px solid; margin: 10px 0 0 0; padding: 0; display: block; }

#worknav { float: right; width: 195px; margin: 15px 0px 0px 0px; }
#worknav ul { width: 195px; list-style: none; }
#worknav li { width: 195px; background: none; border-bottom: #000 1px solid; border-left: none; border-right: none; border-top: none; font: bold 9px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; }
#worknav li:hover { background: #fff; border: none; border-bottom: #000 1px solid; }
#worknav li a { color: #000; width: 155px; display: block; padding: 12px 20px; }
#worknav li a:hover { color: #fff; background: #000; }



/* Services */

.services { width: 310px; float: left; display: inline; margin: 10px 30px 30px 0; }
.services img { margin: 15px 0 0 0; border-bottom: #000 5px solid; }

#service-side { float: right; width: 185px; display: inline; margin: 10px 0 0 0; }
#service-side ul { width: 165px; padding: 17px 10px; margin: 0px; list-style-position: inside; list-style-type: circle; }
#service-side li { background: url(../img/plus-bullet.gif) 0 7px no-repeat; margin: 0px 0px 0px 10px; padding: 3px 10px; border: none; font: bold 10px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #222; text-transform: none; }
#service-side li:hover { background: url(../img/plus-bullet.gif) 0 7px no-repeat; border: none; color: #222; }




/* Profile */

#profile { margin: 15px 0 0 0; padding: 0; }
#profile ul { color: #555; padding-bottom: 15px; text-transform: none; }
#profile li { list-style: url(../img/plus-bullet.gif) inside; margin: 5px auto 5px 25px; padding-left: 10px; display: block; font: normal 9px "Helvetica Neue", Helvetica, sans-serif; text-transform: uppercase; }





/* Contact */

div.contact_form form, div.contact_form table, div.contact_form td, div.contact_form th { margin: 0; padding: 0; vertical-align: top; text-align: left; }
div.contact_form table { border-collapse: collapse; }
div.contact_form th { padding: 0 10px 10px 0; }
div.contact_form td { padding: 0 0 10px 0; }
div.contact_form img { margin-left: 5px; }
div.contact_form em { text-decoration: none; font-style: normal; color: #004080; }
div.contact_form  em.error, div.contact_form form em { color: #c1452d; }
div.contact_form div.error { margin-bottom: 15px; }
div.contact_form div.input { float: left; border: #ddd 1px solid; }
div.contact_form select { width: 250px; }
div.contact_form { font: normal normal 11px Arial, sans-serif; color: #404040; }
div.contact_form input, div.contact_form textarea { font: normal normal 1.2em Arial, sans-serif; }
#submit_contact { padding: 2px 5px; margin: 0px; border: #999 1px solid; background: #fff; font: bold 10px Georgia, serif; }


/* Footer */

#bottom { width: 100%; height: 199px; margin: 0; padding: 0; border-bottom: #000 5px solid; }
.push { height: 199px; }

#footer { width: 900px; display: block; margin: 0 auto; padding: 0 40px; height: 199px; border-top: #000 1px solid; }
#footer p { color: #000; font: normal 9px/15px "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.12em; word-spacing: 0.08em; }
#footer a { color: #c42700; background: #fff; }
#footer a:hover { color: #fff; background: #000; }

#footernav { padding: 15px 0 15px 0; margin: 0 0 10px 0; border-bottom: #000 1px solid; }
#footernav ul { display: block; }
#footernav li { list-style: none; display: inline; font: normal 9px "Helvetica Neue", Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.115em; word-spacing: 0.075em; margin: 0; padding: 0; }
#footernav a { padding: 0 6px; margin-right: 3px; color: #000; background: #fff; border-right: #bbb 1px solid; }
#footernav a:hover { padding: 0 6px; color: #fff; background: #000;  }

#copyright p { color: #999; font: normal 9px "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.12em; word-spacing: 0.1em; display: block; text-align: left; 0; padding: 0 0 5px 0; }



/* Layout */

.clearfloat { clear: both; height: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; }
.hr { border-top: #000 1px solid; border-bottom: #000 1px solid; height: 1px; line-height: 1px; display: block; margin: 0; padding: 0; }
.detailside { display: block; clear: both; margin-top: 25px; }