/* Reset ======================================================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin:0;padding:0;} 

#site {width:800px; margin:auto; position:relative; z-index:5; height:100%; }
 
#site div img {position: absolute; left:0px; top:50%; margin-top:-140px}
h1 { position:absolute; top:0px; left:0px;}
h1 a2 { background:url(../img/logo.png) 0px 0px; width:93px; height:92px; display:block;  text-indent:-999px; overflow:hidden; position:relative}

h1 a { display:block; float: left; position:relative; z-index:100; margin-right:30px}

#bg { background:url(../img/bg.png); width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1}

#site {position:relative; z-index: 20}
#site div { padding-top:250px}
#site ul.links {clear:both; height:60px;}
#site ul.links li {float:left; display:block; padding-right:5px;}
#site ul.links li a {color:#fff; font-size:11px; text-transform:uppercase; border:1px solid #333; display:block; padding:6px 12px; float:left; text-align:center; background:rgba(0,0,0,.6)}
#site ul.links li a:hover {background:#f05450; border:1px solid #f05450;}

h2 {font-weight:normal; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; color:#fff; font-size:18px; margin-bottom:6px; clear:both; border-bottom:1px dotted #666;}



body.home, #banner .pat , .pattern , .loader div.bg { background:url(../img/pattern.png);} 



.pattern { position: absolute; z-index:1; top:0; left:0; right:0; width:100%; height:100%; z-index:15 }

.darken {  position: absolute; z-index:1; top:0; left:0; right:0; width:100%; height:100%; opacity:.5; z-index:12;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 91%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(91%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 91%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 91%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 91%); /* IE10+ */
  background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 91%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}


/* Home  ======================================================================================= */
body,html { min-height:100%; height:100%}
#home { height:100%; width:100%; position: absolute; top:0px; right:0px; bottom:0px; left:0px; min-height:600px; overflow:hidden; z-index:10;}
 
body #home #ss { height:100%; width:100%; position: absolute; top:0px;  }
body #home #ss ul.cycle-slideshow { width:100%; height:100%;  position:relative; top:0px; display:none; z-index:101; overflow:hidden}
body #home #ss ul.cycle-slideshow li { width:100%; height:100%; max-width:100%;}
#home #ss ul li  { margin:0px; padding:0px; display: block; overflow:hidden; height:100px; width:100px; background-repeat: no-repeat; background-color:#010101;}

#ss-pager { padding:16px 0px; height:16px; position:absolute; top:50%; margin-top:-160px;  left:50px; z-index:110}


/* Global ======================================================================================= */
body, html {height:100%; width:100%;}
body {background: #000; font-family:Arial, Helvetica, sans-serif; font-size:75%;}

img {border: 0px;}
p {line-height:1.5em; text-align:justify; font-size:1em;}
li {list-style:none;}
a {text-decoration:none;}


#site ul li a {
	transition:all .3s ease-out; 
	-o-transition:all .3s ease-out; 
	-moz-transition:all .3s ease-out; 
	-webkit-transition:all .3s ease-out
	
}


.bg-cover { 
    -webkit-background-size: cover; 
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

.bg-contain { 
    -webkit-background-size: contain; 
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
}