@font-face {
    font-family: 'PFAgoraSansProLight';
    src: url('../fonts/pfagorasanspro-light-webfont.eot');
    src: url('../fonts/pfagorasanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfagorasanspro-light-webfont.woff') format('woff'),
         url('../fonts/pfagorasanspro-light-webfont.ttf') format('truetype'),
         url('../fonts/pfagorasanspro-light-webfont.svg#PFAgoraSansProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PFAgoraSansProLightItalic';
    src: url('../fonts/pfagorasanspro-lightital-webfont.eot');
    src: url('../fonts/pfagorasanspro-lightital-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfagorasanspro-lightital-webfont.woff') format('woff'),
         url('../fonts/pfagorasanspro-lightital-webfont.ttf') format('truetype'),
         url('../fonts/pfagorasanspro-lightital-webfont.svg#PFAgoraSansProLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PFAgoraSansProRegular';
    src: url('../fonts/pfagorasanspro-reg-webfont.eot');
    src: url('../fonts/pfagorasanspro-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfagorasanspro-reg-webfont.woff') format('woff'),
         url('../fonts/pfagorasanspro-reg-webfont.ttf') format('truetype'),
         url('../fonts/pfagorasanspro-reg-webfont.svg#PFAgoraSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.clear {clear:both;}

/*
 * ClearSS
 * 
 * Use this as a starter CSS file. It will save time and headaches if you provide sensible defaults for your styles.
 * 
 * Author: Andrei Eftimie
 * Contact: andrei@eftimie.com
 * 
 * Creative Commons License http://creativecommons.org/licenses/by/3.0/
 * 
 */

/*
 * Reset
 * Loosely based on Eric Meyer's CSS Reset http://meyerweb.com/eric/tools/css/reset/ 
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/*
 * Margins
 */
p, ul, ol, dl, table, address, pre, fieldset { margin: 0 0 15px 0; }
hr { margin: 1.25em 0 2.375em 0; height: .125em; }

/*
 * Hyperlinks
 */
a { text-decoration: none; overflow: hidden; color:#AD0004; }
a:hover, a:focus { text-decoration: underline; }

/*
 * General Document Settings
 */
body { background: url(../images/bg.png) repeat 0 0; margin: 0; font: 12px/18px Verdana, Geneva, sans-serif; color:#333333; }
#wrap { width: 900px; padding: 0 40px; margin: 0 auto; background:#fff; -moz-box-shadow: 0px 0px 10px #c0c0c0; -webkit-box-shadow: 0px 0px 10px #c0c0c0; box-shadow: 0px 0px 10px #c0c0c0;}

/*
 * Headings
 */
h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height: 1em; margin: 1em 0; font-weight: normal; color:#4A4A4A; font-family: 'PFAgoraSansProLight', sans-serif; }
h1 {font-size: 20px; line-height: 24px; margin: 0 0 12px; border-bottom: 2px solid #d00; padding-bottom: 1px; }
.col2 .csc-header h1 { padding:0; font-size: 20px; line-height: 24px; margin: 0 0 12px; border-bottom: 2px solid #d00; padding-bottom: 1px; }
h2 { font-size: 16px; line-height: 19px; margin: 0 0 10px; color:#222; font-weight: bold;}
h3 { font-size: 14px; line-height: 19px; margin: 5px 0; }
h4 { font-size: 11px; line-height: 19px; margin: 0 0 13px 0; }
h5 { font-size: 10px; line-height: 19px; margin: 10px 0;}

/*
 * Lists
 */
ul { margin-left: /*2.2em;*/ 5px; }
.col2 ul, .csc-textpic-text ul, div ul { margin-left: /*2.2em;*/ 5px; padding-left:5px;}
li , li ol { margin-top: 0; margin-bottom: 0; }
li {padding-top:5px;}
ol { margin-left: 2.2em; }
ol ul li { list-style: disc !important; }
ol li { list-style-type: decimal; }
ol li ol li { list-style-type: lower-alpha; }
ol li ol li ol li { list-style-type: upper-roman; }


/*
* Paypal Cart
*/
.formwrap {width:550px; clear:both;}
.formwrap span {display:block; width:300px; padding-right:7px; float:left;}
.formwrap form {float:left;}

/*
 * Definition List
 */
dt { font-weight: bold; }
dd { margin-bottom: 1.25em; }


/*
 * Forms
 */
input, select, textarea, button { font-size: 1em; font-family: inherit; padding: .3em; }
textarea { padding: .425em .3em; }
[type=submit] { padding: 0; margin: .55em 0; }
fieldset { border: 0; padding: 0; margin: 0; }  
input,
textarea {
padding:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #cccccc; /*#FF9C01;*/
background-color:#FFFFFF;
white-space:normal;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
background-color:#cccccc; /* #FF9C01;*/
color:#000000;
padding:2px;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
cursor:pointer;
background-color:#CC3300;
color:#FFFFFF;
}
.csc-frame-frame1 {
font-size:110%;
width:300px;
}
.bold {
font-weight:bold;
}
.csc-mailform-field {
margin:0px;
padding:0px;
margin-bottom:6px;
width:400px;
float:left;
}
label {
font-weight:bold;
display:block;
}
fieldset {
margin:0px;
padding:0px;
border:0px none #FFFFFF;
}
legend {
display:block;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
}
.hidden {
display:none;
}
.error, .red {
color:#FF0000;
}
.notbold {
font-weight:normal;
}

label {
  width:150px;
  float:left;
  }


.formheader {
  font-size:14px;
  font-weight:bold;
  padding-top:15px;
  padding-bottom:5px;
  margin-bottom:10px;
  float:left;
  width:460px;
  display:block;
  font-weight:bold;
  position: relative; 
  border-bottom-color:#CC3300;
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
.csc-mailform label {
  font-weight:normal;
  font-size:13px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }
.csc-mailform input {
  font-weight:normal;
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;

  }

/*
 * Header
 */
header { position: relative; }
header h1 { border: 0; margin: 0; }
header aside { font-family: 'PFAgoraSansProLightItalic', sans-serif; font-size: 12px; line-height: 17px; position: absolute; width: 335px; top: 40px; right: 0; }
header aside ul {list-style:none; margin:0;}
header aside li {display:none;}

/*
 * Navigation
 */
nav { margin-bottom: 16px !important; }
nav ul { list-style: none; margin: 0; padding:0; display: inline-block; overflow: hidden; font-family: 'PFAgoraSansProRegular', sans-serif; font-size: 15px;  line-height: 16px; margin-left: -4px; }
nav ul { display: block; }
nav ul li { float: left; width: 115px; margin-left: 4px; padding: 5px; }
nav ul a { color:#333; display: block; border-top: 2px solid #d00; padding-top: 5px; padding-left:5px; }

nav ul a:hover, .act a { color:#fff; background:#d00;/*#ffff33;*/ text-decoration:none; }
nav li.active { color:333; background:#ffcc33; } 
nav li.active a { color:#fff; border-color: #fff; }

#quicklinks {position:absolute; width:300px; text-align:right; top:10px; right:20px;}
#quicklinks a {background:none; color:#666; margin:0 7px;}
#quicklinks .act a, #quicklinks a:hover {background:none; text-decoration:underline; color:#000;}

/*
 * Content
 */
.italic {font-style:italic;} 
 
#image {position:relative; padding-bottom:12px; margin-bottom:12px; height:287px; background:#FCF640}
.blackboard { margin-bottom: 00px; background:#000; float:left; width:560px; height:299px;}
.blackboard i { font-size: 13px; font-family: 'PFAgoraSansProLightItalic', sans-serif; font-style: normal; }
.blackboard img { display: block; float:left; }
.blackboard p { display: block; width: 540px; float:left; background:#000; padding:5px; color:#fff;}

blockquote { font-size: 16px; line-height: 20px; font-family: 'PFAgoraSansProLight', sans-serif; color:#000; padding:12px 0;}

.content { display: inline-block; overflow: hidden; padding-bottom: 50px; margin-bottom: 1px; }
.content { display: block; }

.spacer {position:relative; display:block; height:12px; clear:both;}

/*
 * News / Events
 */

.news-single-item h1 {padding-bottom:12px;}
.news-single-item h2 {font-size:14px;}
.news-single-rightbox { width:250px; text-align:right;}

.date, .where {padding-bottom:12px; font-size:11px;}

.events {padding-bottom:5px; }
.event-leftcol {font-size:10px;}

/*
 * Blog
 */
 
.blog-list-item { border:1px solid #ddd; margin-bottom:12px; padding:12px;}
.blog-list-item img {float:right; }
.blog-list-date, .blog-list-author { font-size:10px;}
.blog-list-line { border-bottom:1px solid #ddd; margin-bottom:12px;}

.blog-single-item { border:1px solid #ddd; margin-bottom:12px; padding:12px;}
.blog-single-item h1 {padding-bottom:12px; border:none;}
.blog-single-item h2 {font-size:14px;}
.blog-single-rightbox { width:250px; text-align:right;}
.blog-single-date, .blog-list-author { font-size:10px;}
.blog-single-line { border-bottom:1px solid #ddd; margin-bottom:12px;}

.tx-comments-rating {margin-bottom:12px; border-bottom:1px solid #ddd; padding-bottom:12px;}

/*
 * File List
 */
 .tx_drblob_list-row1 { color: #000; background: #eee; padding:7px;}
    .tx_drblob_list-row2 { color: #000; background: #fff; padding:7px;}
    .tx_drblob_list-head { text-align: left; border:1px solid #999; padding:5px; }
    .tx_drblob_single th { text-align: left; border:1px solid #999; padding:5px; }
    .tx_drblob_single .boxdotted { text-align: left; border:1px dotted #999; padding:5px; background:none; color: #000; }
    .tx_drblob_single td { text-align: left; border:1px dotted #999; padding:5px; background:none; color: #000; }


/*
 * Homepage
 */
#homepage #wrap { width: 940px; padding: 0 20px; }
#homepage header, #homepage nav, #homepage .content { margin: 0 20px; }
#homepage .col1 header, #homepage .col2 header {margin: 0 0px;}

#homepage figure { position: relative; margin: 0;}
#homepage figure blockquote { font-size: 32px; line-height: 38px; border-bottom: 1px solid #AE0004; padding-bottom: 10px; margin-bottom: 15px; color:#fff; }

.over {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 320px;
  height:239px;
  padding:30px;
  background-repeat: no-repeat;
}
/*.over:hover {background:#888;}*/
.over h2 { font-size: 26px; line-height: 19px; margin: 10px 0 10px; color:#000; font-weight: normal; }
.over h2 a, .over h3 a, .over p {color:#000;}
.over h3 { margin-top:5px; font-size:18px;}
.over h3 a:hover, .over h2 a:hover {color:#fff;}
.over a {text-decoration:none;}
.over .more a { background: url(../images/more.png) no-repeat 0 12px; padding-left: 15px; font-size: 16px; line-height: 17px; font-family: 'PFAgoraSansProRegular', sans-serif; color:#000;  padding-top: 10px; border-top: none; display: block; }
.more:hover, .more:focus, #homepage .col1 li a:hover, #homepage .col1 li a:focus, #homepage .col2 li a:hover, #homepage .col2 li a:focus { text-decoration: underline;}
nav li.active { color:333; background:#ffcc33;}
.latest { background:#0000ff; position:relative; font-size: 16px; line-height: 17px; font-family: 'PFAgoraSansProRegular', sans-serif; color:#fff; line-height: 46px; padding: 0 20px; margin-bottom: 5px; margin-top:12px; }
.latest .more { float: right; line-height: 46px; }
.latest span { float: left; line-height: 46px; color:#ddd;}
.latest a { color:#fff; }

.news {margin-left:130px; width:650px; overflow:hidden;}
.news a:hover, .news a:focus { text-decoration: underline; }

section {clear:both; padding:5px 0;}

/*
 * Columns
 */
.col-wrap { display: inline-block; margin-left: -28px; margin-bottom: 50px;margin-top:10px; }
.col-wrap { display: block; }
.col-wrap-three { display: inline-block; margin-left: -23px; margin-top:30px;}
.col-wrap-three { display: block; }

.col-wrap:after, .col-wrap-three:after { content:'.'; clear: both; height: 0; display: block; visibility: hidden; }

.col-big { width: 436px; float: left; margin-left: 28px; color:#333333; } /*#797979;*/
.col1 { width: 260px; float: left; margin: 12px 0 0 28px;color:#333333;} /*#797979;*/
.col1 section { background:#eee; padding:12px 12px 12px 12px; margin-bottom:24px; -moz-box-shadow: 0px 0px 5px #c0c0c0; -webkit-box-shadow: 0px 0px 5px #c0c0c0; box-shadow: 0px 0px 5px #c0c0c0;}
.col1 .csc-default { background:#eee; padding:12px 12px 12px 12px; margin-bottom:24px; -moz-box-shadow: 0px 0px 5px #c0c0c0; -webkit-box-shadow: 0px 0px 5px #c0c0c0; box-shadow: 0px 0px 5px #c0c0c0;}
.col1 h1 { font-size: 20px; line-height: 24px; margin: 0 0 12px; border-bottom: 2px solid #fff; padding-bottom: 1px; -moz-text-shadow: 1px 1px 1px #fff; -webkit-text-shadow: 1px 1px 1px #fff; text-shadow: 1px 1px 1px #fff;}
.col1 .h1 { font-size: 20px; line-height: 24px; margin: 0 0 12px; border-bottom: 2px solid #fff; padding-bottom: 1px; -moz-text-shadow: 1px 1px 1px #fff; -webkit-text-shadow: 1px 1px 1px #fff; text-shadow: 1px 1px 1px #fff;}
.col2 { width: 588px; float: left; margin-left: 28px; color:#333333;} /*#797979;*/
.col { width: 284px; float: left; margin-left: 23px; color:#333333; } /*#797979;*/

.img, .csc-textpic-imagewrap img { float: left; margin-right: 18px; -webkit-box-shadow: 2px 2px 5px #a7a7a7; -moz-box-shadow: 2px 2px 5px #a7a7a7; box-shadow: 2px 2px 5px #a7a7a7; }
.img img { display: block; }
.csc-textpic-image img {margin-bottom:10px;}

.newsletter .img img { border: 1px solid #797979; }
.publication .img { -webkit-box-shadow: 3px 2px 8px #5D5D5D; -moz-box-shadow: 3px 2px 8px #5D5D5D; box-shadow: 3px 2px 8px #5D5D5D; }
.price { border-top: 1px solid #CC9900; line-height: 48px; font-size: 20px; font-family: 'PFAgoraSansProLight', sans-serif; }

.txt { display: inline-block; overflow: hidden; }
.txt { display: block; }

.col1 .more, .col2 .more, #homepage .col1 li a, #homepage .col2 li a { background: url(../images/more-red.png) no-repeat 0 2px; padding-left: 15px; font-size: 16px; line-height: 17px; font-family: 'PFAgoraSansProRegular', sans-serif; color:#AD0004; padding-top: 0px; border-top: none; display: block; }

/*
 * Footer
 */
footer { position: relative; margin: 0 20px; border-top: 1px solid #B00; }
footer h1 { border: 0; margin: 0; }
footer p { font-family: 'PFAgoraSansProLightItalic', sans-serif; font-size: 12px; line-height: 14px; color:#888; position: relative; width: 435px; padding: 12px 0; }
footer div {position:absolute; right:0; bottom:10px; font-family: 'PFAgoraSansProLightItalic', sans-serif;}
footer div a {color:#aaa;}
footer ul { list-style: none; margin: 0; overflow: hidden; font-family: 'PFAgoraSansProRegular', sans-serif; font-size: 15px;  line-height: 16px; margin-left: -4px; }

footer ul li { float: left;  margin-left: 4px; padding: 12px 6px 6px 6px; }
footer ul a { color:#333; display: block; padding-top: 5px; padding-left:5px; height: 36px; overflow: hidden; font-size:13px;}
footer ul a:hover, footer .act a { background:none; /*#ffff33;*/ text-decoration:underline; color:#333;}