/* CSS Document */

* { margin: 0; padding: 0; }

body {
	font: 14px Arial, Helvetica, sans-serif;
	background: #303030 url(../images/bg.jpg) repeat-x;
	border-top: 10px solid #303030;
}

a:hover { color: red; }
a { text-decoration: none }

h1, h2 { margin: 10px 20px; padding: 0 0 10px 0; font-size: 40px; letter-spacing: -2px; color: #494949; border-bottom: 1px dashed #cccccc; font-weight: normal }

#container {
	margin: 0 auto;
	width: 960px;
	background: #ffffff;
}

#header {
	width: 960px;
	height: 80px; 
	background: #494949;	
	float: left;
}

#header img { 	margin: 20px 10px 10px 20px; float: left; }

#header a img { border: none; }

#mainnav { float: right; }

#mainnav ul { list-style: none; display: inline; }
#mainnav ul li { display: inline; }
#mainnav ul li a { color: #dddddd; padding: 10px 20px; display: inline-block; font-size: 16px; } /* float: left; */
#mainnav ul li a:hover { background: #303030; color: #ffffff; }
#mainnav ul li a.selected { background: #303030; border-bottom: 2px solid #19c603; }
#mainnav ul li a.facebook { padding-left: 40px; background: #303030 url("../images/fb.gif") left center no-repeat; border-bottom: 2px solid #19c603; }

#content {	
	width: 960px;
	background: #ffffff;
	float: left;
}

#content p { margin: 10px 20px; font-size: 17px; line-height: 150%; }

.portfolio { margin: 10px 20px; float:left;  }
.portfolio a { border: 10px solid #dddddd; margin: 0 6px 10px 0;  float: left; }
.portfolio a:hover { border: 10px solid #cccccc; }
.portfolio img { width: 200px; height: 150px; border: 1px solid #aaaaaa; float: left; }
.portfolio img.last { margin-right: 0;  }

#footer {
	width: 960px;
	height: 50px;
	text-align: center;
	background: #303030;
	float: left;
}

#footercontent {
	color: #ffffff;
	padding: 10px;
}

#footercontent a {
	color: #19c603;
}