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



a{
	text-decoration: none;
	border: 0px;
	color: #911a1a;
}

a:hover{
	color: #c92727;
}

a:active
{
  outline: none;
}

a:focus{
  outline: none;
}



body{
	color: #404040;
	background-color: #FFFFFF;
	background-image: url(images/main/bg.png);
	background-position: center;
	font-family: Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	margin-top: 100px;
	margin-bottom: 50px;
}

.center{
	text-align: center;
}

.float{
	float: left;
}

.clear{
	float: left;
	clear: left;
}

.container{
	width: 900px;
	height: 100%;
	margin: auto;
}

.artcontainer{
	width: 900px;
	height: 464px;
	float: left;
	clear: left;
}

.aboutcontainer{
	width: 850px;
	height: 464px;
	padding-left: 25px;
	padding-right: 25px;
	float: left;
	clear: left;
}

.feature{
	width: 900px;
	height: 464px;
	float: left;
	clear: left;
	
}

.top{
	width: 900px;
	height: 38px;
	float: left;
	clear: left;
	background-image: url(images/main/top.png);
}

.middle{
	width: 810px;
	padding-left: 45px;
	padding-right: 45px;
	padding-bottom: 5px;
	height: 74px;
	float: left;
	clear: left;
	background-image: url(images/main/middle.png);
}

.content{
	width: 238px;
	padding-right: 50px;
	padding-left: 30px;
	padding-top: 15px;
	height: 100%;
	float: left;
	text-align: justify;
	vertical-align: middle;
}

.links{
	width: 250px;
	height: 100%;
	float: left;
	padding-top: 14px;
}

.logo{
	width: 132px;
	padding-left: 40px;
	padding-right: 40px;
	float: left;
	clear: left;
}

.bottom{
	width: 900px;
	height: 38px;
	float: left;
	clear: left;
	background-image: url(images/main/bottom.png);
}

.footer{
	width: 840px;
	height: 100%;
	padding-left: 30px;
	padding-right: 30px;
	float: left;
	clear: left;
}

.f1{
	width: 660px;
	height: 100%;
	float: left;
}

.f2{
	width: 180px;
	height: 100%;
	float: left;
	
}

.aboutcontent{
	width: 840px;
	height: 100%;
	padding-left: 30px;
	padding-right: 30px;
	float: left;
	clear: left;
}

/* Navigation */

.navhome{
	width: 50px;
	height: 50px;
	float: left;
	background-image: url(images/main/navhomeon.png);
}

.navhome:hover{
	background-position: -50px 0;
}

.navblog{
	width: 50px;
	height: 50px;
	float: left;
	background-image: url(images/main/navblogon.png);
}

.navblog:hover{
	background-position: -50px 0;
}

.navart{
	width: 50px;
	height: 50px;
	float: left;
	background-image: url(images/main/navarton.png);
}

.navart:hover{
	background-position: -50px 0;
}

.navabout{
	width: 50px;
	height: 50px;
	float: left;
	background-image: url(images/main/navabouton.png);
}

.navabout:hover{
	background-position: -50px 0;
}

.navcontact{
	width: 50px;
	height: 50px;
	float: left;
	background-image: url(images/main/navcontacton.png);
}

.navcontact:hover{
	background-position: -50px 0;
}

/* Artwork */

.artcontent{
	width: 780px;
	height: 100%;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 15px;
	float: left;
	clear: left;
}

.artthumb{
	width: 60px;
	height: 60px;
	background-image: url(images/artwork/artthumbbg.png);
	background-repeat: no-repeat;
	height: 60px;
	float: left;
}

.artthumb:hover{
	background-color: #e4e4e4;
}

.artthumb2{
	width: 60px;
	height: 60px;
	background-image: url(images/artwork/artthumbbg.png);
	background-repeat: no-repeat;
	float: left;
	clear: left;
}

.artthumb2:hover{
	background-color: #e4e4e4;
}

.interface{
	float: left;
	clear: left;
	padding-top: 10px;
}

/* Contact */

.contop{
	width: 503px;
	height: 30px;
	background-image: url(images/contact/top.png);
	float: left;
	clear: left;
}

.conmid{
	width: 453px;
	height: 404px;
	padding-left: 50px;
	background-image: url(images/contact/middle.png);
	float: left;
	clear: left;
}

.conbot{
	width: 503px;
	height: 30px;
	background-image: url(images/contact/bottom.png);
	float: left;
	clear: left;
}

.contactcontainer{
	width: 900px;
	height: 464px;
	float: left;
	clear: left;
}

gray{
	color: #d0d0d0;
}

.contactleft{
	width: 433px;
	height: 464px;
	padding-left: 50px;
	float: left;
	clear: left;
}

.contactright{
	width: 370px;
	padding-right: 47px;
	height: 464px;
	float: left;
}

.letter{
	padding-bottom: 30px;
}

.button1{
	width: 63px;
	height: 28px;
	background-image: url(images/contact/clear.png);
	border: 0px solid;
}

.button1:hover{
	background-position: -63px 0;
}

.button2{
	width: 63px;
	height: 28px;
	background-image: url(images/contact/submit.png);
	border: 0px solid;
}

.button2:hover{
	background-position: -63px 0;
}

.fillout{
	width: 393px;
	padding-left: 4px;
	padding-right: 4px;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #ececec;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.fillout2{
	width: 393px;
	padding: 4px;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #ececec;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.top2{
	width: 900px;
	height: 38px;
	float: left;
	clear: left;
	background-image: url(images/main/top.png);
}

.middle2{
	width: 900px;
	height: 388px;
	float: left;
	clear: left;
	background-image: url(images/main/middle.png);
}

.bottom2{
	width: 900px;
	height: 38px;
	float: left;
	clear: left;
	background-image: url(images/main/bottom.png);
}