* {
margin: 0;
padding: 0;
}


img {
border: none;
}


body {
background-color: #464853;
background-image: url('/images/bg17.jpg');
background-repeat: repeat;
font: normal 10px  Verdana, sans-serif;
color: #696969;
}

a, a:visited {
color: #237daa;
text-decoration: none;
}

a:hover, a:active {
color: #164f6b;
}

h1 {
font: bold 16px  verdana, sans-serif;
}

h2 {
font: bold 14px  verdana, sans-serif;
margin-bottom: 20px;
}

h3 { font: bold 12px  verdana, sans-serif; }
h4 { font: bold 10px  verdana, sans-serif; }

p {
text-align: justify;
}

#contact-page {
float: left;
width: 400px ;
min-height: 500px;
margin: 50px 0px 0px 50px;
}

#contact-page label {
display: block;
}


#capabilities {
float: left;
width: 740px ;
min-height: 400px;
margin: 50px 0px 0px 50px;
}

#blogmain {
float: left;
width: 410px ;
min-height: 400px;
margin: 50px 0px 0px 50px;
}

#capabilities h2 {
 font: bold 12px  verdana, sans-serif; 
 width: 100%;
 margin: 20px 0px 0px 0px; 
float:left;
}


#capabilities p {
width: 390px;
float: left;
}

#capabilities img.bling {
float: left;
margin-left: 40px;
}




#launching {
float: left;
width: 730px ;
min-height: 400px;
margin: 50px 0px 0px 50px;
}

.narrow-side {
float:left;
width: 200px;
margin-left: 50px;
margin-top: 10px;
}

.narrow-side ul {
list-style-type: none;
}
.narrow-side ul li {
margin-left: 10px;
}

#menu {
position: relative;
top: 0px;
float:left;
left: -31px;
width: 32px;
height: 180px;
z-index:30;
cursor: pointer;
background-color: transparent;

}



#nav {
position: absolute;
margin: 0px 0px 0px 0px;
list-style-type: none;
color: #f9f9f9;
font: normal 10px verdana, sans-serif;
height: 120px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
opacity: 0.8;
filter:alpha(opacity=80);
cursor:pointer;
}

#nav li {
float: left;
display: inline;
width: 120px; 
height: 30px;
text-align:center;
vertical-align: center;
cursor:pointer;
margin: 4px 0px 0px 0px !important;
}


#nav li a, #nav li a:visited {
border-top: solid 70px #237daa;
border-bottom: solid 4px #237daa;
height: 30px;
vertical-align:center;
margin: 0px;
display: block;
text-decoration: none;
background-color: #237daa;
vertical-align:middle;
padding-top: 20px;
cursor:pointer;
color: #eee;
font: bold 12px verdana, sans-serif;
}

#nav li a:hover, #nav li a:active {
border-top: solid 70px #3e86ab;
border-bottom: solid 4px #285870;
background-color: #6794ab;
background-color: #3e86ab;
color: #fff;
cursor:pointer;
}

p {
font: regular 10px  Verdana, sans-serif;
line-height: 2;
margin-bottom: 20px;
}


#pagecontainer {
margin: 10px auto;
width: 900px;
border: solid 1px #000;
background-color: #999;
background-color: transparent;
}

/* shared attributes of contact and foot */
.minor {
background-color: #999;
font: normal 10px Monaco, "Andale Mono", sans-serif;
color: #ffffff;
text-align:right;
opacity: 0.8;
filter:alpha(opacity=80);
width: 100%;
min-height: 14px;
}

#foot {
border-top: solid 1px #000;
padding: 6px 0px;
}

#foot a, #foot a:visited {
color: #000;
text-decoration: none;
}

#foot a:active, #foot a:hover {
text-decoration: underline;
color: #fff;
}

#contact {
padding: 6px 0px;
border-bottom: solid 1px #000;
}

#contact ul, #foot ul {
background-color: #999;
margin-right: 10px;
}

#contact li, #foot li {
background-color: #999;
list-style-type: none;
display: inline;
margin-left: 30px;
color: #164f6b;
color: #1d678c;
color: #134529;
color: #09202b;
color: #081a24;
}

#main {
width: 100%;
min-height: 500px;
padding: 0px 0px 6px 0px;
background-color: #ffffff;
opacity: 1.00;
filter: alpha(opacity=100);
}

#logo {
margin-left: 0px;
margin-top: 20px;
}

#blurb {
position:relative;
float:right;
margin-right: 30px;
margin-top: 30px;
}


#home  {
text-align:center;
width: 790px;
height: 375px;
margin: 60px auto 10px auto;

}

#mediabucket {
width: 790px;
margin: 2px auto 80px auto;

}


#photo-of-the-day {
 float:left;
 border-top: solid 1px #ccc;
 width: 215px;
 margin: 10px 5px 10px 10px;
 text-align:center;
}

#photo-of-the-day img {
 margin-top: 0px;
 padding-top: 0px;

}

#photo-of-the-day img#first {
 margin-top: 21px;
 margin-bottom: 10px;
 padding-top: 0px;

}

.photo-history {
opacity: 0.6;
filter:alpha(opacity=50);
}


#insights {
 float:left;
 border-top: solid 1px #ccc;
 width: 215px;
 margin: 10px 10px 10px 5px;
 padding-top: 15px;
 text-align: justify;
}


h2.insight-title {
font: bold 12px verdana, sans-serif;
margin: 2px 0px;
}


b.insight-date {
font: bold 10px verdana, sans-serif;
}

p.insight-excerpt {
font: normal 10px verdana, sans-serif;
line-height: 2.0;
}



#welcome {
 float:left;
 width: 400px;
 margin: 10px 20px;
 border-top: solid 1px #ccc;
 padding-top: 15px;
 text-align: justify;
}



#errorpage h1 {
font: bold 22px verdana, sans-serif;
margin: 100px auto;
}


input {
border: solid 1px #333;height: 16px;padding: 4px 0px 0px 4px; width:360px;
margin-bottom: 20px;
}

textarea {
border: solid 1px #333;height: 222px;padding: 4px 0px 0px 4px; width:360px;
margin-bottom: 20px;

}

input.submit {
width:180px;float:right;margin-right:34px;
height: 22px;
padding: 4px 0px 0px 4px;
}