/*HTML5 Doctor Custom Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,btn,button,input,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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:middle;background:transparent;border: 0 none;font-weight:normal;box-shadow:none;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:middle;background:transparent}
ins{background-color:#808080;color:#808080;text-decoration:none}
mark{background-color:#808080;color:#808080;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border:0 none;}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:0;border:0;border:0 none #ccc;margin:0;padding:0}
input,select{vertical-align:middle}

/*Typography*/
@import url(http://fonts.googleapis.com/css?family=Oxygen:400,700);

html,body{
color: #FFF;
font-family: 'Oxygen', sans-serif;
font-size:16px;
line-height:125%;
vertical-align:middle;
margin:0px;
padding:0px;
height:100%;

background-color:#000;
background-image:url(../images/bgPattern.png), url(../images/bg01.jpg);
background-position:center top, center left;
background-repeat:repeat, no-repeat;
background-size:auto, cover;
-moz-background-size:auto, cover;
background-attachment:auto, fixed;
}

br{
margin:0;
}

b{
font-weight:bold;
}

p{
margin:0 0 16px 0;
}

blockquote{
margin:0 10% 0 5%;
}
blockquote:before {
	display: block;
	float: left;
	margin: 10px 15px 0 0;
	font-size: 400%;
	content: open-quote;
	color: #FFF;
	text-shadow: 0 0 0 #FFF;
}
blockquote p:last-child{
text-align:right;
}

li{
list-style-type:circle;
margin-left:16px;
}

img{
display:block;
margin:4px;
}

h1,h2,h3,h4,h5{
display:block;
font-family: 'Oxygen', sans-serif;
line-height:100%;
margin:5px 0 5px 0;
}
h1{
font-size:32px;
}
h2{
font-size:24px;
}
h3{
font-size:20px;
}
h4{
font-size:14px;
line-height:100%;
}
h5{
font-size:10px;
line-height:100%;
}

strong{
font-weight:bold;
}

a{
color:#FFF;
text-decoration: underline;
}
a:active{
color: #DFDFDF;
text-decoration: none;
}
a:visited{
color:#FFF;
text-decoration: underline;
}
a:hover{
color:#DFDFDF;
text-decoration: none;
}


/*Layout % Style*/
#container{
clear:both;
display:block;
overflow:auto;
min-height:100%;
width:100%;
padding:24px 0 48px 0;
margin:0 0 0 0;
}
#header{
display:block;
float:left;
overflow:auto;
width:100%;
min-height:96px;
background: rgba(0,0,0,0.8);
}
#main{
display:block;
float:right;
overflow:auto;
width:75%;
}
#footer{
display:block;
position:fixed;
float:left;
bottom:0;
overflow:auto;
width:100%;
min-height:48px;
background: rgba(0,0,0,0.8);
}

.padding{
overflow:auto;
padding:8px 8px 8px 8px;
}
.article{
padding:5% 15% 10% 10%;
}
.center{
margin:0 auto 0 auto;
}
.right{
display:block;
overflow:auto;
float:right;
}
.left{
display:block;
overflow:auto;
float:left;
}
.clear{
clear:both;
}
.width25{
width:25%;
}
.width50{
width:50%;
}
.width75{
width:75%;
}
.width95{
width:95%;
}
.width100{
width:100%;
}
.height480{
height:480px;
}

.killOnMobile{
display:block;
}
.displayOnMobile{
display:none;
}

/*Module Layout % Style*/
.module{
display:block;
overflow:auto;
width:auto;
min-height:128px;
border-radius:16px;
text-align:middle;
}
.black{
background: rgba(0,0,0,0.8);
}

.map{
display:block;
height:300px;
width:100%;
}

/*Menu*/
nav{
margin-top:64px;
padding:4px 4px;
float:right;
font-size:20px;
}
nav li{
display: inline;
text-align:right;
list-style:none;
}
nav li a{
text-decoration:none;
}
nav li ul{
display:none;
position: absolute;
margin-left:80px;
margin-top:-24px;
background: rgba(255,255,255,0.8);
}
nav li:hover ul{
display:inline;
}
nav li a{
padding:2px 4px;
}
nav ul li ul li{
text-align:left;
}

/*tablet*/
@media only screen and (max-width:800px){
html,body{
font-size:14px;
}
#container{
padding:16px 0 0 0;
}
#header{
min-height:96px;
}
#main{
width:100%;
}
#footer{
display:block;
position:relative;
}
.width25{
width:50%;
}
.article{
padding:3% 9% 6% 6%;
}
nav{
font-size:16px;
margin-top:0px;
}
nav li{
display:block;
}
}
/*mobile*/
@media only screen and (max-width:500px){
html,body{
font-size:12px;
}
#container{
padding:0;
}
.width25{
width:100%;
}
.width50{
width:100%;
}
.width95{
width:95%;
}
.article{
padding:2% 6% 4% 4%;
}
nav{
float:left;
}
nav li{
display:inline;
}
.killOnMobile{
display:none;
}
.displayOnMobile{
display:block;
}
}