html, body { height: 100%; width:100% }
body { margin:0; padding:0; border:0; background:#fff }
a img { border:0 }
ul { list-style-type:none; margin:0px; padding:0px }
img { -ms-interpolation-mode: bicubic; outline:none }
a { outline:none }

#container { top:0px; left:0px; overflow:hidden; width:100%; height:100% }

.nav { float:left; margin:50px 60px }
.nav li { float:left }

.menu { width:80px; float:left; position:absolute; top:147px; left:60px; text-align:left }
.menu .green  { color:#c1c568 }
.menu .green a { color:#000 }
.menu .green a:hover { color:#c1c568 }
.menu .blue  { color:#276Cb2 }
.menu .blue a { color:#000 }
.menu .blue a:hover { color:#276Cb2 }

.header { font-size:13px; font-weight:900; color:#000 }
.sub { font-size:10px; font-weight:100; color:#adadad }

.thankyou { font-size:11px; font-weight:900; color:#e7766a; margin:0 0 10px 0 }

.flash { width:100%; height:100%; float:left; z-index:2; top:0px; left:0px; position:absolute; overflow:hidden }

.floater { z-index:3; position:relative; overflow:hidden }

.news { width:250px; float:right; margin:150px 60px 0px 0px }
.news .current span { font-size:11px; font-weight:900 }
.news .current a { color:#000 }
.news .current a:hover { color:#adadad }
.news .blog span { color:#adadad }
.news .blog a { font-size:12px; font-weight:900; color:#000 }
.news .blog a:hover { color:#adadad }

.about { float:left; margin:150px 60px 0px 60px }
.about span { color:#adadad }
.about .left { float:left; width:260px; margin-right:50px }
.about .left li { margin:14px 0px 7px 0px }
.about .right { float:left }
.about .right li { margin:14px 0px 7px 0px }

.contact { float:left; margin:150px 60px 0px 60px }
.contact span { color:#adadad }
.contact form { overflow:hidden }
.contact  a { color:#000 }
.contact  a:hover { color:#e7766a }
.contact .left { float:left; width:260px; margin-right:50px }
.contact .header { margin:14px 0px 7px 0px }
.contact .req { float:left; position:relative; clear:both; margin-left:80px }
.contact .inline { overflow:hidden; margin:0px 0px 5px 0px }
.contact .inline  input { width:170px; padding:2px; border:1px solid #adadad; font-size:11px; color:#adadad; float:right }
.contact .inline  input:focus { border:1px solid #000; color:#000 }
.contact .inline  input:hover { border:1px solid #000 }
.contact .inline  span { color:#adadad; float:left; display:block; clear:left }
.contact .bulk { overflow:hidden; margin:7px 0px 7px 0px }
.contact .bulk  textarea{ width:257px; height:100px; margin-top:5px; border:1px solid #adadad; font-family:sans-serif; font-size:11px; font-weight:100; color:#adadad; float:left }
.contact .bulk  textarea:focus { border:1px solid #000; color:#000; }
.contact .bulk  textarea:hover { border:1px solid #000 }
.contact .bulk  span{ color:#adadad; float:left; display:block; clear:left }
.contact .right { float:left; line-height:14px }
.contact .right li { margin:14px 0px 7px 0px }

.login { float:left; margin:150px 60px 0px 60px; width:250px }
.login  li { overflow:hidden; margin:0px 0px 5px 0px }
.login form { overflow:hidden }
.login  span { color:#adadad }
.login  .inline input { width:170px; padding:2px; border:1px solid #adadad; font-size:11px; color:#adadad; float:right }
.login  .inline input:focus { border:1px solid #000; color:#000 }
.login  .inline input:hover { border:1px solid #000 }
.login  .error { color:#e7766a; line-height:30px }

.copyright { float:right; position:absolute; bottom:20px; right:60px; text-align:both }

.default_font { font-size:10px; font-family:sans-serif; font-weight:100; color:#000 }

.link_txt a{ text-decoration:none }
.link_txt a:hover{ text-decoration:none; cursor:pointer }

.submit { background:#fff; text-decoration:none; color:#000; left:-1px; cursor:pointer; border:0; font-size:11px; padding:0; font-weight:900; margin:5px 0px 0px 0px; float:left; position:relative; clear:both }
.submit:hover { color:#e7766a }

a.portfolio_active { display:block; width:67px; height:20px; margin:0; padding:0; text-decoration:none; background:url("/assets/png/btn/portfolio.png") no-repeat 0 0; background-position:-67px 0 }
a.portfolio { display:block; width:67px; height:20px; margin:0; padding:0; text-decoration:none; cursor:pointer; background:url("/assets/jpg/stacey.jpg") no-repeat 0 0 }

a.projects_active { display:block; width:62px; height:20px; margin:0; padding:0; text-decoration:none; background:url("/assets/png/btn/projects.png") no-repeat 0 0; background-position:-62px 0 }
a.projects { display:block; width:62px; height:20px; margin:0; padding:0; text-decoration:none; cursor:pointer; background:url("/assets/png/btn/projects.png") no-repeat 0 0 }
a.projects:hover { background-position:-62px 0 }

a.about_active { display:block; width:51px; height:20px; margin:0; padding:0; text-decoration:none; background:url("/assets/png/btn/about.png") no-repeat 0 0; background-position:-51px 0 }
a.about { display:block; width:51px; height:20px; margin:0; padding:0; text-decoration:none; cursor:pointer; background:url("/assets/png/btn/about.png") no-repeat 0 0 }
a.about:hover { background-position:-51px 0 }

a.contact_active { display:block; width:61px; height:20px; margin:0; padding:0; text-decoration:none; background:url("/assets/png/btn/contact.png") no-repeat 0 0; background-position:-61px 0 }
a.contact { display:block; width:61px; height:20px; margin:0; padding:0; text-decoration:none; cursor:pointer; background:url("/assets/png/btn/contact.png") no-repeat 0 0 }
a.contact:hover { background-position:-61px 0 }