@charset "UTF-8";
/* CSS Document */

/* Color Info
light blue - #7B818D
dark blue - #424A5B
red - #D31145
*/


/* ---------- Global ----------*/
a, body, div, h1, h2, h3, h4, h5, h6, html, li, p, td, tr, ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
outline:none;
text-decoration:none;
}

img {
border:none;
}

body {
background:url(../images/marine_bg.jpg);
}


.more {
background:#d31145;
}

.more a {
color:white;
text-decoration:none;
font-weight:bold;
padding:1px 2px 1px 2px;
}

.more a:hover {
background:#333333;
}



#warpper {

}

#container {
width:900px;
background:white;
margin:0 auto;
}

#header {

}

#nav_header {
margin:0;
height:36px;
background:#424A5B;
}

#nav_header li {
display:inline;
position:relative;
left:680px;
top:8px;
}

#nav_header a, ul#nav_header {
color:white;
padding:0 8px 0 4px;
}

#nav_header a:hover {
text-decoration:underline;
}

#branding {
background:#d31145;
float:left;
height:238px;
width:233px;
}

#branding h1, #branding a, #branding p {
color:white;
}

#branding h1 a {
background:url(../images/ssi_logo.gif) no-repeat 8px 10px;
display:block;
height:100px;
text-indent:-9999px;
}

#branding p {
font-weight:bold;
line-height:1.6em;
text-align:center;
margin:0 auto;
position:relative;
top:10px;
width:200px;
}

#branding h2 {
text-align:center;
font-weight:bold;
color:white;
font-size:18px;
margin:0;
}


#header_image {
float:right;
height:238px;
width:667px;
background:#424A5B;
}

#header_image p.caption {
margin:0;
position:relative;
top:3px;
color:white;
text-align:center;
height:25px;
}

#nav_main {
clear:both;
height:40px;
background:#7B818D;
}

#nav_main li {
display:inline;
position:relative;
left:15px;
top:10px;
}

#nav_main a, ul#nav_main {
font-size:12px;
color:white;
font-weight:bold;
padding:0 15px 0 13px;
}

#nav_main a:hover {
background:#ccc;
color:#000;
padding:2px 15px 5px 13px;
}


#content_container {

}

#content_main {
float:left;
width:500px;
}

#content_main h2 {
font-size:18px;
margin:0;
padding-left:15px;
color:#d31145;
}

#content_main p {
padding-left:40px;
line-height:1.8em;
}

#content_main a {
color:#d31145;
}

#content_main a:hover {
color:#424a5b;
border-bottom:1px solid #424a5b;
}


#content_recent_projects {
position:relative;
left:90px;
float:left;
width:270px;
}

#content_recent_projects h3 {
font-size:18px;
margin:0;
color:#424A5B;
}

#content_recent_projects img {
border-top:5px solid #7B818D;
}

#content_recent_projects p.caption {
margin:0; padding:0;
font-size:11px;
min-height:16px;
text-align:center;
color:white;
background:#424A5B;
padding-bottom:3px;
border-bottom:5px solid #7B818D;

}


#quick_box_nav {
clear:both;

}

#quick_box_nav li {
float:left;
width:255px;
padding:10px 10px 0 10px;
list-style:none;
}

#quick_box_nav li.light p {
border-top:5px solid #7B818D;
border-bottom:5px solid #7B818D;
background:#ccc;
}

#quick_box_nav li.dark p {
border-top:5px solid #424A5B;
border-bottom:5px solid #424A5B;
background:#ccc;
}

#quick_box_nav p {
margin:0; padding:0;
margin-bottom:15px;
padding:5px;
min-height:50px; /* -- may need to be changed based on content -- */
}

#quick_box_nav h4 {
margin:0; padding:0;
font-size:16px;
}

#quick_box_nav li.light h4 {
color:#7B818D;
}

#quick_box_nav li.dark h4 {
color:#424A5B;
}

#quick_box_nav img {
margin:0 0 2px 0;
}


#site_info {
background:#424A5B;
clear:both;
height:36px;
}

#site_info a, #site_info p {
color:white;
padding-top:8px;
text-align:center;
}

#site_info a:hover {
text-decoration:underline;
}


#nav_reference {
margin:0 auto;
width:900px;
text-align:center;
}

#nav_reference li {
display:inline;
}

#nav_reference li a {
background:none;
}

#nav_reference a, ul#nav_reference {
color:white;
padding:0 8px 0 5px;
font-weight:bold;
}

#nav_reference a:hover {
text-decoration:underline;
}