#banner {
	z-index:100;
	top:0;
	margin-top:0px;
	height:180px;
	width:244px;
	position:absolute;
	float:left;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;	
}

/* positions the menu */

#topmenu {
	z-index:5;
	position:absolute;
	top:-15px;
	left:360px;
	width:450px;
	margin:0;
	padding:0;
}

#topmenu ul {
    margin:0;
    padding:0;
    list-style-type:none;
}

#topmenu li {
	width:89px;
	margin-right:0px;
	margin-left:0px;
	padding:0;
    float:left;
}

#topmenu a {
	margin:0;
    padding-top:10px;
    height:37px;
    display:block;
    width:100%;
	text-decoration:none;
	background-image:url('images/buttons.gif');
}

#topmenu a:hover {
    filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}
      
html, body {
	margin:0;
	padding:0;
	text-align:center;
}

#page {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

#container {
	position:relative;
	margin-bottom:10px;
	height:477px;
	width:100%;
	text-align:center;
}

#top {
	position:relative;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

#background {
	z-index:0;
	position:relative;
	top:0px;
	background-repeat:repeat;
	width:100%;
	height:100%;
	text-align:center;
}

#p1 #background {
	background-image:url('images/backgrounds/index.jpg');
}

#p2 #background {
	background-image:url('images/backgrounds/news.jpg');
}

#p3 #background {
	background-image:url('images/backgrounds/profile.jpg');
}

#p4 #background {
	background-image:url('images/backgrounds/projects.jpg');
}

#p5 #background {
	background-image:url('images/backgrounds/contact.jpg');
}

#content {
	z-index:5;
	position:absolute;
	top:0;
	left:170px;
	width:230px;
	height:auto;
	text-align:justify;
	padding-left:10px;
	padding-top:50px;
	padding-right:0px;
	padding-bottom:10px;
}

#content_box {
	z-index:4;
	position:absolute;
	top:0;
	left:170px;
	width:250px;
	height:477px;
	background:#FFFFFF;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

#right_content{
	z-index:5;
	position:absolute;
	top:0;
	left:500px;
	width:230px;
	height:auto;
	text-align:justify;
	padding-left:10px;
	padding-top:50px;
	padding-right:0px;
	padding-bottom:10px;
}
	
#right_content_box {
	z-index 4;
	float:right;
	position:absolute;
	top:0;
	left:500px;
	width:250px;
	height:477px;
	background:#FFFFFF;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

.title {
	text-align:center;
}

#images {
	z-index:5;
	position:absolute;
	top:25px;
	left:170px;
	width:105px;
	padding-left:0px;
	padding-top:50px;
}

#images_box {
	z-index:4;
	position:absolute;
	top:0;
	left:170px;
	width:105px;
	height:477px;
	background:#FFFFFF;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

#left {
	position:absolute;
	top:80px;
	z-index:3;
	width:170px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:20px;
	float:left;
}

#leftTitle {
	background:url('images/buttons.gif') center top no-repeat;
	height:47px;
	margin:0;
	padding-top:10px;
}

#left ul {
    margin:0;
    padding:0;
    list-style-type:none;
}

#left li {
	margin-right:0px;
    float:left;
    width:100%;
}

#left a {
	margin:0;
    padding-top:15px;
    height:32px;
    display:block;
    width:100%;
	text-decoration:none;
	background:transparent;
}

#left a:hover {
    filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	background:#FFFFFF;
	color:#000000;
}

.c1 #l1 a, .c2 #l2 a, .c3 #l3 a, .c4 #l4 a, .c5 #l5 a, .c6 #l6 a, .c7 #l7 a {
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	background-color:#FFFFFF;
	color:#000000;
}

#p1 #i1 a, #p2 #i2 a, #p3 #i3 a, #p4 #i4 a, #p5 #i5 a {
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

#scrollbox {
	width:122px;
	height:400px; 
	overflow-y:auto;
	border:none;
	margin-left:0px;
}


#thumbs {
	width:105px; 
	height:401px;
	margin:0;
	padding:0;
}

#thumbs ul {
	width:105px;
	list-style-type:none;
	text-align:left;
	margin:0;
	padding:0;
}

#thumbs li {
	width:75px;
	height:77px;
	margin:0;
	padding:0;
}

a.gallery, a.gallery:visited { 
	border:none; 
	width:75px; 
	height:47px;
	float:left;
	background-position:center left;
	background-repeat:no-repeat;
	margin:15px;
}

a.gallery:hover { 
	border:15px solid #fff;
	margin:0px;
}

a.gallery:active {
	border:15px solid #fff;
	margin:0px;
}

a.gallery:hover img {
	border:none; 
	z-index:100;
}
a.gallery:active img, a.gallery:focus img {
	border:none; 
	z-index:50;
}

a.gallery span {
	display:block; 
	position:absolute; 
	left:200px; 
	top:-1px; 
	width:1px; 
	height:1px; 
	overflow:hidden; 	 
	z-index:100;
	background-color:#000000;
	text-align:center;
}

a.gallery:hover span {
	display:block; 
	position:absolute; 
	width:450px; 
	height:390px;
	top:49px; 
	left:160px; 
	z-index:100; 
	overflow:visible;
}

a.gallery:active span, a.gallery:focus span {
	display:block; 
	position:absolute; 
	width:450px; 
	height:390px; 
	top:49px; 
	left:160px;  
	z-index:50;
	overflow: visible;
}