/* CSS Document */

html,body{
	padding:0;
	margin:0;
	height: 100%;
	text-align:center;
	background-color:#478e37;
	background-image:url(../images/background.jpg);
	background-position: top center;
}


/* Layer Positioning */


#parent{
	position:relative;
	top:0px;
	width:905px;
	height: 705px;
	margin: 0 auto;
	text-align:left;
	background-image:url(../images/window.gif);
	z-index:30;
}

#bnm{
	position:absolute;
	left:300px;
	top:715px;
	width:305px;
	height:20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size : 10px;
	text-align:center;
	color:#fff;
	z-index:80;
}	

#bnm a{color:#fff; text-decoration:none;font-family: Helvetica, Arial, sans-serif;	font-size : 10px;}
#bnm a:hover{text-decoration:underline;}
	
#skc {
	position:absolute;
	left:0px;
	top:0px;
	width:275px;
	height:284px;
	z-index:80;
}	

#menu {
	position:absolute;
	width:245px;
	height:205px;
	top:448px;
	left:10px;
	background-image:url(../images/menu.gif);
	background-repeat:no-repeat;
	z-index:80;
	padding-top:42px;
}

#menuitem {
	position:relative;
	left:10px;
	width:220px;
	height:20px;
	}
	
a.menuroll {display: block; width: 220px; height: 20px; background:url(../images/menu/hover.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.menuroll {background-position: 0 -20px;}
a.menuroll2 {display: block; width: 220px; height: 20px; background:url(../images/menu/hover2.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.menuroll2 {background-position: 0 -20px;}





#characters {
	position:absolute;
	width:615px;
	height:140px;
	top:562px;
	left:272px;
	xbackground-color:#ffc000;
	z-index:80;
}


#charSnap {position:absolute;height:140px;top:0px;left:0px;width:120px;}
a.rollSnap {display: block; width: 120px; height: 140px; background:url(../images/menu/snap.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.rollSnap {background-position: 0 -140px; text-decoration:none;}

#charDazey {position:absolute;height:140px;top:0px;left:115px;width:125px;}
a.rollDazey {display: block; width: 125px; height: 140px; background:url(../images/menu/dazey.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.rollDazey {background-position: 0 -140px; text-decoration:none;}

#charFluffi {position:absolute;height:140px;top:0px;left:235px;width:130px;}
a.rollFluffi {display: block; width: 130px; height: 140px; background:url(../images/menu/fluffi.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.rollFluffi {background-position: 0 -140px; text-decoration:none;}

#charSniffer {position:absolute;height:140px;top:0px;left:350px;width:130px;}
a.rollSniffer {display: block; width: 130px; height: 140px; background:url(../images/menu/sniffer.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.rollSniffer {background-position: 0 -140px; text-decoration:none;}

#charBonza {position:absolute;height:140px;top:0px;left:470px;width:145px;}
a.rollBonza {display: block; width: 145px; height: 140px; background:url(../images/menu/bonza.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.rollBonza {background-position: 0 -140px; text-decoration:none;}


#latestnews {
	position:absolute;
	width:450px;
	height:165px;
	top:274px;
	left:20px;
	background-image:url(../images/latestnews.gif);
	z-index:80;
}

#latestnewstext {
	position:absolute;
	width:450px;
	height:105px;
	top:42px;
	overflow:auto;
	z-index:80;
}

#snaplive {
	position:absolute;
	width:207px;
	height:120px;
	top:452px;
	left:268px;
	background-image:url(../images/snapfunnies.gif);
	z-index:60;
}

#snaplivetext {
	position:absolute;
	width:190px;
	height:70px;
	top:40px;
	left:7px;
	overflow:auto;
	z-index:80;
	font-size:11px;
}

#snaplivetext p{font-size:11px;}

#welcome {
	position:absolute;
	width:230px;
	height:88px;
	top:162px;
	left:255px;
	z-index:20;
}

a.welcomeroll {display: block; width: 230px; height: 88px; background:url(../images/welcomemessage.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.welcomeroll {background-position: 0 -88px; text-decoration:none;}


#photos {
	position:absolute;
	width:470px;
	height:565px;
	top:60px;
	left:470px;
	z-index:30;
}

#title {
	position:absolute;
	width:610px;
	height:73px;
	top:162px;
	left:275px;
	z-index:20;
}


#content {
	position:absolute;
	width:340px;
	height:445px;
	top:250px;
	left:275px;
	overflow:auto;
	z-index:20;
}

#contentwide {
	position:absolute;
	width:595px;
	height:445px;
	top:250px;
	left:275px;
	overflow:auto;
	z-index:30;
}
	

#extra {
	position:absolute;
	width:245px;
	height:166px;
	top:286px;
	left:10px;
	background-image:url(../images/extra.gif);
	z-index:20;
}

#extra p{
	font-family: "VAG Rounded Std","Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size : 19px;
	font-weight : bold;
	color : #fff;
	text-transform:lowercase;
	background-color : transparent;
	line-height : 110%;
	margin-top : 20px;
	margin-left:20px;	
}

#extra a{color:#c5fc5a;}
#extra a:hover{color:#fff; text-decoration:none;}
#extra p.normal {font-weight:normal; font-size:14px;}

#image {
	position:absolute;
	width:310px;
	height:500px;
	top:205px;
	left:615px;
	z-index:20;
}

#enter {
	position:absolute;
	width:905px;
	height:120px;
	top:585px;
	left:0px;
	z-index:80;
}

a.enterroll {display: block; width: 905px; height: 120px; background:url(../images/enter.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.enterroll {background-position: 0 -120px;}


#grownup {
	position:absolute;
	width:370px;
	height:35px;
	top:575px;
	left:510px;
	z-index:90;
}

a.grownuproll {display: block; width: 370px; height: 35px; background:url(../images/grownup.gif) 0 0 no-repeat; text-decoration: none;}
a:hover.grownuproll {background-position: 0 -35px;}




/* Text Styling */

p{  /* body text */
	font-family: Helvetica, Arial, sans-serif;
	font-size : 14px;
	color : #fff;
	line-height : 129%;
	margin-top : 0px;	
	background-color : transparent;
}

td p{  /* body text */
	font-family: Helvetica, Arial, sans-serif;
	font-size : 14px;
	color : #fff;
	line-height : 129%;
	margin-top : 0px;	
	margin-bottom : 0px;
	background-color : transparent;
}


a{color: #001d99; text-decoration: none; font-weight:bold}
a:hover{ text-decoration:underline;}




h1{  /* heading */
	font-family: "VAG Rounded Std","Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size : 22px;
	font-weight : bold;
	color : #fff;
	text-transform:lowercase;
	background-color : transparent;
	line-height : 120%;
	margin-top : 0;	
	margin-bottom:4px;
}

h2{  /* heading */
	font-family: "VAG Rounded Std","Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size : 19px;
	font-weight : bold;
	color : #001d99;
	text-transform:lowercase;
	background-color : transparent;
	line-height : 120%;
	margin-top : 0;	
	margin-bottom:4px;
}

h3{  /* pullquote */
	font-family: Helvetica, Arial, sans-serif;
	font-size : 22px;
	color : #7fad1b;
	font-weight:normal;
	background-color : transparent;
	line-height : 120%;
	margin-top : 10px;	
	margin-bottom:20px;
}

h4{  /* pullquote */
	font-family: Helvetica, Arial, sans-serif;
	font-size : 18px;
	color : #7fad1b;
	font-weight:normal;
	background-color : transparent;
	line-height : 120%;
	margin-top : 10px;	
	margin-bottom:20px;
	text-align:center;
}


li{  /* body text */
	font-family: Helvetica, Arial, sans-serif;
	font-size : 14px;
	color : #fff;
	line-height : 129%;
	margin-top : 0px;
	margin-bottom:2px;
	margin-left:-16px;	
	background-color : transparent;
	padding-top:0px;
}

ul{  /* body text */

	margin-top : 0px;
	margin-bottom:15px;
}

img {border:0px;}


/* classes */
.bnm {font-size:9px;}
.note {color:#fff; background-color:#ff0000;}
.caption {font-size:11px; text-align:center;}
.thumb{margin-right:5px; margin-bottom:15px;}
.line {height:1px; border-bottom:1px solid #fff; margin-bottom:15px;}