html, body {
        height: 100%;
        margin: 0 0 1px 0;
        padding: 0;
}



body {
	background:#404040 url('gui/bodybg.png') repeat-x;
	margin:0px;
	font-family:Verdana, sans-serif;
	font-size:11px;
	color:#333333;
}

a	{color:#666666;}
a:hover {color:#CC3333;}
form {display:inline;}

	#wrapper {
		margin:0 auto;
		width:918px;
		background:#FFFF66 url('gui/wrapperbg.png') repeat-y;
        }

		#header {
			padding:20px 10px 0 10px;
			background:#222222 url('gui/headerbg.png') no-repeat;
		}

			#mainimg, #mainimg0, #mainimg1, #mainimg2, #mainimg3, #mainimg4, #mainimg5, #mainimg6 {
				height:219px;
				width:896px;
				padding:1px 1px 0 1px;
			}
                        #mainimg {background:#333333 url('gui/mimg404.png') no-repeat;}
                        #mainimg0 {background:#333333 url('gui/mimg0.png') no-repeat;}
			#mainimg1 {background:#333333 url('gui/mimg1.png') no-repeat;}
			#mainimg2 {background:#333333 url('gui/mimg2.png') no-repeat;}
			#mainimg3 {background:#333333 url('gui/mimg3.png') no-repeat;}
			#mainimg4 {background:#333333 url('gui/mimg4.png') no-repeat;}
			#mainimg5 {background:#333333 url('gui/mimg5.png') no-repeat;}
                        #mainimg6 {background:#333333 url('gui/mimg6.png') no-repeat;}

		h1 {
			margin:0px;
			padding:0px;
			width:226px;
			height:65px;
			background:transparent url('gui/logo.png') no-repeat;
			display:block;
			float:left;
		}
		h1 * {display:none;}

		#mainmenu {
			padding:0;
			margin:0;
			list-style-type:none;
		}

			li.mlli {
				float:left;
			}

				a.ml {
					display:block;
					width:134px;
					height:65px;
                                        cursor:pointer;
				}
				a.ml * {display:none;}

				#ml01i {background:transparent url('gui/but1i.png') no-repeat;}
				#ml01a, #ml01i:hover {background:transparent url('gui/but1a.png') no-repeat;}
				#ml02i {background:transparent url('gui/but2i.png') no-repeat;}
				#ml02a, #ml02i:hover {background:transparent url('gui/but2a.png') no-repeat;}
				#ml03i {background:transparent url('gui/but3i.png') no-repeat;}
				#ml03a, #ml03i:hover {background:transparent url('gui/but3a.png') no-repeat;}
				#ml04i {background:transparent url('gui/but4i.png') no-repeat;}
				#ml04a, #ml04i:hover {background:transparent url('gui/but4a.png') no-repeat;}
				#ml05i {background:transparent url('gui/but5i.png') no-repeat;}
				#ml05a, #ml05i:hover {background:transparent url('gui/but5a.png') no-repeat;}


					#mainmenu li ul {
						display:none;
						position:absolute;
						top:83px;
						list-style-type:none;
						margin:0;
						padding:0;
					}

					#mainmenu li:hover ul, #mainmenu li.menuhover ul {
						display:block;
					}

						li.slli {
							display:inline;
                                                        position:relative;
						}

							a.sl {
								display:block;
								width:200px;
								height:14px;
								margin:0;
								cursor:pointer;
                                                                position:relative;
							}
							a.sl * {display:none;}

							#sl21i {background:transparent url('gui/sl21i.png') no-repeat;}
							#sl21a, #sl21i:hover {background:transparent url('gui/sl21a.png') no-repeat;}
							#sl23i {background:transparent url('gui/sl23i.png') no-repeat;}
							#sl23a, #sl23i:hover {background:transparent url('gui/sl23a.png') no-repeat;}
							#sl24i {background:transparent url('gui/sl24i.png') no-repeat;}
							#sl24a, #sl24i:hover {background:transparent url('gui/sl24a.png') no-repeat;}

							#sl31i {background:transparent url('gui/sl31i.png') no-repeat;}
							#sl31a, #sl31i:hover {background:transparent url('gui/sl31a.png') no-repeat;}
							#sl32i {background:transparent url('gui/sl32i.png') no-repeat;}
							#sl32a, #sl32i:hover {background:transparent url('gui/sl32a.png') no-repeat;}
							#sl33i {background:transparent url('gui/sl33i.png') no-repeat;}
							#sl33a, #sl33i:hover {background:transparent url('gui/sl33a.png') no-repeat;}
							#sl34i {background:transparent url('gui/sl34i.png') no-repeat;}
							#sl34a, #sl34i:hover {background:transparent url('gui/sl34a.png') no-repeat;}

							#sl41i {background:transparent url('gui/sl41i.png') no-repeat;}
							#sl41a, #sl41i:hover {background:transparent url('gui/sl41a.png') no-repeat;}
							#sl42i {background:transparent url('gui/sl42i.png') no-repeat;}
							#sl42a, #sl42i:hover {background:transparent url('gui/sl42a.png') no-repeat;}
							#sl43i {background:transparent url('gui/sl43i.png') no-repeat;}
							#sl43a, #sl43i:hover {background:transparent url('gui/sl43a.png') no-repeat;}
							#sl44i {background:transparent url('gui/sl44i.png') no-repeat;}
							#sl44a, #sl44i:hover {background:transparent url('gui/sl44a.png') no-repeat;}
							#sl45i {background:transparent url('gui/sl45i.png') no-repeat;}
							#sl45a, #sl45i:hover {background:transparent url('gui/sl45a.png') no-repeat;}
							#sl46i {background:transparent url('gui/sl46i.png') no-repeat;}
							#sl46a, #sl46i:hover {background:transparent url('gui/sl46a.png') no-repeat;}
							#sl47i {background:transparent url('gui/sl47i.png') no-repeat;}
							#sl47a, #sl47i:hover {background:transparent url('gui/sl47a.png') no-repeat;}
							#sl48i {background:transparent url('gui/sl48i.png') no-repeat;}
							#sl48a, #sl48i:hover {background:transparent url('gui/sl48a.png') no-repeat;}

			h2 {
				display:none;
				margin:0px;
			}

		#spots {
			height:141px;
			width:898px;
			margin:0 10px 0 10px;
			padding:1px 0 0 0;
			background:#252525 url('gui/spotsbg.png') no-repeat;
		}

			#spot1 {background:transparent url('gui/spot1_2.png') no-repeat; width:298px; height:140px; float:left; cursor:pointer;}
			#spot2 {background:transparent url('gui/spot2.png') no-repeat; width:300px; height:140px; float:left; margin:0 1px 0 1px; cursor:pointer;}
			#spot3 {background:transparent url('gui/spot3.png') no-repeat; width:298px; height:140px; float:left; cursor:pointer;}

		#content {
			margin:0 10px;
			padding:30px;
			width:838px;
			background:transparent url('gui/contentbg.png') no-repeat;
		}
			#col-left {
				width:540px;
				float:left;
				padding-right:0px;
			}

                li {
                    line-height:16px;
                    margin:0 0 5px 0;
                }

                p {
                    line-height:18px;
                    margin:0 0 15px 0;
                }

                h3 {
                    font-size:13px;
                    margin:0 0 5px 0;
                }
		    h3.slh {
		        height:22px;
		        width:100%;
		        margin:0 0 10px 0;
                        background-color:#ABCDEF;
		    }
			h3.slh * {visibility:hidden;}
			    #latestnews {background:transparent url('headings/1latestnews.png') no-repeat;}
			    #headlines {background:transparent url('headings/1headlines.png') no-repeat;}
			    #workatmassive {background:transparent url('headings/1workatmassive.png') no-repeat;}
			    #newsarchive {background:transparent url('headings/1newsarchive.png') no-repeat;}

                            #aboutthestudio {background:transparent url('headings/2aboutthestudio.png') no-repeat;}
                            #awdwic {background:transparent url('headings/2awdwic.png') no-repeat;}
                            #awdgc2 {background:transparent url('headings/2awdgc2.png') no-repeat;}
                            #awdgc {background:transparent url('headings/2awdgc.png') no-repeat;}
                            #awdmsv {background:transparent url('headings/2awdmsv.png') no-repeat;}
                            #showawardsfor {background:transparent url('headings/2showawardsfor.png') no-repeat;}
                            #contact {background:transparent url('headings/2contact.png') no-repeat;}

                            #availablepositions {background:transparent url('headings/3availablepositions.png') no-repeat;}
                            #workingatmassive {background:transparent url('headings/3workingatmassive.png') no-repeat;}
                            #testimonials {background:transparent url('headings/3testimonials.png') no-repeat;}
                            #faq {background:transparent url('headings/3faq.png') no-repeat;}
                            #students {background:transparent url('headings/3students.png') no-repeat;}
                            #onlinejobapplication {background:transparent url('headings/3onlinejobapplication.png') no-repeat;}

                            #ourgames {background:transparent url('headings/4ourgames.png') no-repeat;}
                            #worldinconflictseries {background:transparent url('headings/4worldinconflictseries.png') no-repeat;}
                            #media {background:transparent url('headings/4media.png') no-repeat;}
                            #downloads {background:transparent url('headings/4downloads.png') no-repeat;}
                            #groundcontrolseries {background:transparent url('headings/4groundcontrolseries.png') no-repeat;}
                            #indevelopment {background:transparent url('headings/4indevelopment.png') no-repeat;}
                            #communityandforums {background:transparent url('headings/4communityandforums.png') no-repeat;}
                            #customersupport {background:transparent url('headings/4customersupport.png') no-repeat;}
                            #playtesting {background:transparent url('headings/4playtesting.png') no-repeat;}
                            #links {background:transparent url('headings/4links.png') no-repeat;}

                            #awordfrommassive {background:transparent url('headings/5awordfrommassive.png') no-repeat;}
                            #aboutus {background:transparent url('headings/5aboutus.png') no-repeat;}
                            #pressupdates {background:transparent url('headings/5pressupdates.png') no-repeat;}
                            #latestnews5 {background:transparent url('headings/5latestnews.png') no-repeat;}
                            #mediaassets {background:transparent url('headings/5mediaassets.png') no-repeat;}

                            #playtestingregistration {background:transparent url('headings/playtestingregistration.png') no-repeat;}
                            #login {background:transparent url('headings/login.png') no-repeat;}
                            #sitemap {background:transparent url('headings/sitemap.png') no-repeat;}

		h4.newest {
                    color:#000000;
                    font-size:16px;
                    font-weight:bold;
                    line-height:18px;
                    margin:0 0 10px 0;
                    text-transform:uppercase;
                }
                        h4.newest a {
                                text-decoration:none;
                                color:#333333;
                        }
		h5.newest {
                    color:#333333;
                    font-size:12px;
                    font-weight:bold;
                    line-height:14px;
                    margin:0 0 15px 0;
                }
		p.newsdate {
		    color:#666666;
                    font-weight:bold;
                    font-size:10px;
                    margin:-10px 0 10px 0;
		}

			#col-right {
				width:240px;
				float:right;
				padding:0 0 0 28px;
                                border-left:1px dashed #CCCCCC;
			}
				#col-right ul {
					list-style-position:outside;
					list-style-image: url('gui/liimg2.png');
					padding:0;
					margin:0 0 10px 0;
				}
                                #col-right li {
                                    line-height:14px;
                                    padding:0 0 2px 0;
                                }
				#col-right li a {
                                        /*color:#333333;
					text-decoration:none;
					border-bottom:1px solid #DDDDDD;*/
				}
				#col-right a.linkb {
                                        color:#008099;
					font-weight:bold;
					text-decoration:none;
					border-bottom:1px solid #66bbcc;
				}

		#footer {
			background:transparent url('gui/footerbg.png') no-repeat;
			background-position: bottom;
			padding:0 40px 20px 40px;
		}
			div.hr {border-top:1px dashed #999999;}
			h5 {
				font-size:80%;
				line-height:16px;
				color:#555555;
			}
			
			
			
        .clear {clear:both;}
	a img {border:0;}





		h4 {
                    font-size:13px;
                    line-height:20px;
                    margin:20px 0 5px 0;
                }

                h4.news {
                    font-size:180%;
                    font-weight:normal;
                }

                #col-left ul {
                    list-style-position:outside;
                    list-style-image: url('gui/liimg.png');
                    padding:0 0 0 30px;
                    margin:0;
                }


                p a, #col-left li a {
                    color:#333333;
                    text-decoration:none;
                    border-bottom:1px solid #999999;
                }
                
                div.infobox {
                    padding:10px;
                    background-color:#FFFFFF;
                    border:1px dashed #CCCCCC;
                }




#officepics {
        width:540px;
        height:360px;
        margin:0 0 20px 0;
        background:transparent url('img/office/ss01.jpg') no-repeat;
}

#wicpics {
        width:540px;
        height:300px;
        margin:0 0 20px 0;
        background:transparent url('img/wic/ss01.png') no-repeat;
}

.lpic {margin:0 12px 12px 0;}
.rpic {margin:0 0 12px 0;}






#footer ul {
        list-style-type:none;
        padding:0px;
        margin:15px 0 0 0;
}
#footer ul li {
        display:inline;
        margin:0 5px 0 0;
}
#footer ul li a {
        color:#666666;
        text-decoration:none;
        border-bottom:1px solid #AAAAAA;
}



.teststaff {
	padding:5px;
}
.teststaff#ts01 {background-color:#CCCCCC;}


span.todo {background-color:#00FF00;}

.awdimg {
        margin:0 15px 15px 0;
}



div.gtdiv {
        /*background-color:#FFFFEE;*/
        float:left;
        margin:0 0px 10px 0;
        padding:0 20px 0 0;
}

input.gttxt {
        /*background-color:#ABCDEF;*/
        border:1px solid #999999;

        font-size:12px;
        font-family:verdana;
        margin:4px 0 0 0;
        padding:1px;
}

input.gtchk {
        margin:3px 5px 1px 0;
        padding:0;
        width:13px;
        height:13px;
}

select.gtsel {
        /*background-color:#ABCDEF;*/
        font-size:12px;
        font-family:verdana;
        margin:4px 0 0 0;
}

input.gttxt#firstname {width:150px;}
input.gttxt#lastname {width:150px;}
input.gttxt#email {width:250px;}
input.gttxt#street {width:200px;}
input.gttxt#zip {width:100px;}
input.gttxt#city {width:150px;}
input.gttxt#country {width:150px;}
input.gttxt#password {width:150px;}
input.gttxt#password2 {width:150px;}

input.gttxt#login_email {width:160px;}
input.gttxt#login_pass {width:160px;}




span.smalltext {
        font-size:9px;
}


div#apply {
        width:200px;
        text-align:center;
        margin-bottom:20px;
}
div#apply strong {
        font-weight:bold;
        font-size:18px;
        font-variant:small-caps;
}
div#apply img {
        margin:5px 0 10px 0;
}
div#apply a {
        text-decoration:none;
}

/* ++++++++++ Job Application Form ++++++++++ */
span.required {color:#FF0000;}

#jobapp .inputgroup {
        float:left;
        margin:0 0px 10px 0;
        padding:0 20px 0 0;
}

#jobapp .ruler {
        clear:both;
        border-bottom:1px solid #CCCCCC;
        padding:10px 0 0 0;
}

#jobapp .radio label {
        font-weight:normal;
        padding-left:5px;
        margin-right:5px;
}

#jobapp label {
        font-weight:bold;
}

#jobapp input, #jobapp select, #jobapp textarea {
        font-size:12px;
        font-family:verdana;
        /*background-color:#ABCDEF;*/
        margin:4px 0 0 0;
}

#jobapp input.txt, #jobapp textarea {
        border:1px solid #999999;
        padding:1px;        
}

#jobapp select {
        border:1px solid #999999;
}



#jobapp #firstname      {width:150px;}
#jobapp #lastname       {width:150px;}
#jobapp #email          {width:250px;}
#jobapp #phone1_1, #jobapp #phone2_1 {width:30px;}
#jobapp #phone1_2, #jobapp #phone2_2 {width:40px;}
#jobapp #phone1_3, #jobapp #phone2_3 {width:100px;}
#jobapp #street         {width:200px;}
#jobapp #zip            {width:100px;}
#jobapp #city           {width:150px;}
#jobapp #country        {width:150px;}
#jobapp #message        {width:500px; height:150px;}
#formerror		{background-color:#CC3300; font-weight:bold; color:#FFFFFF; padding:10px;}
#jobapp .error		{background-color:#FFDDDD;}