/* -------------------------------*/
/* ---------- Site Wide ----------*/
/* -------------------------------*/ 
body {  
	background:url(../images/construct/containerback.gif) repeat-x;
	position:relative;
}
#masthead {
	background:url(../images/construct/logo.gif) top left no-repeat; height:300px;
}

#menu {
	background:url(../images/construct/menu_background.gif) repeat-x; 
	height:57px;	
	line-height:52px;
}

#content { 
	padding:0px;
	background:#fff url(../images/construct/pageback.gif) repeat-x;
	padding-top:0px;
	padding-bottom:20px;
	border-bottom:1px solid white;	
}
#footercontainer {
	background:url(../images/construct/footerback.gif) repeat-x;
	width:100%;	
	height:350px;
}

#footer p {
	font-size:12px;	
	margin:0px 0px 15px 0px;
	color:#ccc;	
	font-family: 'Droid Sans', arial, serif; 	
}
#footer h1 {
	font-size:16px;	
	margin:0px 0px 15px 0px;
	letter-spacing:0px;
	color:#eee;	
}

#footer ul, #footer li{ background:none !important; margin:0px; padding:0px;}
#footer a, #footer a:link, #footer a:visited, #copyright a, #copyright a:link, #copyright a:visited {
	text-decoration:none;
	color:#ffffcc;
}
#footer a:hover , #footer a:active, #copyright a:hover , #copyright a:active {
	text-decoration:none; 
	color:#fff;
}
#footer li a:hover , #footer li a:active  {
	text-decoration:none; 
	color:#fff;
	padding-left:5px;
	background:url(../images/construct/footerlinkhover.gif) 0px 4px no-repeat !important;
}
#footer ul {
	font-size:13px;	
	letter-spacing:0px;
}
#belowfooter {
	background:url(../images/construct/bottomshadow.png) no-repeat;
	height:23px;
	text-align:center;
}
#belowfooter a, #belowfooter a:link, #belowfooter a:visited {
	text-decoration:none;
	color:#999;
}
#belowfooter a:hover , #belowfooter a:active {
	text-decoration:none; 
	color:#bbb;
}

a.home {
	margin-left:7px; 
	float:left;
	width: 91px;
	height: 56px;
	background: url(../images/construct/menu-home.gif) 0 0 no-repeat;
	text-decoration: none;
	background-position:  0 0px;
}
a.home.active , a:hover.home.active {
	background-position:  0 -56px;	
}
a:hover.home {
	background-position:  0 -112px;
}

a.demo {
	float:left;
	width: 93px;
	height: 56px;
	background: url(../images/construct/menu-demo.gif) 0 0 no-repeat;
	text-decoration: none;
	background-position:  0 0px;	
}
a.demo.active , a:hover.demo.active {
	background-position:  0 -56px;	
}
a:hover.demo {
	background-position:  0 -112px;
}

a.documentation {
	float:left;
	width: 161px;
	height: 56px;
	background: url(../images/construct/menu-docs.gif) 0 0 no-repeat;
	text-decoration: none;
	background-position:  0 0px;	
}
a.documentation.active , a:hover.documentation.active {
	background-position:  0 -56px;	
}
a:hover.documentation {
	background-position:  0 -112px;
}
a.showcase {
	float:left;
	width: 123px;
	height: 56px;
	background: url(../images/construct/menu-showcase.gif) 0 0 no-repeat;
	text-decoration: none;
	background-position:  0 0px;	
}
a.showcase.active , a:hover.showcase.active {
	background-position:  0 -56px;	
}
a:hover.showcase {
	background-position:  0 -112px;
}
a.licensing {
	float:left;
	width: 115px;
	height: 56px;
	background: url(../images/construct/menu-licensing.gif) 0 0 no-repeat;
	text-decoration: none;
	background-position:  0 0px;	
}
a.licensing.active , a:hover.licensing.active {
	background-position:  0 -56px;	
}
a:hover.licensing {
	background-position:  0 -112px;
}

a.downloads {
	float:left;
	width: 133px;
	height: 56px;
	background: url(../images/construct/menu-downloads.gif) 0 0 no-repeat;
	text-decoration: none;
	background-position:  0 0px;	
}
a.downloads.active , a:hover.downloads.active {
	background-position:  0 -56px;	
}
a:hover.downloads {
	background-position:  0 -112px;
}

a.beerbuddies {
	float:left;
	width: 138px;
	height: 56px;
	background: url(../images/construct/menu-beerbuddies.gif) 0 0 no-repeat;
	text-decoration: none;
	background-position:  0 0px;	
}
a.beerbuddies.active , a:hover.beerbuddies.active {
	background-position:  0 -56px;	
}
a:hover.beerbuddies {
	background-position:  0 -112px;
}
a.share {
	float:left;
	width: 80px;
	height: 56px;
	background: url(../images/construct/menu-share.gif) 0 0 no-repeat;
	text-decoration: none;
	background-position:  0 0px;	
}
a.share.active , a:hover.share.active {
	background-position:  0 -56px;	
}
a:hover.share {
	background-position:  0 -112px;
}
a.twitter {
	float:left;
	width: 80px;
	height: 56px;
	background: url(../images/construct/menu-twitter.gif) 0 0 no-repeat;
	text-decoration: none;
	background-position:  0 0px;	
}

a.twitter.active , a:hover.twitter.active {
	background-position:  0 -56px;	
}
a:hover.twitter {
	background-position:  0 -112px;
}