<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Southern Container - </title>
<link rel="stylesheet" type="text/css" href="/css.php?id=8" />
<!--[if IE 6]><link href="site_media/css/IE6.css" rel="stylesheet" type="text/css" /><![endif]-->
<script type="text/javascript">var PHable_MEDIA_PATH = "media";</script>
</head>
<body>
<div class="content">
  <div class="headspace"></div>
  <div class="header_home">
    <a href="index.php"><img src="/assets/templates/soco/img/southercontainerlogo.gif" alt="Souther Container Logo"></a>
<div class="navigation_top">
	<ul>
    <li><a href="/about.php" class="first">About</a>
<li><a href="/products.php">Products</a>
<li><a href="/services.php">Services</a>
<li><a href="/contact.php" class="last">Contact</a>

  </ul>
</div>

    
<div class="subnavigation_top">

</div>
  </div>

  <div class="secondContainer">
    <div class="secondContainerLeft"></div>
    
<div class="secondContainerRight"> </div>
  </div>
  <div class="informationContainer">
    <div class="information_container_left">
      /*-------structure-----------------*/
* { padding: 0; margin: 0; }
p { margin-top: 1em; margin-bottom: 1em; }
body { background: #0e0b04; font-family: Arial, sans-serif; }
a img { border: none; }
.center { text-align: center; }
div.clear { clear: both; }
div.content { margin: 0 auto; width: 828px; }
/*-----------HEADER-----------*/
div.headspace { height: 40px; width: 828px; }
div.header_home img, div.header_about img, div.header_products img, div.header_productsA img, div.header_productsB img, div.header_productsC img, div.header_services img, div.header_contact img{ padding-left: 10px; padding-top: 19px; padding-bottom:14px;}
div.header_home { background-repeat: no-repeat; width:828px; height: 320px; margin: 0 auto; position: relative; }
/*------------HEADER-NAVIGATION------------*/
div.navigation_top { /* height: 40px; */ position:relative; }
.border_menu { float:left; }
.navigation_top ul { float:left; list-style:none; margin:0px 0px 0px 0px; padding:0; padding-left:6px;position:relative; text-align:left; }
.navigation_top ul li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; border-left:1px solid #fceace; }
.navigation_top ul li:first-child {border-left-width: 0px;} 
.navigation_top ul li a { display:block; margin:0 0 0 0px; padding:3px 12px 4px 12px; color:#fceace; text-decoration:none; line-height:28px; height:28px; font-size:12px; text-transform:uppercase; }
.navigation_top ul li a:hover { background-image:url('http://www.southerncontainer.com/site_media/img/top_menu_hover_h.png'); background-position:bottom center; background-repeat:no-repeat;}
.navigation_top ul li a.active, .navigation_top ul li a.active:hover {background-image:url('http://www.southerncontainer.com/site_media/img/top_menu_hover_h.png'); background-position:bottom center; background-repeat:no-repeat;}
/*-----------Subnavigation----------*/ 
div.subnavigation_top { position: absolute; left: 0; bottom: 2px; }
ul.subnav_top { /* border: 1px solid red; */ }
ul.subnav_top li { display: inline; list-style-type: none; }
ul.subnav_top li a { float: left; font-size: 10px; color: #fceace; text-decoration: none; text-transform: uppercase; background: #1e1506; padding: 10px 5px 10px 5px; margin-right: 2px; }
ul.subnav_top li a:hover, ul.subnav_top li.active a { background: #675d4b;}
/*------------------CONTENT-------------*/

/*------------------LOGIN-----------------*/
div.secondContainer { margin: 0 auto; width: 828px; height: 43px; background: #362e20; }
div.secondContainerLeft { width:453px; height: 43px; float: left; background: url('http://www.southerncontainer.com/site_media/img/h1.jpg') bottom left no-repeat; font-family:Georgia; font-size:16px; font-weight:bold; color:#ffffff; margin-left:21px; padding-left:9px;line-height:40px;}
div.secondContainerRight { background: #362e20; width: 344px; height: 43px; float: left; }
/*-----------------------------ACTUAL CONTENT--------------*/
div.informationContainer { background: #362e20; width: 812px; margin: 0 auto; padding: 0 0px 0 16px; }
div.information_container_left { width: 430px; background: #675d4b; float: left; padding: 10px; text-align: left; margin-bottom: 5px; border: 1px solid #494031; }
div.information_container_left ul { color: #fceace; font-size: 12px; margin-left: 20px; }
p.tightend { margin-bottom: 0em; color: #fceace; font-size: 12px; }
div.information_container_right { float: right; width: 352px;  }
div.information_container_right p.white { font-size: 13px; }
div.information_container_right form { font-size: 13px; }
div.contact_text_right { float: left; width: 230px; margin-top: 10px; }
div.contact_text_left { float: left; width: 80px; margin-top: 10px; }
div.contact_form_text { width:80px; text-align: left; float: left; }
div#contact_form_field span {display:block; float:left; width:100px; padding-left:20px;}
.input2 { background: url('http://www.southerncontainer.com/site_media/img/inputTwo.jpg'); background-repeat: repeat-x; width: 120px; height: 15px; border: 0; margin-bottom: 20px; }
.input3 { background: url('http://www.southerncontainer.com/site_media/img/inputThree.jpg'); background-repeat: repeat-x; width: 210px; height: 86px; border: 0; overflow: scroll; margin-bottom: 20px; }
.twenty { display: block; margin-bottom: 18px; border: 0; padding: 0; }
.onetwenty { display: block; margin-bottom: 90px; }
/*----------------------- FOOTER  --------------*/
div.bottom_navigation { margin: 0 auto; width: 828px; text-align: center; }
ul.bottom_nav { list-style: none; width: auto; margin-bottom: 0.5em; margin-top: 0.5em; margin-left: 0; }
ul.bottom_nav li { display: inline; margin: 0; padding: 0px 19px 5px 27px; background: url('http://www.southerncontainer.com/site_media/img/bottom_dot_menu.jpg') left no-repeat; }
ul.bottom_nav li a { color: #564e41; font-size: 10px; text-decoration: none; text-transform: uppercase; /* padding: 0 6px 0 3px; */ }
ul.bottom_nav li a:hover { color: #fceace; text-decoration: underline; }
ul.bottom_nav li a:visited { color: #564e41; }
ul.bottom_nav li:first-child { background: none;}
.informationContainer a { color: #fceace; }
/*------------ bonus --------------*/
.information_container_left p, .information_container_right p { color: #fceace; font-size: 12px; }
.information_container_left, .information_container_right { color: #fceace; font-size: 12px; }
.information_container_right strong {font-size:13px;}
form { font-size: 10px; color: #fceace; height: 15px; margin-top: 13px; margin-left: 8px; }
.input { background:url('http://www.southerncontainer.com/site_media/img/client_login_b.jpg'); background-repeat: repeat-x; width: 98px; height: 15px; border: none; padding: 0; }
.button { background: none; border: none; font-size: 10px; color: #fceace; margin-left: 0; display:block; padding-left:118px;}
.information_container_right p {text-align:center;}
div.header_home { background: url(site_media/img/header_contact.jpg);}

    </div> 
    <div class="information_container_right"></div>
    <div class="clear"></div>
  </div>
  
<div class="bottom_navigation">
<ul class="bottom_nav">
    <li><a href="http://www.southerncontainer.com/" class="first">Home</a>
<li><a href="/about.php">About</a>
<li><a href="/products.php">Products</a>
<li><a href="/services.php">Services</a>
<li><a href="/contact.php">Contact</a>
<li><a href="/privacy-policy.php">Privacy Policy</a>
<li><a href="/terms-of-use.php" class="last">Terms of Use</a>

  </ul>
</div>
</div>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-2508815-17");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
