/* base styles */

/* eric meyers' reset - edited to fit this project */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, cite, em, img, strong, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	line-height: 1.2;
	color: #444;
	background:#fff url(main-bg.gif);
	text-align:center;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote, q {
	quotes: "" "";
}

/* reset end */
.clear {clear:left;}

/* main layout */

#wrapper-main
	{text-align:left; width:770px; margin:0 auto;}
	
#banner-ad
	{margin:3px 5px 25px 5px;width:760px;height:120px;}

#header 
	{padding:0 6px 0 12px;}	

	
#wrapper-content
	{background:url(content-bg.gif);width:770px;float:left;}
	
#wrapper-content-top
 {background:url(content-top.png) no-repeat;width:770px;padding-top:1px;float:left;}
 
#content 
	{margin-bottom:9px;float:left;}
	
#content-nav
	{width:148px;border-right:1px solid #e4e4e4;float:left;padding-left:13px;}

#content-main	
	{float:left;margin:0 13px;width:397px;display:inline;}
	
#content-ad
	{width:160px;float:right;margin-right:13px;height:600px;}
	
#footer {margin:0 12px 60px 12px;padding-top:8px;border-top:1px solid #e4e4e4;clear:both;}


/* main layout end */

/* general */
#content-main h2 span, #content-main th, #content-main a.item-link span, #sidebar h2 span
	{position:absolute;left:-999px;}

strong {font-weight:bold;}

/* general end */

/* header */

#header h1
	{float:left; width:165px;}
	
#header h1 img
	{margin:0 0 8px 0;}
	
#header	form
	{float:right;margin-right:5px;}
	
#header form input, #header form select
	{border:1px solid #a3a3a3;width:10em;}

#header form select 
	{padding:1px 2px 2px 1px;margin:0 6px 0 6px;font-size:0.9em; }
	
#header form input
	{padding:1px 0 3px 0;font-size:0.9em;}

#header form input.button
	{border:none;text-align:center;background:#b5b4b4 url(button-search.gif) repeat-x 0 0;font-size:0.75em; color:#686767;width:6em;padding:2px 0; font-weight:bold;}
	
#header form input.button:hover {background:#9a9999 url(button-search.gif) repeat-x 0 100%;}
/* header end */


/* navigation */
ul#nav-main {background:url(nav-bg.gif) no-repeat;width:747px;height:49px;margin:0 5px 0 5px;float:left;padding-left:13px;margin-bottom:16px;}
ul#nav-main li {float:left;}
ul#nav-main li a {height:29px;margin:5px 0 0 0;color:#fff;width:124px;display:block;}
ul#nav-main li a span {position:absolute; left:-999px;}
ul#nav-main li.ringtones a {background:url(nav-audio.gif) no-repeat left top;}
ul#nav-main li.ringtones a:hover {background:url(nav-audio.gif) no-repeat left 100%;}

ul#nav-main li.graphics a {background:url(nav-graphics.gif) no-repeat left top;}
ul#nav-main li.graphics a:hover {background:url(nav-graphics.gif) no-repeat left 100%;}

ul#nav-main li.videos a {background:url(nav-videos.gif) no-repeat left top;}
ul#nav-main li.videos a:hover {background:url(nav-videos.gif) no-repeat left 100%;}

ul#nav-main li.games a {background:url(nav-games.gif) no-repeat left top;}
ul#nav-main li.games a:hover {background:url(nav-games.gif) no-repeat left 100%;}

ul#nav-main li.themes a {background:url(nav-themes.gif) no-repeat left top;}
ul#nav-main li.themes a:hover {background:url(nav-themes.gif) no-repeat left 100%;}

ul#nav-main li.alerts a {background:url(nav-alerts.gif) no-repeat left top;}
ul#nav-main li.alerts a:hover {background:url(nav-alerts.gif) no-repeat left 100%;}
/* navigation end */


/* content-nav */
#content-nav div {width:135px;background: url(content-nav-top.gif) no-repeat;font-size:1.0em;font-weight:bold;}
#content-nav a {text-decoration:none;}
#content-nav ul {background: url(content-nav-end.gif) no-repeat left bottom;padding:7px 0;}
#content-nav li a{padding:5px 0 5px 12px;color:#fff;display:block;width:111px;background:#474747;width:123px;}
#content-nav li a:hover{padding-left:22px;background:#474747 url(nav-over.gif) no-repeat left center;width:113px;}

#content-nav li.selected a,#content-nav li.selected a:visited{width:123px;}

#content-nav li.selected a:hover {padding-left:12px;}


#content-nav ul ul {padding:0;}
#content-nav ul ul li{border-top:1px solid #fff;}

#content-nav ul li.selected li a, #content-nav ul li.selected li a:visited{padding-left:23px;color:#444;background:none; width:101px;}
#content-nav ul li.selected li a:hover{padding-left:33px;background:url(nav-audio-over.gif) no-repeat left center;}

#content-nav h3.note {background:url(title-note.gif) no-repeat left center;width:135px;border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4;height:29px;margin-top:40px;}
#content-nav h3 span {position:absolute; left:-999px;}
#content-nav p {margin:17px 0 0 0;padding-bottom:10px;width:135px; font-size:0.9em; line-height:1.5;}
/* content-nav end*/


/* content-main */
#content-main h2
	{width:400px;height:25px;}

#content-main ul.breadcrumb
	{width:100%;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:6px 0;margin-bottom:27px;font-size:0.9em;}
	
#content-main ul.breadcrumb li
	{display:inline;margin:0 3px 0 0;}
	
#content-main ul.breadcrumb li a
	{background:url(breadcrumb-bg.gif) no-repeat right center;padding-right:9px;color:#898989;text-decoration:none;}

#content-main caption
	{font-size:1.2em;font-weight:bold;padding-bottom:11px;}
	
#content-main td
	{padding-bottom:9px;padding-right:10px;}

#content-main td a {color:#444; text-decoration:none;}
	
#content-main td a:hover {text-decoration:underline;}
	
#content-main td strong
	{font-weight:bold;}
	
#content-main a.item-link
	{background:url(item-link.gif) no-repeat 0  0;height:16px; width:48px;display:block;margin-top:-14px; position:relative;}
	
#content-main a.item-link:hover
	{background:url(item-link.gif) no-repeat 0  100%;}
	
#content-main p {line-height:1.3;}
#content-main table {clear:left; font-size:0.9em;}

ul.nav-alpha {float:left;font-size:0.9em;padding-bottom:7px;border-bottom:1px solid #e4e4e4;margin-bottom:10px;width:397px;}
ul.nav-alpha li {float:left;margin-right:7px;}
ul.nav-alpha li.first {margin-right:14px;}
ul.nav-alpha li a {text-decoration:none;color:#444;}
ul.nav-alpha li a:hover {text-decoration:underline;}

ul.list-images {margin-top:27px;}	
ul.list-images li {width:80px;float:left;margin-right:14px;margin-bottom:24px;}
ul.list-images h3 span {font-weight:bold;}
ul.list-images h3 {margin-bottom:4px;min-height:2.5em;font-size:0.9em;}
#content-main ul.list-images p {line-height:16px;}
ul.list-images p a {display:block;width:80px;height:16px;background:url(link-top-graphics.gif) no-repeat 0 0;}
ul.list-images p a:hover {background:url(link-top-graphics.gif) no-repeat 0 100%;}
ul.list-images p a span{position:absolute;left:-999px;}

ul.nav-page {margin-top:10px;float:left;font-size:0.9em;padding:4px 0 5px 0;border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4;margin-bottom:10px;width:397px;}
ul.nav-page li.previous{float:left;width:205px;}
ul.nav-page li.next{float:right;width:34px;}
ul.nav-page li input {background:#fff;border:none; text-transform:lowercase; font-weight:bold;padding:0;}
/* content-main end*/

/* footer */
#footer div.nav-footer {float:left;}
#footer ul {color:#a7a7a7;font-size:1em;float:left;width:400px;font-size:0.9em;}
#footer li {margin:0 0 0 3px;padding:0 4px 0 0;float:left;background:url(footer-link-bg.gif) no-repeat right center;}
#footer li.first {margin-left:0;}
#footer li.last {background:none;}
#footer div.brand {float:right;color:#a7a7a7;}
#footer div.brand p {margin-bottom:4px;}
#footer div.brand a.first {margin-right:32px;}
#footer a {text-decoration:none;color:#a7a7a7; }
#footer a:hover {text-decoration:underline;}
/* footer end */