/*-----------------------------------------
RESET BROWSER STYLES
-----------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body
{
background: url(../images/bg-strip.jpg);
background-repeat:repeat-x;
padding:0px;
margin:0px;
}

body,input
{
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
}

p
{

line-height: 1.5em;
margin-bottom: 1.0em;
}

a
{
color: #B96D00;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}


h3 span
{
font-weight: normal;
}

h3,h4
{
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
display: inline;
}

h3
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
padding-right: 34px;
}

h4
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
padding-right: 28px;
}

.contentarea
{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:8.5pt;
padding-top: 10px;
padding-right:20px;
}

img
{
border: solid 1px #6F5230;
}

img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}

.divider1
{
clear: both;
}

.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
}

.post .details
{
position: relative;
top: -1.5em;
font-size: 0.8em;
color: #fffffff;
}

.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
padding: 0em 1.0em 0em 20px;
}

ul.linklist
{
list-style: none;
}

ul.linklist li
{
line-height: 40px;
}
* NAVIGATION */
	
ul#nav {
	float: right;
	margin: 78px 90px 0 0;
	padding: 0;}
	
.navtop {
	margin-top: 4px;}
.gamenavtop {
	margin-top: 4px;}
.wallnavtop {
	margin-top: 4px;}
.screennavtop {
	margin-top: 4px;}
.posternavtop {
	margin-top: 4px;}
	
ul#nav li {
	display: inline;
	float: left;
	margin-right: 1px;
	padding: 0;}
	
ul#nav a {
	width: 88px;
	height: 40px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;}
	
	
ul#nav a.home {
	width: 88px;
	height: 40px;
	margin: 0;
	margin-right:10px;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/home_btn.jpg') top center no-repeat;
	border:0px;}
	
ul#nav a:hover.home { background: transparent url('../images/home_btn.jpg') bottom center no-repeat;}


ul#nav a.games {
	width: 88px;
	height: 40px;
	margin: 0;
	margin-right:10px;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/games_btn.jpg') top center no-repeat;}
	
ul#nav a:hover.games { background: transparent url('../images/games_btn.jpg') bottom center no-repeat;}


ul#nav a.contact {
	width: 116px;
	height: 40px;
	margin: 0;
	margin-right:10px;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/contact_btn.jpg') top center no-repeat;}
	
ul#nav a:hover.contact { background: transparent url('../images/contact_btn.jpg') bottom center no-repeat;}


ul#nav a.shop {
	width: 78px;
	height: 40px;
	margin: 0;
	margin-right:10px;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/shop_btn.jpg') top center no-repeat;}
	
ul#nav a:hover.shop { background: transparent url('../images/shop_btn.jpg') bottom center no-repeat;}

ul#nav a.audio {
	width: 150px;
	height: 40px;
	margin: 0;
	margin-right:10px;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/audio_btn.jpg') top center no-repeat;}
	
ul#nav a:hover.audio { background: transparent url('../images/audio_btn.jpg') bottom center no-repeat;}

ul#nav a.book {
	width: 88px;
	height: 40px;
	margin: 0;
	margin-right:10px;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/book_btn.jpg') top center no-repeat;}
	
ul#nav a:hover.book{ background: transparent url('../images/book_btn.jpg') bottom center no-repeat;}

ul#nav a.freebies {
	width: 115px;
	height: 40px;
	margin: 0;
	margin-right:10px;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/freebies_btn.jpg') top center no-repeat;}
	
ul#nav a:hover.freebies{ background: transparent url('../images/freebies_btn.jpg') bottom center no-repeat;}

ul#nav a.activities {
	width: 122px;
	height: 40px;
	margin: 0;
	margin-right:10px;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/activities_btn.jpg') top center no-repeat;}
	
ul#nav a:hover.activities{ background: transparent url('../images/activities_btn.jpg') bottom center no-repeat;}

ul#nav a.copyright {
	width: 417px;
	height: 40px;
	margin: 0;
	margin-right:10px;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/copyright.jpg') top center no-repeat;}
	
ul#nav a:hover.copyright{ background: transparent url('../images/copyright.jpg') bottom center no-repeat;}

* GAME NAVIGATION */
ul#gamenav {
	float: right;
	margin: 78px 90px 0 0;
	padding: 0;}
	
ul#gamenav li {
	display: inline;
	float: left;
	margin-right: 1px;
	padding: 0;}
	
ul#gamenav a {
	width: 88px;
	height: 40px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;}
ul#gamenav a.pairs{
	width:255px;
	height:282px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/pairs_btn.jpg') top center no-repeat;}
	
ul#gamenav a:hover.pairs{ background: transparent url('../images/pairs_btn.jpg') bottom center no-repeat;}

ul#gamenav a.doodinvaders{
	width:255px;
	height:282px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/doodinvaders_btn.jpg') top center no-repeat;}
	
ul#gamenav a:hover.doodinvaders{ background: transparent url('../images/doodinvaders_btn.jpg') bottom center no-repeat;}

ul#gamenav a.puzzle{
	width:255px;
	height:282px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/puzzle_btn.jpg') top center no-repeat;}
	
ul#gamenav a:hover.puzzle{ background: transparent url('../images/puzzle_btn.jpg');}

* FREEBIES NAVIGATION  WALLPAPER*/
ul#wallnav {
	float: right;
	margin: 78px 90px 0 0;
	padding: 0;}
	
ul#wallnav li {
	display: inline;
	float: left;
	margin-right: 1px;
	padding: 0;}
	
ul#wallnav a {
	width: 88px;
	height: 40px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;}
ul#wallnav a.pairs{
	width:255px;
	height:282px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/wall_btn1.jpg') top center no-repeat;}
	
ul#wallnav a:hover.pairs{ background: transparent url('../images/wall_btn1.jpg') bottom center no-repeat;}

ul#wallnav a.doodinvaders{
	width:255px;
	height:282px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/wall_btn2.jpg') top center no-repeat;}
	
ul#wallnav a:hover.doodinvaders{ background: transparent url('../images/wall_btn2.jpg') bottom center no-repeat;}

ul#wallnav a.puzzle{
	width:255px;
	height:282px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/wall_btn3.jpg') top center no-repeat;}
	
ul#wallnav a:hover.puzzle{ background: transparent url('../images/wall_btn3.jpg');}


* FREEBIES NAVIGATION  SCREENSAVER*/
ul#screennav {
	float: right;
	margin: 78px 90px 0 0;
	padding: 0;}
	
ul#screennav li {
	display: inline;
	float: left;
	margin-right: 1px;
	padding: 0;}
	
ul#screennav a {
	width: 88px;
	height: 40px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;}
ul#screennav a.pairs{
	width:355px;
	height:282px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/screen_btn1.jpg') top center no-repeat;}
	
ul#screennav a:hover.pairs{ background: transparent url('../images/screen_btn1.jpg') bottom center no-repeat;}

ul#screennav a.doodinvaders{
	width:355px;
	height:282px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/screen_btn2.jpg') top center no-repeat;}
	
ul#screennav a:hover.doodinvaders{ background: transparent url('../images/screen_btn2.jpg') bottom center no-repeat;}


* FREEBIES NAVIGATION  POSTER*/
ul#posternav {
	float: right;
	margin: 78px 90px 0 0;
	padding: 0;}
	
ul#posternav li {
	display: inline;
	float: left;
	margin-right: 1px;
	padding: 0;}
	
ul#posternav a {
	width: 88px;
	height: 40px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;}
ul#posternav a.caron{
	width:155px;
	height:282px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/poster_btn1.jpg') top center no-repeat;}
	
ul#posternav a:hover.caron{ background: transparent url('../images/poster_btn1.jpg') bottom center no-repeat;}

ul#posternav a.gareth{
	width:155px;
	height:282px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/poster_btn2.jpg') top center no-repeat;}
	
ul#posternav a:hover.gareth{ background: transparent url('../images/poster_btn2.jpg') bottom center no-repeat;}

ul#posternav a.hector{
	width:215px;
	height:282px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/poster_btn3.jpg') top center no-repeat;}
	
ul#posternav a:hover.hector{ background: transparent url('../images/poster_btn3.jpg') bottom center no-repeat;}

ul#posternav a.ena{
	width:215px;
	height:282px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	background: transparent url('../images/poster_btn4.jpg') top center no-repeat;}
	
ul#posternav a:hover.ena{ background: transparent url('../images/poster_btn4.jpg') bottom center no-repeat;}

#outer
{

z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 937px;
background-color:#267700;

margin: 0 auto;
border:solid 3px #000000;
}

#header
{
position: relative;
width: 937px;
height: 162px;
background-image: url(../images/banner-2.jpg);
background-repeat:no-repeat;

}

#headercontent
{
	position: absolute;
	bottom: -2px;
	padding: 0em 2.0em 1.3em 2.0em;
	left: 665px;
	width: 160px;
}

#headercontent h1
{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #fff;
font-size: 2.5em;
}

#headercontent h1 sup
{
color: #777;
}

#headercontent h2
{
font-size: 1.0em;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color:#333333;
}

#headerpic
{
position: relative;
height: 109px;
margin-bottom: 2px;
}

#menu
{
position: relative;
background: #000000 right;
height: 57px;
}

#menu ul
{
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	top: -3px;
	width: 940px;
	left: 13px;
	height: 71px;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 0.5em 0em 2em 0em;
color: #fff;
text-decoration: none;
}

#menu ul li a:hover
{
color:#cdff00;
text-decoration: underline;
}

#menu ul li a.active
{
color:#cdff00;
}

#content
{
padding: 0em 2.0em 0em 2.0em;
}

#txtcontent{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

#primarycontainer
{
height:432px;
width: 937px;
background-image:url(../images/content-bg1.jpg);
background-repeat:no-repeat;
margin-bottom:10px;
}
#gamescontainer
{
height:432px;
width: 937px;
background-image: url(../images/games-bg.jpg);
background-repeat:no-repeat;
margin-bottom:10px;
}
#gamescontent
{
	padding-left:90px;
	padding-top:67px;
	margin:0px;
	width:790px;
	height:282px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
}

#primarycontent
{
float:left;
margin-top:0px;
width:262px;
height:431px;

}
#primarycontent span
{
visibility:hidden;
}

#secondarycontent
{
	padding-left:60px;
	padding-top:57px;
	margin:0px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
}
#container1
{
	height:290px;
	width:675;
	padding-right:80px;

}
#secondinside{
padding-right:100px;}
#footer
{
padding-left:10px;
position: relative;
height:44px;
clear: both;
padding-top: 1.0em;
background:#000 0em 2.5em;
font-size: 0.8em;
margin-bottom:0px;
}
#nav span
{
visibility:hidden;
}

#footer .left
{
	position: absolute;
	left: 33px;
	bottom: 11px;
}

#footer .right
{
	background:#000000;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	position: absolute;
	right: 14px;
	bottom: 15px;
}
#sixteenbynine{font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	padding-left:270px;
	height: 30px;
}

#sixteenbynine_cy{font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	padding-left:195px;
}