/*=Reset*/
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{line-height:1}ol,ul{list-style:none; list-style-position:outside;}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*=Typography*/
body { background: #999; color: #ccc; font-family: Arial, Helvetica, sans-serif;font-size: 62.5%; }
h1, h2, h3, h4, h5, #tagline { color: #ccc; font-size: 1.4em;font-weight: normal; letter-spacing: -1px; text-transform: uppercase; }
	 #free h3, #free h2 { color: #fff; line-height: 1.5em; }
	 	#free h2 {margin: 0 4px; }
p, li, dl { font-size: 1.2em; line-height: 1.5em; }
p { margin-bottom: 15px; }
	p.focus { font-size: 1.4em; margin-top: 2em;}
a:link, a:visited { color: #99c; text-decoration: none; }
	a:visited { color: #669; }
a:hover, a:active { color: #99c; text-decoration: underline; }

/*=Main Styles*/
	#tagline em { font-style: normal;  }
	#breadcrumbs { font-size: 1em; }
		#disclaimer .text { background-color: #666; border: 1px solid #ccc; border-right: 0; height: 60px; margin-bottom: 4px; overflow:auto; width: 416px; }
		#disclaimer p { font-size: .87em; } 
		#disclaimer a:link, #disclaimer a:visited { color: #999; text-decoration: underline;}
		#disclaimer a:hover, #disclaimer a:active { color: #ccc; }		
#main { float: left; display: inline; padding: 15px 30px; }
	#ads li { margin-bottom: 15px; }
	#ads ul img { background: #333; border: 1px #999 solid; padding: 1px;  }
/*=Eros Network links*/
		.a_eros-network { background: #000 url(/images/massage/bg_features.gif) no-repeat; padding-top: 75px; position: absolute; top: 15px; padding-left: 15px; width: 132px; }
			dt { color: #fed100; padding-top: 15px; }
			dd { margin-left: 15px; }
#content { float:right; display: block; padding-right: 59px; width: 486px; }
	#info, #info div { clear: both; margin-top: 15px; }
		#info img { margin-bottom: 1em ;}
		#exciter { background: url(/images/massage/bg_free2.png) repeat-y; clear: both;position: relative; top: 7px; min-height:4em; padding: 3px 11px; }
		#eros_empire { margin-top: 22px; position: relative; }
		#features ul { float: left; display: inline; }
			#features li { margin-bottom: .25em; }
		#features .postscript { clear: both; margin: 0;text-align: right; }
#footer { border-top: #666 solid 1px; color: #999; clear: both; font-size: .8em; margin-left: 30px; padding: 15px 0;}				
/* =changing */
#wrapper { background: #000 url(/images/massage/bg_body.gif) repeat-y 50% 0; margin: 0 auto; padding: 0 100px 0 69px; position: relative; width: 782px; }
#main { background:url(/images/massage/bg_callout.gif) no-repeat 15px 302px; width: 420px; }
	#inner #main { background-position: 15px 200px; }
	#standalone #main  { background-position: 15px 285px; }
		#header p { margin-bottom: 0; }
	#tagline { font-size: 1.6em; text-align: center;}
	#breadcrumbs { margin-left: 43px; }
	#disclaimer { padding: 15px 0; }
h2 strong { color: #fed100; font-weight: normal; }	
#callout { padding: 15px 0; }
	#inner #callout, #standalone #callout {margin: 15px 0; }
#info #features { background: #000 url(/images/massage/bg_features.gif) no-repeat; padding: 15px; }
	#features ul { padding: 15px 15px 15px 0; width: 115px; }
	#callout h2 { font-size: 1.8em; }
#info h3 { color: #fed100; }
#ads { position: absolute; top: 15px; left: 569px;}
	#ads ul { margin-top: 15px; position: absolute; left: 178px; top: 15px; width: 147px; }
/*=Suckafish Dropdowns */
#callout h2, #standalone #callout h1 { color: #333; letter-spacing: -1px; line-height: 1.2em; padding-bottom: .5em; }
.drop h5 { color: #99c; font-size: 1.6em; letter-spacing: 0;line-height: 31px; padding-left: 15px; text-transform: none;}
	.drop a:link {color: #99c; text-decoration: none;}
	.drop a:visited {color: #669; text-decoration: none;}
	.drop a:hover, .drop a:active {color:#ccf; text-decoration: none;}
.drop li { background: #000 url(/images/massage/bg_drop.png) 0 0 no-repeat; border: #666 1px solid; float: left; display: inline;  width: 200px; }
	.drop li#world-cities { margin-left: 15px; }
.drop li li { background: #000; border: 0; line-height: 1.5em; margin: 0; height: 1.5em; width: 183px; }
	.drop li#world-cities li { width: 200px;  }
.drop li li a { display: block; min-height: 1.5em; padding-left: 15px; width: 168px; }
	.drop li#world-cities li a { width: 185px;}
.drop li li a:hover { background-color: #666;}
.drop li ul { background: #000; border: #666 1px solid; border-top: 0; width: 200px; height:16.75em; overflow-x:hidden !important; margin: -1px 0 0 -1px; padding-bottom: 15px; position: absolute; left: -999em; overflow: auto; }
.drop li:hover ul { left: -1px; }
.drop li:hover ul, .drop li.sfHover ul { left: auto; }
#eros_empire .drop { margin: 15px 0; }
#standalone .drop, #inner .drop { width: 202px;}
	#standalone .drop #us-cities, #inner .drop #us-cities { margin-bottom: 10px; }
	#standalone .drop #world-cities, #inner .drop #world-cities { margin: 0; }
#standalone .drop li, #inner .drop li { float: none; display: block; }
/*=Buttons and image replacements*/
.imgreplace, .button { position: relative; }
	.imgreplace span, .button span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.button span { cursor: pointer; }
#splash h1, #standalone h1, #inner #header h3 { margin: 0 auto; width: 417px; height: 154px; }
p#logo_eg { width: 105px; height: 63px; position: absolute; top: 15px; left: 15px;}
	#logo_eg span { background: url(/images/massage/l_eg_massage.png) no-repeat 0 0; }

#free h3.imgreplace { float: left; display: inline;width: 295px; height: 41px;margin-right: 17px; }
	#free h3.imgreplace span { background:url(/images/massage/h_free.png) no-repeat; }
#eros_empire #eros-map { float: right; display: inline; margin-top: 15px; width: 200px; height: 74px;}
	#eros_empire #eros-map a { background: #000 url(/images/massage/b_eros-map.png) no-repeat; border: #666 1px solid; color: #ccc; display: block; font-size: 1.4em; font-weight: bold; line-height: 74px; padding-left: 80px; width: 120px; height: 100%; }
	#eros_empire #eros-map a:hover { position: relative; top: 1px; left: 1px; text-decoration: none; }
#callout h1, #standalone #callout h2 { font-size: 1.6em; font-weight: bold; letter-spacing: 0; line-height: 1.2em; margin: 0 auto; text-align: right; text-transform: none; width: 339px; height: 64px; }
	#callout h1 a, #standalone #callout h2 a { background: #336 url(/images/massage/b_go.png) no-repeat; color: #fff; display: block; overflow: hidden; padding: 15px 100px 15px 15px; width: 224px; height: 34px; }
		#callout h1 a:hover, #standalone #callout h2 a:hover { border: 1px solid #669; border-top: 0; border-left: 0; position: relative; top: 1px; left: 1px; text-decoration: none; }
		
/*= MEG login */
#nav_login {background: #000; border: #666 1px solid; border-top: 0; color: #ccc; padding: 5px;position:absolute; top: 0; right: 0; text-transform: uppercase; font-size: .8em; z-index:10; margin:0;}
	#nav_login li { display: inline; margin-left: 5px; }
	#nav_login a { color: #fff; }
		#nav_login a:hover, #nav_login a:active { text-decoration: underline;}
	#nav_logout a { background: url(/images/i_logout.gif) no-repeat left center; border-left: 1px solid #ccc; background-position: 7% 50%; margin-right: 5px;padding-left: 18px; }
	#nav_login_reg a { background: url(/images/i_login.gif) no-repeat left center; border-left: 1px solid #ccc; background-position: 7% 50%; margin-right: 5px;padding-left: 18px; }	
