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

body {
	margin: 0px;
	padding: 0px;	
	font: normal 12px/1.2 Arial;
	background: #fff url(../images/bg.gif);
	}
#container {
	width: 960px;
	margin: 0 auto;
	}

.url {
	width: 82px;
	padding: 7px;
	display: block;
	color: #545454;
	text-decoration: none;
	font: normal 12px Tahoma;
	background: rgba(0,0,0,.2);
	}
.url:hover {color: #ff0000}

#header h1 {
	color: #000;
	margin-top: 24px;
	margin-left: 43px;
	margin-bottom: 9px;
	font: normal 22px/1.2 Arial;
	}
#header h2 {
	color: #fff;
	width: 140px;
	background: #f00;
	padding: 3px 7px;
	margin-left: 43px;
	font: normal 12px/1.2 Arial;
	}
#menu {
	float: left;
	margin-top: -54px;
	margin-left: 325px;
	padding: 15px 15px 15px 15px;
	background: rgba(35,255,0,0.1);
	}
#menu li {display: inline; margin: 0 10px;}
#menu li a.select {color: #ff0000; text-decoration: none}

#content {
	margin-top: 28px;
	margin-left: 43px;
	}
#content ul#work {margin: 0px; clear: both;}
#content ul#work li {
	float: left;
	width: 265px;
	height: 115px;
	margin-right: 40px;
	margin-bottom: 20px;
	}
#content ul#work li a {
	display: block;
	font: normal 14px/1.2 Arial;
	}
#content ul#work li a.lightwindow {margin-bottom: 4px;}
#content ul#work li a.inline {
	color: #777;
	display: inline;
	text-decoration: none;
	font: normal 12px/1.2 Arial;
	}
#content ul#work li a.link {
	color: #3c0;
	display: inline;
	text-decoration: none;
	font: normal 18px Arial;
	}
#content ul#work li a.inline:hover,
#content ul#work li a.link:hover {color: #ff0000}

#content ul#work li span {color: #545454}
#content ul#work li span i {
	color: #ccc;
	font: normal 10px/1.2 Arial;
	}
#content ul#work li span i:hover {color: #f00}
#content ul#work li span.z {color: #999;}

#content ul#work li tt {color: #999; font: normal 11px/1.2 Arial;}

#content h2 {
	color: #000;
	margin-bottom: 9px;
	font: normal 22px/1.2 Arial;
	}

#footer {
	clear: both;
	color: #888;
	height: 60px;
	display: block;
	text-align: center;
	
	}