html, body
{
	height: 100%;
}

body {
  background: #888888 url(images/bg.png);
  padding: 0px;
  margin: 0px;
  font: 12px verdana, geneva, arial, "sans serif"; 
  color: #000;
}

#container {
  position: absolute;
  left: 50%;
  margin: 0px 0px 0px -255px; ;
  width: 510px;
  padding: 0px;
}

#headerhome {
  background: url(images/logoBIG.png) no-repeat 0px 0px;
  padding: 0px;
  margin: 150px 0px 0px 0px;
  witdth: 510px;
  height: 238px;
}

#header {
  background: url(images/logo.png) no-repeat 83px 0px;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  witdth: 344px;
  height: 145px;
}
#header a {
  display: block;
  witdth: 344px;
  height: 145px;
}

#header img { display: none; }
#headerhome img { display: none; }

#twitter-corner
{
	width: 64px;
	height: 64px;
	background: transparent url('images/twitter-icon.png') no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
}
	#twitter-corner a
	{
		height: 64px;
		width: 64px;
		text-indent: -9999px;
		display: block;
	}
	#twitter-corner a br { display:none; }
	#twitter-corner a:hover br { display: block; }
	#twitter-corner a:hover
	{
		height: 64px;
		width: 128px;
		text-indent: 0px;
		padding: 15px 0px 0px 0px;
		margin: 0px 0px 0px -75px;
		display: block;
		text-decoration: none;
	}
	
#facebook-corner
{
	width: 64px;
	height: 64px;
	background: transparent url('images/facebook-icon.png') no-repeat 0 0;
	position: absolute;
	top: 64px;
	right: 0;
}
	#facebook-corner a
	{
		height: 64px;
		width: 64px;
		text-indent: -9999px;
		display: block;
	}
	#facebook-corner a br { display:none; }
	#facebook-corner a:hover br { display: block; }
	#facebook-corner a:hover
	{
		height: 64px;
		width: 128px;
		text-indent: 0px;
		padding: 15px 0px 0px 0px;
		margin: 0px 0px 0px -75px;
		display: block;
		text-decoration: none;
	}
	
		
#youtube-corner
{
	width: 64px;
	height: 64px;
	background: transparent url('images/youtube-icon.png') no-repeat 0 0;
	position: absolute;
	top: 128px;
	right: 0;
}
	#youtube-corner a
	{
		height: 64px;
		width: 64px;
		text-indent: -9999px;
		display: block;
	}
	#youtube-corner a br { display:none; }
	#youtube-corner a:hover br { display: block; }
	#youtube-corner a:hover
	{
		height: 64px;
		width: 128px;
		text-indent: 0px;
		padding: 15px 0px 0px 0px;
		margin: 0px 0px 0px -75px;
		display: block;
		text-decoration: none;
	}	
	
	

ul, ol, li, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, label, span, em, a, img
{
	border: 0;
	padding: 0;
	margin: 0;
}
ul { list-style-type: none; }
a { text-decoration: none; color: #B5DE52; outline: 0; }
a:hover { text-decoration: underline; }
a img { border: none; }


#footer
{
  width: 510px;
  font-size: 11px;
  text-align: center;
  line-height: 22px;
  color: #555;
}
#footer a		{ text-decoration: underline; color: #777; }
#footer a:hover	{ text-decoration: none; }

ul#navhome {
  overflow: hidden;
  text-align: center;
  padding: 25px 0px 0px 0px;
}
ul#navhome li {
  text-indent: 0px;
  display: inline;
  font-size: 40px;
  color: #555;
}
ul#navhome li a {
  background: transparent no-repeat top left;
  display: inline;
  color: #555;
  font-weight: 600;
  font: "Century Gothic", tahoma, verdana, geneva, "sans serif";
}
ul#navhome li a:hover	{ background-position: left bottom; color: #B5DE52; text-decoration: none; }
ul#navhome li a:active	{ background-position: 0 1px; }

ul#nav {
  overflow: hidden;
  text-align: center;
  padding: 25px 0px 0px 0px;
}
ul#nav li {
  text-indent: 0px;
  display: inline;
  font-size: 25px;
  color: #555;
}
ul#nav li a {
  background: transparent no-repeat top left;
  display: inline;
  color: #555;
  font-weight: 600;
  font: "Century Gothic", tahoma, verdana, geneva, "sans serif";
}
ul#nav li a:hover	{ background-position: left bottom; color: #B5DE52; text-decoration: none; }
ul#nav li a:active	{ background-position: 0 1px; }

#content-main p{
  text-align: center;
  color: #555;
  font-size: 13px;
  padding: 40px 0px 10px 0px;
}

#main p{
  color: #555;
  font-size: 13px;
  padding: 5px 0px 10px 0px;
}

#main .current1 { background: url(images/work-bw.png); width: 120px; height: 120px; display: block; float: left; margin: 0px 0px 0px 3px; }
#main .current2 { background: url(images/work-bfh.png); width: 120px; height: 120px; display: block; float: left; margin: 0px 0px 0px 3px; }
#main .future1 { background: url(images/work-bf.png); width: 120px; height: 120px; display: block; float: left; margin: 0px 0px 0px 3px; }
#main .future2 { background: url(images/work-bf1943.png); width: 120px; height: 120px; display: block; float: left; margin: 0px 0px 0px 3px;}
#main .future3 { background: url(images/work-bfbc2.png); width: 120px; height: 120px; display: block; float: left; margin: 0px 0px 0px 3px; }
#main .future4 { background: url(images/work-bf3.png); width: 120px; height: 120px; display: block; float: left; margin: 0px 0px 0px 3px;}

#main .current1:hover { background-position: 0 -120px; }
#main .current2:hover { background-position: 0 -120px; }
#main .future1:hover { background-position: 0 -120px; }
#main .future2:hover { background-position: 0 -120px; }
#main .future3:hover { background-position: 0 -120px; }
#main .future4:hover { background-position: 0 -120px; }

hr { height: 0px; border-bottom: 1px solid #B5DE52; }
h2 { font-size: 25px; color: #B5DE52; clear:both; }
h3 { font-size: 18px; color: #B5DE52; clear:both; }
p {clear: both; }







/* content */
#main p+p			{ text-indent: 25px; }
#main p.no-indent	{ text-indent: 0; }
#main p.grey			{ color: #666; }
#main b 		{ color: #666666; }
#main i 		{ color: #888888; }
#main strike	{ color: #666; }
#main small	{ font-size: 85%; }
#main ul {padding: 20px 0 0 0;}
#main ul li {
	background: transparent url('images/bullet.png') no-repeat 8px 3px;
	padding: 0 0 0 25px;
	margin: 0 0 5px 5px;
	color: #555555;
}

#main .item-box {
	min-height: 260px;
	height: auto !important;
	background: transparent no-repeat right 65px;
	padding: 0px 250px 0 0;
}