* {padding: 0px; margin: 0px;}

/*------------------- general styles -----------------------*/

a {text-decoration: none; color: #fff;}
a:hover {color: #f00;}

body {
	font-family: helvetta, arial, sans-serif;
	font-size: .8em;
	color: #fff;
}

/*-------------------- header styles -----------------------*/

h1 {font-size: 1.4em; margin-top: 5px;}

h2 {
	font-size: .9em;
	color: #f00;
	margin: 10px 0 0 0px;
}


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

#gallery {height: 350px;}

#gallery img {margin-top: 5px;}


#gallery a {margin: 0 10px 0 0;}


div#global {
	width: 800px;
	margin: 0px auto 0px auto;
	border-left: 3px solid #000;
	border-right: 3px solid #fff;
	background-color: #eee;
	overflow: auto;
}



/* ----------------- left column styles ------------------*/

div#leftcol {
	float: left;
	width: 303px;
	height: 560px;
	background-color: #eee;
}

div#leftcol a {
	border: solid 5px #fff;
	color: #f33;
	float: left;
}

div#leftcol a img {
	border: none;
}

div#leftcol a:hover {
	border: solid 5px #666666;
	color: #f33;
}	


div#leftcol a#current {
	color: #bbb;
	border: solid 5px #E2DA98;
}

div#leftcol div#navigation {
	background-color: #eee;
	height: 300px;
	width: 303px;
}

#home {
	padding: 10px;
	background-color: #000;
}
	
/*---------------- right column styles --------------------*/

div#rightcol {
	float: left;
	width: 40px;
	height: 570px;
	background-color: #CC0000;
}

/*------------------ content styles -------------------*/

div#content {
	float: left;
	width: 350px;
	height: 540px;
	margin: 10px;
	padding: 10px;
	background-color: #333;
}

div#content p { 
	padding: 10px;
	text-align: justify;
}


div#content img {
	text-align: center;
}

#content a {
	margin-right: 10px;

}

div#content ul {
	list-style-type: none;
	padding: 2px 0 0 10px;
}


/*----------------------- gallery navigation styles ------------------------*/


div#pagenav {
	text-align: right;
}

div#pagenav a img {
	border: 2px solid #888;
}

div#pagenav a:hover img {
	border: 2px solid #d00;
}