@charset "utf-8";
/* CSS Document */
/* Copyright 2010 Alex Cleary */
/* digital.design@gmail.com */

body {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
line-height:15px;
text-align: center;
color:#ffffff;
background:#037c97 url(images/sky_bg.jpg) repeat-x;
}



#container {
margin: 0 auto;
width:950px;
text-align:left;
padding-left:20px;
padding-right:20px;
}

a {
font-weight:bold;
color:#ffffff;
text-decoration:none;
background:url(images/link_bg.gif) repeat-x left bottom;

}

a:hover {
font-weight:bold;
color:#e0e0e0;
text-decoration:none;
background:url(images/link_bg_2.gif) repeat-x left bottom;
}

#head{
float:left;
width:925px;
margin-bottom:20px;
margin-top:30px;
}


#head .left{
width:600px;
margin-right:50px;
line-height:22px;
float:left;
}
#head .right{
width:275px;
float:left;
font-size:13px;
line-height:18px;
}



#feature {
width:925px;
float:left;
margin-bottom:20px;
}
#feature .left{
width:620px;
margin-right:30px;
float:left;
}
#feature .right{
width:275px;
float:left;
font-size:13px;
line-height:18px;
}

.clear{
clear:both;
}

#work {
width:925px;
float:left;
margin-bottom:20px;
}
#work .one {
width:275px;
margin-right:50px;
float:left;
}
#work .two {
width:275px;
margin-right:50px;
float:left;
}
#work .three {
width:275px;
float:left;
}


#about {
width:925px;
float:left;
margin-bottom:20px;
}
#about .one {
width:275px;
margin-right:50px;
float:left;
}
#about .two {
width:295px;
margin-right:30px;
float:left;
}
#about .three {
width:275px;
float:left;
}


#about UL {
margin:0;
padding:0;
list-style-type:none;
}

#about LI {
background: url(images/medal.gif) no-repeat 0 10%;
padding-left:30px;
}



img {
border:10px solid #fff;
box-shadow: 2px 2px 4px rgba(0,0,0, .3);
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0, .3);
-moz-box-shadow:  2px 2px 4px rgba(0,0,0, .3);
}


a:hover img {
border:10px solid #e0e0e0;
}

strong {
color:#FFFFCC;
}

.line {
width:925px;
float:left;
border-top:1px dashed #FFFFCC;
margin-bottom:20px;
}