/* Standard elements */
	html
	{
		background-image: url('http://www.feralinteractive.com/data/games/tombraider/background/tra-bg.jpg');
		background-position: top center;
		background-repeat: no-repeat;
	}

	td
	{
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 11px;
		color: #ccc;
	}

	.cssbox p
	{
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 13px;
		text-align: center;
		color: #ccc;
		text-shadow: 0px 0px 2px #000;
	}

	h1
	{
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 16px;
		margin: 10px 0px 10px 0px;
		color: #fff;
	}

	#gamecontent h2
	{
		font-size: 28px;
		text-align: center;
		font-family: times, serif;
		font-weight: normal;
		font-variant: small-caps;
		color:#fff;
		text-shadow: 0px 0px 2px #debb57;
	}

	#gamecontent h3
	{
		font-size: 18px;
		margin-bottom: -0.5em;
		text-align: center;
		font-family: times, serif;
		font-weight: normal;
		font-variant: small-caps;
		color:#fff;
		text-shadow: 0px 0px 1px #debb57;
	}

	a
	{
		color: #ddd;
	}
/* end standard elements */

/* sidebar menu code */
	#game_sidebar
	{
		padding-bottom:70px;
		margin-left: 23px !important;
		width: 120px !important;
	}

	#game_sidebar li a
	{
		
		padding-bottom: 2px;
		font-family: times, serif;
		font-weight: normal;
		color:#fff;
		text-shadow: 0px 0px 2px #000;
	
	}

	#game_sidebar li a:hover
	{
		color: #d1a832;
		text-shadow: 0px 0px 1px #debb57;
	}
/* end sidebar menu code */

/* desktops page */
.desktop 
{
	margin: 0px auto;
	float: none !important;
	border-style:solid;
	border-width:1px;
	border-color:#333;
}
/* end desktops page */

/* screenshots page */
	#game_content .screenshots img
	{
		height:68px;
	}
/* end screenshots page */

/* press reviews page */
	.press .normal, .press .open_quote, .press .close_quote
	{
		margin-top: 3px;
	}
/* end press reviews page */

/* links page */
	.links
	{
		padding: 3px 0px;
		border-style: none none dotted none;
		border-width: 1px;
		border-color: #333;
	}
	
	.links img
	{
		margin: 3px;
		width: 38px;
	}

	.links td
	{
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 13px;
		color: #ccc;
		text-shadow: 0px 0px 2px #000;
		padding-bottom: 5px;	
	}
/* end links page */

/* videos page */
	.videos div
	{
		margin-bottom: 0px !important;
	}

	.videos .cssbox_head
	{
		width: 392px;
	}

	.videos .cssbox_body div
	{
		margin-top: 5px;
		width: 350px !important;
		float: none !important;
	}

	.videos .cssbox_body div p
	{
		text-align: center;
	}

	.videos .cssbox_body div h3
	{
		margin-bottom: 3px !important;
	}
/* videos page */

/* requirements page */
	.requirements
	{
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 13px;
		color: #ccc;
		text-shadow: 0px 0px 2px #000;
	}
	
	.requirements .uni
	{
		padding-top: 0px !important;
		margin-top: 0px !important;
		text-align: center !important;
	}
	
	.requirements .uni h3
	{
		padding: 0px !important;
		margin: 0px !important;
	}
/* End CSS for requirements page */

/* semi-transparent window code */
	/* set the image to use and establish the lower-right position */
	.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2
	{
		background: transparent url('../images/boxbg-grad-lighter.png') no-repeat bottom right; 
	}

	.cssbox
	{ 
		width: 424px !important; /* intended total box width - padding-right(next) */
		width: 416px; /* IE Win = width - padding */
		padding-right: 8px; /* the gap on the right edge of the image (not content padding) */
		margin: 20px auto; /* use to position the box */
	} 

	/* set the top-right image */
	.cssbox_head
	{ 
		background-position: top right;
		margin-right: -8px; /* pull the right image over on top of border */
		padding-right: 40px; /* right-image-gap + right-inside padding */
	}

	/* set the top-left image */
	.cssbox_head h2
	{
		background-position: top left;
		margin: 0; /* reset main site styles*/
		border: 0; /* ditto */
		padding: 25px 0px 5px 40px; /* padding-left = image gap + interior padding ... no padding-right */
		height: auto !important;
		height: 1%; /* IE Holly Hack */ 
	}

	/* set the lower-left corner image */
	.cssbox_body
	{ 
		background-position: bottom left;
		margin-right: 20px; /* interior-padding right */ 
		padding: 1px 5px 60px 35px; /* mirror .cssbox_head right/left */
	}
/* Here endeth the window code */

/* flickbooks */
	.flickbook
	{
		text-align: center;	
	}

	.flickbook img
	{
		margin-bottom: -5px;
	}

	.nextnav, .nextnavdisabled
	{
		position: relative;
		margin-top: -37px;
		margin-right: 30px;
		margin-bottom: 15px;
		width: 30%;
		float: right;
		text-align: right;	
	}

	.prevnav, .prevnavdisabled
	{
		position: relative;
		margin-top: -37px;
		margin-left: 30px;
		margin-bottom: 15px;
		width: 30%;
		float: left;
		text-align: left;	
	}

	.nextnav img, .prevnav img
	{
		cursor: pointer;
	}
/* End of flickbook code */

