/* FILE: SCREEN display: site.css */

/* EDIT HISTORY
LAST EDIT: 20/04/2007 12:54:38 PM
LAST EDITOR: Micheil/Miksago
*/

/* COLOR LOG:
WHITE:        #FFFFFF
LIGHT GREY:   #9F9E9E
DARK GREY:	  #535053
BLACK:      	#222423
*/

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin:0;
	padding:0;
}
html * {
	margin:0px; padding:0px;
}
body {
	color:#787878;
	background:#32373d;
	margin:0px; padding:0px;
	font: 10px/16px Verdana, Arial, Helvetica;
}

a {
	text-align:center;
	font-weight:500;
	text-decoration:none;
	color:#696A6D;
}
a:hover, a:focus {color:#000;}
a:link, a:visited {
	text-decoration:none;
}
a img,:link img,:visited img {
	border:none;
}
h2, h3, h4, h5, h6, pre, code {
	font-size:1em;
}
ul, ol {
	list-style:none;
}
address {
	font-style:normal;
}
/* Hide Things when i don't want em. */
body.page .contain .hidden{
	position:absolute;
	left:-9999px;
	top:-9999px;
	text-indent:-9999px;
}
body.page .contain .cb {
	height:24px;
	width:100%;
	clear:both;
}

/*  -------------------------------------------------------------
	MAIN PAGES:
		PREFIX: body.page
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body.page .contain {
	position:relative;
	top:56px;
	width:770px;
	margin:0px auto;
	padding:0px;
	background:none;
}
    body .content {
        background:#fff;
    }
	body.gallery .content {
		background:#414549;
		border:1px solid #52565A;
	}
	body.gallery .content #viewer {
		background:#414549;
		height:100%;
		width:100%;
	}
body.page .footer {
	position:absolute;
	top:0px;
	height:42px;
	width:100%;
	padding-top:1em;
	color:#4D4F52;
	background:#32373d;
	position:relative;
	clear:both;
	text-align:center;
	vertical-align:bottom;
}
body.page .footer a:hover {
	color:#4D4F52;
}

body.page .contain h1{
	background:#FFF url('i/page_h1.png') left top no-repeat;
	height:20px;
	width:180px;
	margin:0px;
	left:26px;
	top:18px;
	position:relative;
}
body.page .contain #tttop{
	height:48px;
	background:#FFF;
	margin-bottom:24px;
}
body.page .contain #home_img{
	height:335px;
	width:700px;
	margin:0px auto 24px;
	background:#fff url('i/home_img.png') no-repeat top left;
}

/*  -------------------------------------------------------------
	Content Styles:
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body.page .content {
	padding:26px;
}
body.page .content h2 {
	color: #787878;/*#8D96A1;*/
	font: 16px "Century Gothic", sans-serif, Verdana, Arial, Helvetica;
	text-transform: capitalize;
}
body.page .content p {
	margin:20px;
	color:#858E9A;
	font-size:1em;
	line-height:1.4em;
}
body.page .dark {
	color:#857f74;
	font-size:1em;
	line-height:1.4em;
}
body.page .content dl{
	margin-left:20px;
	margin-bottom:20px;
}
body.page .content dd{
	color:#857f74;
	font-size:1em;
	line-height:1.4em;
}
body.page .content dt{
	color:#FFF;
	font-size:1em;
	line-height:1.4em;
}

/*  -------------------------------------------------------------
	NAV:
		PREFIX: #nav
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#nav {
	position:absolute;
	top:18px;
	right:26px;
}

#nav .navlist li {
	display: inline;
	list-style-type: none;
	padding: 0px 6px;
	border-right:1px solid #504d48;
	vertical-align:top;
	/*font-variant: small-caps;*/
	text-transform:lowercase;
}
#nav .navlist li a {
	font-weight:500!important;
}
#nav .navlist li.active a {
	color:#773131;
}
#nav .navlist li#last {border-right:0px solid #FFF!important;}

/*  -------------------------------------------------------------
	GALLERY:
		PREFIX: #gallery
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#gallery {
	margin-bottom:20px;
	padding:0 0 0px 0;
}
#gallery .SnapItem {
	float: left;
	margin: 8px;
	overflow: hidden;
	height:84px;
	width:220px;
}
#gallery .SnapItem span {
	display:block;
	color:#fff;
	text-align:left;
}
#gallery .SnapItem a,
#gallery .SnapItem a:visited {
	width: 216px;
	height: 80px;
	display:block;
	color: #FFFFFF;
	background-image: none;
	border: 2px solid #FFFFFF;
	overflow:hidden;
}
#gallery .SnapItem a:hover {
	overflow:hidden;
	display: block;
	background-image: none;
	border:2px solid #32373D;
}
#gallery .SnapItem a img {
	z-index:2;
	width: 216px;
	height:80px;
	margin-bottom:5px;
	background-image:url('i/noimg.png');
}
#gallery .SnapItem .title {
	margin:4px 3px;
}
#gallery .SnapItem .title span {
	color:#857f74;
	margin:0px;
}

/*
#tttop, .content {
    border:2px solid #191C1F;
}*/

.pagination {
    margin:20px 0px 0px;
    text-align:center;
}