/*
Matter Studio CSS
Designed by Richard Spencer Davies (http://www.manorbierdesign.com)
*/

/* Importing the reset CSS */
@import url(reset.css);

/* Site Styles */

body{
	font: 9px Myriad, Helvetica, Verdana, Sans-Serif;
}

p{
	margin: 5px 0 0 0;
	line-height: 12px;
}

#topgap{
	margin-top:50px;
}

#logo{
	margin-left: 40px;
}

#hptextblock{
	position: relative;
	top: 398px;
	margin: 40px 0 0 40px;
	color: #fff;
}

#hptextblock2{
	position: relative;
	top: 398px;
	margin: 40px 0 0 40px;
	color: #fff;
}

#welcometextblock{
	width: 520px;
	margin: 325px 0 0 40px;
	color: #fff;
}

#welcometextblock1, #welcometextblock2{
	width: 105px;
	float: left;
	margin: 0 10px 0 0;
	background-image: url(images/blacksemi.png);
	padding: 0 5px 5px 5px;
}

#welcometextblock3{
	width: 230px;
	float: left;
	margin: 0 10px 0 0;
	background-image: url(images/blacksemi.png);
	padding: 0 5px 5px 5px;
}

#welcometextblock4{
	width: 355px;
	float: left;
	margin: 0 10px 0 0;
	background-image: url(images/blacksemi.png);
	padding: 0 5px 5px 5px;
}

#welcometextblock3 a{
	color: #fff;
}

#textblock{
	width: 520px;
	margin: 325px 0 0 40px;
	padding: 5px 10px 10px 10px;
	background-image: url(images/blacksemi.png);
	color: #fff;
}

#textblocktitle{
	width: 120px;
	float: left;
	font-weight: bold;
}

#textblockblurb{
	width: 400px;
	float: left;
	line-height: 16px;
}

#main{
	width: 800px;
	height: 534px;
	margin: 0px auto;
}

#footer{
	width: 800px;
	margin: 0px auto;
	padding: 10px 0 0 0;
	color: #7f7f7f;
}

#footerleft{
	width: 400px;
	float: left;
	text-align: left;
}

#footerright{
	width: 400px;
	float: left;
	text-align: right;
}

#footer1{
	width: 300px;
	float: left;
	position: relative;
	top: -2px;
}

#footer1 img, #footer1 p{
	float: left;
}

#footer2{
	width: 200px;
	float: left;
	text-align: center;
	display: block;
}

#footer2 span{
	font-size: 14px;
}

#footer3{
	width: 300px;
	float: left;
	text-align: right;
	position: relative;
	top: 2px;
}

#footer3 img{
	margin-right: 20px;
}

#footer a{
	color: #7f7f7f;
	text-decoration: none;
}

.imagewelcome{background-image: url(images/welcome.jpg);}
.imagewelcome2{background-image: url(mo/images/2.jpg);}
.imagewelcome3{background-image: url(mo/images/3.jpg);}
.imagewelcome4{background-image: url(mo/images/4.jpg);}
.image1{background-image: url(mo/images/mo1.jpg);}
.image2{background-image: url(mo/images/mo2.jpg);}
.image3{background-image: url(mo/images/mo3.jpg);}
.image4{background-image: url(mo/images/mo4.jpg);}
.image5{background-image: url(mo/images/mo5.jpg);}
.image6{background-image: url(mo/images/mo6.jpg);}
.image7{background-image: url(mo/images/mo7.jpg);}
.image8{background-image: url(mo/images/mo8.jpg);}
.image9{background-image: url(mo/images/mo9.jpg);}
.image10{background-image: url(mo/images/mo10.jpg);}
.image11{background-image: url(mo/images/mo11.jpg);}
.image12{background-image: url(mo/images/mo12.jpg);}
.image13{background-image: url(mo/images/mo13.jpg);}
.image14{background-image: url(mo/images/mo14.jpg);}
.image15{background-image: url(mo/images/mo15.jpg);}
.image16{background-image: url(mo/images/mo16.jpg);}
.image17{background-image: url(mo/images/mo17.jpg);}
.image18{background-image: url(mo/images/mo18.jpg);}
.image19{background-image: url(mo/images/mo19.jpg);}
.image20{background-image: url(mo/images/mo20.jpg);}
.image21{background-image: url(mo/images/mo21.jpg);}
.image22{background-image: url(mo/images/mo22.jpg);}
.image23{background-image: url(mo/images/mo23.jpg);}




