/* @group Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption {margin: 0; padding: 0;border: 0; outline: 0;	font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit;} focus {outline: 0;} body {line-height: 1; color: black; background: white;} ol, ul {list-style: none;} caption {text-align: left;	font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";}
/* @end */

/* @group Structure */
body {background: #060606 url(../images/bg-11.jpg) no-repeat fixed center top;}
#wrapper { width: 900px; margin: 0 auto;}
#header { position: relative; height:41px;}
#intro {padding: 65px 0 65px 0;}
#missing {padding: 65px 0 65px 0;}


.work-top-row { margin: 40px 0 0 0; }
.work-bottom-row { margin: 40px 0 40px 0; }
.portfolio-wrapper {float: left;  margin:0 40px 0 0; }
.portfolio-wrapper.last {float: left; margin:0;}

.about-inner {background: url(../images/border-3-columns.png) repeat-y; min-height:630px; height:auto !important; height:630px;}
.services-inner {background: url(../images/border-2-columns.png) repeat-y; min-height:450px; height:auto !important; height:450px; }
.contact-inner {background: url(../images/border-3-columns.png) repeat-y; border-bottom: 1px solid #3a3a3a; }

.box-left {width: 272px; float: left; padding: 35px 20px 35px 0;}
.box-center {width: 270px; float: left; padding: 35px 20px;}
.box-right { width: 272px; float: left; padding: 35px 0 35px 20px; }
.box-span-two { width: 582px; float: left;  padding: 35px 20px 35px 0;}

#footer {padding: 20px 0 200px 0; border-top: 1px solid #3a3a3a;}
/* @end */

/* @group Navigation & Links */
#wrapper a {text-decoration: none;}
.nav-content {padding: 11px 0;   border-top: 1px solid #3a3a3a;  border-bottom: 1px solid #3a3a3a;}
.nav-content ul {float: right;}
.nav-content ul li {display: inline;}
.nav-content ul li a { display: block; float: left;  padding: 5px 10px; margin: 0 15px 0 0; font: 15px Georgia, "Times New Roman", Times, serif; letter-spacing: 1px;  text-transform: uppercase;  color: #999;}
.nav-content ul li a:hover {background: transparent url(../images/nav-trans-bg.png) repeat; color: #eee;}
.nav-content ul li a.active {background: #b83519; color: #eee;}
.nav-content ul li a.last {margin-right: 0;}

.portfolio-wrapper a {position:relative; display: block; padding: 6px; border: 1px solid #3a3a3a;}
.portfolio-wrapper a:hover {border: 1px solid #666;}

.portfolio-wrapper .links { padding:0; margin:25px 0 0 0;}
.portfolio-wrapper .links a { display:block; float: left; padding: 0px 10px 0px 0; color:#909090;  font-size: 12px; text-transform: uppercase;  border: none; letter-spacing: 1px; }
.portfolio-wrapper .links a:hover {color: #ccc;}
.portfolio-wrapper .links a.right {padding: 0 0 0 10px; border-left: 1px solid #3a3a3a;}

.portfolio-wrapper a span{position:absolute; left:-9999px;}
.portfolio-wrapper a:hover span {bottom:8px; left:6px; width: 239px; padding:10px; background: transparent url(../images/trans-bg.png) repeat; color:#fff;  font-size:14px; line-height:22px; text-decoration:none;} 
.portfolio-wrapper a:hover { white-space: normal;  }
.portfolio-wrapper a span strong {display: block; font-weight: bold;}

.about-inner a, .services-inner a, .contact-inner a {text-decoration: none; color: #CC3300;}
.about-inner a:hover, .services-inner a:hover, .contact-inner a:hover {color: #f43400;}

.about-inner .book {margin: 15px 0 0 0; padding: 0 0 15px 0; border-bottom: 1px solid #3a3a3a; }
.about-inner .book a img {display: block; float: left; padding: 3px; margin: 0 10px 0 0; border: 1px solid #3a3a3a;}
.about-inner .book a img:hover {border: 1px solid #666;}


.contacts {margin: 0 0 15px 0;}
span.email-link { display: block; float: left; margin:6px 0 0 7px; font: 12px Georgia, "Times New Roman", Times, serif; text-transform: uppercase;}
a.gtalk { display: block; float: left; margin:6px 0 0 7px; font: 12px Georgia, "Times New Roman", Times, serif; text-transform: uppercase;}
.gtalk-img {display: block; float: left; width: 9px; height: 9px; margin:9px 0 0 7px;}

#footer a {float: right; display: block; margin: 0; font-size: 15px; color: #555;  font-family: Georgia, "Times New Roman", Times, serif;}
#footer a:hover {color: #CC3300;}

#missing a { display: block; float: left;  padding: 5px 10px; margin: 0 15px 0 0; font: 15px Georgia, "Times New Roman", Times, serif; letter-spacing: 1px;  text-transform: uppercase;  background: #b83519; color: #eee; }
#missing  a:hover {background: #565656; color: #eee;}
/* @end */

/* @group Typography */
body { font:75% "Helvetica Neue",Helvetica, Arial,sans-serif; color:#9c9c9c;}
/* Logo*/
#logo {text-align:left;text-indent:-9999px;}
#logo h1 { position:absolute; top:0px; left:0; width:272px; height:40px; background: #b83519 url(../images/logo.png) no-repeat 0 0; z-index: 1;}
#intro h1, #missing h1 { margin: 0 0 10px 0; color: #585858;	font: 35px Georgia, "Times New Roman", Times, serif;}
#intro p {font: 22px/30px Georgia, "Times New Roman", Times, serif; color: #aaa; letter-spacing: 1px;}
#intro p  span.ampresad { font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
font-size:26px; font-style:italic;}
#missing p {font: 22px/30px Georgia, "Times New Roman", Times, serif; color: #aaa; letter-spacing: 1px; margin: 0 0 20px 0;}


.nav-content h2 {float: left; margin: 0; padding: 0; font: 24px Georgia, "Times New Roman", Times, serif;
color:#666;}
.about-inner h3, .services-inner h3, .contact-inner h3 {margin: 0 0 25px 0; font: 22px Georgia, "Times New Roman", Times, serif;  color: #aaa;}

.services-inner h4  {margin: 0 0 15px 0; font: 18px Georgia, "Times New Roman", Times, serif;  color: #aaa;} 

.services-inner h5  {margin: 0 0 20px 0; font: 18px/24px Georgia, "Times New Roman", Times, serif;  color: #aaa;  letter-spacing: 1px;}
.services-inner h5  span.ampresad { font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
font-size:19px; font-style:italic;}

.about-inner p { font-size: 16px; line-height:22px;}
.about-inner .book p {font-size: 14px; line-height: 16px;}
.services-inner p { font-size: 16px; line-height:22px; }

.contact-inner .box-center h3 {margin: 0; font: 18px Georgia, "Times New Roman", Times, serif;}
.contact-inner .box-right h3 {margin: 0 0 15px 0; font: 18px Georgia, "Times New Roman", Times, serif;}

ul.list { margin:0 0 35px 0;}
ul.list li { margin:0 0 12px 0; padding: 0 0 12px 0;  border-bottom: 1px solid #3a3a3a; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; letter-spacing: 1px;}
ul.list li.last { border-bottom:none;}
ul.list li span { text-transform: none;}
.box-span-two p, .box-left p { margin: 0 0 20px 0;}
#footer span {display: block; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #555;}
/* @end */

/* @group Components */
/* Twitter */
.tweet { margin: 0 0 35px 0; line-height: 18px;}
.tweet li {padding: 15px 0; border-bottom: 1px solid #3a3a3a; }
.tweet li a { margin: 0 0 5px 0; font-size: 11px; letter-spacing: 2px; text-transform: uppercase;}
.tweet li.tweet_first {padding-top: 0; }
.tweet li span.tweet_text { display: block; margin: 7px 0 0 0; font-size: 14px; }
.tweet li span.tweet_text a {font-size: 12px; text-transform: none;}
.tweet_avatar {padding-right: .5em; float: left; }
.tweet_list .tweet_avatar img { vertical-align: middle;}

/* forms.css */
#contact-form { clear: both; padding:45px 0 45px 0;}

.contact label {display: none;}
.contact fieldset {border: none;}
.contact legend { display: none;} 

textarea, input { font-family:"Helvetica Neue",Helvetica, Arial,sans-serif;  font-size: 16px;  color: #aaa; background: transparent;}

.message {display:none; padding:15px 0; margin: 0 0 35px 0; font-size: 16px;  border-top: 1px solid #3a3a3a; border-bottom: 1px solid #3a3a3a;}
.contact .special {display:none;}
#form-right {width: 280px; float: right; }
.contact input#name  {  width: 262px;  padding: 10px 7px; margin: 0 0 26px 0; border: 1px solid #3a3a3a; margin: 0 0 26px 0;}
.contact input#email  {width: 262px;  padding: 10px 7px; margin: 0 0 26px 0; border: 1px solid #3a3a3a; }
.contact textarea#text  { float: left;  padding: 10px 7px;  width: 569px; height: 163px; overflow: auto; border: 1px solid #3a3a3a;}
.contact input#button {float: right; width:280px; padding: 12px 7px;  background: #b83519; font-size: 20px; border: none; color: #fff;  text-align: left; font-size:16px;}
.contact input#button:hover{ background: #565656;  color: #fff; cursor: pointer !important; }

/* @end */


/* @group Various */
.left {float: left;}
.right {float: right;}

.clear { display: inline-block; }/* Clearing floats without extra markup  */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear {display: block;}

a:focus {outline:none}/*this avoids having image replacement sections display a dotted outline*/
* {text-shadow: #000000 0 0 0px;} /* Fix the bad text rendering in Safari */
/* @end */