/* CSS Document */

body, html {
	margin: 0 0 0 0;
}

body {
color:#000000;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
background: #F48C0F repeat-x url(img/bg.jpg);
text-align: center;
}

a,  a:link, a:visited {
	color:#E64A00;
	font-weight: bold;
	text-decoration:none;
}
a:hover {
	color:#FFF;
	font-weight: bold;
	text-decoration: underline;
}
a:focus {
	color: #E64A00;
	font-weight: bold;
}
a:active {
  	color: #E64A00;
	font-weight: bold;
}
#container {
position:relative;
width: 900px;
border: 3px solid #000000;
margin: 5px auto 10px auto;
padding: 0;
text-align:left;
overflow:hidden;
}

#introcontainer {
position:relative;
width: 675px;
border: 3px solid #000000;
margin: 5px auto 10px auto;
padding: 0;
text-align:left;
}

.navcolumn {
width: 185px;
padding: 170px 0 5px 0;
background: #F47A00 url(img/navbg.jpg) no-repeat;
vertical-align:top;
text-transform:uppercase;
}

.introcontent {
width: 675px;
padding: 170px 50px 40px 50px;
background: #F48D0D url(img/mainbg.jpg) no-repeat;
vertical-align:top;
text-align: left;
}

.introindent {
padding-left: 200px;
}


.content {
width: 610px;
padding: 170px 90px 5px 20px;
background: #F48D0D url(img/mainbg.jpg) no-repeat;
vertical-align:top;
}

/* navigation */

#button, #m4g {
width: 160px;
padding: 0;
margin: 0;
}

#m4g {
font-size:10px;
text-align:center;
padding: 40px 0 20px 10px;
}


#buttoninset {
width: 145px;
padding: 0;
margin: 0;
}


#button a, #buttoninset a {
display: block;
color: #fff;
font-weight: bold;
font-size: 14px;
text-decoration: none;
width: 100%;
padding: 2px 0 2px 10px;
}

#buttoninset a {padding-left: 25px; font-size: 10px;}

#button a:hover, #buttoninset a:hover {
padding-left: 10px;
background: #F48D0D;
}

#buttoninset a:hover {padding-left: 25px; font-size: 10px;}



/*  Page Styling */

#packshot {
margin: 0 10px 10px 0;
border: 2px solid #000000;
float: left;
}

.producttitle {
font-family: "Kidprint", "Comic Sans MS", fantasy, Arial ; 
font-size: 22px;
font-weight:bold;
}

.price, .price p {
font-size: 16px;
font-weight:bold;
margin: 0;
padding: 0;
}

.genre {
text-align: left;
font-size: 12px;
font-weight:bold;
padding: 0;
margin: 10px 10px 0 0;
}

.description {
clear: left;
margin: 10px 0 20px 0;
font-size: 14px;
}

.copyright {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
margin: 0 0 15px 0;
padding: 0;
}

#videopanel {
	border: 2px solid #000000;
	margin: 10px auto 20px auto;
	background: #F48F06;
	padding: 5px;
	font-weight:bold;
	clear:both;
	height: 300px;
	width: 330px;
	vertical-align: bottom;
	text-align: center;
}

.minimumreq {
border: 2px solid #000000;
margin: 10px 0 20px 0;
background: #F48F06;
padding: 5px;
font-weight:bold;
clear:both;
}

#rating { 
margin: 32px 10px 10px 0;
border: 2px solid #000000;
float: right;
}

.screenshotpanel {
border: 2px solid #000000;
background: #F48F06;  #FDE801; */
margin: 10px 0 20px 0;
padding: 0;
font-weight:bold;
}

.screenshots {
border: 2px solid #000000;
margin: 12px 10px 3px 10px;
}

.morescreenshots {
margin: 2px 0 3px 0;
padding: 0 10px 2px 10px;
text-align: center;
 
}

.morescreenshots a {
font-size: 12px;
color:#000000;
text-decoration: none;
}

.morescreenshots a:hover {
color:#FFFF00;
background-color: #000000;
text-decoration: none;
}

#sitedesign {
color:#9F5400;
font-size: 9px;
text-decoration: none;
padding: 0 0 15px 0;
}

#sitedesign a {
color:#9F5400;
text-decoration: none;
}

#sitedesign a:hover {
color:#9F5400;
text-decoration: underline;
}


#buybutton {
width: 320px;
padding: 0;
margin: 0;
}

#buybutton a {
display: block;
color: #fff;
font-weight: bold;
font-size: 14px;
text-decoration: none;
width: 100%;
padding: 2px 0 2px 2px;
}

#buybutton a:hover {
padding-left: 2px;
background: #F48D0D;
}

/*
#menuOrder {
font-size:9px;
color: #F48D0D;
padding-left:23px;
text-decoration:underline;
}

#menuOrder a, a:link, a:visited {
display: inline;
font-weight: normal;
font-size: 9px;
width:auto;
padding: 0;
text-decoration:underline;
}

#menuOrder a:hover {
padding: 0;
color: #fff;
text-decoration:underline;
}

#menuOrder .cssOrderDate{
font-size:9px;
color: #F48D0D;
padding-left:23px;
text-decoration:underline;
}

#menuOrderSelected a, a:link, a:visited  {
display: inline;
font-weight: normal;
font-size: 9px;
width:auto;
padding: 0;
color: #FFF;
text-decoration:underline;
}

#menuOrderNOTSelected a, a:link, a:visited  {
display: inline;
font-weight: normal;
font-size: 9px;
width:auto;
padding: 0;
color: #F48D0D;
text-decoration:underline;
}
*/