@charset "UTF-8";

/*@import url(http://fonts.googleapis.com/css?family=Lato:400italic,300);*/
/*@import url(http://fonts.googleapis.com/css?family=Coda);*/
@import url(http://fonts.googleapis.com/css?family=Dosis:400,700,300);

/*
NAS4Free V0.8
Author: Patrick Zeh, zeh@saltation.de
*/

* {
 margin: 0;
 padding: 0;
 font-size: 100%;
 font-weight: inherit;
 font-style: inherit;
 font-family: inherit;
 text-align: left;
 vertical-align: baseline;
}
html, body {
 height: 100.01%;
}
body {
 padding: 0;
 margin: 0;
 font: normal normal normal 1em/1.4 'Geneva', 'Verdana', 'sans-serif';
 color: #1F1F1F;
 background-color: #F8F8F8;
 /* chrome 10+, safari 5.1+ */
 background-image: -webkit-linear-gradient(to right, #ECECEC 0%, #F8F8F8 16%, #F8F8F8 84%, #ECECEC 100%);
 /* firefox; multiple color stops */
 background-image: -moz-linear-gradient(to right, #ECECEC 0%, #F8F8F8 16%, #F8F8F8 84%, #ECECEC 100%);
 /* ie10 */
 background-image: -ms-linear-gradient(to right, #ECECEC 0%, #F8F8F8 16%, #F8F8F8 84%, #ECECEC 100%);
 /* W3C standard*/
 background-image: linear-gradient(to right, #ECECEC 0%, #F8F8F8 16%, #F8F8F8 84%, #ECECEC 100%);
}

/*
 color: #1A62A0;
 color: #67001F;
 color: #35978F;
 color: #15776F;
 color: #05675F;
*/

a { color: #15776F; text-decoration: underline; cursor: pointer; }
a:link { color: #15776F; background-color: transparent; }
a:visited { color: #15776F; background-color: transparent; }
a:hover, a:active { color: #BF624E; text-decoration: underline; background-color: transparent; }
a img { border: none; }
a:link img, a:visited img { border-style: none }
a.active { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
/* 
 font-family: 'Lato', 'Trebuchet MS', sans-serif;
*/
/*
 font-family: 'Coda', 'Trebuchet MS', sans-serif;
 */
 font-family: 'Dosis', 'Trebuchet MS', sans-serif;
 text-align: left;
 text-shadow: 1px 1px 0px #FFFFFF;
}

h1 { color: #15776F; font-size: 210%; font-weight: normal; }
h2 { color: #2F2F2F; font-size: 160%; font-weight: normal; }
h3 { color: #2F2F2F; font-size: 124%; font-weight: normal; }
h5 { color: #15776F; font-size: 100%; font-weight: bold; }
h6 { color: #2F2F2F; font-size: 100%; font-variant: small-caps; }

p { margin: 0 0 1.2em 0; }

button { 
 padding: 0;
 margin: 0;
 border: 0;
 background-color: transparent;
 text-align: center;
}

input, textarea, select {
 /* Exploder looks better without lineheight... */
 /*font: normal normal normal 1em/1em verdana, arial, helvetica, sans-serif;*/
 font: normal normal normal 1em verdana, arial, helvetica, sans-serif;
 margin-bottom: 0.6125em;
}
input[type='checkbox'], input[type='radio'] {
 border: none !important;
 background-color: transparent;
 margin-right: 0.4em;
}
input[type='text'], textarea, select {
 border: 1px solid #1D71AA;
}
input[type='submit'], input[type='button'] {
 text-align: center !important;
 width: auto;
}
input[type='radio'] {
 border: none;
}
input[readonly='readonly'] {
 background-color: #EFEFEF;
}
input[disabled='disabled'] {
 color: #7F7F7F;
}
input[type='file'] {
 font-style: italic;
}
legend {
 display: none;
}

li input {
 vertical-align: top;
}

pre { margin-left: 2em }
pre, code { font-family: monospace }

ul, ol, dl {
 margin: 0;
 padding: 0;
}

sub {
 font-size: 70%;
 vertical-align: bottom;
}
sup {
 font-size: 70%;
 vertical-align: top;
}

strong { font-weight: bold; }
b { font-weight: bold; }
i { font-style: italic; }
hr, .hr {
 color: #FFC266;
 background-color: #FFC266;
 height: 0.2em;
 margin-bottom: 1.6em;
 border: none;
 clear: both;
}

.hide { display: none !important; }

.align-center { text-align: center !important; }
.align-right { text-align: right !important; }

.clear {
 clear: both;
 font-size: 1px;
 line-height: 1px;
 height: 0;
}
.fleft {
 float: left;
}
.fright {
 float: right;
}
.left {
 text-align: left !important;
}
.right {
 text-align: right !important;
}
.small {
 font-size: 89% !important;
 font-weight: normal !important;
}
.quote {
 font-style: italic;
}
.nobr {
 white-space: nowrap;
}

.wrap {
 width: 960px;
 margin: 0 auto;
}

.shdbot {
 background: transparent url('../gfx/bg_content.png') repeat-x center bottom;
}

a.but01 {
 color: #5F5F5F;
 padding: 4px 12px;
 text-decoration: none;
 text-shadow: 1px 1px 1px #FFFFFF;
 border: 1px solid #B7B7B7;
 border-radius: 12px;
 box-shadow: 2px 2px 2px #BFBFBF;
 /* fallback color */
 background-color: #E7E7E7;
 /* chrome 10+, safari 5.1+ */
 background-image: -webkit-linear-gradient(white 0%, #e7e7e7 74%, #f7f7f7 100%);
 /* firefox; multiple color stops */
 background-image: -moz-linear-gradient(top, white 0%, #e7e7e7 74%, #f7f7f7 100%);
 /* ie10 */
 background-image: -ms-linear-gradient(white 0%, #e7e7e7 74%, #f7f7f7 100%);
 /* W3C standard*/
 background-image: linear-gradient(white 0%, #e7e7e7 74%, #f7f7f7 100%);
}
a.but01:hover {
 /* fallback color */
 background-color: #D7D7D7;
 /* chrome 10+, safari 5.1+ */
 background-image: -webkit-linear-gradient(#f7f7f7 0%, #dfdfdf 74%, #efefef 100%);
 /* firefox; multiple color stops */
 background-image: -moz-linear-gradient(top, #f7f7f7 0%, #dfdfdf 74%, #efefef 100%);
 /* ie10 */
 background-image: -ms-linear-gradient(#f7f7f7 0%, #dfdfdf 74%, #efefef 100%);
 /* W3C standard*/
 background-image: linear-gradient(#f7f7f7 0%, #dfdfdf 74%, #efefef 100%);
}

a.but02 {
 color: #FFFFFF;
 padding: 10px 24px;
 text-decoration: none;
 text-shadow: 1px 1px 0px #146508;
 border: 1px solid #247508;
 border-radius: 8px;
 box-shadow: 2px 2px 2px #1F1F1F;
 /* fallback color */
 background-color: #54A508;
 /* chrome 10+, safari 5.1+ */
 background-image: -webkit-linear-gradient(#FFFFFF 0%, #B9E096 1%, #69B026 50%, #54A508 50%, #89B85A 100%);
 /* firefox; multiple color stops */
 background-image: -moz-linear-gradient(#FFFFFF 0%, #B9E096 1%, #69B026 50%, #54A508 50%, #89B85A 100%);
 /* ie10 */
 background-image: -ms-linear-gradient(#FFFFFF 0%, #B9E096 1%, #69B026 50%, #54A508 50%, #89B85A 100%);
 /* W3C standard*/
 background-image: linear-gradient(#FFFFFF 0%, #B9E096 1%, #69B026 50%, #54A508 50%, #89B85A 100%);
}
a.but02:hover {
/*
 color: #146508;
 text-shadow: -1px -1px 0px #B9E096;
 */
 /* fallback color */
 background-color: #D7D7D7;
 /* chrome 10+, safari 5.1+ */
 background-image: -webkit-linear-gradient(#FFFFFF 0%, #A9D086 1%, #59A016 50%, #449518 50%, #79A84A 100%);
 /* firefox; multiple color stops */
 background-image: -moz-linear-gradient(top, #FFFFFF 0%, #A9D086 1%, #59A016 50%, #449518 50%, #79A84A 100%);
 /* ie10 */
 background-image: -ms-linear-gradient(#FFFFFF 0%, #A9D086 1%, #59A016 50%, #449518 50%, #79A84A 100%);
 /* W3C standard*/
 background-image: linear-gradient(#FFFFFF 0%, #A9D086 1%, #59A016 50%, #449518 50%, #79A84A 100%);
}

.box01 {
 background-color: #FFFFFF;
 border: 1px solid #EFEFEF;
 border-radius: 4px;
 margin-bottom: 1em;
 padding: 1em;
 box-shadow: 0px 1px 2px #D7D7D7;
}
.box01 p:last-child {
 margin-bottom: 0;
}

div.sm div.smCnt {
 margin: 0 0 0.8em 0.5em;
 float: left;
}

@media aural {
 h1, h2, h3, h4, h5, h6 { voice-family: paul, male; stress: 20; richness: 90; }
 h1 { pitch: x-low; pitch-range: 90; }
 h2 { pitch: x-low; pitch-range: 80; }
 h3 { pitch: low; pitch-range: 70; }
 h4 { pitch: medium; pitch-range: 60; }
 h5 { pitch: medium; pitch-range: 50; }
 h6 { pitch: medium; pitch-range: 40; }
 li, dt, dd { pitch: medium; richness: 60; }
 dt { stress: 80; }
 pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80; speak-punctuation: code; }
 em { pitch: medium; pitch-range: 60; stress: 60; richness: 50; }
 strong { pitch: medium; pitch-range: 60; stress: 90; richness: 90; }
 dfn { pitch: high; pitch-range: 60; stress: 60; }
 s, strike { richness: 0; }
 i { pitch: medium; pitch-range: 60; stress: 60; richness: 50; }
 b { pitch: medium; pitch-range: 60; stress: 90; richness: 90; }
 u { richness: 0; }
 a:link { voice-family: harry, male; }
 a:visited { voice-family: betty, female; }
 a:active { voice-family: betty, female; pitch-range: 80; pitch: x-high; }
}

#feedback {
 font-size: 74%;
 display: inline-block;
 position: absolute;
 top: 150px;
 right: 8px;
 z-index: 2;
}
#feedback a {
 padding: 5px 1em 6px 1em;
 border-top-left-radius: 0;
 border-top-right-radius: 0;
 border-top: 1px solid #000000;
 opacity: 0.9;
}
#feedback a:hover  {
 color: #15776F;
 opacity: 1;
}

#container {
 font-size: 0.9em;
}
#header {
 height: 144px;
 width: 100%;
 background: #3F3F3F url('../gfx/bg_header_tile.png') repeat left top;
 border-top: 1px solid #FFFFFF;
 border-bottom: 1px solid #3F3F3F;
 border-bottom: 1px solid #000000;
}
#headerinner {
 height: 144px;
 background: transparent url('../gfx/bg_header.png') no-repeat center top;
}
#NAS4FreeLogo {
 float: left;
 position: relative;
 z-index: 6;
}
#NAS4FreeLogo a {
 margin: 50px 0 0 0;
 background: transparent url('../gfx/header_llogo2.png') no-repeat left top;
 display: block;
}
#NAS4FreeLogo a img {
 width: 296px;
 height: 68px;
}
#download {
 width: 168px;
 margin-left: -84px;
 line-height: 1;
 display: inline-block;
 position: absolute;
 top: 3.9em;
 left: 50%;
 z-index: 4;
}
#download a {
 text-align: center;
 display: block;
}
#download strong {
 font-size: 1.2em;
 text-transform: uppercase;
}
#download span {
 font-size: 0.65em;
}
#headerRight {
 width: 400px;
 height: 144px;
 background: transparent url('../gfx/bg_header_hd.png') no-repeat left bottom;
 position: absolute;
 right: 0;
 top: 1px;
 z-index: 1;
}

#headerNavigation {
 float: right;
}

#navmeta {
 text-transform: uppercase;
 position: relative;
 z-index: 2;
}
#navmeta {
 font-size: 0.8em;
 color: #D4D7DD;
 text-shadow: 1px 1px 0px #000000;
}
#navmeta ul {
 text-align: right;
 margin: 0 0 2.5em 0;
}
#navmeta li {
 display: inline-block;
}
#navmeta li a {
 color: #D4D7DD;
 padding: 0.3em 0.5em 0.2em 0.5em;
 text-decoration: none;
 display: block;
}
#navmeta lia :link {}
#navmeta li a:hover, #navmeta li a.act {
 color: #FFFFFF;
}
#navlatest {
 font-size: 0.65em;
 margin-left: 0.6em;
 color: #D4D7DD;
 position: relative;
 z-index: 2;
 float: right;
 display: none;
}
#navlatest ul {
 list-style: none;
}
#navlatest li a {
 color: #D4D7DD;
 text-decoration: none;
}

#content {
 margin: 1em auto;
/*
 padding-bottom: 12em;
 */
}
#contentheader {
 margin-bottom: 1em;
 padding-bottom: 17px;
 background: transparent url('../gfx/bg_content_header_16.png') no-repeat center bottom;
 display: none;
}
#contentheader > div {
 min-height: 56px;
 background-color: #EFEFEF;
 border: 4px solid #FFFFFF;
}
body#home #contentheader {
 display: block;
}

#col1 {
 width: 224px;
 margin: 0.35em 32px 0 0;
 float: left;
}
#col2 {
 width: 680px;
/* margin-top: -0.35em;*/
 float: left;
}
#col1cnt {
 font-size: 84%;
}
#col1cnt ul, #col2cnt ol,
#col2cnt ul, #col2cnt ol {
 margin: 0 0 1em 1.2em;
}
#navmain {
 margin: 0 0 1em 0;
 border-top: 1px dotted #CFCFCF;
/*
 font-family: 'Lato', 'Trebuchet MS', sans-serif;
*/
/*
 font-family: 'Coda', 'Trebuchet MS', sans-serif;
*/
 font-family: 'Dosis', 'Trebuchet MS', sans-serif;
}
#navmain ul {
 list-style: none;
}
#navmain ul li a {
 padding: 0.5em 0.7em 0.5em 0.7em;
 font-size: 1.2em;
 background: transparent url('../gfx/bg_navmain_li_AFAFAF.png') no-repeat 0.25em 1.0em;
 border-bottom: 1px dotted #CFCFCF;
 text-decoration: none;
 text-transform: uppercase;
 text-shadow: 1px 1px 0px #FFFFFF;
 display: block;
}
#navmain ul li a:link {}
#navmain ul li a:hover, #navmain ul li a:active, #navmain ul li a.act, #navmain ul li a.actsub {
 color: #BF624E;
}
#navmain ul li a.actsub {
 padding-bottom: 0.3em;
 border-bottom: none;
}
#navmain ul li ul li a {
 padding: 0.5em 0.7em 0.5em 1.6em;
 background-position: 1.0em 0.9em;
 font-size: 1em;
 border-bottom: none;
}
#navmain ul li ul li:last-child a {
 border-bottom: 1px dotted #CFCFCF;
}

#footer {
 width: 100%;
 background: transparent url('../gfx/bg_content.png') repeat-x center top;
 padding-top: 48px;
 opacity: 0.9;
/*
  position: fixed;
  bottom: 0;
  z-index: 8;
 */
}
#footerInner {
 width: 100%;
 min-height: 28px;
 padding: 1em 0 1px 0;
 color: #5F5F5F;
 border-top: 1px solid #FFFFFF;
 border-bottom: 1px solid #A5AAB6;
 line-height: 1.5;
 font-size: 0.8em;
 text-shadow: 1px 1px 0px #FFFFFF;
 background: #E7E8E9 url('../gfx/bg_footer_tile_lil_.png') repeat center top;
}
#footercopyright {
 margin: 0 32px 0 0;
 width: 224px;
 float: left;
}
#footercolcontainer {
 padding: 0 0 1em 0;
 float: left;
}
#footercolcontainer ul {
 list-style: none;
}
#footercolcontainer a {
 color: #3F3F3F;
 text-decoration: none;
}
#footercolcontainer a:link {}
#footercolcontainer a:hover, #footercolcontainer a.act {
 color: #1F1F1F;
}
#footercolcontainer strong {
 font-weight: normal;
 text-transform: uppercase;
}
#footercol1, #footercol2, #footercol3, #footercol4 {
 width: 160px;
 margin: 0 8px 0 0;
 float: left;
}
#footercol4 {
 margin-right: 32px;
}

@media all and (min-height: 720px) {
 #content {
  padding-bottom: 200px;
 }
 #footer {
  position: fixed;
  bottom: 0;
 }
}

/* override some stuff */
.ratings img {
 position: relative;
 top: 2px;
}

#content .tx-srfreecap-pi2-image {
 width: 200px;
 display: block;
}
#content .tx-srfreecap-pi2-image, #content .tx-srfreecap-pi2-cant-read {
 margin-left: 200px;
}

#col2cnt .csc-textpic-single-image img {
 -webkit-box-shadow: 1px 1px 2px #CFCFCF;
 box-shadow: 1px 1px 4px #CFCFCF;
}
#content .tx-t3sjslidernews-pi1 h1, #content .tx-t3sjslidernews-pi1 h2, #content .tx-t3sjslidernews-pi1 h3, #content .tx-t3sjslidernews-pi1 h4 {
text-shadow: 1px 1px 0 #3F3F3F;
}
#content .t3s-jslidernews-textslider {
 /* give layout */
 overflow: hidden;
}
#content .t3s-jslidernews-textslider ul {
 margin-left: 0;
}
#content .tx-t3sjslidernews-pi1 a {
 color: #FFFFFF;
}
#content .tx-t3sjslidernews-pi1 .lof-description_black {
 border: 1px solid #FFFFFF;
}
#content .lof-slider_3 .lof-css3 {	
 -moz-box-shadow: none; 
 -webkit-box-shadow: none; 
 box-shadow: none; 
}
#content .lof-navigator div {
 padding: 0 0 0 10px !important;
}
#content .lof-navigator h3 {
 padding: 10px 0 0 0;
}
#content .lof-navigator .date {
 display: none;
}
#content .lof-navigator img {
 margin: 10px 10px 0 0 !important;
 border: 2px solid #FFFFFF;
 padding: 1px;
 -webkit-box-shadow: 0px 1px 2px #3F3F3F;
 box-shadow: 0px 1px 2px #3F3F3F;
}
#content .lof-description {
 border: 2px solid #FFFFFF;
 -webkit-box-shadow: 1px 1px 2px #7F7F7F;
 box-shadow: 1px 1px 4px #7F7F7F;
}
#content .lof-description h3, #content .lof-description h3 a.readmore {
 color: #15776F;
 text-shadow: 1px 1px 0px #FFFFFF;
 font-size: 103%;
 padding: 0;
}
#content .lof-description p, 
#content .lof-description a.readmore {
 font-size: 89%;
 color: #3F3F3F;
}

#content .tx-chgallery-pi1 .pagebrowser {
 border: none;
 margin: 0;
 padding: 0;
}
#content .tx-chgallery-pi1 .single {
 background-color: transparent;
 margin: 0 6px 16px 0;
 padding: 0;
}
#content .tx-chgallery-pi1 .single .img {
 background-color: #F3F3F3;
 background-image: none;
 border: 2px solid #FFFFFF;
 -webkit-box-shadow: 0px 1px 2px #D7D7D7;
 box-shadow: 0px 1px 2px #D7D7D7;
}
#content .tx-chgallery-pi1 .single span {
 display: none;
}