/* style */

div#pattern {
background: url('../images/header.jpg') 0 0 repeat-x;
height: 112px; 
}

div#wrapper {
width: 960px;
margin: 0 auto; 
}

div#header {
padding-top: 10px; 
}

div#header #logo {
float: left; 
color: #ffffff;
font-size: 36px;
font-family: trebuchet ms, arial;
letter-spacing: -2px;
font-style: italic;
position: relative;
top:2px;
}

div#header #navigation {
float: right;
font-size: 18px;
font-family: trebuchet ms, arial, sans-serif;
list-style: none;
list-style-position: outside;
display: inline;
padding-top: 10px; 
}

div#header #navigation li {
display: inline;
padding-left: 40px; 
}

div#header #navigation a {
color: #699dc7;
text-decoration: none; 
}

div#header #navigation a:hover {
color: #fff; 
}

h1#notice {
clear: both;
font-size: 50px;
font-weight: normal;
text-align: center;
line-height: 56px;
color: #010c19;
text-shadow: 1px 1px 0 #175991;
margin-top: 45px;
padding-bottom: 35px;
background: url('../images/separator.jpg') repeat-x bottom; 
}

ul#recent-work {
margin-top: 10px;
position: relative;
margin-left: 20px;
padding-bottom: 15px; 
}

ul#recent-work li {
display: inline;
float: left;
margin: 20px;
width: 260px; 
}

ul#recent-work li a {
padding: 10px;
background: #002f56;
height: 230px;
width: 260px;
display: block; 
}

ul#recent-work li a:hover {
background: #325b7f; 
}

ul#recent-work div {
text-align: center;
width: 280px;
padding-top: 10px; 
}

ul#recent-work .client {
color: #fff;
font-size: 16px; 
}

ul#recent-work .type {
color: #bfbfbf;
font-size: 11px; 
}

div#about-me {
padding-top: 35px;
background: url('../images/separator.jpg') repeat-x top; 
}
	
div#about-me div#about {
width: 720px;
float: left;
color: #fff;
line-height: 150%; 
}

div#about-me div#about img#photo {
padding: 10px;
background: #002f56;
float: left; 
}
		
div#about-me div#about p {
width: 560px;
float: right;
padding-bottom: 10px; 
}

div#about-me div#connect {
width: 210px;
float: right; 
}
		
div#about-me div#connect ul {
position: relative;
margin-top: -10px; 
}

div#about-me div#connect li a {
font-size: 12px;
color: #a8a8a8;
padding-left: 10px;
text-decoration: none; 
}

div#about-me div#connect li a:hover {
text-decoration: underline; 
}

div#about-me div#connect li {
border-bottom: 1px solid #1e4668;
padding: 10px 0; 
}
		
div#about-me div#connect li img {
position: relative;
top: 4px;
}

div#hire-me {
padding-top: 35px;
background: url('../images/separator.jpg') repeat-x top;
}

div#hire-me div#hire {
width: 720px;
float: left;
color: #fff;
line-height: 150%;}
    
div#hire-me div#hire form {
margin-top: 15px;
}
		
div#hire-me div#hire form table#contact-form tr td {
padding-right: 26px;
padding-bottom: 10px; 
}

div#hire-me div#hire form .hirebox, div#hire-me div#hire form textarea {
background: #002039;
padding: 10px;
border: 1px solid #0c4d88;
color: #fff;
margin-top: 5px; 
}

div#hire-me div#hire form .hirebox:focus, div#hire-me div#hire form textarea:focus {
border: 1px solid #3080c9; 
}
		
div#hire-me div#hire form .hirebox  {
width: 280px; 
}

div#hire-me div#hire form textarea {
width: 612px;
height: 230px;
font-family: sans-serif;
font-size: 12px; 
}
		
div#hire-me div#hire form label {
color: #8ba5bb;
font-size: 13px; 
}

div#hire-me div#hire form .submitbutton {
margin-top: 15px;
}
		
div#hire-me div#faq {
width: 210px;
float: right;
color: #cacaca; 
}

div#hire-me div#faq ul {
position: relative;
margin-top: -10px; 
}

div#hire-me div#faq h5 {
color: #7f9d71;
font-size: 13px;
font-weight: normal;
padding-bottom: 10px; 
}

div#hire-me div#faq li {
font-size: 13px;
border-bottom: 1px solid #1e4668;
padding: 10px 0;
line-height: 150%; 
}

div#footer {
background: url('../images/footer.jpg');
text-align: center;
font-size: 12px;
color: #fff;
padding: 20px;
margin-top: 60px;
line-height: 200%;
margin-bottom: -30px; 
}
	
div#footer span {
color: #407aa9; 
}

.topofpage {
padding: 20px;
text-align: center;
font-size: 10px;
display: block; 
}

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

.clearfix {
display: inline-block; 
}

html[xmlns] .clearfix {
display: block; 
}

* html .clearfix {
height: 1%; 
}

  
.submitmessage {
margin-top: 15px;
margin-bottom: 15px;
}

.error {
width: 616px;
background: #990303;
border: 1px solid #d46363;
font-size: 12px;
color: #fed3d3;
line-height: 1.6em;
padding: 8px;
}

.success {
width: 616px;
background: #2d8a24;
border: 1px solid #4fab45;
font-size: 12px;
color: #ffffff;
line-height: 1.6em;
padding: 8px;
}