body {
	font: 100% "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #202a34;
	margin: 0px;
	padding: 0px;
	background: url(../images/bgdBody.jpg) repeat-x bottom center #fff;
}
a {
	color: #202a34;
	text-decoration: underline;
	font-weight: normal;
}
h1 {
	font-size: 15px;
	font-weight: normal;
	color: #505a64;
	letter-spacing: 0.1em;
}
h2 {
	font-size: 16px;
	font-weight: normal;
}
b {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
}
hr {
	height: 3px;
	border-top: 1px solid #a8acb1;
	border-right: 0px solid #fff;
	border-bottom: 2px solid #f3f4f4;
	border-left: 0px solid #fff;
	margin: 0;
	padding: 0;
}
fieldset {
	padding: 20px;
	margin-bottom: 20px;
}
img {
	border: 0;
}
form  {
	margin: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearer {
	clear:both;
}
.icon {
	float: left;
	display: block;
	margin: 0 7px 0 0;
}
.input {
	width: 300px;
	height: 20px;
}
.inputNumber {
	width: 50px;
	height: 20px;
}
#backMyMovie {
	height: 40px;
	margin: auto;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/bgdBackMyMovie.jpg) repeat-x;
}
#backMyMovie a {
	text-decoration: underline;
	color: #fff;
	font-weight: bold;
}
#backMyMovie a:hover {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
#backMyMovie strong {
	color: #f80116;
}
#backMyMovie img {
	float: left;
	margin-left: 28px;
}
#backMyMovie p {
	float: right;
	padding: 0;
	margin: 10px 20px 0 0;
}
.backMyMovieContainer {
	width: 780px;
	height: 40px;
	margin: auto;
}
#signUp {
	width: 780px;
	height: 43px;
	margin: auto;
	color: #4b535b;
	z-index: 3;
	position: relative;
	background: url(../images/bgdSignUp.jpg) no-repeat;
}
#signUp a {
	text-decoration: underline;
	color: #f83345;
	font-weight: bold;
}
#signUp a:hover {
	text-decoration: none;
	color: #e7051a;
	font-weight: bold;
}
#signUp .left {
	float: left;
	margin: 7px 0 0 30px;
}
#signUp .right {
	float: right;
	margin: 6px 20px 0 0;
}
#signUp .input {
	width: 100px;
	height: 17px;
	border: 1px solid #d2d4d6;
	background: #fff;
	color: #333;
	vertical-align: middle;
	font: 100% "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 20px 0px 10px;
	padding: 1px 0 0 5px;
}
#signUp img {
	vertical-align: middle;
}
#logo {
	width: 174px;
	height: 201px;
	z-index: 2;
	left: 0;
	top: 40px;
	position: absolute;
	background: url(../images/logo.png) no-repeat top center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(../images/logo.png); 
}
#container {
	width: 780px;
	margin: auto;
}
#banner {
	width: 290px;
	height: 100px;
	font-size: 16px;
	letter-spacing: 0.01em;
	line-height: 1.4em;
	color: #20292e;
	padding: 140px 0 0 490px;
	background: url(../images/bgdBanner.jpg) no-repeat #fff; 
}
#banner p {
	margin: 0px;
	padding: 0px;
	text-align: justify;
}
#navigation {
	width: 780px;
	height: 38px;
}
#learn {
	width: 90px;
	height: 30px;
	padding: 8px 0 0;
	float: left;
}
#menu {
	height: 38px;
	float: right;
	font-size: 12px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li {
	display: inline;
	margin: 0;
	padding: 0;
}
a.menuOff {
	width: 85px;
	height: 28px;
	display: block;
	float: left;
	text-align: center;
	margin: 0 5px 0 0;
	padding: 10px 0 0;
	color: #353d46;
	background: url(../images/bgdMenu.jpg) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.menuOff {
	color: #000;
    background-position: -85px 0;
}
a.menuOn {
	width: 85px;
	height: 28px;
	display: block;
	float: left;
	text-align: center;
	margin: 0 5px 0 0;
	padding: 10px 0 0;
	color: #353d46;
	background: url(../images/bgdMenu.jpg) -85px 0 no-repeat;
	text-decoration: none;
}
a:hover.menuOn {
	color: #000;
    background-position: -85px 0;
}
a.menuEndOff {
	width: 85px;
	height: 28px;
	display: block;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 10px 0 0;
	color: #353d46;
	background: url(../images/bgdMenu.jpg) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.menuEndOff {
	color: #000;
    background-position: -85px 0;
}
a.menuEndOn {
	width: 85px;
	height: 28px;
	display: block;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 10px 0 0;
	color: #353d46;
	background: url(../images/bgdMenu.jpg) -85px 0 no-repeat;
	text-decoration: none;
}
a:hover.menuEndOn {
	color: #000;
    background-position: -85px 0;
}
.title {
	display: block;
	margin: 25px 0 20px 0;
}
.button {
	display: block;
	margin: 20px 0 15px 0;
}
.thumbHome {
	float: left;
	margin-bottom: 200px;
}
#contentTop {
	width: 780px;
	height: 20px;
	background: url(../images/bgdContentTop.jpg) no-repeat top left #e5e6e8;
}
#contentBottom {
	width: 780px;
	height: 17px;
	margin-bottom: 20px;
	background: url(../images/bgdContentBottom.jpg) no-repeat top right #e5e6e8;
}
#contentWrapper {
	width: 750px;
	padding: 0px 15px 20px 15px;
	background: #e5e6e8;
}
#content {
	width: 488px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	float: left;
	font-size: 14px;
}
#video {
	width: 468px;
	height: 263px;
	padding: 10px;
	background: #fff;
}
#phobometer {
	width: 243px;
	height: 44px;
	display: block;
	padding: 83px 0 0 13px;
	margin-top: -20px;
	margin-left: -3px;
	font-size: 14px;
	background: url(../images/bgdPhobometer.jpg) no-repeat;
}
#phobometer a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#phobometer a:hover {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#sidebar {
	width: 243px;
	float: right;
	font-size: 13px;
}
#sidebar span {
	color: #f64f18;
	text-transform: uppercase;
}
#sidebar span a {
	color: #f64f18;
	text-decoration: none;
}
#sidebar span a:hover {
	color: #f64f18;
	text-decoration: underline;
}
#members {
	margin: 0;
	padding: 0;
	color: #208d2a;
	text-transform: uppercase;
}
#members a {
	text-decoration: none;
	color: #208d2a;
	font-weight: normal;
}
#members a:hover {
	text-decoration: underline;
	color: #208d2a;
	font-weight: normal;
}
#members li {
	height: 25px;
	margin: 0px;
	padding: 5px 0px 0px 30px;
	display: block;
	background: url(../images/imgLi.jpg) left center no-repeat;
}
#cloud {
	width: 541px;
	height: 93px;
	position: absolute;
	margin: -106px 0px 0px -50px;
	padding: 50px 0px 0px 90px;
	background: url(../images/bgdCloud.png) no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bgdCloud.png, sizingMethod='crop');_background:none;
}
#feature {
	width: 780px;
	height: 227px;
	margin-bottom: 140px;
	text-transform: capitalize;
	background: url(../images/bgdFeature.jpg) no-repeat;
}
#featureTitle {
	width: 760px;
	height: 40px;
	padding: 0 0 0 20px;
}
#footer {
	width: 780px;
	height: 130px;
	font-size: 12px;
	padding: 0;
	color: #fff;
}
#footer a {
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}
#footer a:hover {
	text-decoration: underline;
	color: #fff;
	font-weight: normal;
}
#footer img {
	float: left;
	margin-right: 15px;
	border: 1px solid #88ca66;
}
#credits {
	width: 780px;
	height: 26px;
	padding: 12px 0 0;
	color: #fff;
	font-size: 11px;
}
#credits a {
	text-decoration: underline;
	color: #fff;
	font-weight: normal;
}
#credits a:hover {
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}
.tool-tip {
	width: 170px;
	height: 184px;
	z-index: 13000;
	color: #444;
}
.tool-title {
	width: 120px;
	height: 24px;
	display: block;
	padding: 20px 10px 0px 40px;
	font: 100% "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #444;
	text-align: left;
	margin: 0;
	background: url(../images/bgdTipTop.png) top left no-repeat;
}
.tool-text {
	width: 80px;
	height: 140px;
	display: block;
	padding: 0 50px 0 40px;
	font: 100% "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(../images/bgdTipContent.png) top left no-repeat;	
}
ul#benefits {
	margin-left: 0;
	padding: 0;
}
#benefits li {
	font-size: 12px;
	margin-bottom: 5px;
	padding: 2px 20px 2px 2px;
	list-style-position: inside;
}
#benefits li.tick {
	background: url(../images/bgdTick.jpg) no-repeat right center #fff;	
}
#bronzePrice {
	width: 505px;
	height: 170px;
	margin-top: -19px;
	margin-left: -15px;
	position: relative;
	background: url(../images/bgdPriceBronze.jpg) no-repeat top left;
}
#silverPrice {
	width: 505px;
	height: 170px;
	margin-top: -19px;
	margin-left: -15px;
	position: relative;
	background: url(../images/bgdPriceSilver.jpg) no-repeat top left;
}
#goldPrice {
	width: 505px;
	height: 170px;
	margin-top: -19px;
	margin-left: -15px;
	position: relative;
	background: url(../images/bgdPriceGold.jpg) no-repeat top left;
}
#platinumPrice {
	width: 505px;
	height: 170px;
	margin-top: -19px;
	margin-left: -15px;
	position: relative;
	background: url(../images/bgdPricePlatinum.jpg) no-repeat top left;
}
ul#characterSelect {
	margin: 0;
	padding: 0;
}
#characterSelect li {
	width: 243px;
	height: 60px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-transform: uppercase;
}
a.agora {
	width: 168px;
	height: 39px;
	padding: 19px 0 0 75px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #e5e6e8;
	border-bottom: 1px solid #cecfd4;
	background: url(../images/bgdCharacterSelectAgora.jpg) 0 0 no-repeat;
}
a:hover.agora {
    background-position: -243px 0;
}
a.hydro {
	width: 168px;
	height: 39px;
	padding: 19px 0 0 75px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #cecfd4;
	background: url(../images/bgdCharacterSelectHydro.jpg) 0 0 no-repeat;
}
a:hover.hydro {
    background-position: -243px 0;
}
a.nycto {
	width: 168px;
	height: 39px;
	padding: 19px 0 0 75px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #cecfd4;
	background: url(../images/bgdCharacterSelectNycto.jpg) 0 0 no-repeat;
}
a:hover.nycto {
    background-position: -243px 0;
}
a.arachno {
	width: 168px;
	height: 39px;
	padding: 19px 0 0 75px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #cecfd4;
	background: url(../images/bgdCharacterSelectArachno.jpg) 0 0 no-repeat;
}
a:hover.arachno {
    background-position: -243px 0;
}
a.towerKeeper {
	width: 168px;
	height: 39px;
	padding: 19px 0 0 75px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #cecfd4;
	background: url(../images/bgdCharacterSelectTower.jpg) 0 0 no-repeat;
}
a:hover.towerKeeper {
    background-position: -243px 0;
}
a.gribbler {
	width: 168px;
	height: 39px;
	padding: 19px 0 0 75px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #cecfd4;
	background: url(../images/bgdCharacterSelectGribbler.jpg) 0 0 no-repeat;
}
a:hover.gribbler {
    background-position: -243px 0;
}
a.gribblerKing {
	width: 168px;
	height: 39px;
	padding: 19px 0 0 75px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #e5e6e8;
	background: url(../images/bgdCharacterSelectGribblerK.jpg) 0 0 no-repeat;
}
a:hover.gribblerKing {
    background-position: -243px 0;
}
ul#landSelect {
	margin: 0;
	padding: 0;
}
#landSelect li {
	width: 243px;
	height: 60px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-transform: uppercase;
}
a.land {
	width: 168px;
	height: 39px;
	padding: 19px 0 0 75px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #e5e6e8;
	border-bottom: 1px solid #cecfd4;
	background: url(../images/bgdLandSelectWorld.jpg) 0 0 no-repeat;
}
a:hover.land {
    background-position: -243px 0;
}
a.village {
	width: 168px;
	height: 39px;
	padding: 19px 0 0 75px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #cecfd4;
	background: url(../images/bgdLandSelectVillage.jpg) 0 0 no-repeat;
}
a:hover.village {
    background-position: -243px 0;
}
a.bridge {
	width: 168px;
	height: 39px;
	padding: 19px 0 0 75px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #cecfd4;
	background: url(../images/bgdLandSelectBridge.jpg) 0 0 no-repeat;
}
a:hover.bridge {
    background-position: -243px 0;
}
a.tower {
	width: 168px;
	height: 39px;
	padding: 19px 0 0 75px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #e5e6e8;
	background: url(../images/bgdLandSelectTower.jpg) 0 0 no-repeat;
}
a:hover.tower {
    background-position: -243px 0;
}
ul#joinSelect {
	margin: 0;
	padding: 0;
}
#joinSelect li {
	width: 243px;
	height: 105px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
a.bronze {
	width: 243px;
	height: 105px;
	padding: 0;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #e5e6e8;
	border-bottom: 1px solid #cecfd4;
	background: url(../images/joinBronze.jpg) 0 0 no-repeat;
}
a:hover.bronze {
    background-position: -244px 0;
}
a.silver {
	width: 243px;
	height: 105px;
	padding: 0;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #e5e6e8;
	border-bottom: 1px solid #cecfd4;
	background: url(../images/joinSilver.jpg) 0 0 no-repeat;
}
a:hover.silver {
    background-position: -244px 0;
}
a.gold {
	width: 243px;
	height: 105px;
	padding: 0;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #e5e6e8;
	border-bottom: 1px solid #cecfd4;
	background: url(../images/joinGold.jpg) 0 0 no-repeat;
}
a:hover.gold {
    background-position: -244px 0;
}
a.platinum {
	width: 243px;
	height: 105px;
	padding: 0;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-top: 1px solid #e5e6e8;
	border-bottom: 0px;
	background: url(../images/joinPlatinum.jpg) 0 0 no-repeat;
}
a:hover.platinum {
    background-position: -244px 0;
}
.member {
	width: 91px;
	height: 110px;
	float: left;
	font-size: 11px;
	line-height: 13px;
	margin: 8px 32px 0;
	text-align: center;
}
.member img {
	width: 91px;
	height: 91px;
	display: block;
	margin-bottom: 5px;
}

/* Slimbox */

#lbOverlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading {
	background: #fff url(../images/imgLoading.gif) no-repeat center;
}
#lbImage {
	border: 10px solid #fff;
}
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink {
	left: 0;
}
#lbPrevLink:hover {
	background: transparent url(../images/imgPrev.gif) no-repeat 0% 15%;
}
#lbNextLink {
	right: 0;
}
#lbNextLink:hover {
	background: transparent url(../images/imgNext.gif) no-repeat 100% 15%;
}
#lbBottom {
	font-size: 12px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/imgClose.gif) no-repeat center;
	margin: 5px 0;
}
#lbCaption, #lbNumber {
	margin-right: 71px;
}
#lbCaption {
	font-weight: bold;
}
a.border {
	display: block; 
	width: 160px;
	height: 95px;
	margin: 0px;
	margin: 25px 0 0 26px;
	float: left;
	border: 1px solid #a7acb0;
} 
a.border:hover {
	border: 1px solid #7d8082;
}

/* End slimbox */

.error {
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	color: #f64f18;
	margin-bottom: 20px;
}
.required {
	color: #e70080;
}
.thanks {
	color: #22a908;
	font-weight: bold;
}
.noThanks {
	color: #f30325;
	font-weight: bold;
}
.upgrade {
	font-size: 12px;
}
.upgrade a {
	color: #202a34; 
	text-decoration: none;
}