@font-face { font-family: 'MerriweatherRegular'; src: url('../fonts/merriweather-regular-webfont.eot'); src: url('../fonts/merriweather-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/merriweather-regular-webfont.woff') format('woff'), url('fonts/merriweather-regular-webfont.ttf') format('truetype'), url('../fonts/merriweather-regular-webfont.svg#MerriweatherRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MerriweatherBold'; src: url('../fonts/merriweather-bold-webfont.eot'); src: url('../fonts/merriweather-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/merriweather-bold-webfont.woff') format('woff'), url('fonts/merriweather-bold-webfont.ttf') format('truetype'), url('../fonts/merriweather-bold-webfont.svg#MerriweatherBold') format('svg'); font-weight: normal; font-style: normal; }

body { margin: 0; padding: 0; text-align: center; font-family: Georgia, Serif; background: url("../images/bg.png"); font-size: 16px; line-height: 25px; color: #474747; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);}
.centered { width: 940px; margin: 0 auto; clear: both; text-align: left; }
.centered:after { display:block; visibility:hidden; clear:both; height:0; content: " "; }

h1, h2, h3, h4 { font-weight: bold; font-family: 'MerriweatherBold', Serif; margin: 0; padding: 0 0 15px 0; }
h1.cms { font-size: 40px; line-height: 50px; letter-spacing: -0.9px; color: #369; }
h2.cms { font-size: 20px; }
h3.cms { font-size: 18px; }
h4.cms { font-size: 16px; }

p.cms		{ margin: 0; padding: 0 0 25px 0; }
p.cms-emphasize	{ margin: 20px 20px 15px 20px; padding: 7px 15px; border: 1px solid #333; background-color: #474747; color: #eee; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }
p.cms-note	{ margin: 20px 20px 15px 20px; padding: 7px 15px; border-top: 1px solid #999; border-bottom: 1px solid #999; }
p.cms-code	{ margin: 20px 20px 15px 20px; padding: 7px 15px; border: 1px solid #333; background-color: #474747; font: 14px 'Courier New', Monospace; line-height:20px; color: #eee; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }
p.cms-quote	{ margin: 20px 20px 15px 20px; padding: 15px 15px 15px 50px; border: 1px solid #333; background: #474747 url("../images/quote.png") no-repeat 12px 12px; font-size: 18px; line-height: 1.5em; font-style: italic; font-family: 'MerriweatherBold', Serif; color: #eee; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }

ul.cms, ol.cms { margin: 10px 0 25px 20px ; padding: 0 0 0 20px ; }
ul.cms-tick { padding: 10px; margin: 0; border-top:1px solid #fff; box-shadow: 0 -1px 0 #ccc; }
ul.cms-tick li { list-style: none; margin: 0; padding: 8px 5px 8px 19px; border-bottom:1px solid #ccc; box-shadow: 0 1px 0 #fff; background: url("../images/bullet.gif") no-repeat 0 14px; }
ul.cms-tick li a { font-weight: bold; }
ul.cms-tick li span.cms-description { display: block; margin-left: -16px; text-transform: none; }
ul.cms-simple { list-style: none; margin: 0; padding: 0; border-top:1px solid #fff; box-shadow: 0 -1px 0 #ccc; }
ul.cms-simple li { border-bottom:1px solid #ccc; box-shadow: 0 1px 0 #fff; }
ul.cms-simple a { display: block; margin-left: 0; line-height: 30px; }

a { text-decoration: none; color: #333; }
a:hover { color: #369; }
img.cms { background: #fff; border: 1px solid #ccc; padding: 10px; box-shadow: 1px 1px 5px rgba(100, 100, 100, 0.3), inset 1px 1px 0 #fff, inset -1px -1px 0 #fff, inset 0px 0px 10px rgba(100, 100, 100, 0.3); }
a:hover img.cms { border: 1px solid #69c; }
img.cms-NoBorder { background: none; padding: 0; border: none; box-shadow: none; }
span.cms-details { text-transform: uppercase; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; }
b { color: #369; }

table.cms { border-collapse: collapse; margin: 10px 0; width: 100%; }
table.cms tr { background: #130d0a }
table.cms th, table.cms td { text-align: left; border-width: 1px; border-style: solid; }
table.cms th { background-color: #45561B; padding: .8em 1em; border-color: #647C28 #586A22 #43511A #5A6F23; font-weight: bold; color: #fff; }
table.cms td { border-color: #231A14; padding: .7em 1em; }	

form.FullForm { margin: 20px 20px 15px 20px; padding: 20px 30px; background: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 50px rgba(100, 100, 100, 0.3); }
form.FullForm div.label { padding: 0; }
form.FullForm div.input { padding: 5px 5px 15px 5px; }
form.FullForm div.input input, div.input select, div.input textarea { width: 510px; margin:0; padding: 7px 5px; color: #6A6969; background: #CBCBCB; border-width: 1px; border-style: solid; border-color: #B8B8B8 #EBEBEB #EBEBEB #B8B8B8; font: 15px Helvetica, Arial, Sans-serif; box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1); }
form.FullForm div.input input:focus, div.input select:focus, div.input textarea:focus { background-color: #F0F0F0; }
form.FullForm div.input textarea { min-width: 510px; max-width: 510px; }
form.FullForm div.submit input { width:520px; height: 30px; margin: 0; font-family: "MerriweatherBold", Serif; background: url("../images/header-bg.png"); color:#69c; }

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
/* header */
#wrap-header { height: 60px; padding:7px 0 0 0; margin: 0 0 40px 0; background: url("../images/header-bg.png"); border-top: 3px solid #69c; border-bottom: 1px solid #fff; text-shadow: 0 -1px 0 rgba(10, 10, 10, 1); box-shadow: 0px 0px 50px rgba(100, 100, 100, 0.5); }
#header h1.cms { padding:0; }
#header p.cms { padding:0; }
#header a { text-decoration: none; color: #c5c4c4; }
#header img.cms { padding: 0; border: none; background:none; box-shadow:none; }
#header a:hover, #header li.selected a { color: #69c; }
#logo { float: left; line-height:55px; }
#menu { float: right; }
#menu ul {margin: 0; padding: 0; list-style: none; }
#menu li { float: left; margin: 0; padding: 0; }
#menu li a { display:block; margin: 0; padding: 15px 20px 20px 11px; font: bold 12px/25px  Helvetica, Arial, Sans-serif; }
#top { float:right; padding: 0 0 0 20px; }

#banner-left { width: 460px; float:left; }
#banner-right { width: 460px; float:right; }
#banner p.cms { font-size: 18px; }
#banner img { padding: 15px; }

/* Content */
.left { width: 620px; float: left; }
.right { float: right; width: 300px; }
.column { width: 300px; float: left; }
.column:first-child { padding-right:20px; }

#footer { padding: 10px 0 0 0; font-size: 0.75em; border-top:1px solid #fff; box-shadow: 0 -1px 0 #ccc; }
#footer a { line-height: 1em; font-family: "MerriweatherBold", Serif; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); }
#copyright-left { float: left; }		
#copyright-right { text-align: right; }


/******* test *******/
label.cms-bold { font-weight: bold; }
label.cms-bold-green { font-weight: bold; color: green; } 

ul.cms-list {
    margin: 0;
    padding: 0;
}

ul.cms-list-center {
    text-align: center;
}

ul.cms-list-right {
    text-align: right;
}

ul.cms-list li {
    list-style: none;
    display: inline-block;
    padding: 5px 8px;
    background-color: white;
    border-radius: 3px;
    font-size: 11px;
    font-family: tahoma, arial;
    line-height: normal;
    margin: 3px;
    border: 1px solid rgba(0, 0, 0, .3);
    box-sizing: border-box;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .8);
    color: rgba(0, 0, 0, .6);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .06), rgba(0, 0, 0, .04));
    text-shadow: 0 1px 0 white;
}