@charset "utf-8";
/* CSS Document */


#phoenixPubLogo {
	float: left;
	position: relative;
	background-image: url(../../../../assets/images/foreground/phoenixpublishingpresents02.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 1001px;
	height: 129px;
	margin: 18px auto 0px auto;
	z-index: 50;
}


#gamesMainContentBG {
	background-image: url(../images/maincontent_bg_repeat.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom;
}

#gamesMainContentWrapper {
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-image: url(../images/texturebg.jpg);
	background-repeat: no-repeat;	
	background-position: center;
}

#imageCarousel {
	float: left;
	position: absolute;
	background-image: url(../images/mainimage.jpg);
	background-repeat: no-repeat;
	width: 1001px;
	height: 579px;
}

#gamebylineImage {
	position: absolute;
	background-image: url(../images/characterpic.png);
	background-repeat: no-repeat;
	width: 360px;
	height: 444px;
	margin: -100px 0px 0px -70px;
	z-index: 5;
}

#gamebyline h3 {
	font-family: 'Cherry Cream Soda', cursive;
	font-size: 0.9em;
	color: #fff;
}

#gamebyline p {
	font-family: 'Cherry Cream Soda', cursive;
	font-size: 0.9em;
	color: #b0489f;
	padding-top: 0px;
	margin-top: 0px;
}

.sectiondecorationwrapper {
	clear: both;
	float: left;
	width: 1001px;
	background-repeat: no-repeat;	
	background-position: center;
	margin: 20px auto 0px auto;	
}

.sectiondecorationwrapper, x:-moz-any-link, x:default {
    margin-top: 10px;
}

#sectionDecoration02 {
	clear: both;
	min-width: 1001px;
	height: 5px;
	padding: 0px;
	background-color: #380743;
	margin: 0px auto 0px auto;
}


#sectiondecoration {
	clear: both;
	width: 1001px;
	height: 85px;
	background-image: url(../images/sectiondecoration.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0 auto;
	margin-top: 390px;
	z-index: 75;
	
}

.moreinformation .companylogo {
	float: left;
	background-image: url(../images/companylogo.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 200px;
	height: 95px;
	padding-top: 20px;
}

.moreinformationseparator {
	clear: both;
	border-bottom: 1px solid #660066;
}

#gameNav a .buyNow {
	color: #422e0e;
}

#gameNav a:hover .buyNow {
	color: #422e0e;
}

.moreinformationwrapperbackgroundslop {
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-image: url(../images/lakePonch_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-color: #000;
}

#moebul {
	width: 1001px;
	height: 25px;
	padding: 0px;
	margin: auto;
	margin-top: 0px;
  	position: absolute;
  	top: 0; left: 0; bottom: 0; right: 0;
	font-size: .8em;
	z-index: 5;
}

#moebul li {
	margin: 0px;
	padding: 0px;
	text-shadow: -1px 1px 5px rgba(0, 0, 0, 1);
	
}

/* NAV-BAR DROP-DOWN NAVIGATION */

#topNav .slopgameslist {
	display: none;
}

#topNav ul li:hover .slopgameslist {
	display: block;
	margin-top: -30px;
}

#topNav ul .slopgameslist {
	background: #380743;
	border-radius: 0px;
	padding: 0;
	position: absolute;
	top: 100%
}

#topNav ul .slopgameslist li {
	float: none;
	border-top: 1px solid #24042e;
	position: relative;
}

#topNav ul .slopgameslist li a {
	padding: 10px 15px;
	color: #fff;
	font-size: .9em;
}

#topNav ul .slopgameslist li a:hover {
	background: #24042e;
}



#topnav {
	clear: both;
	float: left;
	width: 1001px;
	margin: 0px auto;
	z-index: 50;
}

#slopheadWrapper {
	position: relative;
	margin-left: 0px;
	border: 0px;
	padding: 0px;
	min-width: 1001px;
	background-color: #380743;
	background-image: url(../images/slopheader02_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	border-bottom: 2px solid #fff;
	z-index: 9999;
}

#slopheadContents {
	clear: both;
	width: 1001px;
	margin: 0 auto;
	color: #fff;

	
}

/* GAME HEADER NAVIGATION */


#slopgameNavWrapper {
	position: relative;
	border: 0px;
	padding: 0px;	
	z-index: 5;
	

}

#slopgameNavBG {
	float: left;
	width: 1001px;
	height: 81px;
	margin-top: -37px;
	margin-left: 4px;
	background-image: url(../images/navbar_BG.png);
	background-repeat: no-repeat;
	z-index: 5;
}

#slopgameNavContent {
	clear: both;
	position: relative;
	width: 1001px;
	margin: -37px auto 0px auto;
	z-index: 999;

	
}


#slopgameNavBGWrap {
	position: relative;
	margin: 0px auto;
	background-image: url(../images/nav_bg_repeat.png);
	background-repeat: repeat-x;
	height: 40px;
}

#slopgameNav {
	float: left;
	position: absolute;
	width: 1001px; 
	text-align: center;
	z-index: 999;
		


} 

.fixed {
	position: fixed;
	margin: 0;
	padding: 0;
	border: 0;
	top: 0px;
	left: 0px;
}

#slopgameNav ul {
	display: inline;
}

#slopgameNav li {
	display: inline-block;
	padding: 10px 0px 0px 0px;
}

#slopgameNav a {
	color: #fff;
	font-family: 'Cherry Cream Soda', cursive;
	font-size: 0.9em;
	border-right: 1px #660066 solid;
	padding: 0px 25px;
	text-decoration: none;
}

#slopgameNav a:link {
	
}

#slopgameNav a:visited {
}

#slopgameNav a:hover {
	color: #af489e;
}

#gameNav a:active {
	color: #af489e;
}

#slopgameNav .selected {
	color: #FFF;
}

#slopgameNav a .buyNow {
	color: #422e0e;
}

#slopgameNav a:hover .buyNow {
	color: #422e0e;
}    
	 
#headingText {
	padding-left: 85px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}  

#headingText h2 {
	padding: 0px;
	margin: 0px;
	color: #fff;
	font-family: 'Cherry Cream Soda', cursive;
	font-size: 1.2em;	
}

#headingText p {
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
}

.quoteslide {
	position: relative;
	top: 50%;
    transform: translateY(15%);
}


#newsfeedwrapper {
	min-width: 1001px;
	background-color: #660066;
}

.moreinformationwrapper {
	margin: 0px;
	border: 0px;
	padding: 0px;
	min-height: 250px;
	background-color: #380743;
}

.moreinformation {
	width: 1001px;
	margin: 0 auto;
	background-color: #380743;
	color: #FFF;
	padding: 0px 0px 0px 0px;
	font-family: 'Cherry Cream Soda', cursive;
	font-size: 0.9em;
}

.moreinformation h3 {
	color:#af489e;
	font-family: 'Cherry Cream Soda', cursive;
	font-size: 1.8em;
}

.featurednewscontent h3 {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border: 0;
	color:#af489e;
	font-family: 'Cherry Cream Soda', cursive;
	font-size: 1.8em;	
}


.content_news_header {
	color:#af489e;
	font-family: 'Cherry Cream Soda', cursive;
	font-size: 1.2em;
	border-bottom: 1px solid #af489e;
	margin: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px;
	width: 650px;
	text-align: left;
}

.date {

	font-size: 1.2em;	
}

.latestnews h3, #newsletter-bg h2 {
	color:#af489e;
	font-family: 'Cherry Cream Soda', cursive;
	font-size: 1.6em;
	border-bottom: 1px solid #af489e;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	width: 100%;
}

.latestnews h3 a {
	letter-spacing: .1em;
}

.news_container a {
	color:#af489e;
	font-family: 'Cherry Cream Soda', cursive;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
}


.featurednewslink {
	text-decoration: none;
	color:#af489e;
	font-family: 'Cherry Cream Soda', cursive;
}

.featurednewslink:hover {
	text-decoration: none;
	color:#fff;
	font-family: 'Cherry Cream Soda', cursive;
	
}

.catchyQuote {
	clear: both;
	position: absolute;
	text-align: center;
	margin-top: 300px;
	margin-left: 250px;
	font-size: 1.5em;
}

.leadIn .copyrightregister {
	position: relative;
	font-size: .6em;
	letter-spacing: .2em;
	top: -0.8em;
}

.leadIn h3 {
	letter-spacing: .3em;
	line-height: 1.1em;
	color: #b0489f;
	margin: 0px;
	padding: 0 px;
}

.leadIn p {
	color:#fff;
	font-family: 'Cherry Cream Soda', cursive;
	font-size: 0.9em;
}

.red {
	color: #edc078;
    -webkit-text-shadow: 0px 0px 5px #000;
    -moz-text-shadow: 0px 0px 5px #000;
    text-shadow: 0px 0px 5px #000;	
}


/* F A Q */

.faqwrapper {
	border: 0px;
	padding: 0px;
	width: 1001px;
	margin: 0px auto;
	overflow: visible;
}

.faqbg {
	margin-left: 0px;
	border: 0px;
	padding: 0px;
	background-color: #000;
	background-image: url(../images/faq_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 0%;
	overflow: visible;	
}

.faqcontents {
	clear: both;
	width: 760px;
	margin: 0 auto;
	color: #fff;
	padding: 50px 40px 20px 40px;
	background-color: #300;
	background-color: rgba(48, 0, 0, 0.3);
	color: #CCC;
	
}

.faqcontents h3 {
	font-size: 1.2em;
	color: #edc078;
	padding-top: 10px;
}

.faqcontents p {
	font-size: 1.1em;
}

.faqcontents a {
	color: #be9a5f;
}
#countbox1 {
	color: #edc078;
	font-size: 1.2em;
}

.gameSynopsis {
	clear: both;
	margin-bottom: 10px;
}

.gameSynopsis ul {
	color:#fff;
	font-family: 'Cherry Cream Soda', cursive;
	font-size: 0.9em;
}

.slopordernowbutton {
	font-size: 2em;
	text-align: center;
	color: #efc178;
	margin-left: -45px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

.slopordernowbutton a {
	padding: 0px 30px 0px 30px;
	border: 1px solid #efc178;
	background-color: black;
	background-color: rgba(0, 0, 0, .5);	
}

.slopordernowbutton a:hover {
	padding: 0px 30px 0px 30px;
	border: 1px solid #fff;
	background-color: black;
	background-color: rgba(0, 0, 0, .5);
	text-decoration: none;
	color: #efc178;
}


/*******GAMES MAIN CONTENT FORMAT*********/
#slopgamesTopWrapper {
	clear: both;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-color: #fff;
	background-image: url(../images/mainimagebg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 579px;
}


/* TOP HEADER AND NAV BAR STYLES*/

#slopgamesTopContents {
	clear: both;
	width: 1001px;
	height: 579px;
	margin: 0 auto;
	background: #000;
	color: #FFF;
	z-index: 1;
}

#slopgamesMainContents {
	clear: both;
	width: 1001px;
	height: 821px;
	margin: 0 auto;
	padding-top: 30px;
	color: #000;
	z-index: 1;
}

#screenshots {
	float: left;
	position: absolute;
	width: 500px;
	margin-left: 50px;
	margin-top: 0px;
	z-index: 4;
}

#screenshots h3 {
	font-family: "quantico", arial, sans-serif;
	font-size: 15px;
	color:#b0489f;
	letter-spacing: .4em;
}

#copyrightWrapper {
	border: 0px;
	padding: 0px;
	background-color: #26042d;	
}

#copyrightBlock {
	clear: both;
	width: 1001px;
	margin: 0 auto;
	background-color: #26042d;
	padding-top: 1px;
	color: #af489e;
	min-height: 50px;

}

#copyrightBlock hr {
     background: #af489e; 
	 border: 0;
     width: 100%; 
     height: 1px;
}

.smallerFont {
	font-size: 0.9em;
}