* {margin: 0; padding: 0;} img {border: 0;}
a {color: #BBB67E;} a:hover {color: #ABBB7E;}
h1#portheader {display: none;}

html, body {background: #2E0500 url(images/portfolio_grad.gif) repeat-x; margin: 0; padding: 0;}
#container {background: url(images/portbg.jpg) top center no-repeat; float: left; width: 100%; text-align: center;}
#contactcontainer {background: url(images/portbg.jpg) top center no-repeat; float: left; width: 100%; background-position: -0px -100px;}

.portfolio_items {width: 100%; height: 218px; background: url(images/transparent1.gif); text-align: center; margin-top: 80px;}
#contactcenter {width: 100%; text-align: center; margin-top: 80px;}
#contact_title{width: 880px; height: 60px; text-align: left; margin: auto;}
h2#contact_me {width: 197; height: 45px; background: url(images/contact_me.gif) top left no-repeat; text-indent: -9999px;}
#contact_formbody {width: 450px; color: #9A9C7D; font: 12px/16px Arial, Helvetica, sans-serif; float: left;}
html>body #contact_formbody {float: none; width: 500px;}

#contact_body {width: 100%; padding-top: 22px; padding-bottom: 40px; background: url(images/transparent1.gif); text-align: center;}
#contact_content {width: 880px; text-align: left; margin: auto;}
#contact_side {width: 200px; float: right; margin-right: 100px;}
#contact_side a, #contact_side {color: #90612E; font: 12px/18px Arial, Helvetica, sans-serif;}

#contact_side a:hover {color: #ABB153;}
.portfolio_imgs {width: 980px; text-align: center; margin: 0 auto 0 auto;}
.portfolio_imgs img {margin: 13px 10px 0 10px;}
.portfolio_description {background: url(images/transparent2.gif); text-align: center; margin: 0 0 0 0; width: 100%; height: 130px;}
.portfolio_item {width: 295px; margin: 15px 13px 0 13px; float: left; text-align: left; color: #979068; font: 11px/16px Arial, Helvetica, sans-serif;}
html>body .portfolio_item {width: 300px;}

#contact_formbody span {font-weight: bold; color: #9B9F68;}
#contact_formbody .forminput, #contact_formbody textarea {margin: 6px 0 4px 0; background-color: #ECE4CC; border: 1px solid #D3BD7B;}
#contact_formbody textarea {margin: 6px 0 10px 0;}
h2#tkw {background: url(images/tkw.gif) top left no-repeat; width: 166px; height: 30px; text-indent: -9999px;}
h2#sg {background: url(images/sg.gif) top left no-repeat; width: 116px; height: 30px; text-indent: -9999px;}
h2#s2 {background: url(images/s291.gif) top left no-repeat; width: 84px; height: 30px; text-indent: -9999px;}

h2#rb {background: url(images/rb.gif) top left no-repeat; width: 166px; height: 30px; text-indent: -9999px;}
h2#wl {background: url(images/wl.gif) top left no-repeat; width: 290px; height: 30px; text-indent: -9999px;}
h2#vw {background: url(images/vwe.gif) top left no-repeat; width: 214px; height: 30px; text-indent: -9999px;}

h2#bm {background: url(images/bm.gif) top left no-repeat; width: 166px; height: 30px; text-indent: -9999px;}
h2#fi {background: url(images/fi.gif) top left no-repeat; width: 290px; height: 30px; text-indent: -9999px;}
h2#ah {background: url(images/ah.gif) top left no-repeat; width: 150px; height: 30px; text-indent: -9999px;}

#footer {color: #A8803B; text-align: center; width: 100%; margin-top: 30px; font: 12px Arial, Helvetica, sans-serif;}
#footer a {color: #A8803B;}
#copy {color: #606060; text-align: center; width: 100%; margin-top: 60px; padding-bottom: 40px;font: 12px Arial, Helvetica, sans-serif;}
#copy a {color: #606060;}

.portfolios {width: 980px; text-align: center; margin: 0 auto 0 auto;}


#navigation {position: absolute; width: 214px; height: 35px; margin-left: 44px; top: 12px; }
html>body #navigation {left: 646px;}
#navigation li {height: 35px; position: absolute; display: block; top: 0px;}
#navigation a {height: 26px; display: block; border:0; text-indent: -9999px; text-decoration: none; overflow: hidden;}

#navigation #nav_blog a {width: 56px;}
#navigation #nav_portfolio a {width: 87px;}


#navigation #nav_contact a {width: 71px;}
#navigation #nav_blog {width: 56px; left: 0px; background-position: -0 0;}
#navigation #nav_portfolio {width: 87px; left: 56px; background-position: -56px -40px;}
#navigation #nav_portfolio2 {width: 87px; left: 56px; background-position: -56px -0px;}
#navigation #nav_contact {width: 71px; left: 143px; background-position: -143px 0;}
#navigation #nav_contact2 {width: 71px; left: 143px; background-position: -143px -40px;}

#navigation {background: url(images/navigation.gif) no-repeat;}
#navigation li {background: url(images/navigation.gif) 0 0 no-repeat; list-style: none;}

#navigation #nav_blog a:hover {width: 56px; background: url(images/navigation.gif) -0px -40px no-repeat;}
#navigation #nav_portfolio a:hover {width: 87px; background: url(images/navigation.gif) -56px -40px no-repeat;}
#navigation #nav_portfolio2 a:hover {width: 87px; background: url(images/navigation.gif) -56px -40px no-repeat;}
#navigation #nav_contact a:hover {width: 71px; background: url(images/navigation.gif) -143px -40px no-repeat;}
#navigation #nav_contact2 a:hover {width: 71px; background: url(images/navigation.gif) -143px -40px no-repeat;}
#header {width: 980px; margin: 0 auto 0 auto; position: relative;}
#contactarea {width: 100%; text-align: center; margin: 60px 0 100px 0;}

#recognition img {
	margin: 0 30px 20px 30px;
}