@import url("reset.css");

body { background-color:#2c4789; color:#333; font:normal 0.9em calibri,sans-serif; }
a { color: #f60; text-decoration:none; }
a:hover { text-decoration:underline; }
p { line-height: 1.5em; }

h2 { font:bold 1.8em cambria,serif }
h3 { font:bold 1.4em/1.6em cambria,serif }

.wrapper { clear:both; margin:0 auto; width:960px; }
.header { background:url('/images/bgHeader.png') repeat-x; height:100px; overflow:hidden; }
.content { background:#fff url('/images/bgContent.png') repeat-x; }
.footer { background:url('/images/bgFooter.png') repeat-x; color:#fff; }

.header h1 a { background:url('/images/logo.png') no-repeat; display:block; float: left; height:0px; margin-top:33px; overflow:hidden; padding-top:38px; width:217px; }
.header ul { float: right; margin-top: 40px; }
.header li { display: inline; margin:0 0 0 30px; }
.header a { color: #fff; font-size:1.1em; }

.content { padding:2em 0 1.5em 0; }
.content p { margin-bottom: 1em; }
.content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.banner { padding: 60px 0 0 80px; height: 230px }
.banner img { float:right; margin: -80px 120px 0 0; }
.banner p { color: #666; padding-left:20px; }
.banner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.featured { margin-top: -30px; }
.featured h2 { margin-bottom: 0.5em; }
.featured h3 { margin-bottom: 0.5em; }
.featured .portfolio { border-left: solid 1px #999; font:normal 0.55em calibri,sans-serif; margin-left: 8px; padding-left: 8px;}
.featured .more:before { content:"| ";}
.featured li { float: left; width:300px; padding:0; }
.featured li.middle { padding:0 30px 0 30px; }
.featured ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.footer ul { padding:1em 0 1.5em 0; }
.footer li { float:left; padding:0 0 1.5em 0; }
.footer .about { width:600px; }
.footer .hire { width:330px; margin-left:30px; }
.footer ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.contact_copy { width:450px; float:left; margin-right: 60px; }
.contact_form { width:450px; float:left; }
.contact_form li { margin-bottom:0.5em; }
.contact_form label { display: block; }
.contact_form label:after { content:":" }
.contact_form input.txt { width:300px; }
.contact_form textarea { width:400px; height:120px; }

ul.portfolio li { float:left; padding: 0 20px 20px 0; }
ul.portfolio img { padding: 0.5em 0 0 0; }
img.portfolio { float:right; margin-left:80px; }

.sub {background:url(/images/bgIcon.png) no-repeat 50px 0; padding-left:300px; }