div.background_wrapper {
width: 100%;
min-height: 768px;
background: #dfe4ea; /* Old browsers */
background: -moz-linear-gradient(top, #dfe4ea 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfe4ea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dfe4ea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dfe4ea 0%,#ffffff 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #dfe4ea 0%,#ffffff 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe4ea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #dfe4ea 0%,#ffffff 100%); /* W3C */
}

a.logo {
margin-top: -1px;
display: block;
width: 223px;
height: 125px;
background: url(../images/logo.png) center center no-repeat;
}


a.logo span {
display: none;
}


ul.nav {
margin: 30px 0;
width: 100%;
height: 40px;
background: #c3cad4; /* Old browsers */
background: -moz-linear-gradient(left, #c3cad4 0%, #5b79a2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c3cad4), color-stop(100%,#5b79a2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #c3cad4 0%,#5b79a2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #c3cad4 0%,#5b79a2 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #c3cad4 0%,#5b79a2 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3cad4', endColorstr='#5b79a2',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, #c3cad4 0%,#5b79a2 100%); /* W3C */
border: solid 1px #5b79a2;
padding: 0;

-webkit-box-shadow: 0px 3px 5px 0px #8a8c8f;
-moz-box-shadow: 0px 3px 5px 0px #8a8c8f;
box-shadow: 0px 3px 5px 0px #8a8c8f;
clear: both;
}


ul.nav li{
list-style-type: none;
float: left;
display: block;
border-right: solid 1px #5b79a2; 
margin-left: 0; 
}

ul.nav li:hover {
background: #d9dfe6;
}

ul.nav li a {
display: block;
padding: 0 30px;
height: 40px;
line-height: 40px;
font-size: 12px;
text-transform: uppercase;
color: #30386e;
text-decoration: none;
}


img {
margin-bottom: 30px;
}

p, ul{
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}

div.middle_block {
margin-left:75px;
margin-right:75px;
}

div.color_block {
width: 180px;
min-height: 275px;
float: left;
-webkit-box-shadow: 0px 3px 5px 0px #8a8c8f;
-moz-box-shadow: 0px 3px 5px 0px #8a8c8f;
box-shadow: 0px 3px 5px 0px #8a8c8f;
margin-bottom: 30px;
padding: 0 10px;
}

div.color_block img {
border: solid 1px #e0e5eb;
margin-top: 10px;
}

div.yellow {
background: #f2ef31; /* Old browsers */
background: -moz-linear-gradient(top, #f2ef31 0%, #e1a427 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2ef31), color-stop(100%,#e1a427)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2ef31 0%,#e1a427 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2ef31 0%,#e1a427 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f2ef31 0%,#e1a427 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ef31', endColorstr='#e1a427',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f2ef31 0%,#e1a427 100%); /* W3C */
}

div.orange {
background: #f2ef31; /* Old browsers */
background: -moz-linear-gradient(top, #d57727 0%, #ca512a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d57727), color-stop(100%,#ca512a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d57727 0%,#ca512a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d57727 0%,#ca512a 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #d57727 0%,#ca512a 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d57727', endColorstr='#ca512a',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #d57727 0%,#ca512a 100%); /* W3C */
}

div.green {
background: #f2ef31; /* Old browsers */
background: -moz-linear-gradient(top, #8a963c 0%, #5e642b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a963c), color-stop(100%,#5e642b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8a963c 0%,#5e642b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8a963c 0%,#5e642b 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #8a963c 0%,#5e642b 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a963c', endColorstr='#5e642b',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #8a963c 0%,#5e642b 100%); /* W3C */
}

a div.yellow:hover {
background: #f2ef31; /* Old browsers */
background: -moz-linear-gradient(top, #f3f333 0%, #e6b82b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f333), color-stop(100%,#e6b82b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f3f333 0%,#e6b82b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f3f333 0%,#e6b82b 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f3f333 0%,#e6b82b 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f333', endColorstr='#e6b82b',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f3f333 0%,#e6b82b 100%); /* W3C */
}

a div.orange:hover {
background: #f2ef31; /* Old browsers */
background: -moz-linear-gradient(top, #dd902c 0%, #d46331 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d57727), color-stop(100%,#d46331)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dd902c 0%,#d46331 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dd902c 0%,#d46331 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #dd902c 0%,#d46331 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd902c', endColorstr='#d46331',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #dd902c 0%,#d46331 100%); /* W3C */
}

a div.green:hover {
background: #f2ef31; /* Old browsers */
background: -moz-linear-gradient(top, #a0ac48 0%, #717834 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0ac48), color-stop(100%,#717834)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a0ac48 0%,#717834 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a0ac48 0%,#717834 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #a0ac48 0%,#717834 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0ac48', endColorstr='#717834',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #a0ac48 0%,#717834 100%); /* W3C */
}

a.projects {
text-decoration: none;
}

div.color_block h1{
text-transform: uppercase;
font-size: 14px;
line-height: 40px;
border-bottom: solid 1px black;
}

p.footer {text-align: center;}

h1 { font-size: 22px;
margin-bottom: 30px;}

h2 {
font-size: 18px;
}

img.project {
float: left;
margin: 4px;
margin-bottom: 30px;
border: solid 1px #5b79a2;
}

img.first {margin-left: 0;}
img.last {margin-right: 0;}