* {padding:0; margin:0; border:0; list-style:none;}
html,body{ margin:0px; padding:0px }
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; cursor: default; min-width:626px; min-height:400px;}
a:focus{outline: none; }
/*a { color: #ba2818; } */
/*a:hover{ color: #ffffff; } */
/*a:visited{ color: #ba2818; }*/
/*----------------------------------*/
body {background: url(../images/mfivebg.jpg) 0px -500px repeat;}
#mfivebg{}
/*----------------------------------*/
h1{font-size: 29px; font-weight: normal; color:#000000; line-height: 1.1; margin-bottom:10px; text-transform: uppercase;}
h5{font-size: 12px; font-weight: normal; margin-bottom: -5px;} 
/*----------------------------------*/
.transp {background-color: #000000;}
/*----------------------------------*/
#mfivestart{position: absolute; width:501px; height:317px; margin-top:280px; margin-left:180px; z-index: 10; background: url(../images/start.png) no-repeat;}
	a.mfivestart {display:block; width:150px; height:150px; margin-top:100px; margin-left:350px; text-indent:-9999px;}
#mfive{position: absolute; left: -26px; top: -24px; width:555px; height:275px; z-index: 5; background: url(../images/mfivelogo.png) no-repeat;}
	a.mfive {display:block; width:300px; height:100px; margin-top:100px; margin-left:30px; text-indent:-9999px;}

#prevnext{position: absolute; left: 0px; top: 190px; width:780px; display:block; height:15px; text-align: right; color: #ffffff;}
	a.txt {color: #ffffff; text-decoration:none;}
	a.txt:hover {text-decoration:underline;}
#content{position: absolute; left: 260px; top: 210px; z-index: 200; display:block;}
	div.work{width:150px; height:150px; float:left; display:block; background: url(../images/loader.gif) 70px 70px no-repeat;}
		div.work a {position: relative; display:block; width:150px; height:150px; text-decoration: none; line-height: 1.1; cursor:pointer;}
		div.work a:hover{text-indent: 0} 
			.anim {display: none;}
			a:hover .anim{display:block; position: absolute; left: 0px; top: 0px; width: 150px; height: 150px; z-index: 305; cursor:pointer;}
			.name {position: absolute; left: 0px; top: 0px; display:inline-block; float: left;  color: white; z-index: 308;}
			.vrl {background-color: black; color: #99ebff;text-transform: uppercase;}
			.cmm {background-color: black; color: #FF99CC;text-transform: uppercase;}
			.thr {background-color: black; color: #ffd799;text-transform: uppercase;}
			.newvrl {background-color: #99ebff; color: black; text-transform: uppercase;}
			.newcmm {background-color: #FF99CC; color: black; text-transform: uppercase;}
			.newthr {background-color: #ffd799; color: black; text-transform: uppercase;}
			.txt {background-color: black; }
		.section {clear: both; display:block; height:20px;}
	div.contentblock{width:500px; display:block; text-align: left; margin-bottom: 10px; line-height: 150%; background: url(../images/transp.png); padding: 3px 10px 10px 10px;}
		div.contentblock a{color: #ba2818; text-decoration:none;}
		div.contentblock a:hover{text-decoration:underline;}
		div.download{display:block; margin-left: 10px; margin-bottom: 15px; font-size: 11px; line-height: 1.1;}
			img.download{float: left; padding-right: 6px; vertical-align: middle;}
			div.download a{color: #4a4a4a; text-decoration:none;}
			div.download a:hover{text-decoration:underline;}
		div.obj{margin-top: 10px; margin-bottom: 10px; text-align: center;}
		#prevnextbottom{width:520px; height:45px; display:block; margin-top: -5px; color: #ffffff;}
			#prevnextleft{width:220px; display:block; float: left; text-align:left;}
			#prevnextright{width:300px; display:block; float: left; text-align:right;}
	.textmargin {height:8px;}
#menu{position: absolute; left: 0px; top: 210px; display:block; width:255px; z-index: 800;}
	#menu ul li{clear: both;}
		#menu ul li a{ height: 32px; display:inline-block; float: right; margin-bottom: 1px; padding: 0px 10px 0px 8px; background-color: black; color: white; font-size: 15px; font-weight: normal; line-height: 34px; text-decoration: none;}
		#menu ul li a:hover{ color: white; font-size: 16px; font-weight: normal; text-decoration: none; }
		#menu ul li p{ height: 32px; display:inline-block; float: right; margin-bottom: 1px; padding: 0px 10px 0px 8px; background-color: #000000; color: #FF99CC; font-size: 16px; font-weight: normal; line-height: 34px; text-decoration: none;}
.active {color: #FF99CC;}

div.awards img{float: left; padding-right: 10px; }
img.news {float: left;  padding-right: 10px;  padding-bottom: 10px;}
div.about{position:relative; display:block; margin-bottom: 2px; display: block;}
div.contact{width:200px; float:left; line-height: 1.5;}
div.links{width:200px; float:left; line-height: 1.5;}
div.qrcode{width:285px; height:125px; float:left; margin-top: 4px;}
div.qrcode img{float: left; margin-right: 30px;}
.about p, .contact p{margin-bottom: 7px;}
.contentblock{height: 1%;}
.contentblock:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div.press{width:450px;}
div.press ul li{ margin-bottom: 6px; list-style-type: square; list-style-position: inside;}
.workaddition li { margin-bottom: 2px; list-style-type: square; list-style-position: inside;}
.new { color: #41874d; text-transform: uppercase;  font-weight: normal;}
.followus { color: #3b7f8b;  font-weight: bold;}

.connect {width:500px; height:35px; display:block; margin-bottom: 0px;}
.fblike {width:320px; height:35px; display:block; float: left; text-align:left; }
.post {width:180px; height:35px; display:block; float: left; text-align: right; }
img.fb{border: 1px solid #7a90be; margin: 0px 1px; }
img.tw{border: 1px solid #76a2bb; margin: 0px 1px; }
.post a:hover img.fb{border: 1px solid #41598a; }
.post a:hover img.tw{border: 1px solid #40799a; }

ul#social {width:220px; height:45px;  float:left; margin-top: 8px; margin-left: -3px;}
			ul#social li {float:left;}
			ul#social li a.facebook {display:block;background:url(../images/social.png) 0 0 no-repeat; width:44px; height:45px; text-indent:-9999px;}
			ul#social li a.facebook:hover {background-position:0 -45px;}
			ul#social li a.twitter {display:block;background:url(../images/social.png) -44px 0 no-repeat;width:44px; height:45px; text-indent:-9999px;}
			ul#social li a.twitter:hover {background-position:-44px -45px;}
			ul#social li a.blog {display:block;background:url(../images/social.png) -88px 0 no-repeat;width:44px; height:45px; text-indent:-9999px;}
			ul#social li a.blog:hover {background-position:-88px -45px;}