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

/* Color Info
light brown - #8C817B
light blue - #7B818D
dark brown - #5A4A42
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;
}

img {
border:none;
}


/* ---------- classes ----------*/
.enter_button {
color:#fff;
background:#d31145;
text-align:center;
position:relative;
width:375px;
left:40px;
height:58px;
top:10px;
margin-bottom:15px;
}

.enter_button a {
font-size:20px;
text-decoration:none;
color:#fff;
height:50px;
padding:4px;
display:block;
font-weight:bold;
position:relative;
right:40px;
}

.enter_button a:hover {
background:#333333;

}


.more {
background:#d31145;
}

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

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


/* ---------- outer/background info ----------*/
#wrapper {

}

#container {
position:relative;
top:20px;
margin:0 auto;
width:902px;
}

#branding {
height:115px;
width:230px;
background:#D31145 url(images/ssi_logo.gif) no-repeat center;
margin:0 auto;
position:absolute;
left:330px;
margin-top:-10px;
}

#branding h1 a {
height:115px;
width:230px;
color:#fff;
display:block;
text-indent:-9999px;
}



/* ---------- commercial side ----------*/
#commercial_flooring {
background:white;
width:450px;
float:left;
border-bottom:25px solid #5A4A42;
}

#commercial_flooring h3 {
color:#5A4A42;
position:relative;
left:40px;
width:375px;
font-size:18px;
text-align:center;
}

#commercial_flooring p {
position:relative;
left:40px;
line-height:1.8em;
width:375px;
}

#commercial_header {
border-top:25px solid #5A4A42;
}

#commercial_header h2 {
margin:0; padding:0;
border-bottom:15px solid #8C817B;
background:#5A4A42;
height:55px;
text-align:center;
padding-top:10px;
margin-top:-2px;
}

#commercial_header a {
color:#fff;
text-decoration:none;
font-size:30px;
}

#recent_commercial_projects {
position:relative;
left:40px;
}

#recent_commercial_projects td {
border:5px solid #8C817B;
}

#recent_commercial_projects table {
border-top:5px solid #5A4A42;
border-bottom:5px solid #5A4A42;
}

#recent_commercial_projects h4, #recent_commercial_projects h4 a {
color:#5A4A42;
font-size:20px;
margin:0;
text-decoration:none;
}

#recent_commercial_projects h4 a:hover {
color:#8C817B;
}

#enter_commmercial {
}

#enter_commmercial p a {
}


/* ---------- marine side ---------- */
#marine_flooring {
background:white;
width:450px;
float:right;
border-bottom:25px solid #424A5B;
border-left:2px solid #424A5B;
}

#marine_flooring h3 {
color:#424A5B;
position:relative;
left:40px;
width:375px;
font-size:18px;
text-align:center;
}

#marine_flooring p {
position:relative;
left:40px;
line-height:1.8em;
width:375px;
}

#marine_header {
border-top:25px solid #424A5B;
}

#marine_header h2 {
margin:0; padding:0;
border-bottom:15px solid #7B818D;
background:#424A5B;
height:55px;
text-align:center;
padding-top:10px;
margin-top:-2px;
}

#marine_header a {
color:#fff;
text-decoration:none;
font-size:30px;
}

#recent_marine_projects {
position:relative;
left:40px;
}

#recent_marine_projects td {
border:5px solid #7B818D;
}

#recent_marine_projects table {
border-top:5px solid #424A5B;
border-bottom:5px solid #424A5B;
}

#recent_marine_projects h4, #recent_marine_projects h4 a {
color:#424A5B;
font-size:20px;
margin:0;
text-decoration:none;
}

#recent_marine_projects h4 a:hover {
color:#7B818D;
}

#enter_marine {

}

#enter_marine p a {

}


/* ---------- site info ----------*/
#site_info {
clear:both;
color:white;
width:900px;
position:relative;
bottom:23px;
}

#site_info p {
margin:0; padding:0;
float:left;
position:relative;
left:20px;
width:450px;
margin-bottom:20px;
}

#site_info a {
float:right;
text-decoration:none;
position:relative;
right:40px;
color:white;
}

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