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

body, html { background:#333333; }


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding: 0px;
	margin: 0px;
	color: #fff;
}
p { line-height: 1.3em; }

a { color: #728C38; text-decoration:none; }
a:hover { text-decoration:underline; }

h1 { color: #999; font-size: 18px; font-weight: normal; margin: 0px; padding: 0px; }
h2 { color: #999; font-size: 18px; font-weight: normal; margin: 10px 0 0 0px; padding: 0px; }

#wrapper { width: 960px; margin: 0 auto 0 auto; }
.logo { background: #212121; padding: 10px 0 10px 0; }

.top-nav { background: url(../images/top-nav-bg.jpg) repeat-x #212121; }
.top-nav ul{ float: left; padding: 8px 8px 8px 8px; margin: 0px;}
.top-nav ul li { display: inline; } 
.top-nav li a { display: block; float: left; padding: 10px 20px 10px 20px; margin-right: 1px; color: #666; text-decoration:none; font-size:14px; }
.top-nav li a:hover { display: block; float: left; background:#444; padding: 10px 20px 10px 20px; margin-right: 1px; color: #fff; text-decoration:none; font-size:14px; }
.top-nav li .active { display: block; float: left; background:#444; padding: 10px 20px 10px 20px; margin-right: 1px; color: #fff; text-decoration:none; font-size:14px; }

.content { padding: 30px; margin:0px; background: #000000; }
.grid ul { padding: 0px; margin: 0px; }
.grid li { display: block; list-style-type:none; float: left; margin-right: 27px; }

.last { margin-right: 0px;}

.left-col {float: left; width: 660px; padding: 30px 0 30px 30px; }

#content { background:#000000; }
.content .grid li {width: 280px; }
.right-col {float: right; width: 230px; padding: 30px 30px 30px 0; }


.galleryview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer { background:#212121; padding: 20px; text-align:left; color: #666; }


#left-split { width: 47%; float: left; padding: 0 15px 0 0; }
#right-split { width: 47%; float: right; padding: 0 0 0 15px; }

/*-----gallery-------------*/