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

body {
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 22px;
	color: #FFFFFF;
}

h1 {
font-size:12px;
color: #0dc121;
}

a {
color:#FFFFFF;
text-decoration: none;
}
a.current {
	background-color: #F6F7F3;
}
a:link, 
a:visited, 
a:active 
{
	color:#FFFFFF;
}
a:hover {
background-color:#0dc121;
}

#wrapper {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	}
#webpages {
	height: 100%;
}
#webpages img {
	padding: 20px;
}


#header
{
	border-bottom:thin;
	border-bottom:1px solid #0dc121;
	height: 80px;
}
#header img {
	padding-left: 20px;
	padding-top: 35px;
}
#navigation {
	height: 25px;
	padding: 5px;
	text-align: right;
}
#container {
	height: 100%;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #0dc121;
}
#left {
	float: left;
	width: 200px;
	padding-left: 20px;
}

#left ul {
list-style-type:none;
width:140px;
}
#left a {
	border-top: 1px solid #0dc121;
	display: block;
	text-decoration: none;
	padding: 6px;
}
#left a.current {
	background-color: #F6F7F3;
}
#left a:link, 
#left a:visited, 
#left a:active 
{
color:#FFFFFF;
}
#left a:hover {
background-color:#1B1B1B;
}

#right {
	float: right;
	width: 780px;
	background-image: url(web-pages.jpg);
	background-repeat: no-repeat;
	background-position: 90px 200px;
	height: 100%;
	padding-bottom: 100px;
}
#rightall {
	float: right;
	width: 780px;
	height: 100%;
}
#rightall img {

}
#rightall2 {
	float: right;
	width: 780px;
	height: 100%;
}
#rightall2 img {
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
}