* {
margin:0;
padding:0;
}

body {
background: #f4f1ed url(../images/header_bg.jpg) repeat-x top left;
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 12px;
}

#mast {
width:100%;
}

#header {
width:820px;
margin:0 auto;
height:230px;
position:relative;
}

#content {
width:800px;
clear:left;
margin:0 auto;
}

div.display_thirdclear, div.display_third, #recentwork {
float:left;
width:250px;
margin:6px 16px 20px 0;
}

#recentwork {
margin:7px 0 20px 25px;
}

div.display_thirdclear {
clear:left;
}

.display_thirdclear h3, .display_third h3 {
margin-bottom:15px;
}

#slider {
float:left;
width:500px;
margin:11px 0 0 0;
}

#left_col {
clear:left;
float:left;
display:inline;
margin:20px 0 0 0;
width:180px;
}

#right_col {
float:left;
display:inline;
margin:20px 0 20px 29px;
border-left:1px dotted #ccc;
width:560px;
padding:0 0 30px 25px;
}

#footer {
clear:left;
width:100%;
padding:14px 0;
float:left;
background:#222;
border-top:3px solid #d8614d;
color:#f5f5f5;
}

table {
margin:10px 0 20px 0;
width:100%;
border-collapse:collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

td, th {
text-align:center;
padding:10px 0;
font-family:Georgia, times, serif;
font-style:italic;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

th {
background:#fff;
}

ul {
float:left;
margin:20px 0 0 50px;
list-style:none;
}

#navigation {
float:left;
margin:0;
border-left:1px solid #111;
border-right:1px solid #333;
}

#navigation li {
float:left;
}

#navigation a {
float:left;
display:block;
padding:13px 20px 14px 20px;
color:#fff;
text-decoration:none;
font-size:14px;
font-weight:bold;
border-left:1px solid #333;
border-right:1px solid #111;
}

#navigation a:hover {
background:#5f94af url(../images/navhover.gif) repeat-x top left;
text-shadow:#666 1px 1px 1px;
}

h1 {
float:left;
margin:48px 0 0 20px;
width:549px;
height:117px;
text-indent: -10000px;
background: url(../images/title_intro.png) no-repeat top left;
}

h1 {
width:405px;
position:absolute;
top:40px;
left:330px;
}

h2 {
font-size:12px;
text-transform:uppercase;
font-family:georgia, times, serif;
color:#777;
font-weight:normal;
letter-spacing:.2em;
margin:0 0 5px 0;
}

h3 {
font-family:Georgia;
color:#444;
font-size:18px;
padding-bottom:3px;
font-weight:normal;
}

h3#services {
margin:10px 0 10px 20px;
}

h3#featured {
font-size:18px;
text-align:right;
margin-right:20px;
margin-top:6px;
}

h4 {
color:#444;
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
text-align:center;
}

#recentwork h2 {
text-align:right;
margin-right:18px;
}

p {
color:#333;
margin:7px 0 0 0px;
line-height: 1.5em;
}

div.display_third p, div.display_thirdclear p {
margin:9px 0;
}

#footer p {
text-align:center;
margin:5px 0 0 0;
color:#fff;
}

img.port {
background:#fff;
padding:2px;
border:1px solid #ccc;
}

#left_col p a, #right_col a, div.display_third a, div.display_thirdclear a {
font-weight:bold;
color:#5f94af;
text-decoration:none;
}

#left_col p a:hover, #right_col a:hover, div.display_third a:hover, div.display_thirdclear a:hover {
color:#af8279;
}

#footer a {
color:#5f94af;
text-decoration:none;
border-bottom:1px dotted #5f94af;
}

#footer a:hover {
border-bottom:1px solid #5f94af;
}

img#ninja {
position:absolute;
bottom:1px;
left:-10px;
z-index:100;
}

img#snow {
position:absolute;
bottom:1px;
left:-10px;
z-index:10;
}

div.display_third a img, div.display_thirdclear a img, #left_col a img {
display: block;
margin:0;
}

#recentwork p + a img {
margin-top:27px;
}

a img {
border:0;
}

img.left {
float:left;
margin:2px 7px 0px 5px;
}

#left_col a img {
float:left;
clear:left;
margin:0 5px 0 0;
background:#fff;
padding:3px;
border:1px solid #ddd;
}

#right_col img {
display:block;
margin:20px 0 20px 5px;
}

img.contact {
position:absolute;
left:15px;
top:5px;
}

a.livelink {
display:block;
margin-top:5px;
position:relative;
height:39px;
overflow:hidden;
}

a.livelink img {
position:absolute;
left:0;
top:0;
}

span.line {
display:block;
clear:left;
width:780px;
margin:0;
height:1px;
border-top:1px dotted #b7958f;
border-bottom:1px solid #b7958f;
}

.project {
float:left;
padding:20px 0;
clear:both;
border-bottom:3px solid #ddd;
}

.project a img {
float:left;
padding:3px;
background:#fff;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
-webkit-transition:background .4s linear;
}

.project a img:hover {
background:#ddd;
}

.description {
float:left;
display:inline;
width:255px;
margin-left:20px;
}

.description h3 {
margin:0;
}

.description a img, .description a img:hover {
padding:0;
background:none;
border:0;
}

.service {
width:250px;
float:left;
margin:0 0 20px 30px;
}

.clearleft {
clear:left;
margin-left:0;
}

h3.clearleft {
padding-top:20px;
}

fieldset {
border:none;
}

input.text {
height:30px;
width:350px;
font-size:18px;
}

input.button {
margin-top:10px;
}

p.green {
color:#52a731;
font-weight:bold;
}

p.red {
color:#9e0a0a;
font-weight:bold;
}