/* 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; color: #333333 }

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

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

.fbcolor { color: #3d5b98 }

#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; border-top: 2px solid #000000; border-bottom: 2px solid #000000;}

#content #leftcol { margin-bottom: 10px; width: 480px; float: left }
#content #rightcol { margin-bottom: 10px; width: 480px; float: left }

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

ul.bulletlist { margin: 5px 0 5px 25px; width: 900px; float: left; display: inline; list-style: none; }
ul.bulletlist li { margin: 0 0 10px 0; padding: 0 25px 0 20px; background: url(../images/icons/tick.png) no-repeat left center }
ul.bulletlist li em { color: #888888 }
ul.bulletlist li span { border-bottom: 1px dashed #999999 }

#what ul { margin: 5px 0 20px 25px; float: left; display: inline; list-style: none; }
#what ul li { margin: 0 0 10px 0; padding: 0 25px 0 20px; background: url(../images/icons/tick.png) no-repeat top left }
#what ul li em { color: #888888; display: block }

#tools ul {  margin: 5px 0 20px 25px; float: left; display: inline; list-style: none; }
#tools ul li {  margin: 0 0 10px 0; padding: 0 25px 0 20px; background: url(../images/icons/tick.png) no-repeat top left }

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

.facepile { margin: 0 0 20px 10px; float:left; }

#footer { width: 960px; height: 50px; text-align: center; background: #303030; float: left; }
#footercontent { color: #ffffff; padding: 10px; }
#footercontent a { color: #19c603; }
#footercontent a:hover { color: #ffffff; }