@charset "UTF-8";

/* CSS Document */

/* GLOBAL ID'S
=====================================================================*/
* { margin: 0; }

html, body { height: 100%; margin:0; padding:0; font-size:11px; line-height:14px; text-shadow:-1px -1px #1c3e00;}

#default { background: url(../images/bg-repeat.jpg) repeat-y scroll center top #CFEBF9; margin:0; padding:0; height:100%; }

a:link { font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#06F; text-decoration:none; outline:none; }
a:hover { font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#06F; text-decoration:underline; outline:none; }
a:visited { font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#06F; text-decoration:none; }
a:active { top:1px; position:relative; outline:none; }
p { margin-bottom:10px; }
#square-pods { list-style:none; background:red; }
#square-pods li { width:313px; margin: 0px 3px; background:purple; float:left; height:272px; }
.qod { background: url(../images/qod-bg.jpg) no-repeat !important; text-align:left; }

.testimonials { background: url(../images/testimonials-bg.jpg) no-repeat !important; }
.testimonials p { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF !important; font-size:17px; line-height:24px; letter-spacing:-1px; text-align:left; text-shadow:none; width: 261px; padding:55px 0px 0px 0px; }
.testimonials p span { color:yellow; font-style:italic; }
.advertising { background:#e5e5e5 !important; text-shadow:none; color:#999999; }
#fb-like { padding:5px 7px; text-align:left; }
#main-header { background: url(../images/img-header.jpg) no-repeat; width:951px; height:280px; margin: -10px 0px 10px 0px; }
#header {background: url(../images/header-bg.jpg) repeat-x; height:77px; padding:5px 0px 5px 12px;}
#footer { padding:20px 10px; text-align:center; font-size:10px; color:#999; text-shadow: none; }




#viewbtn-container { margin:30px 0px 0px 0px; display:inline; height:114px; padding:0; overflow:inherit; position:relative; top:0;  }
#viewbtn-container a { margin:0; padding:0; display:inline; outline:none; }

#viewbtn-container a.btn-v { background: url(../images/viewbtn-sprite.png) no-repeat 0 0; width: 176px; height: 34px; margin:20px 0px 0px 0px; float:left; display: block; text-indent: -9999px; }
#viewbtn-container a.btn-v:hover { background-position: 0 -34px; }
#viewbtn-container a.btn-v:active { background-position: 0 -68px; }


#facebookbutton { display:inline; height:114px; padding:0; overflow:inherit; position:relative; top:12px; right:20px; float:right;   }
#facebookbutton a { margin:0; padding:0; display:inline; outline:none; }

#facebookbutton a.fffb { background: url(../images/btn-fb-sprite.png) no-repeat 0 0; width: 280px; height: 48px; margin:0px 0px 0px 0px; float:left; display: block; text-indent: -9999px; }
#facebookbutton a.fffb:hover { background-position: 0 -48px; }
#facebookbutton a.fffb:active { background-position: 0 -96px; position:relative; top: 0 !important; }


/* JQUERY SLIDER
=====================================================================*/
/*
 * Required 
*/
.container { width:314px; height:272px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:314px; display:none; padding:50px 20px 0px 10px; }
.slides div span { top:240px; left:254px; position:absolute; }
/*
 * Optional
*/
#loopedSlider,#newsSlider { margin:0 auto; width:314px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }


/* GAME BOXES
=====================================================================*/
#btn-container {padding: 200px 0px 0px 530px;}

#buttons { display:inline; height:114px; padding:0; overflow:inherit; position:relative; top:0;  }
#buttons a { margin:0; padding:0; display:inline; outline:none; }

#buttons a.btn { background: url(../images/btn-sprite.png) no-repeat 0 0; width: 241px; height: 64px; margin:0px 0px 0px 0px; float:left; display: block; text-indent: -9999px; }
#buttons a.btn:hover { background-position: 0 -65px; }
#buttons a.btn:active { background-position: 0 -130px; }


/* FADE IN OUT
=====================================================================*/

      div.rotator { position: relative; height: 200px; width: 300px; padding: 10px; background: none; }
      div.r1 { background: none; }
      div.r1 p { margin-top: 20px; text-align: center; }
      div.navigation { position: absolute; top: 5px; right: 5px; }
      div.navigation div.current, div.navigation a { width: 12px; height: 12px; margin: 0 8px 0 0; float: left; overflow: hidden; }
      div.navigation a:hover { text-decoration: none; }
      div.navigation div.current { background: #c00; }
      div.navigation a { display: block; background: #ccc; }
      #introslide { background: none;}