/* RESET *******************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
a {outline: none; }
a img,:link img,:visited img { border:none }
:link,:visited { text-decoration:none }
:focus { outline: 0; }
blockquote, q {quotes: "" "";}
q:before, q:after {content: '';}
abbr, acronym { border: 0;}
li { list-style: none;}


.hidden { display: none;}
.b {font-weight: bold;}
.fl {float: left;}
.fr {float: right}
.hidden {display: none;}
.skiplink {display: none;}
.highlighted {color: #4EB9B1; font-weight: bold;}
.center {text-align: center;}

.errorLarge {text-align: center; margin: 100px auto 20px; padding: 15px; text-transform: uppercase; text-size: 16px; border: 1px solid #F0F0F0;}

html {height: 100%;}
body {background: #F0F0F0; text-align: center; font-family: arial; font-size: 12px;}
a {color: #346C69; text-decoration: underline;}
a.selected {color: #FFF; text-decoration: underline;}
acronym {border-bottom: 1px dotted #fff;}
strong {font-weight: bold;}

h2 {font-size: 14px; font-weight: bold; border-bottom: 1px solid #F0F0F0; padding: 0 0 5px 0; margin: 0 0 15px 0; text-transform: uppercase;}
h3 {font-size: 12px; font-weight: bold; border-bottom: 1px solid #F0F0F0; padding: 0 0 5px 0; margin: 0 0 10px 0; text-transform: uppercase;}
p {padding-bottom: 10px; line-height: 150%;}

#behindePageBtn {display: block; position: absolute; top: 0; right: 0; width: 215px; height: 120px; background: url(../img/behind_rollover.png);}
#behindePageBtn img {}

#headerContainer {height: 200px; width: 100%; background: #161616; text-align: center; color: #FFF;}
#headerSubContainer {width: 960px; margin: 0 auto; overflow: hiddden; text-align: left; position: relative;}
#headerSubContainer a.header_img {display: block; float: left; width: 151px; height: 51px; margin: 50px 0 0 15px; background: url(../img/header.png) no-repeat 0 0;}
#headerSubContainer .langBox {position: absolute; left: 500px; top: 76px; height: 40px;}
#headerSubContainer .langBox ul {overflow: hidden; list-style-type: none; margin-top: 5px;}
#headerSubContainer .langBox ul li {display: block; float: left; margin-right: 10px; overflow: hidden;}
#headerSubContainer .langBox ul li a.flag {display: block; float: left; width: 37px; height: 18px; background: url(../img/flag.png) no-repeat 0 0;}
#headerSubContainer .langBox ul li a.en {background-position: 0 0;}
#headerSubContainer .langBox ul li a.pl {background-position: 0 -18px;}
#headerSubContainer .langBox ul li a.txtCountry {display: block; float: left; margin: 5px 0 0 5px; text-decoration: none;}
#headerSubContainer .langBox ul li a.selected {font-weight: bold;}
#headerSubContainer .awardsBox {float: right; overflow: hidden; padding: 65px 15px 0 0; z-index: 9999;}
#headerSubContainer .awardsBox a {float: left; display: block; width: 53px; height: 49px; background: url(../img/award.png) no-repeat 0 0; margin-left: 5px;}
#headerSubContainer .awardsBox a.zfAward {background-position: 0 0;}
#headerSubContainer .awardsBox a.phpAward {background-position: -53px 0;}
#headerSubContainer .awardsBox a.webbyAward {background-position: -106px 0; width: 49px;}

#contentContainer {width: 960px; position: relative; top: -75px; background: #FFF; padding: 15px 0; text-align: left; margin: 0 auto -75px;}
#contentContainer .menuContainer {width: 930px; height: 60px; background: #161616; color: #F0F0F0; margin: 0 15px;}
#contentContainer .menuContainer .menu {margin: 0; padding: 0; overflow: hidden; float: left;}
#contentContainer .menuContainer .menu li {display: block; float: left; border-left: 1px solid #F0F0F0; }
#contentContainer .menuContainer .menu li .noBorder {border-left: 0px;}
#contentContainer .menuContainer .menu li a {display: block; height: 45px; padding: 15px 15px 0 15px;}
#contentContainer .menuContainer .menu li a span.title {display: block; text-transform: uppercase; color: #FFF;}
#contentContainer .menuContainer .menu li a span.desc {color: #98C1BD; display: block;}
#contentContainer .menuContainer .menu li a:hover, #contentContainer .menuContainer .menu li a.selected {background-color: #F0F0F0;}
#contentContainer .menuContainer .menu li a:hover span.title, #contentContainer .menuContainer .menu li a.selected span.title {color: #000;}
#contentContainer .menuContainer .menu li a:hover span.desc, #contentContainer .menuContainer .menu li a.selected span.desc {color: #4EB9B1;}

#contentContainer .menuContainer .mediaContainer { float: right; padding-top: 10px;}
#contentContainer .menuContainer .mediaContainer .mediaDescription {height: 20px; font-weight: bold; margin-right: 10px; float: right;}
#contentContainer .menuContainer .mediaContainer .mediaButtons {overflow: hidden; clear: right; width: 100%;}
#contentContainer .menuContainer .mediaContainer .mediaButtons .sup {float: right;}
#contentContainer .menuContainer .mediaContainer .mediaButtons .sup a {display: block; float: left; margin-right: 10px; width: 18px; height: 18px; outline-style: none;}
#contentContainer .menuContainer .mediaContainer .mediaButtons .sup a.twitterBtn {background: url(../img/twitter.png) no-repeat 0 0;}
#contentContainer .menuContainer .mediaContainer .mediaButtons .sup a.linkedInBtn {background: url(../img/linkedin.png) no-repeat 0 0;}
#contentContainer .content {margin: 15px; position: relative; width: 930px;}
#contentContainer .content .breadcrumbs {font-weight: bold; margin-bottom: 20px;}

#footerContainer {width: 100%; background: #161616; padding: 20px 0; text-align: center; color: #F0F0F0;}
#footerContainer .footerSubContainer {width: 960px; margin: 0 auto; text-align: left;}
#footerContainer .footerCols {overflow: hidden; margin-bottom: 15px;}
#footerContainer .footerCols .col {padding: 0 15px; width: 290px; float: left; }
#footerContainer .footerCols q {font-size: 24px; display: block; background: url(../img/quote_bg.png) no-repeat 0 0;  padding-top: 5px; margin-top: 25px;}
#footerContainer .footerCols span.author {display: block;}
#footerContainer .footerCols .col h4 {text-transform: uppercase; padding-bottom: 15px;}
#footerContainer .footerCols .col p {line-height: 160%;}
#footerContainer .footerCols .col a {color: #fff;}
#footerContainer .footerCols .col a:hover {text-decoration: underline;}
#footerContainer .copyright {display: block; font-size: 11px; margin-left: 15px;}