/* CSS Document */
body {
	text-align: center;
	letter-spacing: normal;
	vertical-align: middle;
	word-spacing: normal;
	position: relative;
	width: auto;	
}

#header {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: center;
	background-color: #333333;
}



 
#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: center;
	background-color: #333333;
	
	
}


 
#menu {
	width: 768px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: center;
	background-color: #333333;
}

#adverts{
   width: 200px;
	background-color: #333333;
	float: left;
	}


#maincontent {
   width: 600px;
	background-color: #333333;
	float: left;
	
	}	
	
#maincontent ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	display: block;
	color: #FFFFFF;
	list-style-type: circle;
}

#maincontent li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	display: block;
	color: #FFFFFF;
    list-style-type: circle;
}






	

#adverts ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	display: block;
	color: #FF3300;
	list-style-type: circle;
}

#adverts li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	display: block;
	color: #FF3300;
    list-style-type: circle;
}
	
#adverts p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #FF3300;
	text-align: left;
	
}	

	


#footer {
	width: 800px;
	padding: 0px;
	text-align: center;
	background-color: #333333;
	margin: auto;

}

.clear {
    clear: both;
	}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	text-align: center;
	
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	color: #FF3300;
	text-align: center;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	color: #FF3300;
	text-align: center;
}


ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	display: block;
	list-style-position: inside;
	color: #FFFFFF;
	list-style-type: circle;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	display: block;
	color: #FFFFFF;
    list-style-type: circle;
}

a {
  
	 height:20px;
	 background-color:#333333;
	 font-family: Arial;
     font-size:16px;
	 text-decoration: none;
	 color: #FFFFFF;
	 text-align: center;
}	 

a:hover {

	 height:20px;
	 background-color: #333333;
	 color: #FF3300;
	 font-size:16px;
	 text-decoration: underline;
	 text-align: center
}	 

#footer a {
  
	 height:20px;
	 width: 150px;
	 background-color:#333333;
	 font-family: Arial;
     font-size:12px;
	 text-decoration: none;
	 color: #FF3300;
	 text-align: center;
}	 

#footer a:hover {

	 height:20px;
	 background-color: #333333;
	 color: #FFFFFF;
	 font-size: 12px;
	 text-decoration: underline;
	 text-align: center;
	 width: 150px;
}	 

#footer ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	display: inline;
	color: #FF3300;
	width: 150px;
	
}

#footer li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	display: inline;
	color: #FF3300;
	width: 150px;
	word-spacing: normal;
}

#mainportfolio a {
  
	 background-color:#333333;
	 font-family: Arial;
     font-size:18px;
	 text-decoration: none;
	 color: #FFFFFF;
	 text-align: center;
}	

#mainportfolio a:hover {

	 height: 18px;
	 background-color: #333333;
	 color: #FF3300;
	 font-size: 18px;
	 text-align: center;
	 width: 150px;
	 text-decoration: underline;
}