/*-- universal --*/
a {
outline: none;
}
* {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
body {
	font-size:62.5%;
	background-color: #D6D6D6;
}

img {
	border: none;
	margin-bottom: 50px;
}

/*-- template--*/


/*centers design*/
.outerContainer{
width: 835px;
margin: 0px auto 0px auto;
}

.innerContainer {
	height: 306px;
	width: 544px;
	margin-bottom: 25px;
}
.mainGrey {
	margin-top: 0px;
	width: 835px;
	float: left;
	background-image: url(images/backgroundGrey.png);
	background-repeat: no-repeat;
	border: 1px none #b2b2b2;
}



/* background gradient and grey outline*/

.main {
	margin-top: 50px;
	background-color: white;
	width: 835px;
	float: left;
	background-image: url(images/backgroundmid.jpg);
	background-repeat: repeat-x;
	border: 1px none #b2b2b2;
}

.navigation {
	position: relative;
	width: 150px;
	float: left;
}

.navigation img {
	position: absolute;
	left: 0px;
	top: 250px;
	z-index: 200;
	width: 180px;
}

.content {
	margin-right: 41px;
	width: 544px;
	float: right;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 632px;
}

/*-- typography --*/

.content {
	line-height: 180%;
	word-spacing: 0em;
	vertical-align: 0%;
}


h1 {
	font-family: Optima, "Helvetica Neue Light", Helvetica, Arial;
	font-size: 12pt;
	color: black;
	margin-bottom: 12px;
	margin-top: 30px;
	color: #1F1F1F;
	font-weight: normal;
	letter-spacing: 1px;
	margin-right: 40px;
	margin-left: 2px;
	padding-top: 44px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}

p, .content li{
	font-family: Optima, "Helvetica Neue Light", Helvetica, Arial;
	font-size: 10pt;
	color: #515151;
	line-height: 17pt;
	text-align: left;
}

p, .content ul, ol {
	margin-bottom: 0px;
	margin-right: 5px;
	margin-left: 2px;
}

.content ul, ol {
	margin-left: 25px;
}

.content  ol{
padding-left: 5px;
}

/*links*/

a:link,
a:visited,
a:active {
color: #333;
}

a:hover {
color: #666;
}

#video ul {
list-style: none;
}

/*-- navigation --*/

.navigation {
	z-index: 200;
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 50px;
}

.navigation ul {
	padding-top:50px;
	list-style: none;
	padding-bottom: 30px;
}

.navigation li a {
	display: block;
	text-align: center;
	color: #333;
	font-family: 'helvetica neue ultralight', arial, sans-serif;
	font-size: x-small;
	width: 130px;
	height: 26px;
	overflow: visible;
	text-indent: -1000px;
	margin-left: 50px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.navigation li a:hover {
	background-position: -149px!important;
}

.navigation li.menu1 a:link,
.navigation li.menu1 a:visited,
.navigation li.menu1 a:active {
	background-image: url(images/menu/videoworksmenu_01.png);
	background-position: 0px;
	background-repeat: no-repeat;
}




.navigation li.menu2 a:link,
.navigation li.menu2 a:visited,
.navigation li.menu2 a:active {
	background-image: url(images/menu/videoworksmenu_02.png);
	background-position: 0px;
	background-repeat: no-repeat;
}

.navigation li.menu3 a:link,
.navigation li.menu3 a:visited,
.navigation li.menu3 a:active {
	background-image: url(images/menu/videoworksmenu_03.png);
	background-position: 0px;
	background-repeat: no-repeat;
}

.navigation li.menu4 a:link,
.navigation li.menu4 a:visited,
.navigation li.menu4 a:active {
	background-image: url(images/menu/videoworksmenu_04.png);
	background-position: 0px;
	background-repeat: no-repeat;
}


.navigation li.menu5 a:link,
.navigation li.menu5 a:visited,
.navigation li.menu5 a:active {
	background-image: url(images/menu/videoworksmenu_05.png);
	background-position: 0px;
	background-repeat: no-repeat;
}


.navigation li.menu6 a:link,
.navigation li.menu6 a:visited,
.navigation li.menu6 a:active {
	background-image: url(images/menu/videoworksmenu_06.png);
	background-position: 0px;
	background-repeat: no-repeat;
}

.navigation li.menu7 a:link,
.navigation li.menu7 a:visited,
.navigation li.menu7 a:active {
	background-image: url(images/menu/videoworksmenu_07.png);
	background-position: 0px;
	background-repeat: no-repeat;
}



.navigation li.menu8 a:link,
.navigation li.menu8 a:visited,
.navigation li.menu8 a:active {
	background-image: url(images/menu/videoworksmenu_08.png);
	background-position: 0px;
	background-repeat: no-repeat;
}



.navigation li.menu9 a:link,
.navigation li.menu9 a:visited,
.navigation li.menu9 a:active {
	background-image: url(images/menu/videoworksmenu_09.png);
	background-position: 0px;
	background-repeat: no-repeat;
}



* html .navigation li {
	height: 1%;
}

li a:hover.selected {
background-position: 0px!important;
}

li.menu1 a:link.selected, li.menu1 a:visited.selected, li.menu1 a:active.selected {
background-image: url(images/menu/videoworksmenuselected_01.png);
}


li.menu2 a:link.selected, li.menu2 a:visited.selected, li.menu2 a:active.selected {
background-image: url(images/menu/videoworksmenuselected_02.png);
}


li.menu3 a:link.selected, li.menu3 a:visited.selected, li.menu3 a:active.selected {
background-image: url(images/menu/videoworksmenuselected_03.png);
}


li.menu4 a:link.selected, li.menu4 a:visited.selected, li.menu4 a:active.selected {
background-image: url(images/menu/videoworksmenuselected_04.png);
}


li.menu5 a:link.selected, li.menu5 a:visited.selected, li.menu5 a:active.selected {
background-image: url(images/menu/videoworksmenuselected_05.png);
}


li.menu6 a:link.selected, li.menu6 a:visited.selected, li.menu6 a:active.selected {
background-image: url(images/menu/videoworksmenuselected_06.png);
}


li.menu7 a:link.selected, li.menu7 a:visited.selected, li.menu7 a:active.selected{
background-image: url(images/menu/videoworksmenuselected_07.png);
}

li.menu8 a:link.selected, li.menu8 a:visited.selected, li.menu8 a:active.selected {
background-image: url(images/menu/videoworksmenuselected_08.png);
}

li.menu9 a:link.selected, li.menu9 a:visited.selected, li.menu9 a:active.selected {
background-image: url(images/menu/videoworksmenuselected_09.png);
}

.navigation a:hover {
color: #fe3333;
}

/* video */



 
#video {
	margin-bottom:20px;
	height: 306px;
	width: 544px;
}
 
/* contact list */

ul.contactList {
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

ul.contactList li {
	position: relative;
	margin-left: 2px;
	padding-left: 0px;
	padding-bottom: 0px;
}

ul.contactList li span{
	position: absolute;
	left: 131px;
	top: 2px;
	width: 304px;
	height: 40px;
}