@charset "utf-8";
/* CSS Document */

body {
	background-image: url(images/bgfs.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: cover;
	min-height: auto;
        max-width: 100%;
	left: 0px;
	top: 0px;
	background-attachment: fixed;
}
#logo {
	background-color: rgba(0,0,0,0.7);
	height: auto;
	width: 60.8%;
	margin-right: auto;
	margin-left: auto;
}
#navbar {
	background-color: rgba(0,0,0,0.9);
	height: 55px;
	width: 60.8%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
        z-index: 200;
}
#maincontent {
	background-color: rgba(0,0,0,0.8);
	height: auto;
        min-height: 680px;
	width: 59.15%;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	padding-top: 5px;
	margin-top: 15px;
	border: thin groove #333;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	z-index: -9;
       
}
#leftmaincontent {
	float: left;
	height: auto;
	width: 380px;
	border: thin dotted #999;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
        padding-bottom: 5px;
	z-index: -100;
}
#diegopic {
	height: 325px;
	width: 185px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	border: thin solid #FFF;
	padding: 0px;
	margin-top: 35px;
}
#diegoabout {
	float: none;
	height: auto;
	width: auto;
	margin-left: 197px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#diegotitle {
	position: relative;
	margin: 0px;
}



#rightmaincontent {
	float: right;
	height: auto;
	width: 380px;
	border: thin dotted #999;
	margin-right: auto;
	margin-left: auto;
	clear: none;
	padding: 5px;
        padding-bottom: 5px;
	z-index: -100;
}
#footer {
	background-color: rgba(0,0,0,0.8);
	height: auto;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	padding-top: 5px;
	margin-top: 15px;
	border: thin groove #333;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: auto;
}
h1 {
	font-size: 36px;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Arial Black", Gadget, sans-serif;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
body,td,th {
	font-size: large;
}

a.glow, a.glow:hover, a.glow:focus
{
	text-decoration: none;
	color: #FFF;
	text-shadow: none;
	-webkit-transition: 500ms linear 0s;
	-moz-transition: 500ms linear 0s;
	-o-transition: 500ms linear 0s;
	transition: 500ms linear 0s;
	outline: 0 none;
}
a.glow:hover, a.glow:focus
{
	color: #fff;
	text-shadow: -1px 1px 3px #ffc, 1px -1px 3px #FF0;
}
#contactbox {
	float: left;
	height: auto;
	width: 58%;
	clear: none;
	margin-right: auto;
	margin-left: auto;
	z-index: 0;
	position: relative;
	border: thin none #999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#linkbox {
	float: right;
	width: 35%;
	clear: none;
	margin-right: auto;
	margin-left: auto;
	z-index: 0;
	position: relative;
	height: auto;
	border: thin groove #999;
	padding-top: 0px;
	margin-top: 5px;
}
.myButton {
	-moz-box-shadow: 7px 3px 1px 7px -2px #FF6;
	-webkit-box-shadow: 3px 1px 7px -2px #FF6;
	box-shadow: 3px 1px 7px -2px #FF6;
	background-color:#000000;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
	border:1px solid #FF9;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	padding:6px 11px;
	text-decoration:none;
}
.myButton:hover {
	background-color:#515238;
}
.myButton:active {
	position:relative;
	top:1px;
}
form {
        width: 100%;
}

form ul {
        list-style-type: none;
}

form ul li {
        margin: 15px 0; 
}

form label {
        display: block;
        font-size: 1em;
}

form input, text-area {
        font-size: 1em;
        padding: 5px;
        border: #ccc; 3px; solid; 
        width: 70%; 
}

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



@media screen and (max-width: 1025px) {
     #logo {
        height: auto;
        width: auto;
        min-width: 100%;
    }    
   
     #navbar {
        height: auto;
        width: auto; 
        min-width: 100%;
    }

     #maincontent {
        height: auto;
        width: auto;
        min-width: 95%;
    } 
    #rightmaincontent, #leftmaincontent {
        float: none;
        width: auto;
    }
    #table {
    display: block;
    }
    #footer {
       height: auto;
       width: auto;
       min-width: 97%;
    }

.video-container {
    position: relative;
    padding-bottom: 5%;
    padding-top: 30px; width: 100%; height: auto; overflow: auto;
  
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: relative;
    top: 0;
    left: 0;
    width: 799px;
    height: 444px;
}
 #contactbox {
        height: auto;
        width: auto;
        float: none;
      }

 #linkbox {
        height: auto;
        width: auto;
        float: none;
    } 
}

@media screen and (max-width: 410px) {
    #logo {
        height: auto;
        width: auto;
        min-width: 100%;
    }
    #navbar {
        height: auto;
        width: auto;
        min-width: 100%;
    }
        #maincontent {
        height: auto;
        width: auto;
       min-width: 95%;
       
    } 
  
    #rightmaincontent, #leftmaincontent {
        float: none;
        width: auto;
    }
    #table {
    display: block;
    }
    #footer {
       height: auto;
       width: auto;
       min-width: 97%;
}
.video-container {
    position: relative;
    padding-top: 30px; height: auto; overflow: inherit;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 #contactbox {
        height: auto;
        width: auto;
        float: none;
      }

 #linkbox {
        height: auto;
        width: auto;
        float: none;
    } 
#diegopic {
	height: 40%;
	width: 40%;
	margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
	float: none;
	border: thin solid #FFF;
	padding: 0px;
	margin-top: 35px;
        display: block;
        }
#diegoabout {
	float: none;
	height: auto;
	width: 100%;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
}