/**
			                       
* Colors and other info

    Dark blue   #134383
    Grey lines  #d4d4d4
			                       
*/

/***** Basic Elements *****/
body{
    color: #000; 
    background: #0C3A6F;
    font-family: 'Arial';
    font-size: 78%;
}
body.mceContentBody{
    background: #fff;
}
.wrapper{
    width: 965px;
    margin: 0 auto;
}
a{
    color: #147FBB;
    text-decoration: none;
}
p{
    margin-bottom: 1em;
}

/***** Header *****/
#header{
    background: url(/Content/Images/Front/layout/header-bg.png) repeat-x;
    height: 68px;
}
#header .wrapper{
    line-height: 68px;
}
#header h1{
    float: left;
}
#header h1 img{
    vertical-align: middle;
}
#header ul.navigation{
    float: left;
    margin-right: 30px;
}
#header ul.navigation li{
    display: inline;
}
#header ul.navigation li a{
    display: block;
    float: left;
    color: #fff;
    margin-right: 5px;
    padding: 5px 8px;
    line-height: 14px;
    font-size: 14px;
    margin-top: 25px;
}
#header ul.navigation li a:hover{
    color: #147FBC;
}
#header ul.navigation li a.active{
    background: #0781bc;
}
#header ul.navigation li a.active:hover{
    color: #fff;
}
#header #intersect{
    margin-right: 30px;
    background: url(/Content/Images/Front/layout/header-intersect.png) no-repeat center center;
    width: 3px;
    height: 68px;
    float: left;
}
#header #login{
    float: left;
}
#header #login img{
    vertical-align: middle;
}

/***** Main/content *****/
#main{
    background: #9BD0E9 url(/Content/Images/Front/layout/main-bg.png) repeat-x;
    padding-top: 60px;
}
#contentTop{
    background: url(/Content/Images/Front/layout/content-bg-top.png) no-repeat;
    height: 7px;
}
#content{
    background: url(/Content/Images/Front/layout/content-bg.png) repeat-y;
    padding: 20px 40px;
}
#content h1,
.mceContentBody h1{
    font-size: 24px;
    font-weight: bold;
    border-bottom: 2px solid #CCCCCB;
    padding-bottom: .6em;
    margin-bottom: .6em;
}
#content h2,
.mceContentBody h2{
    color: #98141B;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: .5em;
}
#content h3,
.mceContentBody h3{
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: .5em;
    border-bottom: 1px solid #CCCCCB;
    width: 50%;
}
table td{
    vertical-align: top;
    padding-bottom: 25px;
}
table td img{
    margin-right: 35px;
}
#content ul li,
.mceContentBody ul li{
    margin-left: 20px;
    list-style: disc;
    color: #6DB02A;
    margin-bottom: 15px;
}

.fg-button{ 
    outline: 0; 
    margin:0 0 0 0; 
    padding: .4em 1em; 
    text-decoration:none !important; 
    cursor:pointer; 
    position: relative; 
    text-align: center; 
    zoom: 1; 
}
#main #content .cols-2{
    
}
#main #content .cols-2 .col-1{
    width: 45%;
    float: left;
}
#main #content .cols-2 .col-2{
    width: 45%;
    float: right;
}


/***** Footer *****/
#footer{
    background: #0C3A6F;
    color: #fff;
    padding: 30px 0;
    text-align: center;
}
#footer a{
    color: #fff;
}


/***** Form *****/
form dl{
    margin: 1em 0;
    width: 400px;
}
form dl dt{
    margin-bottom: 5px;
}
form dl dd{
    margin-bottom: 10px;
}
form input{
    width: 250px;
    font-size: 1.1em;
    padding: 2px;
    font-family: 'Arial';
}
form textarea{
    width: 400px;
    font-size: 1.1em;
    padding: 5px;
    font-family: 'Arial';
}
form button.send{
    width: 126px;
    height: 28px;
    background: url(/Content/Images/Front/gfx/buttons/send.png);
    border: none;
    float: right;
}

/***** Index page *****/
#indexClouds{
    background: #9BD0E9 url(/Content/Images/Front/layout/main-bg.png) repeat-x;
    padding-top: 60px;
    padding-bottom: 40px;
}
#indexClouds img#preview{
    float: right;
}
#indexClouds h2{
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: .5em;
    margin-left: -8px;
}
#indexClouds h3{
    font-size: 24px;
    color: #000;
    font-weight: normal;
    line-height: 1.15em;
    width: 410px;
}
#indexButtonBar{
    background: #fff;
    padding: 30px 0;
    border-top: 1px solid #666;
}
#indexButtonBar a{
    margin-right: 20px;
}
#indexCredBar{
    background: #F7F7F7;
    border-top: 1px solid #999;
    padding: 50px 0 20px;
}
#indexCredBar #information{
    float: left;
    width: 700px;
    line-height: 1.3em;
}
#indexCredBar #information td{
    padding:0 30px 0 0;
}
#indexCredBar #information td img.icon{
   margin-right: 10px;
   margin-top: -.3em;
   float: left;
}
#indexCredBar #information td.caseBox{
    width: 38%;
}
#indexCredBar #information td img.case{
   margin-right: 10px;
   float: left;
}
#indexCredBar #twitter{
    float: right;
    width: 230px;
}
#indexCredBar #twitter #tweet{
    background: url(/Content/Images/Front/gfx/twitter-bg.png) no-repeat;
    width: 170px;
    height: 146px;
    font-style: italic;
    padding: 15px 30px;
}
#indexCredBar #twitter #tweetMan{
    float: right;
    margin: -40px 10px 0 0;
}