/* CSS Document */

html, body {
	height:100%;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height:18px;
}

a {
text-decoration:none;
color:#000000;
}

a:hover {
color:#0099FF;

}

#container {
width:760px;
height:600px;
margin:auto;
background-image:url(images/background.png);
}


#banner {
background-color:white;
height:200px;
}

#navigation {
float:left;
width:145px;
margin-top:3px;
margin-left:11px;
color:#FFFFFF;
display:inline;
}

#copyright {

clear:both;
font-size:10px;

}

#content {

text-align:left;
float:right;
width:570px;
margin-right:17px;
margin-top:10px;
height:365px;
display:inline;

}

#content img {

float:left;
margin-right:5px;
margin-bottom:5px;
}

#navigation ul {
	text-align:left;
	margin:0;
	padding:3px;
	list-style:none;
	background-color: #FFCC33;
}

#navigation ul a{
text-decoration:none;
display:block;
color:#000000;
height:20px;
}

#navigation ul a:hover{
text-decoration:none;
display:block;
color:#000000;
height:20px;
background-color:#FF9900;
}

h2 {
font-size:24px;
font-weight:bold;
margin-right:10px;
margin:0;
color:#FFCC00;
}

#right {
float:right;
margin-right:17px;
width:265px;
display:inline;
}

#left {
float:left;
display:inline;
}

#left ul {
margin:0;
padding-left:17px;
list-style:square;
}

#right ul {
margin:0;
padding-left:17px;
list-style:square;
}

.portfolio img {
float:left;
margin-right:5px;
}

.portfolio {
line-height:21px;
background-color:#FF9900;
height:120px;
margin-bottom:15px;
}

.portfolio h3 {
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
color:#fff;
}

#contact {

clear:both;