/* @group general
------------------------------------*/

* {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #333;
list-style-type: none;
}

body {
background: #fff;
text-align: center;
}

@font-face {
font-family: "Rockwell";
src: url(ROCK.TTF);
}

strong {
color: #000;
}

/* @group helper
------------------------------------*/

fieldset {
margin-top: 10px;
float: left;
clear: left;
width: 500px;
border: none;
border-bottom: dotted 1px #fff;
}

fieldset ol {
list-style: none;
}

fieldset li {
padding-bottom: 10px;
}

label {
font-size: 1.25em;
width: 500px;
margin-right: 10px;
text-align: left;
font-weight: bold;
display: block;
}

#comments {
width: 500px;
}

input {
width: 500px;
}

.btn {
margin-top: -10px;
margin-left: 18px;
padding: 5px;
background: url(../images/h1bg.png) repeat-x;
width: 225px;
text-align: center;
color: #ead37d;
-moz-border-radius: 5px;
font-weight: bold;
}

/* @group layout
------------------------------------*/

#wrapper {
margin: auto;
background: #fff url(../images/wrapperbg.png) 0 0 repeat-x;
width: 980px;
text-align: left;
border: solid 1px #787f53;
}

#header {
height: 270px;
}

#header .contact {
position: relative;
top: 10px;
left: 20px;
width: 500px;
font-size: 20px;
font-weight: bold;
}

.contactLeft {
color: #787f53;
}

#header .nav {
background: url(../images/navbg.png) repeat-x;
padding: 10px;
position: relative;
top: 20px;
width: 960px;
height: 60px;
text-align: left;
left: 0;
}

.logo {
background: url(../images/logo.png) no-repeat;
position: relative;
top: -128px;
left: 590px;
width: 400px;
height: 240px;
}

.contentText, .servicesText, .portfolioContent, .contactText {
margin-top: -40px;
padding: 10px 20px;
float: left;
display: inline;
line-height: 1.25;
}

.contentText {
width: 550px;
}

.portfolioContent {
padding: 10px 20px;
}

.servicesText, .portfolioContent {
width: 940px;
}

.contentText h1 a, .servicesText h1 a, h1 a, #content .featured h2, #footer .newSite h2, #footer .news h2, .lead, .portfolioLead {
font-family: "Rockwell", Arial, sans-serif;
font-size: 50px;
font-weight: bold;
color: #ead37d;
text-decoration: none;
}

#content .featured h2, #footer .newSite h2, #footer .news h2 {
font-size: 40px;
}

.contentText h1, .servicesText h1, h1 {
margin-bottom: 20px;
padding: 0 10px;
background: url(../images/h1bg.png) repeat-x;
width: 920px;
height: 60px;
font-size: 30px;
color: #ead37d;
border: solid 1px #787f53;
-moz-border-radius: 5px;
}

.servicesText p {
margin-left: 70px;
margin-top: 10px;
}

.contentText p {
margin-left: 20px;
margin-top: 30px;
width: 500px;
}

.lead, .portfolioLead {
color: #787f53;
font-size: 2.30em;
}

.servicesColumn {
margin: 10px;
width: 410px;
float: left;
}

.servicesColumn img {
margin: 10px 55px;
}

#content .featured {
margin: 70px 50px 10px 10px;
padding: 10px;
width: 285px;
background: #8b8f75 url(../images/featuredbg.png) repeat-x;
border: solid 1px #787f53;
-moz-border-radius: 5px;
float: right;
display: inline;
color: #ead37d;
}

#content .featured img, #content .contentText img, .servicesColumn img, #footer .newSite img, .sample img, .screen img {
background-color: #fff;
padding: 5px;
border: solid 1px #333;
-webkit-box-shadow: 3px 3px 6px #333;
-moz-box-shadow: 3px 3px 6px #333;
box-shadow: 3px 3px 6px #333;
}

#content .contentText img {
margin-top: 20px;
margin-bottom: 10px;
}

#content .featured p {
margin: 5px;
}

.testimonial {
clear: both;
}

.portfolioLead {
padding: 5px 20px;
font-size: 2em;
}

.row {
margin: 20px;
width: 900px;
height: 250px;
}

.sample {
padding: 10px 20px;
float: left;
width: 260px;
}

.otherSites {
padding: 5px 20px;

}

.form {
padding: 0 10px;
width: 520px;
border-right: solid 1px #787f53;
float: left;
}

.otherContact {
padding: 10px 20px;
width: 360px;
float: right;
}

.screen, .info {
margin: 10px;
}

.screen {
padding: 10px;
width: 365px;
background: #8b8f75 url(../images/featuredbg.png) repeat-x;
border: solid 1px #787f53;
-moz-border-radius: 5px;
float: left
}

.info {
width: 510px;
float: left;
}

.info p {
padding-top: 10px;
}

#content .featured h2, #content .featured p, #content .featured a, .row .site a, #footer, #footer a, #footer h2, #footer .newSite li, #footer .news li, #footer strong, #footer p, #footer .nav li, #footer .nav li a, #footer .testimonial {
color: #ead37d;
}

#footer .newSite li {
line-height: 1.5;
}

#footer {
margin-top: 50px;
background: #909577 url(../images/footerbg.jpg) repeat-x;
}

#footer .newSite, #footer .news {
margin-top: 20px;
padding: 0 10px;
}

#footer .newSite {
width: 330px;
float: left;
}

#footer .news {
width: 600px;
float: left;
border-left: solid 1px #fff;
min-height: 350px;
}

#footer .news li {
padding-bottom: 10px;
}

#footer .testimonial, #footer p {
padding: 10px;
}


/* @group links
------------------------------------*/

a {
color: #333;
outline: none;
}

a:hover, a:focus {
text-decoration: none;
}

#header .nav li, #footer .nav li {
display: inline;
}

#header .nav li {
padding-right: 10px;
}

#header .nav li a {
color: #ead37d;
font-size: 30px;
font-weight: bold;
text-decoration: none;
}

#header .nav li a: visited {
color: #ead37d;
}

#header .nav li a:focus, #header .nav li a:hover, #footer .nav li a:focus, #footer .nav li a:hover {
color: #fff;
}

#footer .nav {
padding: 15px 10px;
width: 960px;
}

#footer .nav li a {
font-size: 14px;
padding: 0;
}