﻿* {box-sizing:border-box;}

html, body {background-color:#34495e; font-family: 'Open Sans', sans-serif; font-size: 18px;margin: 0 auto; padding: 0;}

h1 {color: #2c3e50; font-family: impact, arial black, sans-serif; font-size: 2em; text-align: center; font-weight:normal; padding-left:5px; padding-right:5px;}

h2 {font-size:1.5em; color: #c0392b; text-align:center; margin: 1em; font-weight:bold;}

h6{color:#990000;font-size:1.2em;margin:25px 15px 5px 15px;;text-align:center;}

#container {max-width:1000px; margin: 0 auto;}

.header {
    position: relative;
    text-align: center;    
}

#login{padding: 15px 10px 0 10px; background-color: #34495e; text-align: right;}

#login input[type="text"]{box-shadow:0 2px 4px #555 inset;border:0;border-radius:2px;padding:5px;}

#btnLogin{
background-color: #27ae60;
border: 0;
padding: 5px;
border-radius: 4px;
color: #fff;
box-shadow: 0 -4px 4px rgba(0,0,0,.3) inset;
}

@media (max-width:450px){
    #login input{
        display:block;
        width:100%;
    }
}
.navigation{background-color: #2c3e50;padding:0;margin:0;}

.navigation a{border-bottom: 1px solid #fff;display:block;font-size:1.2em;    margin:0;padding:10px;text-decoration:none;}

.contentwrapper {max-width:1000px;  background-color:#fff;}

.maincontent {border-right:#ccc solid 1px; padding:10px;}

.maincontent li{margin:10px 20px;}

.sidebar {padding:0px;}

.footer {clear:both; background-color: #2c3e50;text-align:center;color:#fff;}

.footer div{padding:25px;}

.red {color:#900;}

.certificate {margin: 10px auto; width: 425px; background: url(/images/grad.jpg) repeat-y;}
	
.certificatetop {margin: 0px auto; width: 425px; height: 29px; background: url(/images/top.jpg) no-repeat;}
	
.certificate h2.green {text-align: center; color: #0b6d42; font-weight: bold; margin: 0px 25px 10px 25px;}
	
.certificate p {text-align: center; margin: 0px 25px 0px 25px;}
	
.certificatebottom {margin: 0px auto; width: 425px; height: 30px; background: url(/images/bottom.jpg) no-repeat;}

.testimonialheadline {color: #990000; font-weight: bold; text-align: center;margin-bottom:5px;}
	
#testimonials{list-style-type:none;margin:0;padding:0;}

#testimonials li{margin:0;}

#testimonials img{float:left;padding:0 15px 15px 15px;}

.testimonialname {font-size:.9em; margin-top: 0px; text-align: right;padding-right:15px;}

img{max-width:100%;}

.letter {width:95%; border:1px solid #A4303A; text-align:left; margin:auto; padding:10px;}

.wrapper {background-color:#fff;border-radius:6px; box-shadow:0 0 14px rgba(0,0,0,.6);clear:both; margin:0 auto; overflow:hidden;margin:25px;}

.bold {font-weight: bold;}

p {text-indent: 0; margin-left:1.5em; margin-right:1.5em;}

.tm{font-family: sans-serif;margin-left: 2px;}

#bob-sig{margin-left:1.5em;}

div.order-now{margin-bottom:25px;}

a.order-now {
    border:1px solid #fff;
    padding: 10px;
    max-width: 200px;
    background-color: #c00;
    color: #fff;
    text-shadow: 2px 0px 7px rgba(0,0,0,0.8);
    margin: 0 auto;
    border-radius: 40px;
    display: block;
    text-align: center;
    box-shadow: 0 3px 10px rgba(0,0,0,0.7);
    font-size: 1.3em;
    text-decoration:none;
    background: -webkit-linear-gradient(#e44, #a00);
    background: -o-linear-gradient(#e44, #a00);
    background: -moz-linear-gradient(#e44, #a00);
    background: linear-gradient(#e44, #a00);    
    -webkit-transition: background .7s; /* For Safari 3.1 to 6.0 */
    transition: background .7s;
}
a.order-now:visited{color:#fff;}

#footer-info{font-size:.7em;margin:45px 0 0 0;text-align:center;}   

@media (min-width:701px) {
    .maincontent{width:70%;display:inline-table;}
    .sidebar{width:29%;display:inline-table;vertical-align:top;margin-top:25px;}

    @-moz-document url-prefix() { 
        .sidebar{
            width:27%;
        }
    }

    .navigation{font-size:0;}

    .navigation li{display:inline-block;font-size:17px;}

    .navigation a{border-bottom:0;border-right: 1px solid #fff;display:inline-block;}

    .navigation a:hover {background-color:#369;}

    a.order-now:hover {
    background: -webkit-linear-gradient(#c33, #c00);
    background: -o-linear-gradient(#c33, #c00);
    background: -moz-linear-gradient(#c33, #c00);
    background: linear-gradient(#c33, #c00);
    }
}
