body {
  font: 10pt/17px Arial, Helvetica, Verdana, sanserif;
  color: #D0B290;
  background: #090401 url(cssimg_0809/AI_09background.jpg) center -25px no-repeat;
}
a {color: #89612D;}

.rounded {  border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

.link, .btn { text-align: center; margin: 0 auto; cursor: pointer; letter-spacing: 0.05em; text-transform: uppercase; z-index: -1;  background: url(cssimg_0809/btn_generic.png) top left repeat-x; padding: 16px; display: block; }

.btn:hover, ul#filter .current a, ul#filter li a:hover, ul#filter .current a, .next a, .prev a { color: white;}

div#header { }
div#header h1 {border-bottom: 1px #4C1D09 solid;}
div#header h1 span { display: block;}
div#header h1 a, div#header {}
div#header .tagline { text-align: right; padding: 3px 0 12px 0; text-transform: uppercase; font-size: 0.7em; border-bottom: 1px  #4C1D09 solid; text-shadow: 1px 1px 1px #000; letter-spacing: 0.1em;}
div#header ul li {display: inline-block; padding: 6px 12px; float: right; margin: 6px 0px 0; text-transform: uppercase; font-weight: bold; text-shadow: 1px 1px 0 #000;}
div#header ul li a {}

ul#filter {margin-top: 12px}
ul#filter li { margin-bottom: 12px;  opacity: 0.5; background-color: #90AED0;  }
ul#filter li.btn { padding: 0px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; } 
ul#filter li a {text-align: right; font-size: 1.1em; display: block; color: #353D40; border-right: 1px #90AED0 solid; padding: 16px; }
ul#filter .current {opacity: 1!important;} 

ul#portfolio li a { -webkit-box-shadow: 0 0 15px #000; -moz-box-shadow: 0 0 15px #000; box-shadow: 0px 0px 15px #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; overflow: hidden; height: 100px; color: #3E758D; background-color: white; border: 5px  white solid;}
ul#portfolio li a img { border: none;}
ul#portfolio li a:hover { -webkit-box-shadow: 0 0 15px #9C6F33; -moz-box-shadow: 0 0 15px #9C6F33; box-shadow: 0px 0px 15px #9C6F33;}
.hidden a { cursor: no-drop;}

h2 { margin: 24px 0 6px 6px; clear: both; }
h3 { margin: 0 0 15px 0; font-size: 1.2em; color: white;}
p { line-height: 1.6em; padding: 0 0.5em;}

h3.post_header { margin: 30px 0 12px 12px; font-size: 1.5em; color: white; text-transform: uppercase; text-shadow: 2px 2px 4px #000;}

ul.project_detail { background:url(cssimg_0809/sidebar_background.png); padding: 12px; padding-bottom: 0;}
ul.project_detail li { margin-bottom: 1em; line-height: 1.4em; color: white; text-transform: capitalize; text-shadow: 2px 2px 0px #000;}
ul.project_detail li em {display: block;  color: #D0B290; text-transform: uppercase; font-size: 0.7em; margin-bottom: 0.1em; letter-spacing: 0.2em;}

.post img { width: 500px; display: block; text-align: center; overflow: hidden;  border: 5px white solid; -webkit-box-shadow: 0px 0px 15px #3B434E; box-shadow: 0px 0px 15px #3B434E; -moz-box-shadow: 0px 0px 15px #3B434E; left: 0; background-color: white; height: auto; margin-bottom: 1em;}

.contact_form, .link { background-color: #261108; border: 5px solid #261108; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-position: 0 -21px!important; }
.link a { display: block; text-transform: uppercase; text-shadow: 1px 1px 0px #261209; font-size: 1.1em; } 

.serv { float: none; margin: 0 auto; display: block;}
.serv h2 { float: left; width: 25%; top: -15px; position: relative;}
.planning { background: url(cssimg_0809/planning.png) 0 0 no-repeat;}
.design { background: url(cssimg_0809/design.png) 0 0 no-repeat;}
.development { background: url(cssimg_0809/development.png) 0 0 no-repeat;}
.email { background: url(cssimg_0809/contact.png) 0 0 no-repeat;}

.planning h3,
.design h3,
.development h3,
.email h3 { line-height: 52px; position: relative; left: 50px; top: 12px; margin-bottom: 38px;}

#content { position: relative; }
.prev, .next { width: 100px; z-index: 9999; position: absolute; opacity: 0.5; top: 340px; background-color: #4C5968; padding: 10px; letter-spacing: -0.03em; color: white; font-weight: bold; text-shadow: 0px 0px 1px #000;}
.prev { left: 6px;}
.next {left: 144px; }

fieldset { border: none; font-size: 0.9em; margin: 10px auto; }
legend { display: none;}
input { }
input,
textarea { padding: 4px 2px; width: 100%; margin-bottom: 0.5em; border: 1px solid #fff; background: white url(cssimg_0809/btn_generic.png) 0 -8px repeat-x;}
textarea { height: 50px; overflow: auto;}
input:focus {box-shadow: 0 0 5px #000;}

label { curosr: pointer; display: block; height: 0.5em; margin-top: 5px; color: #FFF; font-weight: bold; font-size: 1.2em;text-transform: uppercase;}

#footer { border: 5px solid #1C0C03; color: #1C0C03; margin: 24px auto; padding: 0px; background: #4C1D09 url(cssimg_0809/btn_generic.png) 0 -5px repeat-x; }
#footer p { padding: 6px;}

/* the overlayed element */
div.overlay { display: none; -moz-box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000;  background: url(cssimg_0809/sidebar_background.png); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  width:333px;  padding: 12px;}
div.overlay div.close {	background-image:url(cssimg_0809/apple-close.png); position:absolute; right: -15px;  top: -12px;  cursor:pointer;  height:28px;  width:28px;}
div.overlay div.close:hover {}

div.overlay.contact .wrap {  background:url(cssimg_0809/petrol-new.png) center no-repeat; padding: 6px 24px; border: 1px solid #4C5A6C; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 285px; -moz-box-shadow: 0 0 10px #000;}
div.overlay.contact div.close {}

.x { display: none;}