* {margin: 0; padding: 0;}
body {background: url(../images/bridgeback.jpg) top center no-repeat; background-color: #05070a; color: #fff; font-family: "helvetica neue", helvetica, arial, sans-serif; font-size: 100%;}

a:link {color: #f3a100; font-weight: bold; text-decoration: none;}
a:visited {color: #f3a100; font-weight: bold; text-decoration: none;}
a:hover {color: #fff; font-weight: bold; text-decoration: none;}
a:active {color: #fff; font-weight: bold; text-decoration: none;}

h3 {color: #fff; font-size: 1.25em; line-height: 1.35em;}

input {margin-right: 11px;}
strong {font-weight: bold;}
textarea {margin: 15px 0;}


#container {margin: auto; overflow: hidden; width: 950px; font-size: 0.85em; line-height: 1.55em;}
#header {height: 435px; width: 950px;}
#logo h1 {background: url(../images/logo.png) top left no-repeat; height:103px; margin-top: 25px; width: 484px; text-indent: -99999px;}

#menu {font-size: 1.1em; height: 75px; width: 484px; padding-top: 15px;}

#menu li {display: inline; padding-right: 35px;}

#hello h2 {background: url(../images/hello.png) top left no-repeat; height: 135px; margin-top: 48px; width: 484px; text-indent: -99999px;}
#portfolio {border-top: solid 1px #fff; margin-top: 55px; padding-bottom: 20px; width: 950px;}
#services {border-top: solid 1px #fff; clear: both; padding-bottom: 20px; width: 950px;}
#about {border-top: solid 1px #fff; padding-bottom: 20px; width: 950px;}
#contact {border-top: solid 1px #fff; padding-bottom: 20px; width: 950px;}
#footer {border-top: solid 1px #fff; padding-top: 15px; padding-bottom: 20px; text-align: right; width: 950px;}

h2.portfolio {background: url(../images/someofmywork.png) top center no-repeat; height: 32px; text-indent: -999999px; width: 950px;}
h2.services {background: url(../images/whaticandoforyou.gif) top center no-repeat; height: 32px; text-indent: -999999px; width: 950px;}
h2.about {background: url(../images/abriefhistory.gif) top center no-repeat; height: 32px; text-indent: -999999px; width: 950px;}
h2.contact {background: url(../images/getintouch.gif) top center no-repeat; height: 32px; text-indent: -999999px; width: 950px;}


.content_left {padding: 17px 17px 0 0; width: 694px;}

.content_left h3 {padding: 15px 0 0 0;}

.content_right {float:right; padding-top: 17px; width: 220px;}
.content_right li {margin-left: 15px; padding-top: 3px;}

.image {float: right; padding: 0 0 10px 10px;}

.hidden {display: none;}

.message {margin-top: 250px; padding-bottom: 20px; width: 950px;}

.navigation {padding-top: 30px;}
.navigation li {display: inline; padding-right: 35px;}
.navigation img {border: 0px; padding-right: 5px;}

.portfolio_row {clear: both; padding-top: 17px; width: 950px;}
.portfolio_item {padding-right: 17px; width: 220px; float: left;}
.portfolio_item h3 {color: #f3a100; font-size: 1.35em; line-height: 1.2em; padding-top: 8px;}
.portfolio_item a img {border: 6px #fff solid;}
.portfolio_item a:hover img {border: 6px #f3a100 solid;}
.portfolio_item_blank { color: #cccccc; font-size: .85em; line-height: 1.3em; height: 220px;}

.top {padding-top: 45px;}

.hosting {text-align: right; padding-bottom: 1em;}