@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body {
	min-width:980px;
	color:#767676;
	padding:34px 0 25px;
	font:normal 12px/18px 'Open Sans', sans-serif;
	background: #bbb;
}

.main {
	width:980px; 	
	padding:0;
	margin:0 auto;
}

* {
    font-family:'Open Sans', Arial,sans-serif;
}

a {color:#252525; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8 {float:left;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}

p {margin-bottom:18px;}
.p01 {margin-bottom:4px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p02 {margin-bottom:18px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom:60px;}
.p7 {margin-bottom:70px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#767676;}
.color-4 {color:#494949 !important;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}
.img-indent1 {float:left; margin:0 40px 0px 0;}		
.img-indent2 {float:left; margin:0 13px 0px 0;}	
.img-indent3 {float:left; margin:0 9px 0px 0;}
.img-indent4 {float:left; margin:0 16px 0px 0;}		
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:1px solid #cdcdcd;}

a {cursor:pointer;}

.button, .button-1, .list-1 li a, .list-2 li a, .list-3 li a, .link, .link-1, .link-2, h1 a {text-decoration:none;}	

/*********************************header*************************************/
header {width:100%; height:62px; border-radius:6px 6px 0 0; border-bottom:1px solid #000; background:#282828; position: relative;}

#lang { position: absolute; top: -27px; right: 19px; }
#lang a { color: white; }
#lang a.selected { font-weight: bold; } 
#language { width:150px; }

.logo {float:left; margin:1px 5px 0 17px;}
.logo a {display:inline-block; font-size:43px; line-height:52px; color:#eeeeee; letter-spacing:-2px; font-weight: bold; text-decoration: none}

.slogan {float:left; font-size:10px; line-height:14px; color:#969696; font-weight:400; text-transform:uppercase; margin-top:25px; margin-left: 140px;}

#form-search {float:right; width:228px; height:29px; margin:16px 17px 0 0; border:1px solid #555; overflow:hidden;}
#form-search label {float:left; height:29px; margin:0; padding:0;}
#form-search input {
	width:189px; 
	font-size:12px;
	line-height:29px;
	height:29px; 
	color:#fff; 
	padding:0 10px;
	margin:0;
	border:none; 
	outline:none;
	background:none;
}
#form-search .buttons {float:right; width:11px; height:11px; margin:10px 8px 0 0;}
#form-search .buttons a {
	display:block;
	width:11px;
	height:11px;
	text-indent:-5000px;
	text-decoration:none;
	background:url(/img/magnify-search.png) right 0 no-repeat;
}
#form-search .buttons a:hover {background-position:0 0;}


/*********************************content*************************************/
#content {width:100%; position:relative; z-index:1; background: #fff;}
.padding-content {padding:23px 0 20px;}
.padding1-content {padding:53px 0 31px;}
.padding2-content {padding:53px 0 22px;}
.padding3-content {padding:60px 0 25px;}

.padding {padding:0px 20px 0;}
.padding0 {padding:8px 16px 0 20px;}
.padding1 {padding:6px 13px 0 15px;}
.padding2 {padding:0 26px 0 19px;}
.padding3 {padding:4px 18px 28px 0;}
.padding4 {padding:4px 0 28px 21px;}
.padding5 {padding:22px 18px 28px 0;}
.padding6 {padding:22px 0 28px 21px;}
.padding7 {padding:8px 0 0 19px;}
.padding8 {padding:0 0 0 19px;}
.padding9 {padding:10px 20px;}

.title {font-size:11px; line-height:18px; color:#4c4c4c; text-transform:uppercase; font-weight:700; margin-bottom:8px;}
.title-1 {font-size:13px; line-height:18px; color:#605f5f; text-transform:uppercase; font-weight:700; margin-bottom:8px;}
.title-2 {font-size:14px; line-height:18px; color:#494949; font-weight:600; padding-left:10px;}
.title-3 {font-size:12px; line-height:18px; color:#6d6d6d; font-weight:600; white-space:nowrap; padding-left:8px; }
.title-4 {font-size:13px; line-height:18px; color:#343434; text-transform:uppercase; font-weight:600;}
.title-5 {font-size:14px; line-height:18px; color:#494949; font-weight:600;}

h1 {font-size:25px; color:#282828; font-weight: normal; margin-bottom: 40px;}
h1 a {
    text-decoration: underline;
}
h1 span {font-size:60%; text-transform: none;padding-top: 2px; line-height: 25px;}
h2 {font-size:20px; line-height:30px; color:#313131; font-weight:200; text-transform:uppercase; margin-bottom:-2px;}
h3 {font-size:18px; line-height:30px; color:#252525; font-weight:400; letter-spacing:-1px;}
h6 {font-size:12px; line-height:18px; color:#494949; font-weight:600;}

hr {font-size: 1px; margin: 10px 0; padding: 0px; height: 1px; border: 0px; border-bottom: 1px solid #ccc; }

.border-bot {width:100%; height:5px; }

.block-side1 {border:1px solid #dbdbdb; border-radius:2px; background:#fdfdfd;}
.block-side1 dt {font-size:15px; color:#252525; font-weight:600; padding:7px 11px; border-bottom:1px solid #dbdbdb; background: #f1f1f1;}
.block-side1 dd .padding {padding:10px 20px 16px;}
.block-side1 dd .padding1 {padding:18px 12px 16px 20px;}

.block-side2 {border:1px solid #dbdbdb; border-radius:2px; background:#fdfdfd;}
.block-side2 dt {font-size:15px; color:#252525; font-weight:600; padding:7px 11px; border-bottom:1px solid #dbdbdb; background: #f1f1f1;}
.block-side2 dd {border-top:1px solid #dbdbdb;}
.block-side2 dd.first-item {border-top:none;}
.block-side2 dd .padding {padding:16px 12px 16px 20px;}

.block-featured {width:100%; overflow:hidden; padding-bottom:12px; border-bottom:1px solid #dbdbdb;}

.button {
	display:inline-block;
	font-size:12px;
	color:#494949;
	text-decoration:none;
        background-color: #eee;
        padding: 3px 8px;
        border-radius:2px;
        cursor: pointer;
}
.button:hover {
        background-color: #dedede;
        color: #494949;
}

.list-1 li {font-size:12px; line-height:19px; padding:6px 0 6px;}
.list-1 li a {color:#767676;}
.list-1 li.last-item {background:none;}
.list-1 li a:hover {color:#313131;}

.list-2 li {width:100%; font-size:13px; line-height:18px; font-weight:600; margin-bottom:1px; cursor: pointer;}
.list-2 li:hover { color: #313131 }
.list-2 li a {display:block; overflow:hidden; color:#343434; padding:6px 0 6px 19px; border-radius:2px; }
.list-2 li a:hover {color:#555; background:#eee;}
.list-2 li ul {display:none}


.list-3 li {font-size:12px; line-height:19px; padding:6px 0 6px 11px; }
.list-3 li a {color:#767676;}
.list-3 li a:hover {text-decoration:underline;}

.list-4 li {font-size:12px; line-height:18px; color:#767676; border-radius:2px; overflow:hidden; margin-top:1px; padding:10px 17px 11px 19px; background:#fbfbfb;}
.list-4 li:first-child {margin:0;}
.list-4 li .file-size {float:right; width:50px; font-size:13px; line-height:20px; color:#252525; font-weight:600; padding:8px 22px 0 0;}
.list-4 li.alt {color:#979797; background:#2d2d2d;}
.list-4 li.alt .title-5, .list-4 li.alt .file-size {color:#fff;}

.link:hover {text-decoration:underline;} 

.link-1 {display:inline-block; width:16px; height:15px; margin:3px 0 0 1px; }
.link-1:hover {background-position:right 0;}

.text-1 {font-size:14px;}

.map-canvas {float:left; margin-right:20px;}
.map-canvas iframe {width:329px; height:314px; overflow:hidden; border:1px solid #cdcdcd;}

.address dd {overflow:hidden;}
.address dd span {float:left; width:81px;}

/****************************footer************************/
footer {width:100%; padding:14px 0; border-radius:0 0 6px 6px; font-size:12px; line-height:18px; color:#767676; background: #f1f1f1;}

.text-bot span {margin:0 14px 0 4px;}
.text-bot a {color:#767676; text-decoration:none;}
.text-bot a:hover {text-decoration:underline;}

.footer-link {float:right; text-align:right;}

/*********************************column*************************************/
.col-1 {width:188px;}
.col-2 {width:310px; margin-right:29px;}
.col-3 {width:333px;}
.col-4 {width:327px; margin-right:5px;}
.col-5 {width:325px;}
.col-6 {width:201px; padding-left:19px;}
.col-7 {width:201px;}
.col-8 {width:199px;}

/****************************Contact Form************************/
#contact-form {line-height:1em; margin:0; padding:0; width:270px;}
#contact-form textarea, #contact-form input {
	margin:0;
	font-size:12px;
	color:#767676;
	padding:6px 11px;
	position:relative;
	border:1px solid #e7e7e7;
	font-family:'Open Sans', sans-serif;
	background:#fbfbfb;
	outline:none;
}
#contact-form input {width:246px;}
#contact-form textarea {overflow:auto; resize:none; width:246px; height:173px;}	
#contact-form label {min-height:43px; display:block;}	
#contact-form label.message {min-height:215px;}
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {color:red; padding:5px 0; font-size:11px;}
#contact-form .buttons {overflow:hidden; margin-left:-4px;}
#contact-form .buttons a { float:left; margin-right:2px; font-size:12px; line-height:32px; color:#494949; overflow:hidden; text-decoration:none; }
#contact-form .buttons a span {display:inline-block; padding:0 6px; }	
#contact-form .buttons a span span {padding:0 14px 3px; cursor:pointer;}	
#contact-form .buttons a:hover {background-position:0 -34px;}
#contact-form .buttons a:hover span  {background-position:right -34px;}
#contact-form .buttons a:hover span span  {background-position:0 -34px;}

#contact-form .success {color:#767676; width:246px; margin-bottom:20px; padding:10px; border:1px solid #e7e7e7; background:#fbfbfb;}

nav {
    background-color: #f5f5f5;
}
.menu li {
    float: left;
}
.menu {
    border-bottom: 1px solid #d5d5d5;
    width: auto;
    display: block;
    height: 38px;
}
.menu li a {
    display: block;
    padding: 10px 25px;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    background: #fafafa;
    color: #555;
    font-weight: bold;
    text-decoration: none;
}
.menu li:hover a {
    background: #f3f3f3;
    color: #4c4c4c;
}
.menu li a.selected {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #000;
}


.letters {
    font-size: 16px;
    margin-bottom: 15px;
}

.font_map img {
    width: 650px;
}
.download {
    margin-left: 320px;
    margin-bottom: 25px;    
}
.download a.button{
    color:black;
    font-weight:bold;
    border: 1px solid black;
}
.font_preview {
    height: 100px;
    width:650px;
    overflow: hidden;
}

.author-note {
    max-height: 105px;
    overflow:auto;
    margin-bottom: 20px;
}