@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(../img/met_art_header-bg.jpg) repeat-x;
	background-color:#c8c8c8;
	font-size:12px;
	font-family:Tahoma;
	color:#000;
}

* { padding:0px; margin:0; }
img { border:none; }
.left { float:left; }
.right { float:right; }
.cr { clear:right; }
.cl { clear:left; }
.cb { clear:both; }
.cb5 {  clear:both; height:5px; }
.cb10 { clear:both; height:10px; }
.cb15 { clear:both; height:15px; }
.cb20 { clear:both; height:20px; }
.cb25 { clear:both; height:25px; }

.head { height:227px; width:970px; margin:0 auto; }
.left { width:671px; float: left; height:227px; }
.right { width:299px; float: right; height:227px; }
.right img { float:left; }

.foot { height:125px; background:url(../img/met_art_footer-bg.jpg) repeat-x; }
.foot div { height:20px; width:970px; margin:0 auto; text-align:center; color:#000; font-size:11px; padding:105px 0 0 0; }
.foot div a { font-weight:bold; color:#611e6f; } 

.best { width:950px; height:45px; margin:0 auto; color:#333; }
.best div { float:left; width:315px; height:45px; text-align:center; }
.best div h3 a { font-size:20px; padding:3px; text-align:center; color:#611e6f; text-decoration:none; }
.best div h3 a:hover { text-decoration:underline; }
.best div p { text-align:center; color:#333;  }

.top { width:950px; height:90px; margin:0 auto; color:#333; padding:2px; }
.top div { float:left; width:315px; height:45px; text-align:center; }
.top div h3 { font-size:20px; padding:3px; text-align:center; color:#333; }
.top div h3 a { font-size:20px; padding:3px; text-align:center; color:#611e6f; text-decoration:none; }
.top div h3 a:hover { text-decoration:underline; }
.top div p { text-align:center; color:#333;  }

h3.title { width:940px; margin:0 auto; text-align:left; font-size:18px; padding:0 0 3px 0; }
h3.bookmark { width:950px; margin:0 auto; text-align:right; font-size:18px; padding:3px 0 0 0; }
h3.bookmark a { color:#611e6f; }

.big { width:940px; height:310px; margin:0 auto; padding:5px 0 0 0; }
.big div { width:236px; height:305px; float:left; }
.big div h3 { font-size:16px; padding:3px; color:#333; }
.big div h3 a { font-size:16px; padding:3px; color:#611e6f; text-decoration:none; }
.big div h3 a:hover { text-decoration:underline; }

.babes { width:940px; margin:0 auto; padding:5px; border:3px solid #323232; }
.babes a img { float:left; margin:3px; height:240px; width:180px; border:1px solid #000; }
.babes a img:hover { border:1px solid #000; }

.more { width:950px; margin:0 auto; text-align:center; }
.porn { border:1px dashed #000; padding:5px; float:left; font-size:12px; margin:3px; }
.porn:hover { border:1px solid #000;  }
.porn a { color:#000; text-decoration:none; font-weight:bold; }
.porn a:hover { color:#000; text-decoration:underline; }

.top20 { width:900px; margin:0 auto; }
.top20 h3 { font-size:18px; margin:0 auto; color:#333; text-align:left; font-weight:bold; width:445px; }
.top20 ul { width:210px; float:left; list-style:none; }
.top20 ul li { list-style:none; text-align:left; color:#333; font-size:14px; font-weight:bold; }
.top20 ul li a { color:#611e6f; text-decoration:none; }
.top20 ul li a:hover { text-decoration:underline; }

/* Height Hacks \*/
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}

.banner a img { 
		display: block; 
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #000000;
}