@charset "utf-8";
/* CSS Document */

html,body{
	margin:0px;
	padding:0px;
}
body{
	text-align:center;
	background-color: #08070C;
}
#PageWrapper{
	width:100%;
	margin:0px;
	position:relative;
	top:0px;
	background-position:bottom right;
	background-repeat:no-repeat;
	min-height:1000px;
}
#Container{
	left:50%;
	margin-left:453px;
	width: 906px;
	margin:0px auto;
}
#Header{
	float:left;
	clear:both;
	width: 906px;
	height: 82px;
	background-image:url(../images/BannerBG.png);
	background-repeat:no-repeat;
	background-position:center top;
}

#SiteName{
	top:5px;
	margin-left:auto;
	margin-right:auto;
	width: 316px;
	height: 99px;
	background-image:url(../images/TheMixeryLogo.png);
	background-repeat:no-repeat;
	background-position:center top;
}
#SiteName a{
	display:block;
	width: 316px;
	height: 99px;
}
#SiteName h1{
	display:none;
}

#Footer{
	clear:both;
	width:100%;
	padding-top:20px;
	padding-bottom:400px;
}
#Footer p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#f2fb04;
	text-align:center;
	display:block;
	clear:both;
	margin-bottom:5px;
	width:100%;
	text-align:center;
}
#Footer a{
	color:#FFF;
	text-decoration: none;
}
#Footer a:hover{
	color:#f2fb04;
	text-decoration: none;
}


/* BEGIN NAVIGATION */
#MainNav{
	float:left;
	margin-top:-58px;
	margin-left:70px;
}
#MainNav ul li a span{
	display:none;
}
#MainNav ul, #MainNav ul li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#MainNav ul li{
	display: block;
	float: left;
}
#MainNav ul li a{
	display: block;
	float: left;
}

#MainNav ul li.Home a {
	width: 52px;
	height: 35px;
	background: transparent url(../images/Nav_Home.png) no-repeat top left;
}
#MainNav ul li.Home a:hover {
	background: transparent url(../images/Nav_Home.png) no-repeat;
	background-position: left -35px;
}

#MainNav ul li.Products{
	margin-left:10px;
}
#MainNav ul li.Products a {
	width: 87px;
	height: 35px;
	background: transparent url(../images/Nav_Products.png) no-repeat top left;
}
#MainNav ul li.Products a:hover {
	background: transparent url(../images/Nav_Products.png) no-repeat;
	background-position: left -35px;
}

#MainNav ul li.News{
	margin-left:10px;
}
#MainNav ul li.News a {
	width: 53px;
	height: 35px;
	background: transparent url(../images/Nav_News.png) no-repeat top left;
}
#MainNav ul li.News a:hover {
	background: transparent url(../images/Nav_News.png) no-repeat;
	background-position: left -35px;
}

#MainNav ul li.Opportunities{
	margin-left:340px;
}
#MainNav ul li.Opportunities a {
	width: 130px;
	height: 35px;
	background: transparent url(../images/Nav_Opportunities.png) no-repeat top left;
}
#MainNav ul li.Opportunities a:hover {
	background: transparent url(../images/Nav_Opportunities.png) no-repeat;
	background-position: left -35px;
}

#MainNav ul li.Contact{
	margin-left:5px;
}
#MainNav ul li.Contact a {
	width: 85px;
	height: 35px;
	background: transparent url(../images/Nav_Contact.png) no-repeat top left;
}
#MainNav ul li.Contact a:hover {
	background: transparent url(../images/Nav_Contact.png) no-repeat;
	background-position: left -35px;
}

/* PAGE TITLES */
#PageTitleImage{
	margin-top:-5px;
}
#PageTitleImage span{
	display:none;
}
.PageTitleWelcome{
	background-image:url(../images/PageTitle_Home.jpg);
	background-repeat:no-repeat;
	width: 573px;
	height: 52px;
}
.PageTitleProducts{
	background-image:url(../images/PageTitle_Products.jpg);
	background-repeat:no-repeat;
	width: 573px;
	height: 52px;
}
.PageTitleNews{
	background-image:url(../images/PageTitle_News.jpg);
	background-repeat:no-repeat;
	width: 573px;
	height: 52px;
}
.PageTitleOpportunities{
	background-image:url(../images/PageTitle_Opportunities.jpg);
	background-repeat:no-repeat;
	width: 573px;
	height: 52px;
}
.PageTitleContact{
	background-image:url(../images/PageTitle_Contact.jpg);
	background-repeat:no-repeat;
	width: 573px;
	height: 52px;
}

/* STYLES */
.PageTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#3E3E92;
}
.SubTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#2D8BCD;
}
.smText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#Wrapper a{
	text-decoration:underline;
	color:#0C3;
}
#Wrapper a:hover{
	text-decoration:underline;
	color:#ED2A3A;
}

/* PRODUCT SHOTS */
#ProductShotsWrapper{
	display: inline-block;
	width:580px;
	clear:both;
}
#ProductShots{
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#ProductShots li{
	display: block;
	float: left;
	width:185px;
	text-align:center;
	margin-bottom:20px;
}
#ProductShots li img{
	border:1px solid #F2FB0A;
}

/* Contact Form */
#FormContact input, #FormContact select, #FormContact textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:300px
}
button{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	background-color:#ED2A3A;
	border:1px solid #0C3;
	padding:5px 10px;
}
	
