#headerbar {
color:#9c9c9c;
background-color:#29201A;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1.7;
padding:1px 8px;
}

* {
text-decoration:none;
width:auto;
margin:0;
padding:0;
}

.clear {
clear:both;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

body {
font:75%/1.7 Arial, Helvetica, sans-serif;
background:#29201a;
color:#9c9c9c;
}

#header {
height:90px;
background:#000;
border-bottom:1px solid #836044;
}

.container {
width:980px;
margin:0 auto;
padding:0 10px;
}

#banner {
border-top:1px solid #723503;
border-bottom:1px solid #894506;
}

.banner-welcome {
height:308px;
width:555px;
float:left;
position:relative;
}

.banner-welcome img {
margin-top:10px;
margin-left:-20px;
float:left;
position:relative;
}

.banner-welcome div {
margin-top:180px;
margin-left:90px;
color:#fff;
}

#banner .container {
position:relative;
}

.banner-showcase {
width:390px;
height:290px;
position:absolute;
right:0;
top:-15px;
padding:20px;
}

.slide {
margin-left:0;
position:absolute;
top:20px;
width:390px;
height:290px;
}

#content {
border-top:1px solid #000;
}

#content .container {
margin-top:20px;
}

#main {
width:760px;
float:left;
margin-right:30px;
}

#footer {
}

#footer .container {
background-position:400px 0;
padding:90px 0 22px;
}

#services {
margin:20px 0;
}

#nav {
list-style:none;
float:left;
margin-top:14px;
}

#nav li {
display:inline;
}

#nav li a {
display:block;
float:left;
height:32px;
padding-left:15px;
margin-right:20px;
}

#nav li a span {
height:25px;
color:#fff;
text-transform:uppercase;
display:block;
float:left;
padding:7px 15px 0 0;
}

#nav li a:hover {
}

#nav li a:hover span {
cursor:pointer;
}

#logo {
width:146px;
height:71px;
float:left;
margin-right:80px;
}

#logo span {
position:absolute;
left:-9999px;
top:-9999px;
}

#logo a {
display:block;
height:100%;
width:100%;
}

h1 {
font-family:Helvetica, Arial, Tahoma, Sans-serif;
font-size:1.2em;
font-weight:700;
color:#2a1f18;
}

h2 {
font-family:Gentium, Georgia, Times, Serif;
font-weight:400;
font-size:3em;
color:#000;
}

h3 {
font-family:Gentium, Georgia, Times, Serif;
font-weight:400;
font-size:2em;
}

#services h2 {
color:#fff;
font-size:1.6em;
}

#services ol {
list-style:none;
}

#services ol li {
float:left;
width:370px;
padding-left:70px;
margin:10px 20px;
}

.accessibility {
background-position:0 40px;
}

.ecommerce {
background-position:0 40px;
}

.cms {
background-position:0 40px;
}

.graphical {
background-position:0 40px;
}

a:hover,a:visited:hover {
color:#fff;
}

a:visited {
color:#9d6b22;
}

h3 a,h3 a:visited {
color:#fff;
display:block;
}

.shoutlink {
padding-left:10px;
height:40px;
display:block;
float:left;
}

.shoutlink span {
height:35px;
display:block;
float:left;
padding:5px 10px 0 0;
}

a:hover span {
cursor:pointer;
}

.errmsg {
color:red;
}

.contact-form legend {
display:none;
}

.contact-form .form-input {
margin-bottom:10px;
}

.contact-form .form-input input,.contact-form .form-textarea textarea,.contact-form .form-input select {
border:1px solid #4b3c33;
background:#3c3028;
color:#fff;
padding:5px;
}

.contact-form .form-input select {
border:1px solid #4b3c33;
background:#3c3028;
color:#fff;
width:100px;
padding:5px;
}

.yesorno {
border:1px solid #4b3c33;
background:#3c3028;
color:#fff;
width:85px;
padding:5px;
}

#budget {
border:1px solid #4b3c33;
background:#3c3028;
color:#fff;
width:80px;
padding:5px;
}

.contact-form .button {
width:153px;
height:71px;
text-align:center;
font-family:Gentium, Georgia, Times, Serif;
font-size:2em;
color:#ff9600;
border:none;
margin:0 auto;
}

.contact-form .button:hover {
color:#FFF;
cursor:pointer;
}

p {
margin:10px 0;
}

.aligncenter {
text-align:center;
}

.alignright {
text-align:right;
}

.alignleft {
text-align:left;
}

.post p {
text-align:justify;
}

.left {
float:left;
}

.post {
margin-bottom:50px;
width:650px;
}

a .date {
font-style:italic;
color:#9c9c9c;
}

#footer .box {
width:305px;
float:right;
margin-right:50px;
display:inline;
color:#ff9600;
}

#footer .funny {
width:605px;
float:right;
margin-right:50px;
display:inline;
color:#ff9600;
}

#footer .valid {
float:left;
display:inline;
color:#ff9600;
}

#footer .box.last {
margin-right:0;
}

hr {
border-top:1px solid #100c0a;
border-bottom:1px solid #5a3e0c;
width:50%;
border-width:1px 0;
margin:40px auto;
}

#banner p {
margin:0;
}

#headerbar #headerright,.right {
float:right;
}

#header .container,.portfolio1 {
padding:10px;
}

#nav li.current a span,a,.required {
color:#ff9600;
}

img,.contact-form fieldset {
border:none;
}