body {
background:fixed #4e5c51 url(images/bg2.png) repeat-x;
width:980px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
}

img {
border:none;
}

a {
text-decoration:none;
color:#4e5c51;
}

a:hover {
text-decoration:underline;
color:#000;
}

#header {
background: transparent url(images/header.png) no-repeat;
float:left;
width:950px;
height:120px;
color: #fff;
margin-left:auto;
margin-right:auto;
}

#menu { float: left; padding: 0 0 0 0; margin: 0 0 0 235px; }
#menu li { display: inline;}
#menu li a { float: left; width: 131px; height:101px; line-height:102px;  padding: 0 0 0; text-align: center; margin: 0 0 0 0; color: #fff; text-decoration:none;}
#menu li a:hover  { float: left; width: 131px; height:101px; line-height:102px;  padding: 0 0 0; text-align: center; margin: 0 0 0 0; color: #000; text-decoration:none; }

#menu li a.home { float: left; width: 131px; height:101px; line-height:102px;  padding: 0 0 0; text-align: center; margin: 0 0 0 0; color: #fff;  background: transparent url(images/home.png) no-repeat; text-decoration:none;}
#menu li a:hover.home  { float: left; width: 131px; height:101px; line-height:102px;  padding: 0 0 0; text-align: center; margin: 0 0 0 0; color: #000; background: transparent url(images/home-hover.png) no-repeat; text-decoration:none; }

#menu li a.websites { float: left; width: 131px; height:101px; line-height:102px;  padding: 0 0 0; text-align: center; margin: 0 0 0 0; color: #fff;  background: transparent url(images/websites.png) no-repeat; text-decoration:none;}
#menu li a:hover.websites { float: left; width: 131px; height:101px; line-height:102px;  padding: 0 0 0; text-align: center; margin: 0 0 0 0; color: #000; background: transparent url(images/websites-hover.png) no-repeat; text-decoration:none; }

#menu li a.graphics { float: left; width: 131px; height:101px; line-height:102px;  padding: 0 0 0; text-align: center; margin: 0 0 0 0; color: #fff;  background: transparent url(images/graphics.png) no-repeat; text-decoration:none;}
#menu li a:hover.graphics { float: left; width: 131px; height:101px; line-height:102px;  padding: 0 0 0; text-align: center; margin: 0 0 0 0; color: #000; background: transparent url(images/graphics-hover.png) no-repeat; text-decoration:none; }

#menu li a.seo { float: left; width: 131px; height:101px; line-height:102px;  padding: 0 0 0; text-align: center; margin: 0 0 0 0; color: #fff;  background: transparent url(images/seo.png) no-repeat; text-decoration:none;}
#menu li a:hover.seo { float: left; width: 131px; height:101px; line-height:102px;  padding: 0 0 0; text-align: center; margin: 0 0 0 0; color: #000; background: transparent url(images/seo-hover.png) no-repeat; text-decoration:none; }

#menu li a.contact { float: left; width: 131px; height:101px; line-height:102px;  padding: 0 0 0; text-align: center; margin: 0 0 0 0; color: #fff;  background: transparent url(images/contact.png) no-repeat; text-decoration:none;}
#menu li a:hover.contact { float: left; width: 131px; height:101px; line-height:102px;  padding: 0 0 0; text-align: center; margin: 0 0 0 0; color: #000; background: transparent url(images/contact-hover.png) no-repeat; text-decoration:none; }


#footer {
background: transparent url(images/footer.png) no-repeat;
float:left;
width:950px;
height:121px;
color: #000;
margin-left:auto;
margin-right:auto;
}

#footer p {
text-align:center;
font-size:8pt;
}

#footer a, a:visited {
text-decoration:none;
color:#4e5c51;
}

#footer a:hover {
text-decoration:underline;
color:#4e5c51;
}

#content {
background: transparent url(images/body.png) repeat-y;
float:left;
width:950px;
margin-left:auto;
margin-right:auto;
height:auto;
}

.left {
float:left;
width:220px;
margin-top:10px;
margin-left:25px;
margin-right:15px;
}

.left h1{
background: transparent url(images/left-column.png) no-repeat;
height:40px;
color:#fff;
font-size:14pt;
text-align:center;
padding-top:8px;
margin-left:5px;
}

.left p.rss {
padding-left:15px;
}

.left ul {
	background: transparent url(images/left-menu.png) no-repeat;
	height:310px;
	width:220px;
	padding: 0;
	padding-top:10px;
	padding-left:25px;
}
.left  li {list-style: none;
width:160px;
 border-bottom: 1px solid #e4e4e4;}

.left li a {
	font-size: 12pt;
	font-weight:bold;
	color:#fff ;
	display: block;
	padding: 8px 0 8px 0;
	text-decoration: none;

}
.left  li a:hover {
	color: #000;	
}

.left img {
max-width: 180px;
}


.right{
float:right;
width:655px;
margin-right:25px;
}

.right h1{
background: transparent url(images/right-column.png) no-repeat;
height:40px;
color:#fff;
font-size:14pt;
text-align:center;
padding-top:8px;
}

.right p{
text-align:justify;
padding-left:10px;
padding-right:15px;
}

.right a{
text-decoration:none;
color:#4e5c51;
}

.right a:hover{
text-decoration:underline;
color:#4e5c51;
}









