/* CSS Document */

@font-face {
    font-family: 'Candara';
    src: url('candara.eot');
    src: url('candara.eot?#iefix') format('embedded-opentype'),
         url('candara.woff') format('woff'),
         url('candara.ttf') format('truetype'),
         url('candara.svg#candara') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{background:url(../img/bg.png) repeat-x #f9f9f9;width:100%;font-size:85%;}
h1,h2,h3,h4,p,li,a{font-family: 'Candara';}

header{width:853px;margin:0px auto;}
.header_inner{width:860px;float:left;border-bottom:solid 2px #808080;padding:15px 0px 20px 0px;margin-left:-5px;}
.logo{float:left;margin-left:-16px;}
.c2a{float:right;margin:10px 25px 0px 0px;}
.c2a h2{margin:0px;padding:0px;}
.c2a p{margin:0px;padding:0px;color:#969696;}


.main{width:864px;margin:0px auto;}
.main_inner{width:853px;float:left;}
.left_nav{float:left;width:157px;}
.content{float:left;width:460px;text-align:center;background:#808080;padding:40px 20px 20px 20px;}
.content h3{font-size:1.4em;color:#fff;margin:10px 0px 0px 0px;padding:0px;font-weight:600;}
.content p{padding:0px;margin:0px;color:#fff;font-size:0.9em;}
.left_nav ul,.left_nav li{list-style:none;margin:0px;padding:0px;width:157px;float:left;height:25px;line-height:25px;border-bottom:1px solid #e6e6e6;color:#808080;}
.left_nav a:hover li{background:#808080;color:#fff;}
.keywords{float:left;width:188px;}
.keywords ul,.keywords li{list-style:none;margin:0px;padding:0px;float:left;height:25px;line-height:25px;border-bottom:1px solid #e6e6e6;color:#808080;}
.keywords li{padding-left:10px;width:193px;}

/** examples page **/

.examples{float:left;width:460px;text-align:center;background:#808080;padding:20px 20px 20px 20px;}
.examples h3{font-size:1.4em;color:#fff;margin:0px 0px 0px 0px;padding:0px;font-weight:600;}
.examples h3.example{font-size:1.4em;color:#fff;margin:0px 0px 15px 0px;padding:0px;font-weight:600;}



footer{width:853px;margin:0px auto;}
.footer_inner{width:853px;float:left;text-align:center;padding-top:10px;border-top:solid 1px #808080;}
.footer_inner h3{font-size:1em;margin-right:45px;}

/** contact form **/

table.contact td{color:#fff;font-family: 'Candara';text-align:left;padding:5px;}
table.contact td.leftCell{width:50px;}
table.contact input.long{width:400px;}
table.contact textarea{width:450px;}
.contactform{float:left;width:460px;text-align:center;background:#808080;padding:20px 20px 20px 20px;}
.contactform h3{font-size:1.4em;color:#fff;margin:0px 0px 10px 0px;padding:0px;font-weight:600;}

.left_nav a li{text-decoration:none;}
.left_nav a{text-decoration:none;}