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

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

* {
	margin: 0;
	padding: 0;
	}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #e9e9e9;
	color: #000;
	font-size: 14px;
	}
	
.bold {
	font-weight: bold;
	}

p {
	padding: 2px 0 2px 0;
	}
	
h2 {
	padding: 2px 0 2px 0;
	font-size: 16px;
	}


/*-------- Wrapper ----------*/
#wrapper {
	width: 950px;
	height: 800px;
	margin: auto;
	}
	
/*----------- Header ---------*/
#header {
	float: left;
	width: 950px;
	height: 120px;
	margin: 10px 0 0 0;
	}

.headerLeft {
	float: left;
	width: 10px;
	height: 120px;
	background: url(../images/headerLeft.png) no-repeat;
	}

.headerCenter {
	float: left;
	width: 930px;
	height: 120px;
	background: url(../images/headerCenter.png) repeat-x;
	}

.headerRight {
	float: left;
	width: 10px;
	height: 120px;
	background: url(../images/headerRight.png) no-repeat;
	}
	
/*-------- Header Logo -------------*/
.headerLogo {
	height: 100px;
	width: 300px;
	float: left;
	margin: 10px 0 0 20px;
	}
	
/*----------- Header Contact Info ---------*/
.contactInfo {
	float: right;
	height: auto;
	margin: 30px 10px 0 0;
	font-weight: bold;
	}

/*--------------- Nav Menu ------------*/

#navigation {
	float: left;
	margin: 15px 0 15px 0;
	width: 100%;
	height: 45px;
}

ul#menu {
	width: 100%;
	height: 45px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#menu li {
	float: left;
}

ul#menu li a {
	background: url(../images/navStrip.png) no-repeat scroll top left;
	display: block;
	height: 45px;
	position: relative;
}

ul#menu li.navHome a {
    text-indent: -9999px;
	width: 130px;
	margin: 0 6px 0 0;
}
ul#menu li.navAbout a {
    text-indent: -9999px;
	width: 130px;
	background-position: -130px 0px;
	margin: 0 7px 0 0;
}
ul#menu li.navRatecard a {
    text-indent: -9999px;
	width: 130px;
	background-position: -260px 0px;
	margin: 0 7px 0 0;
}
ul#menu li.navCourses a {
    text-indent: -9999px;
	width: 130px;
	background-position: -390px 0px;
	margin: 0 7px 0 0;
}
ul#menu li.navCrew a {
    text-indent: -9999px;
	width: 130px;
	background-position: -520px 0px;
	margin: 0 7px 0 0;
}
ul#menu li.navCredits a {
    text-indent: -9999px;
	width: 130px;
	background-position: -650px 0px;
	margin: 0 6px 0 0;
}
ul#menu li.navContact a {
    text-indent: -9999px;
	width: 130px;
	background-position: -780px 0px;
}


ul#menu li.navHome a:hover, ul#menu li.currentPage1 a {
	background-position: 0px -45px;
}
ul#menu li.navAbout a:hover, ul#menu li.currentPage2 a {
	background-position: -130px -45px;
}
ul#menu li.navRatecard a:hover, ul#menu li.currentPage3 a {
	background-position: -260px -45px;
}
ul#menu li.navCourses a:hover, ul#menu li.currentPage4 a {
	background-position: -390px -45px;
}
ul#menu li.navCrew a:hover, ul#menu li.currentPage5 a {
	background-position: -520px -45px;
}
ul#menu li.navCredits a:hover, ul#menu li.currentPage6 a {
	background-position: -650px -45px;
}
ul#menu li.navContact a:hover, ul#menu li.currentPage7 a {
	background-position: -780px -45px;
}


ul#menu li a:hover {
cursor:pointer;
}

/*--------- Content -------------*/
#content {
	float: left;
	height: auto;
	}

.textContent {
	float: left;
	width: 950px;
	height: auto;
	margin: 0 0 15px 0;
}

.textContent a {
	text-decoration: none;
	color: #333;
}
.textContent a:hover {
	text-decoration: underline;
}
/*------------ Home -----------*/
.homeDisplay {
	float: left;
	margin: 10px 0 0 0;
}
.homeDisplayPic {
	float: left;
	width: 380px;
	height: 301px;
	background: url(../images/homeCamera.png);
	display: inline;
	margin: 0 20px 0 0;
}

.homeDisplayText {
	float: left;
	width: 500px;
	height: auto;
	font-weight: bold;
}
/*------------- Slideshow ----------*/
#slideshow {
	float: left;
	width: 950px;
	height: 360px;
	margin: 0 0 20px 0;
	}

.slideshowLeft {
	float: left;
	width: 10px;
	height: 360px;
	background: url(../images/slideshowLeft.png) no-repeat;
	}

.slideshowCenter {
	float: left;
	width: 928px;
	height: 360px;
	background: url(../images/slideshowCenter.png) repeat-x;
	}

.slideshowRight {
	float: left;
	width: 10px;
	height: 360px;
	background: url(../images/slideshowRight.png) no-repeat;
	}

.flashVid {
	margin: 10px 0 0 0;
}


/*------------- Banner ----------*/
#banner {
	float: left;
	width: 950px;
	height: 300px;
	margin: 0 0 20px 0;
	}

.bannerLeft {
	float: left;
	width: 11px;
	height: 300px;
	background: url(../images/bannerLeft.png) no-repeat;
	}

.bannerCenter {
	float: left;
	width: 928px;
	height: 300px;
	background: url(../images/bannerCenter.png) repeat-x;
	}
	
.bannerCenter img{
	float: left;
	width: 928px;
	height: 280px;
	margin: 10px 0 0 0;
	}

.bannerRight {
	float: left;
	width: 11px;
	height: 300px;
	background: url(../images/bannerRight.png) no-repeat;
	}


/*------ About --------*/
.textQuote {
	line-height: 30px;
	float: left;
	height: 39px;
	margin: 0 0 15px 0;
}
span.leftQuote {
	float: left;
	background: url(../images/leftQuote.png);
	width: 49px;
	height: 39px;
	margin: 0 5px 0 0;
}
span.rightQuote {
	float: right;
	background: url(../images/rightQuote.png);
	width: 49px;
	height: 39px;
	margin: 0 0 0 5px;
}

.microHire {
	float:left;
	margin: 5px;
	border: 1px solid #666;
}

/*--------- Courses -----------*/
.courseList {
	float: left;
	width: 250px;
	height: auto;
	margin: 10px 20px 10px 0;
}

.courseList ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.courseList ul li {
	background-image: url(../images/arrowBullet.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	line-height: 30px;
	text-indent: 30px;
}
.courseInfo {
	float: left;
	width: 680px;
	height: auto;
	margin: 10px 0 10px 0;
}


/*----------- Crew -------------*/
.crewPic {
	float: left;
	width: 120px;
	height: auto;
	margin: 0 15px 10px 0;
}

/*------------Credits -----------*/
.creditsList {
	float: left;
	width: 400px;
	height: auto;
	margin: 10px 20px 10px 0;
}

.creditsList ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.creditsList ul li {
	background-image: url(../images/arrowBullet.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	line-height: 30px;
	text-indent: 30px;
}

/*--------- Content -------------*/
.contentWrap {
	margin: auto;
	width: 950px;
	height: auto;
	float: left;
	}

.contact {
	float: left;
	width: 300px;
}

/*--------- Footer -----------*/
#footer {
	float: left;
	width: 950px;
	height: 80px;
	margin: 10px 0 0 0;
	padding: 0 0 20px 0;
	display: inline;
	}

.footerLeft {
	float: left;
	width: 10px;
	height: 80px;
	background: url(../images/footerLeft.png) no-repeat;
	}

.footerCenter {
	float: left;
	width: 930px;
	height: 80px;
	background: url(../images/footerCenter.png) repeat-x;
	}

.footerRight {
	float: left;
	width: 10px;
	height: 80px;
	background: url(../images/footerRight.png) no-repeat;
	}
	
/*------------ Copyright ------------*/
.copyright {
	float: left;
	width: 900px;
	margin: 15px 0 10px 15px;
	}
	
.footerContactInfo {
	float: left;
	width: 500px;
	margin: 0 0 0 15px;
	font-size: 16px;
	font-weight: bold;
	}
	
.footerContactInfo span {
	color: #999999;
	}

/*---------- Footer Links ----------------*/
.footerLinks {
	float: right;
	width: 320px;
font-size: 14px;
	}

.footerLinks a {
	text-decoration: none;
	color: #000000;
	}
	
.footerLinks a:hover{
	text-decoration: underline;
	}
	
	
	
/*--------- Rate Card --------*/
	
#tabvanilla {
	width: 950px;
	float: left;
}

.ratecardBot {
	background: url(../images/ratecardBot.png) no-repeat;
	width: 950px;
	height: 10px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0
	}
	
ul.tabnav {
	width: 100%;
	height: 113px;
	list-style: none;
	margin: 0;
	padding: 0;
	outline: none;
}

ul.tabnav li {
	float: left;
	outline: none;
}

ul.tabnav li a {
	background: url(../images/ratecardIcons.png) no-repeat scroll top left;
	display: block;
	height: 113px;
	width: 130px;
	position: relative;
	outline: none;
}

ul.tabnav li.cameraTab a {
	text-indent: -9999px;
	width: 130px;
	margin: 0 6px 0 0;
}
ul.tabnav li.soundTab a {
    text-indent: -9999px;
	width: 130px;
	background-position: -130px 0px;
	margin: 0 6px 0 0;
}
ul.tabnav li.gripsTab a {
    text-indent: -9999px;
	width: 130px;
	background-position: -260px 0px;
	margin: 0 7px 0 0;
}
ul.tabnav li.monitorsTab a {
    text-indent: -9999px;
	width: 130px;
	background-position: -390px 0px;
	margin: 0 7px 0 0;
}
ul.tabnav li.lightingTab a {
    text-indent: -9999px;
	width: 130px;
	background-position: -520px 0px;
	margin: 0 7px 0 0;
}
ul.tabnav li.lensesTab a {
    text-indent: -9999px;
	width: 130px;
	background-position: -650px 0px;
	margin: 0 7px 0 0;
}
ul.tabnav li.batteryTab a {
    text-indent: -9999px;
	width: 130px;
	background-position: -780px 0px;
}



ul.tabnav li.cameraTab a:hover, ul.tabnav li.cameraTab a:active, ul.tabnav li.cameraTab ui-tabs-selected a {
    background-position: 0px -113px;
}
ul.tabnav li.soundTab a:hover, ul.tabnav li.soundTab a:active, ul.tabnav li.soundTab ui-tabs-selected a {
    background-position: -130px -113px;
}
ul.tabnav li.gripsTab a:hover, ul.tabnav li.gripsTab a:active, ul.tabnav li.gripsTab ui-tabs-selected a {
    background-position: -260px -113px;
}
ul.tabnav li.monitorsTab a:hover, ul.tabnav li.monitorsTab a:active, ul.tabnav li.monitorsTab ui-tabs-selected a {
    background-position: -390px -113px;
}
ul.tabnav li.lightingTab a:hover, ul.tabnav li.lightingTab a:active, ul.tabnav li.lightingTab ui-tabs-selected a {
    background-position: -520px -113px;
}
ul.tabnav li.lensesTab a:hover, ul.tabnav li.lensesTab a:active, ul.tabnav li.lensesTab ui-tabs-selected a {
    background-position: -650px -113px;
}
ul.tabnav li.batteryTab a:hover, ul.tabnav li.batteryTab a:active, ul.tabnav li.batteryTab ui-tabs-selected a {
    background-position: -780px -113px;
}


.widget {
    width: 948px;
    background: #fff;
    border: 1px solid #a3a3a3;
	border-bottom: none;
	float: left;
    }

.widget a {
    color: #222;
    text-decoration: none;
    }
	
.widget p {
    padding: 5px 0 5px 0;
    }

.widget a:hover {
    color: #009;
    text-decoration: underline;
    }


/*    .tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
    background: #dedbd1;
    color: #222;
    text-decoration: none;
    }*/

.tabdiv {
    margin-top: 2px;
    background: #fff;
    }

.tabdiv li {
    list-style-image: url("star.png");
    margin-left: 20px;
    }

.ui-tabs-hide {
    display: none;
    }
	
.columnOne {
	float: left;
	width: 450px;
	margin: 10px 10px 0 5px;
}

.columnTwo {
	float: left;
	width: 450px;
	margin: 10px 0 0 0;
}



.widget a:hover {
	text-decoration: none;
	color: #000;
}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}