* { margin:0; padding:0;}
 * {
  box-sizing: border-box;
}
.clear { clear:both;}

html, body { height:100%; }
body {font-family: Open Sans; font-size:100%; line-height:0.9em;position:relative;}
html, input, textarea,h2,h5,h6,p,ul,a
    {
    }
.wrapper, header{

    max-width:1150px;
    min-width:600px;
    margin:0 auto;
    borderd:1pt solid red;
}
header{
    margin:0;
    padding:0;
}

h2{
    color:white;
    font-size:16px;
    line-height: 25px;
    font-weight:normal;
}
h5{
    color:#374c69;
    font-size:14px;
    line-height: 15px;
    font-weight:normal;
    margin-bottom:15px;
}
h6{
    color:white;
    font-size:14px;
    line-height: 15px;
    font-weight:normal;
    margin-bottom:20px;
}
a{color:#6d94c9; text-decoration:underline}
a:hover{text-decoration:none}
p, tr{
    font-size:14px;
    line-height:25px;
    font-weight:400;
    margin-bottom:10px;
}
li{
    font-size:14px;
    line-height:16px;
    font-weight:400;
}
.white{
    color: white;
}
.blue{
    color:#374c69;
}
.lt_blue{
    color:#6d94c9;
}

.black{
    color:#374c69;
}

.logo{
    float:left;
    width:350px;
    height: 70px;
    margin:0 20px 0 0;
    padding:5px;
    background-color:black;
    background-image:url("./index_files/logo-southern-400x80-wht-01.png");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}
.call{
    width:100%;
    height:80px;
    padding:15px 20px 0 0;
    vertical-align:middle;
    text-align:right;
    background-color:black;
}
.image,.carosel{
      width:100%;
    background-size:contain;
}

.carosel{
    height:400px;
}
.tennessee_tech{

    background:url("./index_files/carosel1.jpg") no-repeat center center;
}
 .techs{

    background:url("./index_files/tech.jpg") no-repeat center center;
}
 .services{
    
    background:url("./index_files/services.jpg") no-repeat center center;
}
.links{
     margin: 10px 0;
     padding-left:10px;
     height: 80px;
}

/* Add a black background color to the top navigation */
.topnav {
    margin-top:5px;
  background-color: #333;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.row{
    margin:20px 0 0 0;
    borderd:1pt solid black;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
   /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;

}
/*footer*/
#footer { color:#838383; font-size:0.75em; background:url(images/bot.gif) repeat-x top; padding:27px 24px 55px 42px;}
#footer a {color:#838383; text-decoration:underline}
#footer a:hover {  text-decoration:none}
#footer span a {color:#838383; text-decoration:none; background:url(images/arrow1.gif) no-repeat top left; background-position:0 5px; padding:0px 12px 0px 17px; }
#footer span a:hover {  text-decoration:underline}
#footer .pic{ margin:0px 0px -10px 249px; position:absolute}