body {
	background-color: #000000;
	font: 14px Verdana, Arial, sans-serif;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	padding: 0;
}
	
.container {
	background: #000000 url(../img/background.jpg) repeat-x 0 0;
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	margin-top: 0px;
	padding-top: 0px;
}

.header{
	width: 950px;
	padding-top: 20px;
	margin-left:auto;
	margin-right:auto;
}

.content{
	width: 950px;
	background-color: #000000;
	height: 100%;
	margin: 25px auto 25px auto; 
}

.footer{
	width: 950px;
	height: auto;
	background-color: #000000;
	margin-left:auto;
	margin-right:auto;
}

.cleardiv{
	clear:both;
	font-size: 1px;
	height: 1px;
	text-align: center;
}

h1{
	font: 18px Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	padding: 0 0 10px 0;
}

h2{
	font: 16px Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	padding: 5px 0 5px 0;
}

h3{
	font: 24px Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	padding: 0 0 10px 0;
}

h4{
	font: 16px Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #000000;
	padding: 5px 0 5px 0;
}

p{
	font: 14px Verdana, Arial, sans-serif;
	text-align: left;
	color: #CCCCCC;
	padding: 10px 0 10px 0;
}

.aligncenter{
	text-align:center;
}


.Logo{
	background: #000000 url(../img/Mya_Studio_logo_resized.jpg) no-repeat 0 0;
	float: left;
	width: 175px;
	height: 148px;
	margin-top: 10px;
}

.header #list{
	float:right;
}

ul#navlist {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	width: 100%;
/*	z-index: 1000;
	position: fixed;
	top: 20px;*/
}

ul#navlist li {
	display: inline;
}

ul#navlist li a {
	float: left;
	width: 110px;
	height: 80px;
	color: #FFFFFF;
	text-decoration: none;
}

ul#navlist li.Home,
ul#navlist li.Home a{
	background: url(../img/btn_home.jpg);
}

ul#navlist li.About,
ul#navlist li.About a{
	background: url(../img/btn_about.jpg);
}

ul#navlist li.Home,
ul#navlist li.Home a{
	background: url(../img/btn_home.jpg);
}

ul#navlist li.Videos,
ul#navlist li.Videos a{
	background: url(../img/btn_videos.jpg);
}

ul#navlist li.Projects,
ul#navlist li.Projects a{
	background: url(../img/btn_projects.jpg);
}

ul#navlist li.Articles,
ul#navlist li.Articles a{
	background: url(../img/btn_articles.jpg);
}

ul#navlist li.Blog,
ul#navlist li.Blog a{
	background: url(../img/btn_blog.jpg);
}

ul#navlist li.Contact,
ul#navlist li.Contact a{
	background: url(../img/btn_contact.jpg);
}

/*menu hover*/
ul#navlist li a:hover{
	background-position: 0 -80px;
}

body#Home ul#navlist li.Home,
body#Home ul#navlist li.Home a,
body#Home ul#navlist li.Home a:hover,
body#About ul#navlist li.About,
body#About ul#navlist li.About a,
body#About ul#navlist li.About a:hover,
body#Videos ul#navlist li.Videos,
body#Videos ul#navlist li.Videos a,
body#Videos ul#navlist li.Videos a:hover,
body#Projects ul#navlist li.Projects,
body#Projects ul#navlist li.Projects a,
body#Projects ul#navlist li.Projects a:hover,
body#Articles ul#navlist li.Articles,
body#Articles ul#navlist li.Articles a,
body#Articles ul#navlist li.Articles a:hover,
body#Blog ul#navlist li.Blog,
body#Blog ul#navlist li.Blog a,
body#Blog ul#navlist li.Blog a:hover,
body#Contact ul#navlist li.Contact,
body#Contact ul#navlist li.Contact a,
body#Contact ul#navlist li.Contact a:hover{
	background-position: 0 -80px;
}

.intro{
	width: 50%;
	text-align: center;
	margin: 10px auto -185px auto;
}

#WheelDemo{
	margin-top: 200px;
	text-align: center;
}

#logoS{
	float: left;
	width: 52px;
	height: 50px;
	margin: -3px 10px 5px 0;
}
	

hr{
	border: none;
	background-color:#666666;
	color: #666666;
	height: 1px;
	width: 80%;
	margin: auto;
	padding: auto;
}

.dropcapwide{
	float: left;
	width: 1em;
	font-size: 4.5em;
	line-height: 78%;
}

.dropcap
{
	float: left;
	width: 0.8em;
	font-size: 4.5em;
	line-height: 78%;
}

#perinfo{
	float: right;
	width: 55%;
}

#proimg {
	float: left;
	width: 350px;
	margin: 13% 10px 0 0;
}

.videoimg{
	width: 44%;
	float: left;
	margin: 0 auto 0 auto;
}

.videosdis{
	width: 55%;
	float: right;
}

.projimg{
	width: 44%;
	float: left;
	margin: 0 auto 0 auto;
}

.projdis{
	width: 55%;
	float: right;
}

#emailform{
	float: left;
	text-align: left;
}


.infoTitle{
	cursor: hand;
	cursor: pointer;
	background-color: #951b1e;
	margin: 5px 0 0 0;
}

.info{
	background-color: #951b1e;
}

.aleft{
	margin: 0 20px 0 20px;
	padding: 5px 0 5px 0;
	text-align:left;
}

.imgleft{
	float: left;
	margin: 7px 10px 0 0;
}