/*
-------------------------------------------
(c) 2004 creativetemple all rights reserved
-------------------------------------------
http://www.creativetemple.com
-------------------------------------------
*/



body
	{
	margin: 0;
	padding: 0;
	background: #E6E6E2 url(img/bg-fade.jpg) no-repeat 50% -20px;
	text-align: center;
	font: 11px/1.6em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;

	color: #554;
	}
table { empty-cells: show }

a:link {color: #D6B32A}
a:visited {color: #D6B32A}
a:hover {color: #3F5497}
a:active {color: #D6B32A}
td
{
	font: 11px/1.6em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	color: #554;
}

#main
	{
	width: 700px;
	margin: 35px auto;
	text-align: left;
	background: url(img/main.gif) repeat-y 0 0;
	}
	#content
	{
	display: inline;
	margin-left: 34px;
	width: 650px;
	float: left;
	}
	#side
	{
	display: inline;
	float: right;
	clear:left;
	width: 230px;
	margin-left: 25px;
	background: transparent url(img/navhead.gif) no-repeat left top;
	}

	#inner
	{
	padding-top: 110px;
	width: 700px;
	background: transparent url(img/inner.gif) no-repeat 0 0;
	margin-bottom: 10px;
	}
#top
	{
	height: 28px;
	width: 700px;
	background: url(img/top.gif) no-repeat 0 0;
	}
.imge
	{
	border: none;
	padding:5px;
	float:left;
	}

img
	{
	border: none;
	padding:5px;

	}
img a
	{
	border: none;
	padding:5px;

	}
	.err{
	color:#CC0000;
	}
#footer
	{
	margin: 30px 4px 0 4px;
	background: #2c2c2b url(img/footID.gif) no-repeat right;
	}

#footer p
	{
	font-size: xx-small;
	color: #fff;
	padding: 4px 0 4px 30px;
	margin: 0;
	}

#footer p a
	{
	color: #fff;
	font-weight: bold;
	}

#footer p a:hover
	{
	color: #CC0000;
	border: none;
	}
	.clear
	{
	clear: both;
	}
h1,
h2
	{

	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #CC0000;
	/*border-bottom: 1px solid #EAC9C9;*/
	}
	H2 a:link{
	color:#888;
	font: 11px/1.6em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	font-weight:normal;
	}
	H2 a:hover{
	color:#000;
	}

h3
	{
font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #ffffff;
	margin-top:19px;
	margin-bottom:9px;
	}

h4
	{
	font-size: 90%;
	margin: 0 0 0.4em 0;
	padding: 0.3em 0 0 0;
	}
	.newtitle{
	font-size:1.5em;
		font-weight:bold;
	color:#000000;
	}
.newtitleG{
font-size:1.5em;
	font-weight:bold;
color:#666666;
}
form{
background: #F4F4EF url(img/form_bg.gif) repeat;
	}
	textarea
	{
	margin: 8px 0;
	width: 100%;
	border: 1px solid #ccb;
	padding: 3px;
	background: #fff;
	font: x-small monaco, courier, sans-serif;
	color: #554;
	outline: none;
	}

/* NAVIGATION*/



#nav {
	background-image: url(img/nav.gif);
	height: 52px;
	width: 170px;
	margin-left: 490px;
	background-repeat: no-repeat;
}

#nav ul {

 list-style: none;

 padding: 0;

 margin: 0;

}

#nav ul li {

 float: left;

}

#nav ul li a {

 display: block;

 height: 52px;

 text-indent: -5000px;

 border: 0;

}

a#navHome {width: 47px;}

a#navSupport {width: 55px;}

a#navUpgrades {width: 59px;}

/*a#navAbout {width: 52px;}

a#navContact {width: 45px;}*/



a#navHome:hover {background: transparent url(img/nav.gif) 0 -52px no-repeat;}

a#navSupport:hover {background: transparent url(img/nav.gif) -47px -52px no-repeat;}

a#navUpgrades:hover {background: transparent url(img/nav.gif) -102px -52px no-repeat;}

/*a#navAbout:hover {background: transparent url(img/nav.gif) -164px -52px no-repeat;}

a#navContact:hover {background: transparent url(img/nav.gif) -216px -52px no-repeat;}*/

/* RIGHT NAV LINKS */
#side ul
	{
	margin: 18px 0 0 0;
	padding: 0;
	border-top: 1px solid #EAC9C9;
	width: 200px;
	}

#side ul li
	{
	display: block;
	width: 200px;
	list-style: none;
	height: 2.3em;
	font: x-small/2.3em verdana, sans-serif;
	margin: 0;
	border-bottom: 1px solid #EAC9C9;
	padding: 0;
	background: url(img/arrow-01.gif) no-repeat 2px 50%;
	}

#side ul li a
	{
	display: block;
	width: 188px;
	padding-left: 12px;
	height: 2.3em;
	color: #776;
	}

#side ul li a:hover
	{
	background: #F4F4EF url(img/arrow-01.gif) no-repeat 4px 50%;
	color: #443;
	}

#side ul li a:active
	{
	background: #e3e3de url(img/arrow-01.gif) no-repeat 4px 50%;
	color: #000;
	}

#side ul li.active a
	{
	font-weight: bold;
	color: #443;
	background: #F4F4EF url(img/arrow-01.gif) no-repeat 4px 50%;
	cursor: default;
	}
	#side ul li.mortar a
	{
	font-weight: bold;
	color: #443;
	background: #F4F4EF url(img/mortar.gif) no-repeat 160px 50%;
	cursor: default;
	}
	#side ul li.medal a:link
	{
	font-weight: bold;
	color: #443;
	background: #F4F4EF url(img/medal.gif) no-repeat 160px 50%;
	cursor: default;
	}
	/* Side Box*/
#boxad
	{

	background: #fff url(img/sidebox_bg.gif) no-repeat fixed center;

	height:289px;

	text-align: left;
	text-indent:16px;
	}
	.boxinner
	{
		font: 9px/1.6em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;

	background: transparent url(img/sidebox_bg.gif) no-repeat 0 0;
	padding-top:12px;
	padding-left:14px;
	padding-right:14px;
	text-align:left;
	height:295px;
	}

.boximg
	{
	border: none;
	padding:5px;
	margin-right:8px;
	margin-top:8px;
	float:right;
	}

	img.box
{
float:right;
left:0px;
top:0px;
margin:3px;
}
#Shopitems
	{
	border: 1px solid #930909;
	padding:5px;
	margin:2px;
	background-color:#eee;
	width:295px;
	height:215px;
	float:left;
	}
	.ShopPrice
	{
	color:#000;
	font-weight:bold;
	font-size:1.2em;
	}
	#Cart
	{
	border: 1px solid #930909;
	padding:5px;
	margin:2px;
	background-color:#eee;
	width:93%;
	height:90px;
	float:left;
	}
#billbox
	{
	border: 1px solid #930909;
	padding:5px;
	margin:2px;
	background-color:#eee;
	width:93%;

	float:left;
	}
#billingheads{
	background:#fff url(img/titleBg.gif);
	color:#FFFFFF;
	font-weight: bold;
	font-size: 1.3em;
	height:21px;
	width:98%;
}

.adverts
	{
	width: 230px;
}

.newtitle {	font-size:1.5em;
		font-weight:bold;
	color:#000000;
}
.newtitleG {font-size:1.5em;
	font-weight:bold;
color:#666666;
}
