/*
Original design: Variant Portal (v1.0 - Jun 26, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-portal/
*/

*{margin:0;padding:0;}
body{background:#232323 url(images/body-bg.gif) top center repeat-y;color:#555;font:76% tahoma, verdana, sans-serif;}

a{color:#cccccc;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:0;}
h1{font-size:3.2em;letter-spacing:-1px;margin:0 0 5px; padding:0;}
h2{font-size:1.6em;margin:0 0 12px; padding:0;}
h3{font-size:1.3em;margin:0 0 10px; padding:0;}
p, ul{font-size:1.2em;line-height:1.5em;margin:0 0 22px;text-align:left;}
ul,ol {list-style:square; margin:0 0 15px 20px;}
hr {clear:both; visibility:hidden;}
table {}

#gallery{
	/* The pics container */
	width:100%;
	height:600px;
	position:relative;
	}

.pic, .pic a{
	/* Each picture and the hyperlink inside it */
	width:100px;
	height:100px;
	overflow:hidden;
}

.pic{
	/* Styles specific to the pic class */
	position:absolute;
	border:5px solid #EEEEEE;
	border-bottom:18px solid #eeeeee;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:2px 2px 3px #333333;
	-webkit-box-shadow:2px 2px 3px #333333;
	box-shadow:2px 2px 3px #333333;
}

.pic a{
	/* Specific styles for the hyperlinks */
	text-indent:-999px;
	display:block;
	/* Setting display to block enables advanced styling for links */
}

#container{background:#232323;margin:5px auto 0 auto;width:980px;}
#toplinks {width:400px; float:right;margin:0 15px 0 0;}
#toplinks p {text-align:right;}
#logo{width:950px; margin:10 auto; padding:10px 0 0 10px;}
#logo h1 a{color:#232323;padding:0;}
#logo h1 a:hover{text-decoration:none;}
#logo p{color:#131313;font-size:1.4em;}
#desc{background:#555;clear:both;color:#eee;margin:0 0 15px;padding:15px 15px 2px 15px;}
#desc a{color:#131313;text-decoration:underline;}

#main{float:left;padding:0; margin:0 0 10px 15px; width:650px;}

.floatright
{
float: right;
width: 250px;
margin: 0 0 10px 10px;
background-color: #ddd;
padding: 10px;
border: 1px solid #666;
}
div.floatright img { border: 1px solid #000; }
p { margin-top: 0; }

.floatleft
{
float: left;
width: 250px;
margin: 0 0 10px 10px;
background-color: #232323;
padding: 10px;
border: 1px solid #232323;
}
div.floatleft img { border: 1px solid #000; }
p { margin-top: 0; }

.floatnone
{
float: none;
width: 250px;
margin: 0 0 10px 10px;
background-color: #ddd;
padding: 10px;
border: 1px solid #666;
}
div.floatnone img { border: 1px solid #000; }
p { margin-top: 0; }

.floatright
{
float: right;
margin: 0 0 10px 10px;
clear: right;
}

.containingbox p { margin-top: 0;}

.floatleft
{
float: left;
margin: 0 0 10px 10px;
clear: left;
}

.containingbox p { margin-top: 0;}





#sidebar{float:right;width:280px;margin:0 15px 10px 0;}
#sidebar h2 {font-size:1.2em; padding:0 0 2px 0; margin:0 0 6px 0;border-bottom: 1px solid #ccc;}
#sidebar ul {margin:0 0 18px 0; padding:0;}
#sidebar ul li {list-style:none; margin:0 0 8px 0; padding:0;}

#footer{clear:both;background:#555; color:#eee ;margin:10px 0 0;padding:15px;text-align:left;}
#footer a{color:#eee;}
#footer p{margin:0; font-size:0.9em; font-weight:700;}

ul#navitab{margin:0;padding:0;}
ul#navitab li{display:block;float:left;margin:0;padding:0;}
ul#navitab li a{background:url(images/corner.gif) no-repeat top right #eee;border-left:1px solid #232323;border-right:2px solid #232323;color:#555;display:block;height:1.2em;padding:5px 16px 7px;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;}
ul#navitab li a:hover{background:#777 url(images/corner.gif) no-repeat top right;border-left:1px solid #777;border-right:2px solid #777;color:#232323;}
ul#navitab li a.current{background:#555 url(images/corner.gif) no-repeat top right;border-left:1px solid #555;color:#eee;}

#sidebar ul.sidelink {margin:0 0 18px 0;}
#sidebar ul.sidelink li{list-style:none; margin:0;}
#sidebar ul.sidelink li a{background:url(images/corner.gif) no-repeat top right #eee;border-bottom:1px solid #ccc;border-left:1px solid #ccc;color:#555;display:block;margin:0 0 3px;padding:3px 0 2px 5px;text-align:left;text-decoration:none;text-transform:uppercase;}
#sidebar ul.sidelink li a:hover{background:url(images/corner.gif) no-repeat top right #777;border-bottom:1px solid #333;border-left:1px solid #333;color:#eee;text-decoration:none;}
#sidebar ul.sidelink ul{font-size:0.9em;margin:0;padding:0;}
#sidebar ul.sidelink ul li a{margin:0 0 2px 10px; padding: 2px 0 1px 5px}

.splitleft {width:100%;background:#131313;float:left;}
.splitright {margin-left:52%;}

.right{text-align:right;}
.block{background:#232323 url(images/corner.gif) no-repeat top right;padding:15px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.hide{display:none;}