body  {
    background-color: #224467;
    color: #fafafa;
    font: 14px/18px Verdana, Arial, sans-serif;
}

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

#header {
    clear: both;
    height: 100px;
    padding: 30px 0 0 0;
    z-index: 2;
}

h1 { 
    background: transparent url('../img/logo.png') no-repeat scroll top left;
    float: left;
    height: 37px;
    text-indent: -9999px;   
    width: 305px;
}

h1 a { 
    display: block;
    height: 37px;
}

h2 {
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 10px 0;
}

h3 {
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 10px 0 0 0;
}

p {                  
    line-height: 20px;
    margin: 15px 0px;
}

p a {
    font-size: 14px;
    text-decoration: underline;
}

a {    
    color: #fafafa;
    font-size: 18px;
    text-decoration: none; 
}

#main-navigation {z-index: 100; float: right; margin: 10px 0 0 0;}
#main-navigation ul li a, .menu ul li a:visited {display:block; color:#000;height:20px; text-align:left; color:#fafafa; padding: 5px 10px; line-height:20px; overflow:hidden;}
#main-navigation ul {float: left; list-style: none; margin: 0; padding: 0;}
#main-navigation ul li {float:left; margin: 0 0 0 60px; position:relative;}
#main-navigation ul li ul {display: none;}
#main-navigation ul li ul li {float: none; margin:0; width: 180px}

#main-navigation ul li:hover a {color: #224467; background: #fafafa;opacity: 0.9;}
#main-navigation ul li:hover a.gallery {color: #224467; background: #fafafa; padding: 5px 10px 15px 10px}
#main-navigation ul li:hover ul {display:block; position:absolute; top:40px; left:0; width:105px;}
#main-navigation ul li:hover ul li ul {display: none;}
#main-navigation ul li:hover ul li a {display:block; background:#fafafa; color:#224467; font-size: 16px;}
#main-navigation ul li:hover ul li a:hover {text-decoration: underline;}


#main-content {
    clear: both;
    overflow: hidden;
    z-index: 1;
}

#main-content ul{
    clear: both;
    margin: 0 0 0 -30px;
    overflow: hidden;
    width: 990px; 
}

#main-content li {
    float: left;
    height: 216px;
    margin: 0 0 30px 30px;
    overflow: hidden;
    text-align: center;
    width: 216px
}

#main-content li a {
    border: 4px solid #fafafa;
    display: inline-block;
    line-height: 0px; 
}

#main-content li a:hover {
    border-color: #fafafa;
/*    border-color: #0A4580;*/
}
 
#main-content .overview {
    font-size: 28px;
    line-height: 28px;
    padding: 0 0 40px 0;
    text-align: center;
}
.vita-image {
    border: 4px solid #fafafa;
    float: right;
    height: 208px;
    width: 208px;
}

#main-content .gallery-wrapper {
    clear: both;
    margin: 0 0 0 -40px;
    overflow: hidden;
    width: 996px;
}

#main-content .boxgrid {
    border: 4px solid #fafafa;
    display: block;
    float:left; 
    height: 200px;
    margin: 0 0 40px 40px;
    overflow: hidden;
    position: relative;
    width: 200px;  
}

#main-content .boxgrid a,
#main-content .boxgrid span {
    display: block;
}

#main-content .boxgrid span {
    color: #224467;
    font-size: 14px;
    font-weight: normal;
    padding: 5px;
}

#main-content .boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

#main-content .boxcaption{
	float: left;
	position: absolute;
	background: #fafafa;
	height: 200px;
	width: 200px;
	opacity: 0.8;
	top: 200px;
} 

.mail-form {
    float: left;
    width: 670px;
    height: 400px; 
} 

.mail-form fieldset{
/*    background-color: #dedede; */
    width: 530px;
}

.mail-form legend{
    font-size: 20px;
    padding: 0 0 15px 0; 
}

.mail-form .form-row {
    margin: 5px 0 5px 0;
    overflow: hidden;
    vertical-align: top;
}

.mail-form input.solid,
.mail-form textarea.solid { 
    background-color: transparent;
    border: 2px solid #fafafa;
    color: #fafafa; 
    font: 14px/20px Verdana, Arial, sans-serif;
    overflow: hidden;
    padding: 4px 5px 6px 5px;
    width: 336px; 
} 

.mail-form .form-row label {
    height: 30px;
    line-height: 30px;
    float: left;
    vertical-align: middle;
    margin-right: 9px;
    text-align: right;
    width: 171px;
}

.mail-form .submit {
    float: right;
    font: 14px/20px Verdana, Arial, sans-serif;
    height: 30px;
    width: inherit;
}

.address {
    float: left;
    width: 270px;
}

.address h4 {
   font-size: 20px;
   font-weight: normal;
}

#footer {
    height: 40px;
    padding: 60px 0;
}

#footer ul {
    margin: 0 auto;
    width: 650px;
}

#footer li {
    float: left;
}

#footer li a {
    border-left: 1px solid #FAFAFA;
    font-size: 14px;
    line-height: 12px;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
}

#footer li a:hover {
    text-decoration: underline;
}