@import url("vgmx_reset.css");

/* start main style */
body { color: #ccc; font-size: 1em; font-family: Tahoma, Arial, Helvetica, sans-serif; background: #000 url(images/vgmx_pagebk.png) repeat-x center top; }
a, a:visited, a:active, a:link { color:#FF0000; text-decoration: none; }
a:hover { text-decoration: underline; color: #FFCC00; }
img { border: none; }
.center { text-align: center; }
h3 { display: block; margin: 25px 0 0 0; padding: 0 10px 0 64px; height: 74px; line-height: 74px; color: #FFCC00; font-size: 1.3em; font-weight: bold; background: url(images/vgmx_h3bk2.png) no-repeat left top; }

/* masthead area */
#masthead { display: block; margin: 0px auto; width: 960px; height: 271px; background: url(images/vgmx_masthead.jpg) no-repeat center top; }
#masthead h1 { display: block; padding: 0 0 0 317px; width: 324px; height: 200px; text-indent: -9999px; }
#masthead h1 a { display: block; padding: 0; width: 324px; height: 200px; text-indent: -9999px; }

/* flash navigation div */
#flashnav { display: block; margin: 0px auto; width: 960px; height: 66px; background: url(images/vgmx_navbk.png) no-repeat center top; }

/* main content area */
.main { display: block; margin: 0px auto; width: 940px; }
.main p { display: block; margin: 5px; padding: 5px; }
.main p img { padding: 0 10px; }

/* preorder */
.preorder { display: block; margin: 0px auto; width: 920px; }
.preorder p { padding-bottom: 20px; }
.preorder label { display: block; margin-bottom: 5px; padding-right: 20px; width: 440px; height: 20px; line-height: 20px; text-align: right; float: left; }
.preorder .textfield { display: block; margin-bottom: 5px; padding: 3px 3px 0 3px; width: 200px; height: 17px; float: left;}
.preorder br { line-height: 2em; }
.preorder select { display: block; margin-bottom: 5px; float: left; }

/* carousel styles */
#carouseldiv { display: block; margin: 0px auto; width: 940px; }
#cwrapper { display: block; margin: 0px auto; width: 940px; height: 132px; background: url(images/vgmx_carouselbk.png) no-repeat top center; } 
.carousel { display: block; margin: 0px auto; padding: 13px 0 0 0; width: 920px; height: 87px; }
.prev, .next { display: block; margin: 0; padding: 0; width: 50px; height: 32px; border: 0px solid #000; float: left; }
.prev { background: #000 url(images/vgmx_prev.png) no-repeat top; }
.next { background: #000 url(images/vgmx_next.png) no-repeat top; }
.prev:hover { background: #000 url(images/vgmx_prev.png) no-repeat bottom; }
.next:hover { background: #000 url(images/vgmx_next.png) no-repeat bottom; }

/* footer styles */
#footer { display: block; margin: 0px auto; padding: 20px; width: 920px; background: #000 url(images/vgmx_footerbk.png) no-repeat top center; }
#footerlinks { display: block; padding: 0 10px 10px 70px; }
#footerlinks ul { font-size: 0.8em; }
#footerlinks li { display: block; float: left; }
#footerlinks li a { display: block; padding: 5px 10px 5px 10px; color: #fff; }
#footerlinks li a:hover { background-color: #AE0000; text-decoration: none; }
#footer p { display: block; padding: 10px 10px 0 10px; font-size: 0.8em; text-align: center; }
.copyright { display: block; padding-top: 20px; color: #FFCC00; clear: left; }