html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
}
ol, ul {
list-style : none;
}
a img {
border : none;
}
aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
}
html, body {
font-family : Roboto, Arial, Verdana, sans-serif;
font-size : 1rem;
}
body > aside {
margin : 2rem 0;
background-color : #eee;
padding : 0.5rem 1rem;
border : #777 dotted 1px;
border-radius : 8px;
}
html {
margin : 1rem;
}
p {
margin-bottom : 7px;
text-align : justify;
}
a, p a {
color : #444;
}
.logo a:hover {
color : inherit;
background-color : inherit;
}
.logo {
text-align : right;
}
a:hover {
color : #fff;
background-color : #444;
}
h1, h2, h3, h4, h5, h6 {
font-family : inherit;
}
h1, h2, h3 {
text-shadow : 1px 1px 2px #666;
}
h1 {
font-size : 1.5em;
text-align : left;
padding-bottom : 0.5em;
}
h2 {
font-size : 1.4em;
text-align : left;
padding-bottom : 0.5em;
}
h3 {
font-size : 1.2em;
padding-bottom : 0.5em;
text-align : left;
}
h3 span {
font-size : 0.6em;
color : #fff;
display : block;
margin-top : 10px;
text-transform : none;
}
#container {
width : 70%;
margin : 1% auto;
}
nav {
width : 50%;
background-color : #aaa;
border : #888 double 3px;
border-radius : 5px;
float : right;
margin-bottom : 2%;
}
nav ul li {
float : left;
margin-left : 0.5em;
}
nav ul li a {
color : #fff;
font-size : 1.2em;
text-decoration : none;
}
nav ul li a:hover {
color : #888;
background-color : #fff;
}
.group1 {
clear : both;
background : white;
padding : 15px;
margin-bottom : 2%;
border : #cdcdcd double 3px;
border-radius : 5px;
}
.group2 {
background : white;
padding : 15px;
margin-bottom : 2%;
border : #cdcdcd double 3px;
border-radius : 5px;
}
.group3 {
background : white;
padding : 15px;
margin-bottom : 2%;
border : #cdcdcd double 3px;
border-radius : 5px;
}
a.photo_hover3 {
position : relative;
float : left;
margin : 5px 13px 8px 0;
padding : 8px;
box-shadow : 3px 3px gray;
}
a.photo_hover3 {
background-color : white;
border : #e1e1e1 solid 1px;
}
a.photo_hover3:hover {
border : #e1e1e1 solid 1px;
background-color : white;
opacity : 0.5;
z-index : 1000;
}
a.photo_hover2 {
position : relative;
float : right;
margin : 5px 13px 8px 0;
padding : 8px;
box-shadow : 3px 3px gray;
}
a.photo_hover2 {
background-color : white;
border : #e1e1e1 solid 1px;
}
a.photo_hover2:hover {
border : #e1e1e1 solid 1px;
background-color : white;
opacity : 0.5;
z-index : 1000;
}
#contact {
float : left;
}
#FooterTwo {
clear : both;
float : left;
}
#FooterThree {
text-align : right;
}
.container {
width : 70%;
margin : 0 auto;
}
.footer_left {
float : left;
padding : 2% 2% 2% 0;
width : 30%;
}
.footer_left a {
color : #ddd;
}
.clearing {
clear : both;
display : inline;
width : 100%;
height : 0;
overflow : hidden;
}
.button {
width : 80px;
height : 16px;
position : relative;
margin-top : 12px;
padding : 9px;
background-color : #fc8507;
display : inline-block;
color : white;
cursor : pointer;
text-align : center;
font : 14px/100% Arial, Helvetica, sans-serif;
border-radius : 5px;
float : right;
text-decoration : none;
}
.button:hover {
background-color : #ed7803;
text-decoration : none;
}
#slides {
position : absolute;
top : 15px;
left : 4px;
z-index : 100;
}
.slides_container {
width : 980px;
overflow : hidden;
position : relative;
display : none;
}
.slides_container a {
width : 980px;
height : 270px;
display : block;
}
.slides_container a img {
display : block;
}
#slides .next, #slides .prev {
position : absolute;
top : 107px;
left : -39px;
width : 24px;
height : 43px;
display : block;
z-index : 101;
}
#slides .next {
left : 585px;
}
.pagination {
margin-top : 100px;
width : 100px;
position : absolute;
top : 180px;
left : 880px;
z-index : 1000;
}
.pagination li {
float : left;
margin : 0 1px;
list-style : none;
}
.pagination li a {
display : block;
width : 12px;
height : 0;
padding-top : 12px;
background-position : 0% 0%;
float : left;
overflow : hidden;
}
.pagination li.current a {
background-position : 0% -12px;
}
.icons {
float : left;
padding : 5px;
}
.picture_footer {
width : 230px;
float : right;
padding : 10px 0 10px 10px;
}
.playButton {
background-color : #aaa;
color : #444;
border : #666 double 4px;
border-radius : 7px;
box-shadow : 3px 4px 6px #111;
cursor : pointer;
font-size : 1.2em;
position : relative;
top : 3em;
padding : 0.4em;
}
.group1 > div, .group2 > div, .group3 > div {
box-shadow : 5px 6px 10px #333;
}
video, article>img {
box-shadow : 7px 7px 17px #555;
margin-bottom : 2rem;
}
.group1 video, .group2 video, .group3 video {
box-shadow : 5px 6px 10px #333;
}
pre {
border : #f00 dotted 1px;
border-radius : 8px;
background-color : #ffe9e9;
}
#browserchk {
border : #cc0033 solid 3px;
background : #fff;
}
#browserchk p {
font-size : 1.5em;
}