/************************************************************************  
*   Name:	GamersGFX 2.0
*   Web:	http://www.gamersgfx.com
*   Email:	support@gamersgfx.com
*   Copyright: 2009 GamersGFX 
*************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

:focus {outline: 0;}
body {line-height: 1;color: black; background: white; }
ol, ul {list-style: none;}

table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* After the Reset */
body { margin:0;font:75% Arial, Helvetica, sans-serif; background:#131313 url(/images/bg.jpg) repeat; color:#ccc;}
a{ color:#009cff; text-decoration:underline;}
a:hover{ text-decoration:none;}
a, object {outline:none;}
strong {font-weight:bold; color:#000;}
img { border:none;}

h1 { font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; color:#cc0000; font-weight:normal;}
h2, h3, h4, h5 {color:#222; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; }

/* Classes */
.small {font-size:0.8em;}
.clearer { clear:both;}
.highlight { color:#009cff;}
.req { color:#cc0000;}

/* Alignment Stuff */
.alignCenter { text-align:center;}
.alignLeft { text-align:left;}
.alignRight { text-align:right;}
.floatLeft { float:left;}
.floatRight { float:right;}

div.warning {text-align:center; position:fixed; bottom:0; width:100%; padding:5px 0; background:#BF0000;  color:#fff; border-top:2px solid #FF0000; font-size:1.1em;}
div.warning a, div.warning strong {color:#fff;}

/* Container Stuff */
div#bodyContainer { width:100%; background:url(/images/outerbg.jpg) repeat-x center top;}
div#pageContainer { width:990px; margin:0 auto;}

div#headerContainer { width:990px; height:140px; margin:0 auto;}
div#headerContainer .logo{ width:245px; height:90px; float:left; margin:0 0 0 10px;}
div#headerContainer .topNavigation { width:400px; float:right; margin:38px 20px 0 0; text-align:right;}
div#headerContainer .topNavigation li{ list-style:none; display:inline;}
div#headerContainer .topNavigation li.divider{ margin:0 10px}
div#headerContainer .topNavigation li a{ color:#cbcbcb; text-decoration:none;}
div#headerContainer .topNavigation li a.on { color:#fff; border-bottom:1px solid #36A2E9;}
div#headerContainer .topNavigation li a:hover{ color:#fff;}

div#navigation { clear:both; width:990px; height:50px; background:url(/images/navbar.png) no-repeat;}
div#navigation ul {width:740px; margin:14px 0 0 20px; line-height:22px; height:26px; text-align:center; float:left;}
div#navigation ul li{ display:inline; position:relative; float:left; margin:0 0; padding:0 14px; height:26px; }
div#navigation ul li.divider { width:2px; height:26px; padding:0; margin:0 4px; background:url(/images/navdiv.jpg) no-repeat;}
div#navigation ul li a{ color:#cbcbcb; text-decoration:none;}
div#navigation ul li a:hover{ color:#fff;}
div#navigation ul li.on{background:url(/images/navon.jpg) no-repeat top left;}
div#navigation ul li.on span { position:absolute; right:0; top:0; width:12px; height:26px; background:url(/images/navon.jpg) no-repeat top right;}
div#navigation ul li.on a{ font-weight:bold; color:#009cff;}

form#searhForm { float:right; margin:18px 30px 0 0;}
form#searhForm input.tbx { width:165px; color:#666; background:none; border:none; vertical-align:middle; height:15px; float:left;}
form#searhForm input.btnSearch { border:none; cursor:pointer; width:15px; height:15px; background:url(/images/searchbtn.jpg) no-repeat top center; vertical-align:middle; margin:2px 0 0 0; float:left;}

div#footer { clear:both; width:970px; height:83px; margin:0 auto; margin-bottom:45px; background:url(/images/footer.png) no-repeat;}
div#footer .network {margin:13px 0 0 15px;}
div#footer .network li{margin:0 0 3px 0; height:18px;}
div#footer .network a{ color:#9e9e9e; text-decoration:none; padding:0 0 0 24px; height:18px; display:block;}
div#footer .network a.facebook { background:url(/images/icons_network.png) no-repeat 0 -0px;}
div#footer .network a.twitter { background:url(/images/icons_network.png) no-repeat 0 -19px;}
div#footer .network a.rssfeed { background:url(/images/icons_network.png) no-repeat 0 -38px;}
div#footer .network a:hover{ color:#fff;}

div#footer .notice{ text-align:right; color:#7F7F7F; margin:15px 15px 0 0;}
div#footer .notice a{ text-decoration:none; color:#fff;}
div#footer .notice a:hover{ text-decoration:underline;}
div#footer .notice ul ul li{ display:inline; padding:0 0 0 10px; margin:0;}
div#footer .notice ul li{margin:3px 0 0 0;}

/* Home layout Stuff */
div#featuredHome { width:990px; height:268px; clear:both; margin:0 auto;}

div.headingArea { width:640px; float:left; margin:18px 0 0 10px;}
div.headingArea h1{ font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-transform:uppercase; font-weight:normal; font-size:1.3em; padding:0 0 6px 0; margin:0; color:#fff;}
div.headingArea p{ padding:0; margin:0; color:#c2c2c2;}

div.advertArea { width:310px; float:right; margin:0 10px 0 0;}

div#homeColumns { width:970px; margin:0 auto; padding:15px 0; clear:both; overflow:hidden;}
div#homeColumns h2 {font:bold 1.5em "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; letter-spacing:-1px; color:#232323;}
div#homeColumns h3 { color:#646464; font-weight:normal; border-bottom:8px solid #f1f1f1;font:1.1em Arial, Helvetica, sans-serif; padding:0 0 8px 0}
div#homeColumns p{ margin:0; padding:10px 0 0 0; line-height:15px; font-size:1em;}
div#homeColumns img{ float:left; margin:10px 10px 0 0;}
div#homeColumns .columnDivider { width:20px; float:left; height:50px;}
div#homeColumns .column { width:310px; float:left; position:relative;}
div#homeColumns .column .top { width:310px; height:15px; background:url(/images/columntop.png) no-repeat;}
div#homeColumns .column .mid { background:#fff; color:#232323; padding:0 22px;}
div#homeColumns .column .btm { width:310px; height:35px; background:url(/images/columnbtm.png) no-repeat; }

/* Sub Layout */
div.pageBanner { width:970px; margin:0 auto; margin-top:3px;position:relative;}

div#contentArea { width:990px; margin:18px 0; overflow:hidden; color:#666;}
div#contentArea .contentTop, div#contentArea .contentBody, div#contentArea .contentBtm { width:990px; overflow:hidden;}
div#contentArea .contentTop{ height:20px; background:url(/images/content_ends.png) no-repeat 0 0;}
div#contentArea .contentBody {background:#fff url(/images/content_bg.png) repeat-y scroll -10px 0; margin:0 auto; width:970px;}
div#contentArea .contentBtm { height:32px; background:url(/images/content_ends.png) no-repeat 0 -20px;}

div#contentArea .contentTopFull, div#contentArea .contentBodyFull, div#contentArea .contentBtmFull { width:990px; overflow:hidden;}
div#contentArea .contentTopFull { height:20px; background:url(/images/content_bgFull.png) no-repeat 0 0;}
div#contentArea .contentBodyFull {width:902px; margin:0 auto; padding:0 34px; background:#fff; }
div#contentArea .contentBtmFull { height:32px; background:url(/images/content_bgFull.png) no-repeat 0 -20px;}

div#contentArea .mainColumn { width:300px; float:left;}
div#contentArea .mainColumn .columnCopy{  width:270px; margin-left:32px;}
div#contentArea .mainColumn .adverts{ width:300px; margin:20px 0 0 18px;}
div#contentArea .mainCopy { width:580px; float:right; margin-right:30px;}

/* RSS Column Feed */
div#contentArea .mainColumn .columnforumFeed {  width:270px; margin:0px 0 0 32px;}
div#contentArea .mainColumn .columnforumFeed a{ text-decoration:none; color:#111;}
div#contentArea .mainColumn .columnforumFeed a:hover{ text-decoration:underline;}
div#contentArea .mainColumn .columnforumFeed h2{ font-size:1.4em;}
div#contentArea .mainColumn .columnforumFeed ul{width:270px; margin:0;}
div#contentArea .mainColumn .columnforumFeed ul li{background:url(/images/columnlidivider.jpg) repeat-x; padding:10px 15px; display:block; list-style:none; margin:0; overflow:hidden;}
div#contentArea .mainColumn .columnforumFeed .forumDate{padding:0; color:#4C4C4C; font-size:12px; letter-spacing:-1px; display:block;}

/* Page Formatting */
div#contentArea .mainCopy, div#contentArea .mainCopyFull, div#contentArea .mainColumn { line-height:17px; color:#505050; font-size:110%;}
div#contentArea .mainColumn {color:#050505;}
div#contentArea .mainColumn ul, div#contentArea .mainCopy ul, div#contentArea .mainCopyFull ul {margin:14px 0 0 16px; }
div#contentArea .mainColumn ul li, div#contentArea .mainCopy ul li, div#contentArea .mainCopyFull ul li{ list-style:disc; margin:0; padding:7px 0; background:url(/images/columnlidivider.jpg) top repeat-x;}
div#contentArea .mainColumn small { font-size:0.8em; line-height:normal;}

div#contentArea .mainColumn ul.contactList { margin:14px 0 0 0;}
div#contentArea .mainColumn ul.contactList li { list-style:none;}
div#contentArea .mainColumn ul.contactList li.forums a{background:url(/images/icons_network.png) no-repeat 0 -72px;}
div#contentArea .mainColumn ul.contactList li.facebook a{background:url(/images/icons_network.png) no-repeat 0 0;}
div#contentArea .mainColumn ul.contactList li.twitter a{background:url(/images/icons_network.png) no-repeat 0 -19px;}
div#contentArea .mainColumn ul.contactList li.email a{background:url(/images/icons_network.png) no-repeat 0 -55px;}
div#contentArea .mainColumn ul.contactList li a{ color:#222; padding:0 0 0 24px; height:18px; display:block; text-decoration:none; }
div#contentArea .mainColumn ul.contactList li a:hover{ color:#cc0000;}

div#contentArea .mainColumn h1 {font:normal 1.4em "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; margin:0; padding:5px 0 6px 0; color:#222; letter-spacing:-1px;}
div#contentArea .mainColumn h2 {font:normal 1.4em "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; margin:0; padding:5px 0 6px 0; letter-spacing:-1px;}
div#contentArea .mainColumn h3 {}
div#contentArea .mainColumn h4 {}
div#contentArea .mainColumn h5 {}

div#contentArea .mainCopy h1, div#contentArea .mainCopyFull h1{ line-height:normal; color:#cc0000; font-size:2em; letter-spacing:-1px; padding:0 0 20px 0;}
div#contentArea .mainCopy h1 em, div#contentArea .mainCopyFull h1 em { font-style:italic; color:#222;}
div#contentArea .mainCopy h2, div#contentArea .mainCopyFull h2{ font-size:1.4em; letter-spacing:-1px; margin:0 0 5px 0; font-weight:normal;}
div#contentArea .mainCopy h3, div#contentArea .mainCopyFull h3{ font-size:1.3em;}
div#contentArea .mainCopy h4, div#contentArea .mainCopyFull h4{ font-size:1.2em;}
div#contentArea .mainCopy h5, div#contentArea .mainCopyFull h5{ font-size:1.1em;}
div#contentArea .mainCopy p, div#contentArea .mainCopyFull p {margin:0; padding:4px 0 12px 0;}
div#contentArea .mainCopy hr, div#contentArea .mainCopyFull hr{height:1px; border-top:1px solid #e5e5e5;border-bottom:none; border-left:none; border-right:none; width:100%; margin:10px 0 10px 0; clear:both; padding:0;}
div#contentArea .mainCopy small, div#contentArea .mainCopyFull small{ font-size:0.8em;}
div#contentArea .mainCopy small, div#contentArea .mainCopyFull em{ font-style:italic;}

/* Form Stuff */
div#formColumn { width:332px; margin:20px 0 0 0;}
div#formColumn .step_block{ width:332px;}
div#formColumn .step_block div{ width:332px; height:71px; position:relative;text-indent:-99999px; }
div#formColumn .step_block div a{ width:332px; height:71px; text-indent:-99999px; display:block; position:absolute;}

div#formColumn .step_block #step1_On {background:url(/images/ordercolumn.jpg) no-repeat 0 0px;}
div#formColumn .step_block #step2_On {background:url(/images/ordercolumn.jpg) no-repeat 0 -71px;}
div#formColumn .step_block #step3_On {background:url(/images/ordercolumn.jpg) no-repeat 0 -142px;}

div#formColumn .step_block #step1 {background:url(/images/ordercolumn.jpg) no-repeat 0 0;}
div#formColumn .step_block #step2 {background:url(/images/ordercolumn.jpg) no-repeat 0 -284px;}
div#formColumn .step_block #step3 {background:url(/images/ordercolumn.jpg) no-repeat 0 -355px; height:73px;}

div#formColumn .step_block #step1_Check {background:url(/images/ordercolumn.jpg) no-repeat 0 -426px;}
div#formColumn .step_block #step2_Check {background:url(/images/ordercolumn.jpg) no-repeat 0 -497px;}
div#formColumn .step_block #step3_Check {background:url(/images/ordercolumn.jpg) no-repeat 0 0;}

form#Form { margin:0 auto;}
form#Form label { display:block; padding:0 0 0 8px; margin:0 0 4px 0; color:#5c5c5c; font-weight:bold; line-height:normal;}
form#Form label.checkbox { line-height:30px;} 
form#Form input.inputSmall{background:url(/images/input_small.jpg) no-repeat 0 0; border:none; height:35px; width:259px; padding:0 8px 0 8px; font-size:1.3em; color:#333;}
form#Form input.inputLarge{background:url(/images/input_large.jpg) no-repeat 0 0; border:none; height:35px; width:564px; padding:0 8px 0 8px; font-size:1.3em; color:#333;}
form#Form select.inputSelectLarge{background:#fff; border:1px solid #c9c9c9; width:580px; padding:5px; font-size:1.1em; color:#333; margin:0;}
form#Form textarea.inputtextArea {background:url(/images/textarea_input.jpg) no-repeat 0 0; border:none; width:560px; height:138px; padding:10px; font-size:1.3em; color:#333; font-family:Arial, Helvetica, sans-serif; }

/* Form Btns*/
form#Form input.nextStep { width:140px; height:42px; background:url(/images/cart_btn1.jpg) no-repeat; border:none; cursor:pointer;}
form#Form input.nextStep:hover {background:url(/images/cart_btn1.jpg) no-repeat 0 -42px;}
form#Form input.makepayment { width:140px; height:42px; background:url(/images/cart_btn1.jpg) no-repeat 0 -84px; border:none; cursor:pointer;}
form#Form input.makepayment:hover {background:url(/images/cart_btn1.jpg) no-repeat 0 -126px;}
form#Form input.sendform { width:140px; height:42px; background:url(/images/cart_btn1.jpg) no-repeat 0 -168px; border:none; cursor:pointer;}
form#Form input.sendform:hover {background:url(/images/cart_btn1.jpg) no-repeat 0 -210px;}

form#Form .form_error_text { color:#cc0000; font-weight:bold; padding:3px 0 0 8px; clear:both}
span.notice { background:#fffbd7; display:block; padding:12px; margin:6px 0 0px 0; clear:both; font-size:1em; border:1px solid #d4d1ba; -webkit-border-radius:8px; -moz-border-radius:8px;}
span.notice strong{ color:#505050;}

span.errorexits { background:#F9E5E6; display:block; border:1px solid #E8AAAD; color:#B50007;-moz-border-radius:6px; -webkit-border-radius:6px; font-size:0.8em; margin:6px 0 0 0; padding:7px; position:relative; line-height:16px;}
span.errorexits strong{ color:#B50007;}

label.checkbox span.holder{height:84px;background:url(/images/checkbox.jpg) 0 -1px no-repeat}
label.radio span.holder{height:84px;background:url(/images/radio.jpg) 0 0 no-repeat}
label.checkbox:hover span.holder,label.radio:hover span.holder{top:-28px !important}
label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder{top:-56px !important}
label.list{float:left;clear:left;margin:0 0 5px 0}
label.inline{float:left;margin:0 10px 0 0}
input.hiddenCheckbox{position:absolute;left:-10000px}
label.prettyCheckbox span.holderWrap{display:block;float:left;position:relative;margin-right:5px;overflow:hidden}
label.prettyCheckbox span.holder{display:block;position:absolute;top:0;left:0}

/* Reset the layout for the form */
div#contentArea .mainCopy form#Form ul { margin:0; padding:0;}

div#contentArea .mainCopy form#Form ul li {list-style:none; background:none; margin:0 0 2px 0; line-height:normal}
div#contentArea .mainCopy form#Form ul li.title {background:#1f1f1f; color:#fff; margin:10px 0 10px 0; padding:6px 8px 6px 8px; font:normal 1.1em "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; -webkit-border-radius:8px; -moz-border-radius:8px;}
div#contentArea .mainCopy form#Form ul li.title a small { font-size:0.8em; float:right;}
div#contentArea .mainCopy form#Form ul li.items { padding:4px 0 4px 8px;}
div#contentArea .mainCopy form#Form p { clear:both; font-size:0.8em; line-height:normal; padding:0 8px}

div#contentArea .mainCopy form#Form .stageArea { width:580px; height:115px; background:url(/images/stagearea.jpg) no-repeat 0 10px; margin:0 0 0 0;}
div#contentArea .mainCopy form#Form .stageArea h2 { line-height:normal; color:#cc0000; font-size:2em; letter-spacing:-1px; padding:0 0 0px 0;}
div#contentArea .mainCopy form#Form .stageArea p {padding:0; margin:0; color:#222; letter-spacing:-1px; font:normal 1.4em "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}

/* Portfolio Stuff */
div#contentArea div.portEntry { clear:both; overflow:hidden; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #eaeaea;}
div#contentArea div.portEntry h2.portfolioEntry {}
div#contentArea div.portEntry h5.portfolioEntry { font-size:1em;font-family:Arial, Helvetica, sans-serif; letter-spacing:0;}
div#contentArea div.portEntry img.imgThumb{margin: 0px 25px 0px 0px; float: left;}

/* Templates Stuff */
div#contentArea .templateBlock { width:288px; float:left; background:url(/images/templateimg_bg.jpg) no-repeat 0 11px; margin:8px 6px 0 6px; border-bottom:8px solid #e5e5e5}
div#contentArea .templateBlock h2{ margin:0; padding:0; width:267px; color:#000; margin:0 auto; margin-bottom:4px;  font:normal 1.3em "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
div#contentArea .templateBlock .templateImg { width:267px; height:172px; margin:0 auto; text-align:center; position:relative;}
div#contentArea .templateBlock .templateImg .imgIcon { position:absolute; bottom:4px; right:-1px; background:url(/images/templateimg_icon.png) no-repeat 0 0; width:44px; height:31px;}
div#contentArea .templateBlock .templateShortDesc { width:267px; margin:0 auto; line-height:14px;}

/* Projects */
div#contentArea .projectEntry { border-top:1px solid #e5e5e5; padding:15px 15px 25px 15px; margin:0; overflow:hidden; position:relative; background:url(/images/shaded_contenttop.jpg) repeat-x; }
div#contentArea .projectEntry h2{ font-size:1.6em; }
div#contentArea .projectEntry h2 span{ font-size:50%; font-style:italic; }
div#contentArea .projectEntry h3{ color:#cc0000; font-size:1.0em; padding:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #e5e5e5;}

div#contentArea .projectEntry ul{ float:left; border:none; margin:0 15px 0 0; padding:0;}
div#contentArea .projectEntry ul li{ list-style:none; border:none; background:none; padding:0; margin:0}
div#contentArea .projectEntry ul li.title { font-weight:bold; font-size:1.2em; padding:0 0 10px 0;}
div#contentArea .projectEntry ul li.bpoint {background:url(/media/images/bpoint.png) no-repeat 0 0; padding:0 0 3px 20px;}

div#contentArea .projectEntry table.progress { margin:0; position:absolute; top:25px; right:7px; width:240px; padding:0; vertical-align:top;}
div#contentArea .projectEntry table.progress tr{ margin:0; padding:0;}
div#contentArea .projectEntry table.progress tr td{ margin:0; padding:0;}
div#contentArea .projectEntry table.progress span.progressBar {overflow:hidden;}
div#contentArea .projectEntry table.progress span.progressBar img{}
div#contentArea .projectEntry table.progress span.percentText {color:#000; font-size:1.0em;}

/* Prices */
div#contentArea table.prices { width:100%; margin:10px 0 0 0;}
div#contentArea table.prices img{ vertical-align:middle;}
div#contentArea table.prices span.price{ color:#cc0000; font-size:1.1em; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
div#contentArea table.prices thead{ background:#1f1f1f; }
div#contentArea table.prices thead th {border-bottom:1px solid #fff;}
div#contentArea table.prices thead tr th{ padding:10px 5px; font-weight:bold; color:#fff;}
div#contentArea table.prices tr.Alternate { background:#F3F3F3;}
div#contentArea table.prices tr td{ padding:9px 5px; border-top:1px solid #ececec;}

div#contentArea table.prices tfoot { border-top:1px solid #ececec; overflow:hidden;}
div#contentArea table.prices tfoot tr td { padding:20px 0;}
div#contentArea table.prices tfoot tr a{ width:140px; height:40px; background:url(/images/btn_blue.png) no-repeat; border:none; cursor:pointer; float:right; line-height:38px; color:#fff; text-indent:20px; font-size:1.2em; text-decoration:none;}
div#contentArea table.prices tfoot tr a:hover {background:url(/images/btn_blue.png) no-repeat 0 -42px;}


/* Search Results */
div.searchresult { margin:5px 0; border-bottom:1px solid #e5e5e5; padding:10px 0; overflow:hidden;}
div.searchresult h3{font-size:1.4em;font-weight:normal;letter-spacing:-1px; margin:0 0 4px 0;}
div.searchresult h3 a{text-decoration:none;}
div.searchresult h3 a:hover{ text-decoration:underline;}
div#contentArea .mainCopy p.resultdesc { margin:0; padding:0;}
div#contentArea .mainCopy p.resulturl { color:#ccc; margin:0; padding:0;}