@charset "UTF-8";
body {
background-color:#d1d7e2;
background-image:url(images/bg11.jpg);
background-position:top;
background-repeat:repeat-x;
color:#333;
font:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
font-size:12px;
margin:0;
padding:0;
}

#wrapper {
margin:auto;
width:940px;
}

#navigationwrap {
background-color:#3c3636;
height:35px;
text-align:center;
width:100%;
}

#header {
background-image:url(images/mainimage.jpg);
height:300px;
width:940px;
}

#blogheader {
background-image:url(images/blogimage.jpg);
height:300px;
width:940px;
}

#workheader {
background-image:url(images/workimage.jpg);
height:300px;
width:940px;
}

#contactheader {
background-image:url(images/contactimage.jpg);
height:300px;
width:940px;
}

#logo {
background-image:url(images/logo.png);
height:60px;
left:710px;
position:relative;
top:20px;
width:240px;
}

#content {
height:100%;
padding:20px 0;
width:940px;
}

#shadow {
background-image:url(images/shadow.png);
background-position:center;
background-repeat:repeat-y;
height:100%;
margin:auto;
width:980px;
}

#footer {
background-image:url(images/footer.jpg);
height:200px;
width:940px;
}

fieldset {
border:0;
margin:0;
padding:0;
}

label {
display:block;
}

input.text,textarea {
border:1px solid #ccc;
color:#333;
font:helvetica, arial;
font-size:24px;
font-weight:700;
letter-spacing:-1px;
margin:1px 0;
padding:2px;
width:300px;
}

input.submit {
color:#333;
font:helvetica, arial;
font-size:24px;
letter-spacing:-1px;
padding:2px 5px;
}

#topgrid {
background-color:#333;
height:5px;
margin:20px auto auto;
width:900px;
}

#bottomgrid {
background-color:#333;
height:5px;
margin:auto auto 20px;
width:900px;
}

.grid1 p,.grid2 p,.grid3 p,.grid4 p {
font:13px/19px Georgia,"Times New Roman","Bitstream Charter",Times,serif;
letter-spacing:0;
text-align:justify;
}

.gridfooter p {
color:#FFF;
font-family:helvetica, arial;
font-size:12px;
letter-spacing:-0.5px;
line-height:normal;
}

.grid2-c1 h1,.grid2w-c1 h1,.grid3-c1 h1,.grid4-c1 h1 {
background-image:url(images/titlebg.png);
background-position:bottom left;
color:#8EA6D1;
font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
font-size:40px;
font-weight:400;
left:-30px;
letter-spacing:-1px;
line-height:normal;
min-height:56px;
padding-bottom:5px;
padding-left:30px;
position:relative;
}

.grid2-c2 h1,.grid2w-c2 h1,.grid3-c3 h1,.grid4-c4 h1 {
	background-image:url(images/titlebg2.png);
	background-position:bottom right;
	color:#8EA6D1;
	font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size:40px;
	font-weight:400;
	right:-30px;
	letter-spacing:-1px;
	line-height:normal;
	min-height:56px;
	padding-bottom:5px;
	padding-left:30px;
	position:relative;
}

.grid1-c1 h1 {
	background-image:url(images/titlebg3.png);
	background-position:bottom left;
	color:#8EA6D1;
	font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size:40px;
	font-weight:400;
	left:-30px;
	letter-spacing:-1px;
	line-height:normal;
	min-height:56px;
	padding-bottom:5px;
	padding-left:30px;
	position:relative;
	width:930px;
}

.gridfooter h1 {
color:#FFF;
font-family:helvetica, arial;
font-size:24px;
font-weight:700;
letter-spacing:-1px;
line-height:normal;
padding-bottom:0;
}

.grid1 h2,.grid2 h2,.grid2w h2,.grid3 h2,.grid4 h2 {
font:20px Georgia,"Times New Roman","Bitstream Charter",Times,serif;
font-weight:700;
letter-spacing:-1px;
line-height:normal;
}

.gridfooter h2 {
color:#FFF;
font-family:helvetica, arial;
font-size:20px;
font-weight:700;
letter-spacing:-1px;
line-height:normal;
padding-bottom:0;
}

.grid2-c1,.grid2-c2 {
float:left;
width:440px;
}

.grid2w-c1 {
float:left;
width:640px;
}

.grid2w-c2 {
float:left;
width:240px;
}

.grid4-c1,.grid4-c2,.grid4-c3,.grid4-c4 {
float:left;
width:210px;
}

.grid1-c1 {
float:left;
width:900px;
}

.grid2-m1,.grid2-m2,.grid4-m1,.grid4-m2,.grid4-m3,.grid4-m4,.grid3-m1,.gridfooter-m1,.grid1-m1 {
float:left;
height:1px;
width:20px;
}

.grid3-c1,.grid3-c2,.grid3-c3,.gridfooter-c1,.gridfooter-c2,.gridfooter-c3 {
float:left;
width:286px;
}

.grid3-m2,.grid3-m3,.gridfooter-m2,.gridfooter-m3 {
float:left;
height:1px;
width:21px;
}

a:link {
border:0;
color:#8EA6D1;
font-weight:400;
text-decoration:none;
}

a:visited {
border:none;
color:#8EA6D1;
font-weight:400;
}

a:hover {
border:none;
color:#fff;
font-weight:400;
}

a:active {
	border:none;
	color:#8EA6D1;
	font-weight:400;
}

grid2w a:link {
border:0;
color:#8EA6D1;
font-weight:400;
text-decoration:none;
font-size:14px;
}

grid2w a:visited {
border:none;
color:#8EA6D1;
font-weight:400;
}

grid2w a:hover {
border:none;
color:#fff;
font-weight:400;
}

grid2w a:active {
	border:none;
	color:#8EA6D1;
	font-weight:400;
}

a img {
}

#navigation {
background:url(images/nav_main.png);
height:35px;
margin:auto;
padding:0;
position:relative;
width:940px;
}

#navigation li {
float:left;
}

#navigation li a {
background:url(images/nav_main.png);
display:block;
height:35px;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
text-indent:-9999px;
top:0;
}

li#navigation_home a {
background-position:0 0;
left:0;
width:150px;
}

li#navigation_about a {
background-position:-150px 0;
left:150px;
width:160px;
}

li#navigation_work a {
background-position:-310px 0;
left:310px;
width:160px;
}

li#navigation_services a {
background-position:-470px 0;
left:470px;
width:160px;
}

li#navigation_blog a {
background-position:-630px 0;
left:630px;
width:160px;
}

li#navigation_contact a {
background-position:-790px 0;
left:790px;
width:150px;
}

#navigation a .hover {
background:transparent url(images/nav_main.png) no-repeat;
display:block;
height:100%;
left:0;
opacity:0;
position:relative;
top:0;
width:100%;
}

li#navigation_home a:hover {
background-position:0 -35px;
}

li#navigation_about a:hover {
background-position:-150px -35px;
}

li#navigation_work a:hover {
background-position:-310px -35px;
}

li#navigation_services a:hover {
background-position:-470px -35px;
}

li#navigation_blog a:hover {
background-position:-630px -35px;
}

li#navigation_contact a:hover {
background-position:-790px -35px;
}

#body_home li#navigation_home a {
background-position:0 -70px;
}

#body_about li#navigation_about a {
background-position:-150px -70px;
}

#body_work li#navigation_work a {
background-position:-310px -70px;
}

#body_services li#navigation_services a {
background-position:-470px -70px;
}

#body_blog li#navigation_blog a {
background-position:-630px -70px;
}

#body_contact li#navigation_contact a {
background-position:-790px -70px;
}

h3 {
color:#8EA6D1;
font:40px Georgia,"Times New Roman","Bitstream Charter",Times,serif;
font-weight:400;
letter-spacing:-1px;
line-height:normal;
padding-bottom:0;
}

acronym,abbr,span.caps {
font-size:11px;
}

acronym,abbr {
border:none;
cursor:help;
}

blockquote {
border-left:5px solid #ccc;
margin-left:18px;
padding-left:5px;
}

cite {
color:#666;
font-size:11px;
font-style:normal;
}

#commentlist li {
margin-left:-22px;
}

p,li,.feedback {
font:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
}

ul.post-meta {
list-style:none;
}

ul.post-meta span.post-meta-key {
font-weight:700;
}

.credit {
clear:both;
color:#666;
font-size:10px;
margin:0 0 20px;
padding:50px 0 0;
text-align:left;
}

.credit a:link,.credit a:hover {
color:#666;
}

.feedback {
clear:both;
color:#666;
font-size:11px;
text-align:right;
}

.meta {
font-size:12px;
}

.meta li,ul.post-meta li {
display:inline;
}

.meta ul {
display:inline;
list-style:none;
margin:0;
padding:0;
}

#comments {
padding-top:18px;
}

.commentby {
padding-bottom:8px;
}

#postcomment {
margin-top:24px;
}

.meta,.meta a {
color:gray;
font-weight:400;
letter-spacing:0;
}

.storytitle {
background-image:url(images/titlebg.png);
background-position:bottom left;
height:56px;
left:-30px;
margin:0;
padding-left:30px;
position:relative;
}

.storytitle a {
text-decoration:none;
}

.storycontent a {
border:1px dotted #888;
text-decoration:none;
}

.storycontent a:hover {
border:1px dashed #888;
text-decoration:none;
}

.storycontent {
margin-bottom:-10px;
}

.post {
left:-30px;
margin-bottom:18px;
margin-top:20px;
}

#commentform #author,#commentform #email,#commentform #url,#commentform textarea {
background:#fff;
border:1px solid #333;
padding:3px;
}

#commentform textarea {
width:100%;
}

#commentlist li ul {
color:#666;
font-size:12px;
list-style-type:none;
}

#headwrap {
margin:24px 0 48px;
padding:12px 0 16px;
}

#sidebar form {
margin:0;
}

#sidebar input#s {
background:#eee;
border:1px solid #999;
color:#000;
width:60%;
}

#sidebar ul {
color:#999;
list-style-type:none;
margin:0;
text-transform:lowercase;
}

#sidebar h2 {
font-size:12px;
font-weight:400;
margin:0;
padding:0;
}

#sidebar ul li {
font:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
margin-top:10px;
padding-bottom:2px;
}

#sidebar ul ul {
font-variant:normal;
font-weight:400;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}

#sidebar ul ul li {
border:0;
font:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
letter-spacing:0;
margin-top:0;
padding:0 0 0 3px;
}

#sidebar ul ul li a {
color:#000;
text-decoration:none;
}

#sidebar ul ul li a:hover {
border-bottom:1px solid #809080;
}

#sidebar ul ul ul.children {
font-size:17px;
padding-left:4px;
}

#wp-calendar {
empty-cells:show;
font-size:11px;
margin:0;
width:90%;
}

#wp-calendar #next a {
padding-right:10px;
text-align:right;
}

#wp-calendar #prev a {
padding-left:10px;
text-align:left;
}

#wp-calendar a {
display:block;
text-decoration:none;
}

#wp-calendar a:hover {
background:#ccc;
color:#333;
}

#wp-calendar caption {
color:#000;
font-weight:400;
text-align:left;
}

#wp-calendar td {
color:#999;
padding:2px 0;
text-align:center;
}

#wp-calendar td.pad:hover {
background:#fff;
}

#wp-calendar td:hover,#wp-calendar #today {
background:#eee;
color:#666;
}

#wp-calendar th {
color:#999;
font-weight:400;
text-transform:capitalize;
}

#rap {
background-color:#FFF;
margin-left:70px;
margin-right:auto;
padding:6px;
width:700px;
}

#desc {
float:left;
font-size:12px;
margin-top:3px;
}

#desc a:link,#desc a:visited {
background-color:#fff;
color:#666;
display:inline;
text-decoration:none;
}

#desc a:hover {
background-color:#eee;
color:#666;
}

#desc a:active {
background-color:#fff;
}

#himage {
border:0;
margin:0;
padding:0 0 0 8px;
}

.boxgrid {
background:#161613;
border:solid 2px #8399AF;
float:left;
height:260px;
overflow:hidden;
position:relative;
width:325px;
}

.boxgrid img {
border:0;
left:0;
position:absolute;
top:0;
}

.boxgrid p {
color:#afafaf;
font:10pt "Lucida Grande", Arial, sans-serif;
font-weight:700;
padding:0 10px;
}

.boxcaption {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
background:#000;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
float:left;
height:100px;
opacity:.8;
position:absolute;
width:100%;
}

.captionfull .boxcaption {
left:0;
top:260px;
}

.caption .boxcaption {
left:0;
top:220px;
}

a {
color:#C8DCE5;
}

h4 {
color:#FFF;
font:18pt Arial, sans-serif;
font-weight:700;
letter-spacing:-1px;
}

.project-grid {
position:relative;
width:640px;
}

.project-grid li {
float:left;
list-style:none;
margin:0;
}

.project-grid li a {
display:block;
height:160px;
overflow:hidden;
position:relative;
text-decoration:none;
width:213px;
}

.project-grid li a img {
left:0;
opacity:0.3px;
position:absolute;
top:0;
z-index:1;
}

.project-grid li a:hover img,.project-grid li a:focus img {
opacity:1px;
}

.project-grid li a em {
background:url(../images/work/new.png) 0 0 no-repeat;
display:block;
height:57px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-9999px;
top:0;
width:57px;
z-index:2;
}

.project-grid li a span {
background:#000;
bottom:-500px;
color:#FFF;
display:block;
opacity:0.8px;
padding:10px;
position:absolute;
width:213px;
z-index:2;
}

.project-grid li a:hover span,.project-grid li a:focus span {
bottom:0;
}

.project-grid li a span strong {
color:#8EA6D1;
display:block;
}

#page {
text-align:left;
}