body { font-family:"Georgia","Arial"; background-color:#1D1D20; color: #BBB; margin: 0; line-height: 22px; padding: 0;}

a {text-decoration: none; color: #5C72D1;}
a:visited {}
a:active {}
a:hover {color: #859Cff;}

img {border: 0px;}

ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden;}

h1 {text-shadow: #111111 2px 2px 2px;}
h2 {text-shadow: #111111 2px 2px 2px;}

/* css3 stuff*/
div#header { -moz-box-shadow: 0 0 15px 0 #101010; -webkit-box-shadow: 0 0 15px 0 #101010; box-shadow: 0 0 15px 0 #101010;}
div#footer{ -moz-box-shadow: 0 0 15px 0 #101010; -webkit-box-shadow: 0 0 15px 0 #101010; box-shadow 0 0 15px 0 #101010;}

.wrap{width: 800px; margin: 0 auto;}

div#header { border-bottom: 1px solid #444; padding: 0px 0px; position: static; top: 0; background-color: #101010;width: 100%;}
div#header .logo {font-size: 40px; position: relative; top: 15px;}
div#header ul {font-weight: bold; font-size: 15px; float: right; margin: 49px 0 0 0;}
div#header ul li {float: right; padding: 0 8px 1px 8px; border-right: 1px solid #444;}
div#header ul li a { color: #777;}
div#header ul li a:hover { color: #5C72d1;}

div#footer{ font-size: 12px;background-color: #101010; color: #333; min-height: 100px; border-top: 1px solid #444; padding: 40px 0px; text-align: center;}
div#footer div.footer_text { clear: both;}
div#footer ul { list-style-type: none; margin: 0 auto; padding: 0; overflow: hidden; width: 400px;}
div#footer ul li { float: left; margin: 0px 20px 20px 20px;}

img.header {margin-left: -17px;}

/* Intro Stuff */
div#intro_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #111; z-index: 5000;}
div#intro_box {display: none; position: relative; margin: 10px auto; width: 840px; height: 500px; overflow: hidden;}
div#intro_box a.center {width: 400px;}
div#intro_box a.enter {text-decoration: underline; color: #777; display: block; width: 120px; font-size: 16px;}
div#intro_box img#acropolis {margin-top: -20px;}
.center {margin: 0 auto; display: block;}
/* End Intro Stuff */

div#body {padding: 15px 0px 20px 0px;}

ul.categories {position: relative; overflow: hidden;}
ul.categories li {float: left; margin: 0 15px 40px 15px; text-align: center;}
ul.categories li a {display: block; font-weight: bold; font-size: 22px; text-shadow: #111 2px 3px 3px;}
ul.categories li a.highlight, ul.categories li a:hover { color: #CCC;}

ul.product_list li { width: 100%; overflow: hidden; border-bottom: 1px dashed #333;}
ul.product_list li div.image {float: left; text-align: center; width: 230px; border-right: 4px solid #333; padding: 30px;}
ul.product_list li div.text {float: left;padding: 30px 0px 30px 30px; width: 476px;}
ul.product_list li div.text div.title {font-size: 32px; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold; border-bottom: 1px dashed #aaa; line-height: 34px; color: #5C72D1;}
/* css3 stuff */
ul.product_list li div.image img{ -moz-box-shadow: 0 0 15px 0 #000; -webkit-box-shadow: 0 0 15px 0 #000; box-shadow 0 0 15px 0 #000;}

#headingbg { background: #000000 /*url('/images/logo-small.png') no-repeat left 2px*/;width: 100%; position: fixed; top: 0; height: 36px; border-bottom: 1px solid #333;}
#heading { font-weight: bold; padding: 6px 0; border-bottom: 1px solid #333; width 100%; font-size: 24px;}
#heading.float { position: fixed; z-index: 2000; margin: 0 auto; top: 0; background: transparent; width: 800px; border-bottom: 0px;}