body {
background-color: #090909;
}

h1, h2, h3, p, li {
color: rgb(200,200,200);
font-family: "Trebuchet MS", Geneva, sans-serif;
font-weight: normal;
padding: 0px;
margin: 0px;
border: 0px;

}

a {
text-decoration: none;
color: rgb(200,200,200);
outline: none;
}

h1 {
font-size: 30px;
}


#name {
width: 960px;
text-align: center;
margin: 40px auto 0px auto;
padding: 0px;
border: 0px;
letter-spacing: 3px;
}

#pos {
color: rgb(200,200,200);
font-family: "Trebuchet MS", Geneva, sans-serif;
font-weight: normal;
width: 960px;
margin: 0px auto 30px auto;
padding: 0px;
border: 0px;
font-size: 20px;
text-align: center;
}

ul {
list-style: none;
padding: 0px;
margin: 0px;
border: 0px;

}

li {
margin: 0px;
border: 0px;
display: block;

}

#nav ul{
width: 100%;
margin: 0px auto 10px auto;

}
#nav {
width: 960px;
margin: 0px auto;
}

#nav li{
/*display: block;*/
font-family: "Trebuchet MS", Geneva, sans-serif;
font-size: 0.8em;
float: left;
margin: 0px 0px 10px 0px;
}

#nav a{
/*display: block;*/
color: rgb(200,200,200);
float: left;
padding: 10px 24.5px;
text-decoration: none;
outline: none;
margin: 0px;
}

#nav a:hover{
background-color: rgb(30,30,30);
}

.table {
display: table;   
margin: 0 auto;

}

iframe {
margin: 0px auto;
padding: 0px;
border: 0px;
}

#view {
width: 100%;
margin: 0px auto 40px auto;
text-align: center;
}

#caption {
color: rgb(200,200,200);
font-family: "Trebuchet MS", Geneva, sans-serif;
font-weight: normal;
padding: 0px;
margin: 0px;
border: 0px;
}

#gallery ul{

width: 756px;
margin: 0px auto;
}

#gallery {
width: 960px;
margin: 0 auto;
text-align: center;

}

#gallery li{
/*display: block;*/
float: left;

}

#gallery img {
margin: 0px 30px 20px 30px;
border: 0px;

}



#vidContainer {
width: 960px;
height: 910px;
overflow: hidden;
margin: 0px auto;

}

.table  div{
display: table;   /* Allow the centering to work */
margin: 0 auto;
}

#switch {
width: 640px;
margin: 0px auto;
cursor: pointer;
padding: 0px 0px 50px 0px;

}

#switch ul{
width: 100%;
margin: 0px auto 0px auto;

}

#switch li{
/*display: block;*/
font-family: "Trebuchet MS", Geneva, sans-serif;
font-size: 2em;
float: left;
color: rgb(200,200,200);
padding: 10px 51px;
margin: 0px 0px 10px 0px;
}

#switch li:hover{
background-color: rgb(40,40,40);
}


#gallery2 ul{

width: 515px;
margin: 0px auto;
}

#gallery2 {
width: 960px;
margin: 0 auto;
text-align: center;

}

#gallery2 li{
/*display: block;*/
float: left;

}

#gallery2 img {
margin: 0px 10px 20px 10px;
border: 0px;

}


#gallery3 ul{

width: 128px;
margin: 0px auto;
}

#gallery3 {
width: 960px;
margin: 0 auto;
text-align: center;

}

#gallery3 li{
/*display: block;*/
float: left;

}

#gallery3 img {
margin: 0px 10px 20px 10px;
border: 0px;

}





#footer {
width: 960px;
margin: 40px auto;
border-top: dotted 1px gray;

font-size: 0.7em;
color: rgb(100,100,100);
}

#footer p {
float: left;
margin: 0px;
padding: 0px;
}

#contact{
font-size: 1em;
color: rgb(200,200,200);
font-family: "Trebuchet MS", Geneva, sans-serif;
font-weight: normal;
padding: 0px;
margin: 0px;
border: 0px;
float: right;
}

.clear {
width: 960px;
clear: both;
}

.line {
width: 600px;
clear: both;
border-top: solid 1px gray;
margin: 20px auto;
}
