/* VIDEOVISION CSS */

body {background-color: #ffffff;}
h1 {font-family: arial;}
h2 {font-family: arial;}
h3 {font-family: arial;}
h4 {color: #0000ff; clear: both;}
.img {border: none; margin: 5px; padding: 5px;}
.imgLink {border: 2px solid #0000ff;}
.banner {display: block; top: 0; left: 0; background-color: #ffffff; width: 80%; height: 100px; padding: 15px; margin-left: 12%;}
.topNav {text-align: center; width: 100%; background-color: #ffffff; margin-bottom: 10px; }
.button {text-align: center; margin-right: 5px; display: inline;}
#topNav {font-family: verdana; font-size: 60%; color: #00f; font-weight: bold; padding: 4px; width: 150px; border-right: solid; border-left: solid; border-width: 1px;}
.sidebarL {text-align: center; background-color: #ffffff; float: left; width: 12%; height: 90%; margin-left: 1%; margin-right: 1%;}
.sidebarR {text-align: left; font-size: 75%; background-color: #b0e0e6; float: left; width: 13%; height: 100%; margin-left: 2%; padding-left: 9px; padding-right: 9px; padding-top: 15px; padding-bottom: 20px;}
#sidebar {color: #00f; padding: 2px; font-variant: small-caps; font-weight: bold;}
.main {font-family: arial; background-color: #ffffff; width: 60%; padding-top: 2%;  padding-left: 4%;  padding-right: 4%;  padding-bottom: 4%;  margin-left: auto; margin-right: auto; margin-bottom: 4%;}
.main p {font-family: arial; font-weight: normal; font-size: 90%; background-position: center; background-attachment: scroll;}
.mainWhite {font-family: arial; background-color: #ffffff; width: 60%; border: solid; border-color: #dddddd; border-width: 2px; padding-top: 2%;  padding-left: 4%;  padding-right: 4%;  padding-bottom: 4%;  float: left; margin-bottom: 4%;}
.item {text-align: left; font-size: 75%; float: left; width: 25%; height: 100%; margin-left: 2%; margin-bottom: 2%; padding-left: 9px; border: solid; border-color: #000000; border-width: 1px; padding-right: 9px; padding-top: 15px; padding-bottom: 20px;}
.itemW {text-align: left; font-size: 75%; float: left; width: 82%; height: 100%; margin-left: 2%; margin-bottom: 2%; padding-left: 9px; border: solid; border-color: #000000; border-width: 1px; padding-right: 9px; padding-top: 15px; padding-bottom: 20px;}
.zoom {text-align: center; font-size: 75%; float: left; width: 82%; height: 100%; margin-left: 2%; margin-bottom: 2%; padding-top: 15px; padding-bottom: 20px;}
.clear {clear: both;}

.navName {text-align: center; font-family: verdana; font-variant: small-caps; font-size: 60%; font-weight: bold; color: #0000ff;}
.pageFoot {font-family: verdana; font-size: 60%; text-align: center; width: 100%; height: 20px; background-color: #ffffff; margin-top: 1em; margin-bottom: 4%; clear: both;}
.detailBoxL {text-align: center;  font-family: verdana; float: left; width: 48%;}
.detailBoxR {text-align: center;  font-family: verdana; float: right; width: 48%;}
.servicesBoxL {text-align: left;  font-family: verdana; float: left; width: 68%;}
.servicesBoxR {text-align: center;  font-family: verdana; float: right; width: 28%;}
.infoBox {text-align: left;  font-family: verdana; float: left; margin-left: 10%;}
.fileBox {text-align: left; font-size: 90%; font-weight: bold; width: 50%; float: left; display: inline; margin-left: 2em;}
.sizeBox {text-align: left; font-size: 90%; width: 20%; float: left; display: inline;}
.gallery {width: 340px; float: left; display: inline; padding-left: 3%; padding-right: 3%; padding-bottom: 5%;}
.gallery p {font-family: arial; font-weight: normal; font-size: 90%; }
#gallerytitle {margin-left: 3%;}
#gallery {color: #00f; padding: 2px; font-variant: small-caps; font-weight: bold;}
.galleryTextBox {text-align: left; font-size: 80%; width: 60%; float: left; display: inline; margin-top: 5em;}
.galleryTextFlash {text-align: left; font-size: 80%; float: left; display: inline; margin-top: 4em; clear: right;}
.gallerySelect {float: left; text-align: center; font-family: arial; font-weight: normal; font-size: 80%; width: 200px; display: inline; margin-bottom: 20px;}
#vidmontitle {margin-left: 3%;}
.vidmonSelect {text-align: center; text-align: center; font-family: arial; font-weight: normal; font-size: 80%; width: 200px; display: inline; margin-bottom: 20px;}
.fotgal {border: 0px;}
.float {text-align: left; float: left; display: inline; width: 230px; height: 100px; margin: 1em;}
.label {font-family: arial; font-weight: bold; font-size: 90%; color: #000;}
#center {text-align: center;}
#blue {color: #0000ff;}
#red {color: #990000;}
#xsm {font-size: 60%;}
#sm {font-size: 80%;}
#lg {font-size: 105%;}
#ind {margin-left: 8em;}
a:link {
 text-decoration: none;
 color: #000; padding-left: 5px; padding-right: 5px;
}  
a:visited {
 text-decoration: none;
 color: #000;
}  
a:hover {
 text-decoration: underline;
 
 color: #00f;
}

.fileBox a:link {
 text-decoration: none;
 color: #900; padding-left: 6px; padding-right: 6px;
}  
.fileBox a:visited {
 text-decoration: none;
 color: #000; padding-left: 6px; padding-right: 6px;
}  
.fileBox a:hover {
 text-decoration: none;
 background: #4682b4;
 color: #000; padding-left: 6px; padding-right: 6px;
}

.getFlash {
	float: right;
	clear: both;
	margin-right: 2em;
}


.clientPanel {float: left; margin-bottom: 20px; width: 900px; color: #333333; background-color: #ffffff;}
.client {float: left; text-align: center; font-size: 70%;  height: 100px; font-weight: bold;   margin: 10px;}

.videogallery {margin-top: 20px; margin-bottom: 20px; width: 500px; color: #ffffff; background-color: #333333;}
.vidthumb { text-align: center; width: 500px;  margin-bottom: 10px;}
#vidtitle {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 16px; font-weight: bold; margin-top: .5em; margin-bottom: 2em;}