/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0; }
table { border-collapse:separate; border-spacing:0; margin-bottom:0.8em; }
caption,th,td { text-align:left; font-weight:400; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
a img { border:none; }

/* PAGE
-------------------------------------------------------------- */
body { background:#fff; line-height:1.5; height:100%; font: normal 14px/21px 'Open Sans', Georgia, Helvetica, sans-serif; color:#fff; }
.bg { width:100%; height:100%; position:fixed; top:0; left:0; z-index:-5000; }

h1{ font-size:36px; margin:36px 0 18px 0; }
h2{ font-size:28px; margin:28px 0 18px 0; }
h3{ font-size:20px; margin:10px 0 4px 0; }
h4{ font-size:18px; margin:10px 0 2px 0; }

h1,h2,h3,h4,h5 { font-family: 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:700; color:#fff;}

p { margin-bottom:14px; }
a:link, a:visited {color:#217c21; text-decoration:none; }
a:hover, a:active {color:#217c21; text-decoration:underline; }
.fl_l {float:left;}
.fl_r {float:right;}
.txt_l {text-align:left;}
.center {text-align:center;}
.txt_r {text-align:right;}

/* CONTAINERS
-------------------------------------------------------------- */
#container { width: 1160px; margin:0 auto; padding:10px; background:transparent url(../images/bg.png) center top repeat; overflow:hidden; -moz-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.5); }

.sponsors { background-color:#dedede; margin:5px; padding:3px; border:1px solid #ccc; }

.logos img { background-color:#fff; padding:4px; margin:4px 2px; }
.logos:hover { background-color:transparent; }
.logos:hover img { background-color:#b7cdbb; }

.list li { background:url(../images/list-kids.png) no-repeat 0 4px; margin-left:20px; padding:1px 0 7px 25px; display:block; line-height:18px; }
.useful { width:370px; float:left; margin:6px; text-align:center; }
.useful2 { width:550px; float:left; margin:15px; text-align:center; }

.pg img { background-color:#fff; margin:4px; padding:4px; }
.pg:hover { background-color:transparent; }
.pg:hover img { background-color:#ff0; }