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

#header-image {
	width:100%;
	height:90px;
	background-image:url(../sprites/SOPhotohp.png);
	background-repeat:no-repeat;
	background-position:center 10px;
	background-color: rgba(0,0,0,0.70);
	
}	
body#homepage {
	background-image:url(../_Images/vanuatu-7428.jpg);
	background-repeat:no-repeat;
	background-position:center 5%;
	background-size:cover;
	background-color:rgba(0,0,0,1.00);
	margin:0 auto;
}

#index-navigation {
	width:1160px;
	height:40px;
	margin:0 auto;
	position:relative;
	top: -40px;
	left:-30px;
}
/*Navigation Starts Here*/

ul#menu {
	width:1160px;
	list-style:none;
	margin:0 auto;
	}
	ul#menu li {
		display:inline;
		}
	ul#menu li a {
		text-indent: -9999px;
		display:block;
		height: 27px;
		float:left;
		padding:0 10px 0 10px;
		}
		/*Normal States*/
		
		ul#menu li a.newwork {
			background:url(../sprites/NewWork-menu.png) no-repeat;
			width:135px;
			background-position:center -27px;
			}
		ul#menu li a.celebrity {
			background:url(../sprites/Celebrity-menu.png) no-repeat;
			width:118px;
			background-position:center -27px;
			}
		ul#menu li a.volunteer {
			background:url(../sprites/volunteer-menu.png) no-repeat;
			width:137px;
			background-position:center -27px;
			}
		ul#menu li a.asseenontv {
			background:url(../sprites/AS-SEEN-ON-TV-menu.png) no-repeat;
			width:172px;
			background-position:center -27px;
			}	
		ul#menu li a.fashionbeauty {
			background:url(../sprites/FashionBeauty-menu.png) no-repeat;
			width:200px;
			background-position:center -27px;
			}
		ul#menu li a.cars {
			background:url(../sprites/Cars-menu.png) no-repeat;
			width:60px;
			background-position:center -27px;
			}
		ul#menu li a.qtvr {
			background:url(../sprites/QTVR-menu.png) no-repeat;
			width:65px;
			background-position:center -27px;
			}
		ul#menu li a.contact {
			background:url(../sprites/Contact-menu.png) no-repeat;
			width:113px;
			background-position:center -27px;
			}
			/*Hover and Active States, CSS for Active states isn not written yet, a.network:hover is a specific hover state.  Probably not necessary*/
			ul#menu li a.newwork:hover, ul#menu li a.newwork:active {
				background-position:center 0;
			}ul#menu li a:hover, ul#menu li a:active {
				background-position:center 0;
			}