html
{
overflow-y: scroll;
height: 100%;
}

body
{
margin: 0px;
padding: 0px;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;

background-color: #ffffff;

height: 100%;
}

p, ul.inpages
{
font-size: 85%;
line-height: 20px;
}


h1
{
position:absolute;
z-index:-1;
}

h2
{
color: #33333;
font-weight: bold;
font-size: 140%;

padding: 0px;
margin: 0px;

padding-bottom: 5px;
padding-top: 25px;
}

h3
{
color: #333333;
font-size: 90%;
font-weight: bold;
margin: 0px;
padding: 0px;

padding-top: 15px;
}


#tophorizontal
{
clear: both;
width: 100%;
}

#middlehorizontal
{
clear: both;
width: 100%;

border-width: 1px;
border-style: dotted;
border-color: #cccccc;

border-left-style: none;
border-right-style: none;
border-top-style: none;
}


#bottomhorizontal
{
clear: both;
width: 100%;

border-width: 1px;
border-style: dotted;
border-color: #cccccc;

border-left-style: none;
border-right-style: none;
border-top-style: none;
}

#header
{
height: 60px;

background:url('../images/logo2.gif');
background-repeat:no-repeat;
background-attachment:scroll;
background-position: top left; 


padding: 0px;
margin: 0px;

margin-left: 0%;

padding-bottom: 45px;

margin-top: 5px;

margin-left: 0px;
margin-right: 0px;

border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
}

#footer
{
width: 960px;

text-align: center;
font-size: 80%;
color: #666666;

padding-top: 10px;
padding-bottom: 10px;


margin:0 auto;
clear:both;

border-width: 1px;
border-style: dotted;
border-color: #cccccc;

border-top-style: none;
border-bottom-style: none;

overflow: auto;


}

#footerleft
{
float: left;
padding-left: 20px;
}

#footerright
{
float: right;
text-align: right;
padding-right: 20px;
}

a.footerlinks:link {color: #666666;}
a.footerlinks:visited {color:#666666}
a.footerlinks:active {color: #000000;}
a.footerlinks:hover {color: #000000;}

a.footerlinks {text-decoration: none;}

#container
{

padding: 0px;
margin: 0px;

padding-top: 0px;
padding-bottom: 0px;

background:url('../images/background.gif');
background-repeat:repeat-x;
background-attachment:scroll;


}

#mainarea
{
width: 960px;

padding: 0px;

margin:0 auto;
clear: both;
overflow: auto;


border-width: 1px;
border-style: dotted;
border-color: #cccccc;

border-top-style: none;
border-bottom-style: none;

height: 100%;
}

#navigation
{
float: left;
width: 170px;
min-height: 500px;

margin: 0px;
padding: 0px;

padding-top: 55px;
}

ul.navigationtext
{
list-style: none;

margin: 0px;
padding: 0px;

font-size: 100%;

font-weight: bold;
}

ul.navigationtext li
{
margin: 0px;
padding: 0px;

color: #ffffff;
margin-bottom: 10px;
margin-right: 20px;

padding: 1px;
}

li.selectednavitem 
{
background-color: #333333;
color: #ffffff;
}

.navlinks
{
padding-left: 20px;
}

a.navlinks:link {color: #666666;}
a.navlinks:visited {color:#666666}
a.navlinks:active {color: #888888;}
a.navlinks:hover {color: #888888;}

a.navlinks {text-decoration: none;}


.selectednavitem a.navlinks:link {color: #ffffff;}
.selectednavitem a.navlinks:visited {color:#ffffff}


ul.subnavigationtext
{
list-style: none;
font-size: 100%;
font-weight: normal;

margin: 0px;
padding: 0px;

font-size: 85%;
}

ul.subnavigationtext li
{
margin: 0px;
padding: 0px;

padding: 0px;

margin-left: 20px;
}




ul.secondarynavtext
{
list-style: none;

margin: 0px;
padding: 0px;

padding-left: 20px;
padding-top: 15px;

font-size: 90%;

color: #ffffff;
font-weight: normal;
}

ul.secondarynavtext li
{
padding-bottom: 10px;
}


#centerarea
{
float: left;
width: 760px;

margin: 0px;
padding: 0px;

min-height: 350px;

border-top-width: 2px;
border-top-style: solid;
border-top-color: #000000;

overflow: hidden;
}






.centertoppercrossplatform
{
background:url('../images/crossplatform_background.jpg');
background-repeat:no-repeat;

padding-top: 160px;
}

.centertoppercontact
{
background:url('../images/ContactUsbackground.jpg');
background-repeat:no-repeat;

padding-top: 230px;
}

.centertopperawards
{
background:url('../images/awards_background.jpg');
background-repeat:no-repeat;
background-position: top left;

padding-top: 205px;
}

.centertopperaboutus
{
background:url('../images/aboutus_background.jpg');
background-repeat:no-repeat;

padding-top: 335px;
}

.centertoppergames
{
}
.centertoppergallery
{
}




.careersdiv
{
background:url('../images/careers_background.jpg');
background-repeat:no-repeat;

padding-top: 230px;
padding-left: 55px;
}


#displaytext
{
height: 50px;
margin:0 auto;

padding-left: 10px;
margin-bottom: 80px;
}

h2.displayheading
{
padding: 0px;
margin: 0px;

font-size: 580%;
color: #000000;
}

#displayarea
{
height: 350px; /*this is where the flash goes */

width: 750px;
margin:0 auto;
}

#displayareasmall
{
height: 150px; /*this is where the flash goes */

width: 750px;
margin:0 auto;
}

#secondarynav
{
text-align: right;

padding-top: 10px;
padding-bottom: 30px;
}

#content
{
padding:0px;
margin: 0px;

padding-bottom: 30px;

padding-left: 0px;
padding-right: 60px;

overflow: hidden;
clear: both;
}

/*bottom boxes start */

#subboxes
{
padding: 0px;
width: 950px;

margin:0 auto;
overflow: auto;

padding-left: 5px;
padding-right: 5px;

border-width: 1px;
border-style: dotted;
border-color: #cccccc;

border-top-style: none;
border-bottom-style: none;

background-color: #ffffff;
}

.subboxline
{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666666;

padding: 1.5%;
padding-left: 2.0%;
margin-left: 0.3%;

padding-top: 0%;
padding-bottom: 0px;
margin-right: 0px;

}

.lightbox, .leftbox
{
float: left;
width: 160px;

padding: 2.5%;
padding-left: 0%;
margin-left: 0%;

padding-top: 1%;
padding-bottom: 0px;
margin-right: 0px;

min-height: 120px;

background-color: #ffffff;

padding-top: 20px;
margin-bottom: 25px;
}

.lightbox
{
border-left-width: 1px;
border-left-style: solid;
border-left-color: #cccccc;
}

.leftbox
{
background:url('../images/bottomboxeslogo.gif');
background-repeat:no-repeat;
margin: 10px;
margin-left: 20px;
margin-top: 26px;
/*width: 15%;*/

height: 125px;
width:140px;
}

.boxtitle
{
font-size: 70%;
letter-spacing: 2px;
font-weight: bold;
letter-spacing:1px;
line-height: 14px;

color: #ffffff;
background-color: #000000;
padding: 2px;
padding-left: 15px;
margin-right: 8px;

width: 135px;
}


.boxtext1, .boxtext2, .boxtext3, .boxtext4
{
color: #333333;
height: 102px;
margin: 0px;

font-size: 80%;
padding-left: 15px;
padding-right: 5px;
line-height: 15px;

margin-right: 8px;
padding-top: 8px;

}

.boxtext3
{
background:url('../images/quicklinkblog.jpg');
background-repeat:no-repeat;
}

/* end of bottom boxes */


.contenttext
{
color: #333333;

font-size: 90%;
letter-spacing: 0.7px;
line-height: 160%;
}


a.secnavlinks:link {color: #99cc66;}
a.secnavlinks:visited {color:#99cc66}
a.secnavlinks:active {color: #99cc66;}
a.secnavlinks:hover {color: #99cc66;}

a.secnavlinks {text-decoration: none;}


ul.secnav
{
display:block;

list-style: none;

padding-right: 20px;
}

ul.secnav li
{
float: right;
padding-left: 20px;

font-size: 88%;
}


.boldcontenttext
{
color: #666666;
font-weight: bold;
}

ul.newslinks
{
padding-left: 15px;
list-style: square;
}

ul.newslinks li
{
padding-top: 15px;
}


.newskeyheadline
{
color: #666666;
font-weight: bold;
font-size: 110%;

padding: 0px;
margin: 0px;

}

a.newslink:link {color: #666666;}
a.newslink:visited {color:#666666}
a.newslink:active {color: #888888;}
a.newslink:hover {color: #888888;}

a.newslink {text-decoration: none;}


.pagetitles
{
padding: 0px;
margin: 0px;

font-size: 130%;
font-weight: bold;

color: #000000;
}

.unbold
{
font-weight: normal;
}

.doublesubboxes
{
clear: both;

padding-top: 30px;
}

.doublesubboxesinternal
{
float: left;

width: 49%;
margin-bottom: 20px;

border-width: 1px;
border-style: none;
border-color: #999999;

border-left-style: solid;

}

.asubbox
{
clear: both;

padding-bottom: 10px;

min-height: 100px;
}

.subboximage
{
float: left;
width: 25%;

padding: 0px;
margin: 0px;

padding-right: 5%;

padding-bottom: 40px;

text-align: center;
}

.arrowsbox
{
clear: both;
}

.arrow
{
float: left;
width: 50%;
}

.miniflash
{
text-align: right;

height: 80px;
}

#gamesdisplay
{
min-height: 550px;
clear: both;
}

.leftgamecontent
{
float: left;

width: 30%;
}

.rightgamecontent
{
float: left;
width: 68%;

padding-top: 20px;
}

.gametextleft
{
width: 250px;
float: left;

padding-bottom: 30px;
}

.gametextright
{
width: 400px;
float: right;
text-align: right;
}

.gametext
{
font-size: 75%;
line-height: 15px;
}


ul.gameinnernav
{
display:block;

list-style: none;

padding: 0px;
margin: 0px;

padding-right: 50px;

}

ul.gameinnernav li
{
float: left;

padding-right: 40px;
padding-left: 0px;

font-size: 90%;
font-weight: bold;


border-width: 2px;
border-style: none;
border-color: #000000;

border-bottom-style: solid;

}

.gameinnernavselected
{
background-color: #000000;
color: #ffffff;
padding: 3px 15px 0px 15px;
}

.gamescreenshots
{
padding: 30px;
}

.gameimage
{
float: left;
width: 40%;

padding-bottom: 20px;
padding-top: 10px;
padding-left: 10px;
padding-right: 30px;
}

.gallery_images
{
clear: both;
overflow: auto;

margin-bottom: 20px;

height: 100%;
}


.gallery_mainimage
{
width: 80%;
float: left;

padding-bottom: 20px;
}


.gallery_thumbnailimage
{
float: left;
width: 15%;
padding-bottom: 30px;
padding-left: 10px;
}

img.gallerylist
{
padding: 0px;
margin: 0px;

padding-right: 5px;
padding-left: 5px;

border: none;
}

a.gallerylist {text-decoration: none;}


.contactpage
{
float: left;
width: 40%;
}

.contacttitle
{
font-size: 100%;
font-weight: bold;
padding: 0px;
margin: 0px;
line-height: 0px;
}

.contactpage p
{
line-height: 15px;
}


/* remove annoying selection border in firefox */
*:active, object:focus, embed:focus
{
outline: none;
}


.homepageimage
{
background:url('/images/homepagebackground.jpg');
background-repeat:no-repeat;
height: 430px;

position: relative;
}

.servicesimage
{
background:url('/images/servicesbackground.jpg');
background-repeat:no-repeat;
height: 280px;
width: 757px;
}


.homepagebuttondiv
{
float: right;
padding-top: 150px;
padding-right: 10px;
}


#homepagebutton
{
  display: block;
  width: 187px;
  height: 132px;
  background: url("/images/findoutmorebuttons2.gif") no-repeat 0 0;

z-index: 10;

}

#homepagebutton:hover
{ 
  background-position: 0 -129px;
}

#homepagebutton span
{
  display: none;
}


.homepageawardsdiv
{
float: right;

position: absolute;
top: 340px;
right: 10px;
background: url("/images/homepageawards.gif") no-repeat 0 0;

height: 77px;
width: 195px;

z-index: 11;
}



.studiodnatop
{
background:url('/images/studiodnabackground.jpg');
background-repeat:no-repeat;
height: 220px;
}

.techtop
{
background:url('/images/aboutthetech.jpg');
background-repeat:no-repeat;
height: 240px;
}

.small
{
font-size: 75%;
}


.gametext
{
padding: 0px;
margin: 0px;

margin-top: 5px;
}


h3 a.newslinks:link {color: #333333;}
h3 a.newslinks:visited {color:#666666}
h3 a.newslinks:active {color: #ff0000;}
h3 a.newslinks:hover {color: #dd0000;}

h3 a.newslinks{text-decoration: none;}


a.innewslink:link {color: #666666;}
a.innewslink:visited {color:#440000}
a.innewslink:active {color: #ff0000;}
a.innewslink:hover {color: #dd0000;}

a.innewslink{text-decoration: underline;}


.videotext
{
float: left;
width: 300px;

position:relative;
top: -18px;
height: 10px;

left: 460px;
}


/*awards page */

.awardscolumn
{
float: left;
width: 50%;
}

.awardsrow
{
width: 100%;
}

.awards1009, .awards0807, .awards0605, .awards0403
{
height: 230px;
padding-top: 90px;
padding-left: 30px;
}

.awards1009
{
background:url('../images/awards10-09.jpg');
background-repeat:no-repeat;
}

.awards0807
{
background:url('../images/awards08-07.jpg');
background-repeat:no-repeat;
}

.awards0605
{
background:url('../images/awards06-05.jpg');
background-repeat:no-repeat;
}

.awards0403
{
background:url('../images/awards04-03.jpg');
background-repeat:no-repeat;
}

/* end of awards page */

/* about us team */

.centertopperaboutusteam
{
background:url('../images/aboutusteam_background.jpg');
background-repeat:no-repeat;
background-position: top ;

padding-top: 135px;
}

.aboutusteamrob
{
background:url('../images/aboutusrob.jpg');
background-repeat:no-repeat;
background-position: left ;

padding-top: 60px;
padding-left: 120px;
height: 130px;
}

.aboutusteamphil
{
background:url('../images/aboutusphil.jpg');
background-repeat:no-repeat;
background-position: left ;

padding-top: 45px;
padding-left: 120px;
height: 120px;
}

.aboutusteamrussell
{
background:url('../images/aboutusrussell.jpg');
background-repeat:no-repeat;
background-position: left ;

padding-top: 55px;
padding-left: 120px;
height: 130px;
}

.aboutusteambarclay
{
background:url('../images/aboutusbarclay.jpg');
background-repeat:no-repeat;
background-position: left ;

padding-top: 50px;
padding-left: 120px;
height: 120px;
}

.aboutusteamed
{
background:url('../images/aboutused.jpg');
background-repeat:no-repeat;
background-position: left ;

padding-top: 50px;
padding-left: 120px;
height: 160px;
}

/* end of about us team */

/* beginning of news page */
.centertoppernews
{
background:url('../images/newspages_background2.jpg');
background-repeat:no-repeat;

padding-top: 280px;
padding-left: 60px;
}

.newsdiv
{
background:url('../images/news_background.gif');
background-repeat:no-repeat;

margin: 0px;
padding: 0px;

min-height: 427px;
padding-top: 230px;

font-size: 95%;

padding-left: 60px;
padding-right: 0px;

width: 100%;
}

.newscolumns
{
float: left;
width: 280px;
padding-right: 0px;
margin-top: 20px;
}

.newsrows
{
clear: both;
width: 100%;
}

.newsrows p
{
line-height: 16px;
padding: 0px;
margin: 0px;
margin-top: 5px;
}

.newsrows h3
{
margin-bottom: 5px;
}

.newsseparater
{
float: left;
width: 80px;
}
/*end of news page */


#socialmedialinks
{
width: 200px;
clear: both;
}

.facebookicon
{
float: left;
background:url('../images/icon_facebook.jpg');
background-repeat:no-repeat;
width: 50px;
height: 50px;
}

.twittericon
{
float: left;
background:url('../images/icon_twitter.jpg');
background-repeat:no-repeat;
width: 50px;
height: 50px;
}

.youtubeicon
{
float: left;
background:url('../images/icon_youtube.jpg');
background-repeat:no-repeat;
width: 50px;
height: 50px;
}


.youtubeicon:hover
{ 
  background-position: 0 -47px;
}

.facebookicon:hover
{ 
  background-position: 0 -47px;
}

.twittericon:hover
{ 
  background-position: 0 -47px;
}