/*================================================

-Css Document;
-- 1.1 Reset the styles.
--1.2 Default styles of the links, colors etc.
--1.3 General layout
-2.0 Header
--2.1 Logo
--2.2 Nav menu
--3.0 Content
--4.0 Footer
================================================*/
/*================================================
1.1 Reset the styles.
================================================*/
html { height: 100%; max-height: 100%; padding: 0; margin: 0; border: 0; }

body { height: 100%; max-height: 100%; padding: 0; margin: 0; border: 0; color: #9da9af; font: 75% Arial, Helvetica, sans-serif; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { font-family: Arial, Helvetica, sans-serif; }

div, dl, dt, dd, ul, ol, li, legend, input, button, textarea, p, blockquote, th, td { line-height: 1.4em; word-spacing: 0.04em }

a, a:link, a:focus, a:hover, a:active { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

input[type=radio], input[type=checkbox] { vertical-align: middle; margin: 0; }

address, caption, cite, code, dfn, em, th, var, optgroup { font-style: inherit; font-weight: inherit; }

del, ins { text-decoration: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

sup { vertical-align: baseline; }

sub { vertical-align: baseline; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; padding: 0; margin: 0; }

input:focus, textarea:focus { outline: none }

/*================================================
1.2 Default styles of the links, colors etc.
================================================*/
body { background: #000 url(../images/bg/body-bg.jpg) repeat top center; background-color:#000000; }

fieldset { margin: 0px; padding: 0px; border: none; }

p { padding: 10px 0px 5px 0px; }

/* Clearfix */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 }

.clearfix { display: inline-block; }

.clear { clear: both; }

.alignLeft, .floatLeft { float: left; clear: none!important; }

.alignRight, .floatRight { float: right; }

button { border: 0px; cursor: pointer; }

a, a:link, a:visited { color: #04cbed; font-size: 1em; /*background-color: inherit;*/ text-decoration: none; }

a:visited { text-decoration: none; }

a:hover, a:visited:hover { color: #04cbed; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { color: #fff; }

h1 { font-size: 2em; font-weight: normal; line-height: 25px }

h2 { font-size: 1.25em; font-weight: bold; }

h3 { font-size: 1.333em; }

h4 { font-size: 1.333em; display: block; font-weight: normal; }

h5 { font-size: 1.333em; }

.hidden { display: none; }

.align-center { text-align: center; }

.align-right { text-align: center; }

.align-left { text-align: center; }

label { display: block; font-size: 12px; }

.clear { font-size: 0px; line-height: 0px; }

.clearnone { clear: none!important }

.textarea, textarea { width: auto; padding: 0px; color: #666; font-size: 12px; font-weight: normal; border: 0px solid #4A4A4A; }

/* change */
.inputbox, input[type="text"], input[type="password"] { width: auto; font-size: 12px; line-height: 14px; font-weight: normal; vertical-align: middle; border: 0; }

/* Default layout of select boxes */
select { font-family: Arial, Helvetica, sans-serif; padding: 0px 0px 0px 2px; font-weight: normal; vertical-align: middle; border: 1px solid #48545c; }

select option { padding: 0px 0px 0px 2px; }

.radiobutton { display: inline; float: left; margin-right: 7px; vertical-align: middle; }

/*================================================
1.3 General layout
================================================*/
#wrapHeader { margin: 0px; padding: 0px 0px 0px 0px; height: 278px; width: 912px; margin: 0 auto; position: relative; top: 0px; z-index: 10; }

#globalContainer { padding: 0px 0px 50px; min-height: 100%; max-width: 2000px; min-width: 960px; margin: 0 auto; background: url(../images/bg/footer-bg.jpg) no-repeat bottom center; }

#wrapper { overflow: hidden; min-height: 700px; padding: 0px 0px 15px; background: url(../images/bg/space-bg-2.jpg) no-repeat top center; }

#wrapContent { clear: both; position: relative; z-index: 1; overflow: hidden; width: 912px; margin: -15px auto 0px auto; padding: 0px 0px 0px 0px; }

#footer { width: 912px; margin: 0 auto; overflow: hidden; padding: 0px 0px 20px 0px }

/*================================================
2.0 Header
================================================*/
#wrapHeader a { text-decoration: none!important; }

.ship { background: url(../images/bg/ship.png) no-repeat top center; position: absolute; z-index: 20; top: 87px; left: 191px; width: 44px; height: 75px; }

.block-screen li { float: left; list-style-type: none; height: 98px; padding-right: 4px; }

.block-screen li.last-item { padding-right: 0px; }

.block-screen li a:hover img { border: 1px solid #12c8ed; width: 141px; }

.block-screen li a img { border: 1px solid transparent; width: 141px; }

/*================================================
2.1 Logo
================================================*/
#logo { display: block; width: 511px; margin: 0 auto; }

.battle-logo { padding-top: 20px; position: relative; width: 912px; margin: 0 auto; }

#logo span { display: block; overflow: hidden; width: 511px; height: 0px; padding-top: 155px; background: url(../images/gratuitous-space-battless.png) no-repeat left top; z-index: 100; }

/*================================================
2.2 Nav menu
================================================*/

#nav { height: 54px; padding: 0px 0px 0px 218px }

#nav ul { padding: 8px 0px 0 0; overflow: hidden; }

#nav li { list-style-type: none; float: left; padding: 0px 0px 0px 3px }

#nav li a { color: #fff; font-size: 2em; display: block; float: left; text-transform: uppercase; padding: 9px 13px 0px 13px; height: 28px; }

#nav li a:hover, #nav .current-item a { background: #00dbff; color: #003945; }

#nav li a, #nav li a:hover, #nav li a:visited { text-decoration: none; }

#buy-nav { height: 49px; position: absolute; bottom: 1px; width: 594px; padding-left: 94px; left: 100px; background: url(../images/nav-space.png) no-repeat top center; }

#buy-nav li { list-style-type: none; float: left; height: 49px; }

#buy-nav li.demo a, .d-l-c a { color: #000; font-size: 2em; font-weight: bold; text-transform: uppercase; background-color: inherit;}

#buy-nav li.demo a { padding: 0px 0px 0px 60px; }

#buy-nav li.demo a:hover, .d-l-c a:hover { color: #fff; }

#buy-nav li.demo, #buy-nav li.d-l-c { width: 112px; padding-top: 4px; height: 45px; }

#buy-nav li.buy-now { width: 261px; cursor:pointer; }

#buy-nav li.d-l-c { padding-left: 20px; }

#buy-nav li.buy-now:hover { background: url(../images/nav-space.png) no-repeat -207px bottom; }

#buy-nav li.buy-now a { font-size: 29px; height: 39px; padding: 10px 0px 0px 18px; width: 243px; text-decoration: none!important; font-weight: bold; text-align: center; color: #fff; display: block; background: url(../images/bg/buy-now-bg.png) no-repeat 45px 5px; }

#buy-nav li.buy-now a:hover { background: url(../images/bg/buy-now-bg.png) no-repeat 45px -40px; }

/*================================================
3.0 Content
================================================*/
.salesfigure { color: #fff; font-size: 16px; text-transform: uppercase; font-weight: bold;text-align: center;padding: 21px 0 0 0;}

.main-block { overflow: hidden; padding: 10px 0px 30px; background: url(../images/bg/title-bg.png) repeat-x bottom center; }

.main-block-600, .main-block-445, .main-block-290 { float: left; }

.main-block-600 { width: 600px; }

.main-block-445 { width: 445px; }

.main-block-290 { width: 290px; }

.main-block-quoteauthor { color: #04cbed; }

.float-right { float: right!important; }

.title h1, .title h2, .title h4 { color: #fff; font-size: 2em!important; font-weight: normal; background: url(../images/elem/add-elem.png) no-repeat left 5px; text-transform: uppercase; padding: 0 0 0 21px; }

.title { background: url(../images/bg/title-bg.png) repeat-x bottom center; padding-bottom: 8px; }

.grid-center { margin-left: 25px; }

input.mail-inp { color: #fff; height: 24px; padding: 2px 0px 0px 5px; vertical-align: top; float: left; width: 256px; border: 1px solid #2c363d; border-right: 0px!important; background: transparent; }

input.next-btn { vertical-align: top; float: left; display: block; background: url(../images/elem/next-btn.png) no-repeat top center; border: 0px; width: 28px; height: 28px; cursor: pointer; font-size: 0px; }

input.next-btn:hover { background-position: center bottom; }

input.mail-inp-demo { color: #fff; height: 24px; padding: 2px 0px 0px 5px; vertical-align: top; float: left; width: 356px; border: 1px solid #2c363d; border-right: 0px!important; background: transparent; }

input.next-btn-demo { vertical-align: top; float: left; display: block; background: url(../images/elem/next-btn.png) no-repeat top center; border: 0px; width: 28px; height: 28px; cursor: pointer; font-size: 0px; }


p.wh-title { color: #fff; clear: both; padding: 2px 0px 7px 0px; }

.video-holder { padding: 10px 0px; }

.date { color: #48545c; font-size: 0.917em; display: block; }

.read-more { float: right; }

.article-holder { padding: 10px 0 0 0; font-style: italic; min-height: 85px; }
.threestages  { padding: 10px 0 0 0; font-style: italic; min-height: 85px; color: #ff545c;}

/*================================================
3.1 Featured
================================================*/

.feature-block { background: url(../images/bg/featured-bg.png) no-repeat bottom center; margin: 0 auto 15px; width: 911px; height: 380px; }

.feature-block .position { margin: 0 auto; width: 883px; padding-top: 12px; }

/*================================================
3.2 Image Blocks
================================================*/

.image-more, .image-more a { position: relative; display: block; width: 289px; height: 148px; }

.image-more a span { background: url(../images/elem/next-btn.png) no-repeat top center; right: 0px; text-indent: -9999px; position: absolute; bottom: 0px; width: 28px; display: block; height: 28px; }

.image-more a:hover span { background-position: left bottom; }

/*================================================
4.0 Footer
================================================*/
#footer ul.footer-menu { clear: left; list-style-type: none; float: left; display: inline; }

.logo-holder { background: url(../images/positech-games.jpg) no-repeat bottom center; width: 203px; height: 25px; margin: 0 auto; }

#footer ul.footer-menu li { list-style-type: none; font-size: 0.917em; padding-right: 8px; margin-right: 8px; background: url(../images/bg/line.gif) no-repeat right center; float: left; display: inline; }

#footer ul.footer-menu li a { font-size: 0.917em; color: #00ffff; }
#footer ul.footer-menu li.current-item a{color: #00ccff;}
.foot-site, #footer ul.footer-menu { padding: 10px 0 0 0; }

.foot-site { float: right; font-size: 0.917em; }
.foot-site span {float: right; display: block;}
#footer .main-block { padding: 0px 0px 14px 0px; }

#footer ul.footer-menu li.last-item { background: none; }

a.fully-illustrated { background: url(../images/fully-illustrated.png) no-repeat bottom right;color: #00ccff; margin-top: -1px; line-height: 17px; display: block; float: right; padding: 0px 37px 0px 5px; }

/*================================================
5.0 Base
================================================*/

.base-top { background: url(../images/bg/content_strip_top.png) bottom center; margin: 0 auto 0px; width: 911px; height: 10px;}
.base-top .position { margin: 0 auto; width: 883px; padding-top: 12px; }
.base-block { background: url(../images/bg/content_strip.png) bottom center; margin: 0 auto 0px; width: 911px;}
.base-block .position { margin: 0 auto; width: 883px; padding-top: 12px; }
.base-bot { background: url(../images/bg/content_strip_bottom.png) bottom center; margin: 0 auto 0px; width: 911px; height: 10px;}
.base-bot .position { margin: 0 auto; width: 883px; padding-top: 12px; }
.highlighted {color:#dddddd; font-weight:bold;}
.price{font-size: 22px;font-weight: bold;text-decoration: none;color: #FFFFFF;padding:6px;}
.framedimage {border: 1px solid #00aaaa;}
.blacktext{color:#444444; font-weight:bold;font-size: 18px;}