/* 
    Document   : krenninglaw.css
    Created on : Oct 21, 2013, 4:28:57 PM
    Author     : TG Services LLC
    Description:
        Layout for Krenning Law
*/

root { 
    display: block;
}
body {
    
    background-color: #011530;
}
 h1 {
    margin:0;
    padding-left:10px;
    text-align:left;
    color:#011530;
}
img{
    text-decoration:none;
    border: none;
    outline: none;
}
.pagetitle{
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 36px;
    line-height: normal;
    color: rgb(107, 1, 5);
}
.subtitle {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 24px;
    line-height: normal;
    color: rgb(107, 1, 5);
}
#content {
    text-align:center;
    width:1024px;
    margin:-10px auto;    
}
#content img {
    position:relative;
    z-index:0;
}
#menu {
    position:relative;
    padding:0px;
    margin:-10px auto;
    width: 966px;
    height: 28px;
    font-size: 18px;
    font-family: Tahoma, Geneva, sans-serif;
    background-color: #494949;
    border-radius: 8px;
    z-index:10;
    box-shadow: 0px 7px 5px #494949;
}
#menu ul {
    float:left;
    height: auto;
    padding: 4px 10px;
    margin: 0px;
}
#menu li {
display: inline;
padding:2px;
}
#menu a {
    text-decoration: none;
    border: none;
    color: #fff;
    outline: none;
}
#menu a span{
    padding-left:6px;
    padding-right:6px;
}
#menu a:hover {
    position:relative;
    color: #000;
    background-color: #b8b8b8;
    border-radius: 8px;
    padding:4px 0;
    z-index:6;
    
}
#menu a .active {
    padding:4px 0;
    padding-left:10px;
    padding-right:10px;
    position:relative;
    color: #000;
    background-color: #b8b8b8;
    border-radius: 8px;
    z-index:6;
}
#menu a .sub_active {
    padding:2px 0;
    padding-left:10px;
    padding-right:10px;
    position:relative;
    color: #fff;
    background-color: rgb(73, 73, 73);
    border-radius: 8px;
    border: 1px solid #fff;
    z-index:6;
}
#menu .sep {
    color:#b8b8b8;
}
#links{   
    outline: none;
    float: right;
    margin: 6px 0px;
    margin-right: 5px;
}
#links img{
    text-decoration:none;
    border: none;
    outline: none;
    padding-right:10px;
}
#links a:hover {
    text-decoration:none;
    border: none;
    outline: none;
    background-color: #494949;
}
#bar{
    z-index:10;
    position:relative;
    margin:0 auto;
    margin-top:-5px;
    height:33px;
    width:935px;
    background-color:#494949;
}
#bar p {
    font-size: 25px;
    font-family: Vani, Ariel, sans-serif;
    font-weight:bold;
    color:#fff;
    float:right;
    margin-right:50px;
    margin-top:1px;
}
#bar a{
    border: none;
    text-decoration: none;
}
#main {
    z-index:1;
    position:relative;
    display:inline-block;
    overflow:hidden;
    margin:0 auto;
    width: 935px;
    background-color:white;
    /*/height:500px;*/
    border-radius: 0 0 8px 8px;
}
#footer {
    margin:0px auto;
    width: 935px;
    color:#fff;
    font-size: 10px;
    font-family: Vani, Ariel, sans-serif;
}
#fleft {
    float:left;
}
#fright{
    float:right;
}
#fright a {
    color:#EAEAEA;
}
/*----- LAYOUT BLOCK : HEADER/SLIDER -----*/

.slider-section {
    z-index:1;
    background-color:white;
    display:inline-block;
    margin:0 auto;
    margin-top: -23px;
}
ul#slider {
    position:relative;
    z-index:1;
}

#slider li {
    display:block;
    width:935px;
    height:190px;
    list-style: none;
    margin:0;
    padding:0;
    z-index:1;
}

.slideimage {
    display:block;
    width:935px;
    height:190px;
    overflow:hidden;
    float:left;
    z-index:1;
}
.main {
    float:left;
}
.links{text-align:center;position:relative;display:inline-block;width:650px;margin: 0 auto; }
    .links .main-left {width: 240px;float:left; font-size:14px; color:#fff; width:242px;  margin:5px 0; height:120px;} 
    .links .main-right { width: 240px;float:right; font-size:14px; color:#fff; width:242px; margin:5px 0; height:120px;  }
    .links .shading {background:rgb(73, 73, 73); 
    box-shadow: 2px 2px 7px #000000;   -webkit-box-shadow:2px 2px 7px #000000; -moz-box-shadow: 2px 2px 7px #000000;border:2px solid black;}
    .links .shading:hover {color:#fff; background:rgb(1, 21, 48); font-weight:bolder; cursor: pointer; }
.sidebar {
    color:white;
    float:right;
    margin: 3px;
    border:2px solid rgb(1, 51, 68);
    border-radius: 8px;
}
.sidebar { background-color:rgba(1, 31, 48, 0.7);  padding:10px 15px 25px 15px;   } 
.contact { padding:0 0 0px; position:relative;       }
        .contact-arrow {height: 89px; position: absolute;  right: -44px; top: -17px;  width: 113px;}
        .contact-top {}
        .contact-top h2 {  color:#FFF; font-size:30px; font-weight:bold;  text-shadow:1px 2px 2px #0E0E0E;}
                .contact-top h2 strong { font-size:38px;  } 
                .contact-top p { color:#FFF; font-size:14px; margin:0px; }
        .contact-form { overflow:hidden; margin:10px 0 0 0;  }
                .contact-form label { color:#FFF; float:left; margin:10px 0;font-size:14px;}
                .contact-form input {  font-size:14px; color:#4A6B6E;  float:right; width:242px; border:1px solid grey; height:25px;   margin:5px 0;  } 
                .contact-form input:focus { border:1px solid #4A6B6E;  }
                .contact-form textarea { font-size:12px;   color:#4A6B6E; border:1px solid grey; width:242px; float:right; margin:5px 0;  }
                .contact-form textarea:focus { border:1px solid #4A6B6E;  }
                .contact-form .submit-button {  border:1px solid #fff; background:rgb(73, 73, 73); display:inline-block; margin:10px 7px 7px; 
                                                box-shadow: 2px 2px 7px #000000;   -webkit-box-shadow:2px 2px 7px #000000;  -moz-box-shadow: 2px 2px 7px #000000;}
                .contact-form .submit-button h3 { text-transform:uppercase; font-size:18px; font-weight:bold; color:#fff; text-shadow:0px 1px 2px #403E3E;}
                .contact-form .submit-button h3 strong { font-size:20px; color:#fff; } 
                .contact-form .submit-button:hover{ color:#fff; background:rgb(1, 21, 48); font-weight:bolder; cursor: pointer; }
                
                
.contact_formError {
    background: none repeat scroll 0% 0% rgb(255, 238, 238) !important;
    border: 1px solid red !important;
}
.round-corners {
     border-radius: 8px;
}
.contact_formErrorDiv{
    display:inline-block;
    color:rgb(255, 178, 178);
}
#contact_formSentDiv p{
    display:inline-block !important;
    color:rgb(0, 255, 0);
}
#trap {
    display:none;
}
.sidebar .sidebar-promotion { clear:both; margin:20px 0; padding:0 0 25px 0; }
        .sidebar .sidebar-promotion h2 {  margin:0 0 10px 0;  color:#FFF; font-size:30px; font-weight:bold;  text-shadow:1px 2px 2px #0E0E0E;}
        .sidebar .sidebar-promotion p { font-family:arial,sans-serif;   color:#FFF; font-size:12px; font-weight:normal;  text-shadow:none;}
        .sidebar .sidebar-promotion img { padding:10px 20px 0 0;  }
        .sidebar .sidebar-promotion .video  { padding:0px; margin:0 0 0 0;   }
        .sidebar .sidebar-promotion .video img { padding:0px; margin:0px;    }		
.sidebar .sidebar-cta { padding:15px 0 0 0; }
        .sidebar .sidebar-cta h2 { color:#A2D0AF; font-size:24px;  }
                .sidebar .sidebar-cta p { color:#FFF; font-size:16px; margin:0px; }
                .sidebar { font-size:24px;  } 


.sidebar .txtarea { clear:both; margin:20px 0; padding:0 0 25px 0; }
                .sidebar .txtarea h2 {  margin:0 0 10px 0;  color:#FFF; font-size:30px; font-weight:bold;  text-shadow:1px 2px 2px #0E0E0E;}
                .sidebar a, .sidebar a:visited, .sidebar a:active { color:#A2D0AF; text-decoration:none; font-weight:bold; }
                        .sidebar a:hover {color:#D6FFE2; }