body {
background: #eee url(images/body_bkg.png) repeat-x top;
font-family: Helvetica, Verdana, Arial;
font-size: 100%;
margin: 0;
}

img {border: 0;}

#container {
background: transparent url(images/container_bkg.png) no-repeat top;
width: 920px;
margin: 0 auto;
padding: 0 10px 10px 10px;
}

#header {
background: url(images/header_bkg.png) no-repeat bottom;
height: 276px;
padding: 20px;
}

#menu {
float: right;
margin-top: 26px;
margin-right: 12px;
display: inline;
}

#menu ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#menu ul li {
line-height: 40px;
margin-left: 8px;
width: 121px;
text-align: center;
float: left;
}

#menu a:link, #menu a:visited, #menu a:hover {
text-decoration: none;
color: #D15600;
display: block;
background: url(images/menuli_bkg.png) no-repeat top;
}

#menu a:hover {
background: url(images/menuli_hover_bkg.png) no-repeat top;
}

#menu li.active a:link, #menu li.active a:visited, #menu li.active a:hover {
color: #999;
}

#logo {
margin-top: 12px;
margin-left: 25px;
}

/* Hack for IE6 */
_#logo {padding-top: 25px;}

#content {
color: #333;
line-height: 160%;
padding: 50px 40px 40px 40px;
}

#content h1 {
background-color: #F1F1F1;
margin: -50px -30px 35px -30px;
border-bottom: 5px solid #F8F8F8;
padding: 30px 25px 25px 38px;
font-size: 120%;
color: #D15600;
font-weight: normal;
}

#content h2 {
background-color: #F1F1F1;
margin: 30px -30px 25px -30px;
border-bottom: 5px solid #F8F8F8;
border-top: 5px solid #F8F8F8;
padding: 20px 25px 15px 38px;
font-size: 120%;
color: #D15600;
font-weight: normal;
}

#content strong {
background-color: #FEFFC0;
font-weight: normal;
}

.quotemark {
font-family: Arial;
font-size: 80px;
line-height: 100%;
color: #CCC;
float: left;
font-weight: bold;
}

.quotetext {
font-size: 90%;
text-align: justify;
margin: 10px 175px 0 60px;
padding-right: 30px;
border-right: 4px solid #EEE;
}

.quote {
float: right;
padding: 20px;
text-align: right;
color: #666;
margin: 15px 15px 0 15px;
font-size: 90%;
}

#footer {
padding: 0 30px 0 30px;
line-height: 40px;
background: transparent url(images/container_bkg.png) no-repeat bottom;
color: #fff;
font-size: 75%;
margin-bottom: -15px;
padding-bottom: 15px;
}

#footer a:link, #footer a:visited, #footer a:hover {
text-decoration: none;
color: #fff;
padding: 6px;
margin-left: 8px;
background-color: #000;
}

#footer a:hover {
background-color: #fff;
color: #000;
}

#footer .right {
float: right;
}

/* Lightbox */

#overlay { 
background-image: url(images/overlay.png);
position: absolute;
top: 0px;
left: 0px;
z-index: 90;
width: 100%;
height: 100%;
}

* html #overlay {
background-color: #333;
background-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}

#box {
background:#EEE;
padding:40px;
border:8px solid #CCC;
text-align: center;
}

#box a:link, #box a:visited, #box a:hover {
color: #D15600;
text-decoration: none;
font-weight: normal;
}

#box a:hover {
color: #000;
}

/* Services page */

.teamitem {
margin: 25px 0 25px 0;
padding: 25px;
background: #EEEEEE;
border-top: 2px solid #DDD;
border-left: 2px solid #DDD;
border-right: 2px solid #CCC;
border-bottom: 2px solid #CCC;
}

.teamitem h3 {
font-weight: normal;
font-size: 22px;
color: #888;
padding: 0;
margin: 0 0 15px 0;
}

.teamitem span {
font-size: 15px;
background-color: #CCCCCC;
padding: 6px;
color: #888;
}

.teamitem img {float: right; border: 1px solid #ccc; padding: 5px; margin: -12px;}

/* Contact page */

#contact {
padding: 0;
}

#contact form {
width: 50%;
}

#contact input {
font-size: 90%;
float: right;
width: 50%;
}

#contact input#submit {
float: none;
width: auto;
}

#contact textarea {
width: 100%;
}