* {
margin:0;
padding:0;
}

html {
height:100%;
}

body {
font:16px/24px Arial, Tahoma, Verdana, sans-serif;
color:#f8e098;
width:100%;
height:100%;
background:#0e333a url(images/background.png) top center repeat fixed;
}

A:link {
color:#bb3735;
font-weight:700;
text-decoration:none;
}

A:visited {
color:#bb3735;
font-weight:700;
text-decoration:none;
}

A:hover {
color:red;
font-weight:700;
text-decoration:underline;
}

ul {
font-style:normal;
list-style-position:outside;
padding:0 0 0 15px;
}

ul {
font-style:normal;
list-style-position:outside;
padding:0 0 0 15px;
}


h1 {
font-family:'Fontdiner Swanky', cursive;
font-size:36px;
line-height:30px;
}

h2 {
font-family:'Fontdiner Swanky', cursive;
font-size:28px;
line-height:55px;
}

h3 {
font-family:'Fontdiner Swanky', cursive;
font-size:18px;
line-height:30px;
}

h4 {
font-family:'Fontdiner Swanky', cursive;
font-size:20px;
line-height:45px;
}

h5 {
font-family:'Fontdiner Swanky', cursive;
font-size:16px;
line-height:40px;
}

h6 {
font-family:'Fontdiner Swanky', cursive;
font-size:12px;
line-height:35px;
}

p {
margin:0 0 18px;
}

img {
border:none;
}

input {
vertical-align:middle;
}

div.hr {
height:2px;
background:url(images/separator.png) repeat-x scroll center;
margin:0 0 15px;
}

div.hr hr {
display:none;
}

#wrapper {
width:960px;
margin:0 auto;
min-height:100%;
height:auto!important;
height:100%;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
height:135px;
position:relative;
}

#logo {
display:block;
width:298px;
height:83px;
position:absolute;
top:40px;
left:0;
background:url(images/galaxy-pest-control-logo.png) top center no-repeat;
text-indent:-3000px;
}

#top-menu {
width:630px;
height:38px;
text-align:center;
position:absolute;
top:68px;
right:0;
padding:0;
}

ul#menu {
list-style:none;
text-align:center;
height:38px;
overflow:hidden;
padding:0;
margin:0;
}

ul#menu li {
float:left;
display:block;
overflow:hidden;
}

ul#menu li a {
display:block;
height:38px;
background:url(images/nav-sprites.png) no-repeat;
cursor:pointer;
text-indent:-6000px;
}

ul#menu #home {
width:106px;
background-position:0 -38px;
}

ul#menu #home.active {
background-position:0 0;
}

ul#menu #games {
width:126px;
background-position:-106px -38px;
}

ul#menu #games.active {
background-position:-106px 0;
}

ul#menu #about {
width:124px;
background-position:-231px -38px;
}

ul#menu #about.active {
background-position:-231px 0;
}

ul#menu #partners {
width:150px;
background-position:-356px -38px;
}

ul#menu #partners.active {
background-position:-356px 0;
}

ul#menu #contact {
width:124px;
background-position:-506px -38px;
}

ul#menu #contact.active {
background-position:-506px 0;
}

/* Middle
-----------------------------------------------------------------------------*/
#content {
padding:20px 0 180px;
}

.cwt {
width:834px;
height:38px;
display:block;
text-align:center;
margin:auto;
padding:30px 0 0;
background:url(images/content-base-wt.png) top center no-repeat;
}

.cwm {
width:754px;
text-align:left;
overflow: hidden;
margin:auto;
padding:10px 40px 20px;
background: url(images/content-base-wm.png) top center repeat-y;
}

.cwb {
width:834px;
height:68px;
display:block;
text-align:center;
margin:auto;
background:url(images/content-base-wb.png) top center no-repeat;
}

.main-box {
width:238px;
font-size:14px;
overflow:hidden;
margin:10px 20px 30px 0;
position:relative;
overflow:hidden;
float:left;
}

.last {
margin:10px 0 30px;
}

.more-button-container {
display:block;
width:119px;
height:38px;
background:transparent url(images/button-more.png) top center no-repeat;
position:absolute;
bottom:0;
text-indent:-3000px;
}

.back-button {
display:block;
width:99px;
height:38px;
margin:30px 0 0;
background:transparent url(images/button-back.png) top center no-repeat;
text-indent:-3000px;
}

.itunes-button {
margin:0 30px 0 0;
}

.short-gap {
margin:0 0 5px;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
width:960px;
font-family:'Fontdiner Swanky', cursive;
color:#56736e;
margin:-180px auto 0;
height:180px;
background:url(images/footer-back.png) bottom center no-repeat;
position:relative;
}

#footer A:link {
color:#56736e;
text-decoration:none;
}

#footer A:visited {
color:#56736e;
text-decoration:none;
}

#footer A:hover {
color:red;
text-decoration:underline;
}

#footer-content {
width:960px;
position:relative;
margin:auto;

}

#footer-row-1 {
width:960px;
height:20px;
font-size:14px;
text-align:center;
display:inline;
position:absolute;
top:130px;
left:0;
}

#footer-row-2 {
width:960px;
height:20px;
font-size:12px;
text-align:center;
display:inline;
position:absolute;
top:144px;
left:0;
}

#content ul {
list-style-position:outside;
}

#content ul li {
display:block;
list-style:none;
background:url(images/dot-red.png) no-repeat 0 8px;
padding:1px 0 10px 25px;
}

#screenshots {
margin:20px 0;
clear:both;
}

#screenshots img {
border:3px solid #f0d995;
}

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

ul#screens li {
float:left;
display:block;
overflow:hidden;
padding:0;
margin:0 10px 0 0;
}

ul#screens li.last-item {
margin:0;
}















/* get rid of those system borders being generated for A tags */
a:active {
outline:none;
}

:focus {
-moz-outline-style:none;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
background:url(images/hori_large.png) no-repeat;
display:block;
width:30px;
height:30px;
float:left;
margin:60px 4px;
cursor:pointer;
font-size:1px;
}

/* right */
a.right {
background-position:0 -30px;
clear:right;
margin-right:0;
}

a.right:hover {
background-position:-30px -30px;
}

a.right:active {
background-position:-60px -30px;
}

/* left */
a.left {
margin-left:0;
}

a.left:hover {
background-position:-30px 0;
}

a.left:active {
background-position:-60px 0;
}

/* up and down */
a.up,a.down {
background:url(vert_large.png) no-repeat;
float:none;
margin:10px 50px;
}

/* up */
a.up:hover {
background-position:-30px 0;
}

a.up:active {
background-position:-60px 0;
}

/* down */
a.down {
background-position:0 -30px;
}

a.down:hover {
background-position:-30px -30px;
}

a.down:active {
background-position:-60px -30px;
}

/* disabled navigational button */
a.disabled {
visibility:hidden!important;
}

.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width:754px;
height:150px;

margin: 0 0 0 1px;
}

#holder {
width: 860px;
height:160px;
margin:0 auto;

margin: 0 0 0 -35px;
}

/*
   root element for scrollable items. Must be absolutely positioned
   and it should have a extremely large width to accomodate scrollable
   items.  it's enough that you set the width and height for the root
   element and not for this element.
*/
.scrollable .items {
/* this cannot be too large */
width:20000em;
position:absolute;
clear:both;
}

.items div {
float:left;
width:820px;
}

/* single scrollable item */
.scrollable img {
float:left;
margin: 0 20px 0 0;
}

/* active item */
.scrollable .active {
border:2px solid #000;
position:relative;
cursor:default;
}



#slider {
width:764px;
height:385px;
position: relative;
margin: 0 0 20px -5px;
background:url(images/splash-back.jpg) top center no-repeat;
}


#slider ul li {
display:block;
list-style:none;
background: none;
padding:0;
}