/***********
 * GENERAL *
 ***********/

.hidden
{
	display: none;
}

body
{
	height:			100%;
	width:			100%;
	margin:			0px;
	padding:		0px;
	background:		#000;
	font-family:	Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:			#999;
}

#wholePage
{
	position:	absolute;
	left:		50%;
	top:		50%;
	width:		1000px;
	height:		600px;
	margin:		-330px 0px 0px -500px;
	padding:	0px;
}

#topBanner
{
	width:			1000px;
	height:			67px;
	padding:		0px;
	margin:			0px;
	border-bottom:	1px solid #fff;
}

#topBanner h1
{
	position:			absolute;
	top:				24px;
	left:				28px;
	width:				290px;
	height:				24px;
	margin:				0px;
	padding:			0px;
	background-image:	url(../img/ic_logo.gif);
	overflow:			hidden;
	text-indent:		-90000px;
}

#topBanner h2
{
	position:			absolute;
	top:				24px;
	left:				863px; /*855px;*/
	margin:				0px;
	padding:			0px;
	background-image:	url(../img/annex_logo.gif);
}

#topBanner a
{
	display:		block;
	width:			109px;
	height:			24px;
	overflow:		hidden;
	text-indent:	-90000px;
}

#topFade, #bottomFade
{
	position:	absolute;
	top:		68px;
	left:		0px;
	width:		1000px;
	height:		40px;
	background:	url(../img/gradient.png);
}

#bottomFade
{
	top:		580px;
	height:		20px;
	background:	url(../img/gradient_bottom.png);
}

#contentArea
{
	width:		1000px;
}

.scrollArea
{
	height:		532px;
	overflow:	hidden;
}

object:focus
{
	outline: none;
}

/**************
 * NAVIGATION *
 **************/

#track1, #track2
{
	position:	absolute;
	width:		7px;
	height:		489px;
	top:		91px;
	background-image:	url(../img/scroll_track.gif);
}

#track1
{
	left: 90px;
}

#track2
{
	left: 903px;
}

#handle1, #handle2
{
	width:		7px;
	height:		17px;
	background-image:	url(../img/scroll_handle.png);
}

#menu
{
	position:	absolute;
	top: 		97px;
	left: 		921px;
	margin:		0px;
	padding:	0px;
}

#menu ul
{
	margin:				0px;
	padding:			0px;
}

#menu li
{
	list-style:			none;
	margin:				0px;
	padding:			0px 0px 21px 0px;
}

.pageLink
{
	margin:				0px;
	padding:			0px;
	width:				68px;
	height:				17px;
	display:			block;
	overflow:			hidden;
	text-indent:		-90000px;
	background-image:	url(../img/buttons.png);
}

.home {background-position:		0px 0px;}
.sites {background-position:	0px -17px;}
.games {background-position:	0px -34px;}
.banners {background-position:	0px -51px;}
.content {background-position:	0px -68px;}
.art {background-position:		0px -85px;}
.about {background-position:	0px -102px;}
.contact {background-position:	0px -119px;}
.blog {background-position:		0px -136px;}
.latest {background-position:	0px -153px;}

.home:hover, .home.active {background-position:			-68px 0px;}
.sites:hover, .sites.active {background-position:		-68px -17px;}
.games:hover, .games.active {background-position:		-68px -34px;}
.banners:hover, .banners.active {background-position:	-68px -51px;}
.content:hover, .content.active {background-position:	-68px -68px;}
.art:hover, .art.active {background-position:			-68px -85px;}
.about:hover, .about.active {background-position:		-68px -102px;}
.contact:hover, .contact.active {background-position:	-68px -119px;}
.blog:hover, .blog.active {background-position:			-68px -136px;}
.latest:hover, .latest:active {background-position:		-68px -153px;}

/**********
 * MISC 2 *
 **********/

.contentBlock
{
	padding:	30px 107px 0px 107px;
	height:		532px;
	background-repeat:	no-repeat;
}

.contentBlock.odd, .contentPage.odd
{
	background-image:		url(../img/bg_left.jpg);
	background-repeat:		no-repeat;
	background-position:	22px 25px;
}

.contentBlock.even, .contentPage.even
{
	background-image:		url(../img/bg_right.jpg);
	background-repeat:		no-repeat;
	background-position:	687px 25px;
}

/********
 * HOME *
 ********/

#home
{
	height:		296px;
	padding:	236px 0px 0px 180px;
}

/************
 * PROJECTS *
 ************/

.contentPage
{
	padding:			40px 107px 0px 107px;
	min-height:			504px;
	background-repeat:	no-repeat;
}

.project
{
	font-size:	11px;
}

.projectTop
{
	height:			50px;
	padding-bottom:	10px;
}

.projectTop object, .projectTop h3
{
	float:	left;
}

.awardsHolder
{
	width:		386px;
	height:		100%;
	float:		right;
	text-align:	center;
}

.boxout
{
	width:					120px;
	height:					243px;
	float:					right;
	
	margin-right:			10px;
	margin-left:			-130px;
	margin-bottom:			10px;
	background-image:		url(../img/boxout.png);
	background-repeat:		no-repeat;
	background-position:	right;
}


.even .boxout
{
	float:			left;
	margin-left:	20px;
	margin-right:	-160px;
}

.boxout h4
{
	color:			#fff;
	font-size:		11px;
	font-weight:	normal;
	margin:			10px 0px 0px 0px;
}

.boxout a
{
	color:	#999;
}

.boxout .pdf
{
	display:			block;
	height:				28px;
	color:				#fff;
	font-size:			9px;
	text-decoration:	none;
	padding:			1px 9px 0px 35px;
	margin-top:			12px;
	background-image:	url(../img/pdf_icon.png);
	background-repeat:	no-repeat;
}

.boxout .pdf:hover
{
	text-decoration:	underline;
}

.media
{
	text-align:		center;
}

.media object, .media img
{
	margin-bottom:	20px;
}

.project .description
{
	padding: 			5px 7px 0px 9px;
	margin-left:		25px;
	width:				422px;
	min-height:			105px;
	background:			url(../img/description_bg.png);
	background-repeat:	no-repeat;
}

.project .description p
{
	margin:	0px 0px 11px 0px;
}

.bigMediaSpacer
{
	clear:both;
}

/*********
 * ABOUT *
 *********/

#about
{
	font-size:		12px;
}

#about h3
{
	display:			block;
	margin-left:		10px;
	width:				164px;
	height:				58px;
	background-image:	url(../img/about_title.png);
	text-indent:		-90000px;
}

.aboutContent
{
	margin:		11px 0px 0px 80px;
	width:		654px;
	height:		352px;
	background:	url(../img/about_bg.png);
	overflow:	hidden;
}

.aboutContent p
{
	float:		left;
	padding:	0px;
	text-align:	justify;
	margin:		38px 0px 0px 70px;
	width:		300px;
}

.profiles
{
	float:		right;
	width:		245px;
	margin-top:	38px;
	font-size:	11px;
}

.profile
{
	clear:	both;
}

.profile img
{
	margin:	0px 10px 20px 0px;
	float:	left;
}

.profile h4
{
	font-size:	11px;
	margin:		0px;
	color:		#fff;
}

/***********
 * CONTACT *
 ***********/

#contact
{
	font-size:		12px;
}

#contact h3
{
	margin-left:		27px;
	width:				182px;
	height:				58px;
	background-image:	url(../img/contact_title.png);
	text-indent:		-90000px;
}

.map
{
	margin-left:		170px;
}

.individual
{
	float:				left;
	font-size:			11px;
	color:				#fff;
	margin:				20px 0px 0px 27px;
	padding:			8px 0px 0px 12px;
	width:				313px;
	height:				78px;
	background-image:	url(../img/individual_contact_bg.png);
}

.individual p
{
	margin:	0px 0px 5px 0px;
}

.individual a
{
	color:				#999;
	text-decoration:	none;
}

.individual a:hover
{
	text-decoration:	underline;
}

#legal
{
	color: #999;
	font-size: 8px;
	margin-top: 10px;
}

#legal p
{
	margin-bottom: 0px;
}

.general
{
	float:				right;
	text-align:			right;
	margin:				10px 17px 0px 0px;
	width:				179px;
	height:				113px;
	background-image:	url(../img/general_contact_bg.png);
	padding:			7px 11px 0px 0px;
}

/********
 * BLOG *
 ********/

#blog
{
	padding:	30px 0px 0px 117px;
	font-size:	12px;
	margin-bottom: -30px;
	background-image: url(../img/bg.jpg);
}

#blog.odd
{
	background-position:	0px -533px;
}

#blog h3
{
	width:				146px;
	height:				58px;
	background-image:	url(../img/blog_title.png);
	text-indent:		-90000px;
}

.blogPost
{
	width:				365px;
	padding:			50px;
	margin:				0px 0px 30px 150px;
	text-align:			justify;
	background-repeat:	no-repeat;
	background-image:	url(../img/blog_bg.png);
}

#blog .details
{
	color:	#fff;
}

#blog .details img
{
	float:			left;
	margin-right:	10px;
}


#blog h4
{
	font-size:		12px;
	font-weight:	normal;
	margin:			0px 0px 5px 0px;
}

.postContent
{
	clear:			both;
	padding-top:	5px;
}

#blog a
{
	color:	#999;
}

#blog a:hover
{
	color:	#fff;
}