/* CSS Document */

	body
	{
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: x-small;
		color: #636363;
		text-align: center;
		background: #1D6989;
		
	}
	
	#body-bg
	{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		height: 371px;
		background: url(_files/site-bg_gradient_t.gif) 0 0 repeat-x;
		
	}
	
	#body-bg-container
	{
		background: #fff url(_files/header-bg_gradient.gif) 0 0 repeat-x;
	}
	
	#b-bg-c2
	{
		position: relative;
		padding: 0 0 76px 0;
		background: url(_files/site-bg_gradient_b.gif) 0 100% repeat-x;	
	}

	.clear-both
	{
		clear: both;
		height: 1px;
		overflow: hidden;
	}

/* ---------------------------------------------------------------------------------------------- Page Container */

	#page-container
	{
		position: relative;
		z-index: 1;
		width: 996px;
		margin: 0 auto;
		font-size: 130%;
		text-align: left;
		background: url(_files/site-bg_gradient_t.gif) 0 0 repeat-x;
	}
	
/* -------------------------------------------------------------------------------- Header */
	
	#header-bg
	{
		z-index: 1;
		position: absolute;
		margin: 0;
		padding: 0;
		width: 996px;
		height: 228px;
		background: url(_files/header-bg.gif) 146px 0 no-repeat;
	}
	
	
/* -------------------------------------------------------------------------------- Search */
	
	#search
	{
		z-index: 2;
		position: absolute;
		top: 0;
		left: 465px;
		width: 238px;
		height: 29px;
		background: url(_files/search-bg.gif) 0 0 no-repeat;
		font-size: 80%;
	}
	
	#search form
	{
		margin: 0;
		padding: 0;
	}
	
	#search label
	{
		position: absolute;
		top: 6px;
		left: 20px;
		padding: 0 9px 0 0;
		border-right: 1px solid #a4c4d2;
		color: #286a88;
	}
	
	#search .input-text
	{
		position: absolute;
		top: 5px;
		left: 76px;
	}
	
	#search .input-text input
	{
		margin: 0;
		padding: 0 0 0 5px;
		width: 120px;
		border: none;
		color: #a6a6a6;
		font-size: 100%;
	}	
	
	#search .search-button
	{
		position: absolute;
		top: 2px;
		left: 207px;
	}
	
	#search .search-button input
	{
		margin: 0;
		padding: 2px 4px 4px 0;
		border: none;
		background: none;
		cursor: pointer;
		font-weight: normal;
		color: #286a88;
		font-size: 100%;
	}
	
	
/* -------------------------------------------------------------------------------- Header Logo */

	#main-heading
	{
		z-index: 3;
		position: absolute;
		top: 40px;
		left: 120px;
		margin: 0;
		padding: 0;
		width: 146px;
		height: 56px;
		font-size: 100%;
		text-indent: -10000px;
	}
	
	#main-heading span
	{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: url(_files/site-logo.gif) 0 0 no-repeat;
		cursor: pointer;
	}
	
	#site-emblem
	{
		z-index: 3;
		position: absolute;
		top: 19px;
		left: 12px;
		width: 133px;
		height: 185px;
		background:url(_files/site-logo_emblem.gif) 0 0 no-repeat;
	}
	
/* -------------------------------------------------------------------------------- Bread Crums */

	#breadcrums
	{
		z-index: 3;
		position: absolute;
		top: 114px;
		left: 150px;
		background: #2a7795 url(_files/bread-crums_bg-l.gif) 0 0 no-repeat;
		color: #fff;
		font-size: 70%;
	}
	
	#bc-bg
	{
		height: 17px;
		padding: 3px 22px 0 22px;
		background: url(_files/bread-crums_bg-r.gif) 100% 0 no-repeat;
	}
	
	* html #bc-bg
	{
		float: left;
	}
	
	#breadcrums a
	{
		color: #fff;
	}
	
	#breadcrums a:hover
	{
		text-decoration: none;
	}
	
	#breadcrums a:visited
	{
		color: #beccd2;
	}


	
/* -------------------------------------------------------------------------------- Main Navigation */
		
	#main-nav
	{
		z-index: 2;
		position: absolute;
		top: 117px;
		left: 482px;
		font-size: 95%;
		font-weight: bold;
	}
	
	#main-nav ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#main-nav li
	{	
		float: left;
		font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	}
	
	#main-nav li#mn-1 a
	{	
		background: #227ea0 url(_files/main-menu_bg_first-l.gif) 0 0 no-repeat;
	}
	
	#main-nav li#mn-1 a span
	{
		padding-left: 60px;
		background: url(_files/main-menu_bg_first-r.gif) 100% 0 no-repeat;
	}
	
	
	#main-nav li#mn-1.current a,
	#main-nav li#mn-1 a:hover
	{
		background: #fff url(_files/main-menu_bg_first-l_h.gif) 0 0 no-repeat;
		color: #416f8e;
	}
	
	#main-nav li#mn-1.current a span,
	#main-nav li#mn-1 a:hover span
	{
		background: url(_files/main-menu_bg_first-r_h.gif) 100% 0 no-repeat;
	}
	
	#main-nav li a
	{	
		float: left;
		display: block;
		background: #227ea0 url(_files/main-menu_bg-l.gif) 0 0 no-repeat;
		color: #e2e9fa;
		text-decoration: none;
	}
	
	#main-nav li a span
	{
		float: left;
		display: block;
		height: 26px;
		padding: 12px 17px 0 17px;
		background: url(_files/main-menu_bg-r.gif) 100% 0 no-repeat;
	}
	
	#main-nav li.current a,
	#main-nav li a:hover
	{
		background: #fff url(_files/main-menu_bg-l_h.gif) 0 0 no-repeat;
		color: #416f8e;
	}
	
	#main-nav li.current a span,
	#main-nav li a:hover span
	{
		background: url(_files/main-menu_bg-r_h.gif) 100% 0 no-repeat;
		cursor: pointer;
	}
	

/* -------------------------------------------------------------------------------- Sub Navigation */	
	
	#sub-nav
	{
		overflow: hidden;
		width: 653px;
		padding: 33px 0 25px 0;
		font-size: 85%;
	}
	
	* #sub-nav
	{
		height: 1%;
	}
	
	
		
	#blank-sub-nav
	{
		overflow: hidden;
		width: 653px;
		padding: 33px 0 0 0;
		font-size: 85%;
	}
	
	
	#sub-nav ul
	{
		
		margin: 0;
		padding: 0 0 0 78px;
		list-style: none;
	}
	
	#sub-nav li
	{
		
		float: left;
		padding: 0 29px 0 0;
	}
	
	#sub-nav li a,
	#sub-nav li a:link
	{
		display: block;
		padding: 4px 0;
		border-bottom: 2px solid #e4e4e4;
		text-decoration: none;
		color: #416f8e;
	}
	
	#sub-nav li.current a,
	#sub-nav li a:hover
	{
		border-bottom-color: #21566d;
	}
	


/* ---------------------------------------------------------------------------------------------------- Right Column */				

	#right-column
	{
		z-index: 2;
		position: relative;
		float: right;
		margin: 94px 15px 0 0;
		width: 174px;
		min-height: 129px;
		background: url(_files/right-content-bg_t.gif) 0 0 no-repeat;		
	}
	
	* html #right-column
	{
		margin-right: 8px;
		height: 129px;
	}
	
	#rc-padding
	{
		padding: 24px;
	}
	
	#right-col-bg-b
	{
		position: absolute;
		bottom: 77px;
		right: 15px;
		width: 174px;
		height: 129px;
		background: url(_files/right-content-bg_b.gif) 0 0 no-repeat;
	}
	
	#right-column h1
	{
		margin: 0;
		padding: 0 0 14px 0;
		border-bottom: 1px solid #e4e4e4;
		font-size: 120%;
		font-weight: normal;
		color: #cac9ca;
		text-align: center;
	}
	
	#section-links
	{
		border-bottom: 1px solid #e4e4e4;
		padding: 15px 0 15px 0;
		font-size: 85%;		
	}
	
	
	#section-links ul
	{
		margin: 0;
		padding: 0 0 0 5px;
		list-style: none;
	}
	
	#section-links li
	{
		padding: 0 0 6px 0;
		line-height: 1.0em;
	}

	#section-links li a,
	#section-links li a:link
	{
		position: relative;
		display: block;
		padding: 0 0 0 13px;
		background: url(_files/section-links_bullet.gif) 0 3px no-repeat;
		text-decoration: none;
		color: #416f8e;
	}
	
	#section-links li.current a,
	#section-links li a:hover
	{
		background: url(_files/section-links_bullet_h.gif) 0 3px no-repeat;
	}

/* ---------------------------------------------------------------------------------------------------- Content Container */	
	

	#content-container
	{
		z-index: 1;
		position: relative;
		padding-top: 147px;
		
	}


	#main-content
	{		
		z-index: 1;
		position: relative;
		margin-left: 149px;
		background: url(_files/content-bg_t.gif) 0 0 no-repeat;
	}
	
	#mc-bg
	{		
		width: 653px;
		background: url(_files/content-bg_b.gif) 0 100% no-repeat;
	}	
	
	#content-container a:link
	{
		color: #f06ea9;
	}
	
	#content-container a:hover
	{
		text-decoration: none;
	}
	
	#content-container a:visited
	{
		color: #358caa;
	}
		
/* ---------------------------------------------------------------------------------------------------- Body Copy */
		
	#body-copy
	{
		padding: 0 53px 0 53px;
		line-height: 1.8em;
		font-size: 95%;
		min-height: 500px;
	}
	
	/* IE WIN FIX FOR FLOAT PROBLEM \*/
	* html #body-copy
	{
		position: relative;
		height: 500px;
		overflow: visible;
	}
	/* End Hide from IE MAC */
	
/* ------------------------------------------------------------- Headings */
	
	#body-copy h1
	{
		font-weight: normal;
		font-size: 190%;
		color: #358caa;
	}
	
	#body-copy h2
	{
		font-weight: normal;
		font-size: 140%;
		color: #358caa;
	}
	
	#body-copy h3
	{
		font-weight: normal;
		font-size: 120%;
		color: #358caa;
	}
	
	#body-copy h4
	{
		font-weight: normal;
	}
	
	#body-copy h5
	{
		font-weight: normal;
	}
	
/* ------------------------------------------------------------- Paragraphs */	
	
	#body-copy p
	{
		margin: 0 0 20px 0;
	}
	
/* ------------------------------------------------------------- Lists */	

	#body-copy ul
	{
		position: relative;
		margin: 0 0 20px 0;
		padding: 0;
		list-style: none;
	}
	
	#body-copy ul li
	{
		padding: 0 0 0 33px;
		background: url(_files/bullet.gif) 17px 8px no-repeat;
	}

/* ------------------------------------------------------------- Buttons */	

	#body-copy .link-button
	{
		display: block;
		float: left;
		height: 26px;
		background: #fa51b5 url(_files/link-button-bg_l.gif) 0 0 no-repeat;
		text-decoration: none;
		font-weight: bold;
		color: #fff;
	}
	
	#body-copy .link-button span
	{
		display: block;
		float: left;
		padding: 1px 10px 0 10px;
		height: 25px;
		background: url(_files/link-button-bg_r.gif) 100% 0 no-repeat;
		color: #fff;
		cursor: pointer;
	}
	
	#body-copy .link-button:hover
	{
		background: url(_files/link-button-bg_over_l.gif) 0 0 no-repeat;
	}
	
	#body-copy .link-button:hover span
	{
		background: url(_files/link-button-bg_over_r.gif) 100% 0 no-repeat;	
	}
	

/* ------------------------------------------------------------- Images */	
	
	#content-container img
	{
		position: relative;
		float: right;
		margin: 0 0 12px 20px;
		border: 3px solid #d2d2d3;
	}
	
	#content-container a:hover img,
	#content-container a.no-border:hover img
	{
		border-color: #f06ea9;
	}
	
	#content-container a.image
	{
		float: right;
	}
	
	#content-container a.image img
	{
		position: static;
		float: none;
		display: block;
	}
	
	#content-container a.no-border img
	{
		border-color: #fff;
	}
	
/* -------------------------------------- Download */

	#body-copy .download-box
	{
		padding: 20px 20px 10px 20px;
		margin: 25px 0 30px 0;
		border: 1px solid #ffd5f1;
		background: #fff1fa; 
		color: #ff80ba;
	}
	
	#body-copy .download-box .download-link
	{
		padding: 10px 0 25px 190px;
		height: 25px;
		overflow: hidden;
	}
	
	* html #body-copy .download-box .download-link
	{
		height: 1%;
		overflow: visible;
	}
	
	#body-copy .download-box .file-size
	{
		margin: -12px 0 0 0;
		text-align: center;
	}
	
	#body-copy .download-box .note
	{
		margin-top: 20px;
	}

/* ------------------------------------------------------------- Tables */	

	#body-copy table
	{
		margin: 0 0 20px 0;
		width: 100%;
	}
	
	#body-copy th,
	#body-copy td
	{
		border-bottom: 2px solid #fff;
	}
	
	#body-copy th
	{
		padding: 5px 12px;
		border-right: 2px solid #fff;
		font-weight: normal;
		font-size: 110%;
		color: #fff;
		background: #1D6A89;
	}
	
	#body-copy td
	{
		padding: 5px 12px;
		background: #F6F6F6;
	}
	
	
/* -------------------------------------- Search Results */
	
	#search-form form
	{
		z-index: 2;
		position: relative;
		margin: 0;
		padding: 20px 0 0 0;

	}
	
	* html #search-form
	{
		font-size: 110%;
	}
	
	#search-form label
	{
		font-weight: bold;
	}
	
	#search-form .input-text input
	{
		margin: 0;
		padding: 3px 5px;
		width: 344px;
		border: 1px solid #aaa;
		font-size: 100%;
	}
	
	* html #search-form .input-text input
	{
		width: 340px;
	}
	
	#search-form .search-button input
	{
		margin: 0;
		padding: 3px 5px;
		border: none;
		background: #1D6A8A;
		color: #fff;
		font-weight: bold;
		font-size: 100%;
	}
	
	#result-report
	{
		padding: 3px;
		background: #f6f6f6;
		color: #979797;
		text-align: center;
	}
	
	#search-results
	{
		padding: 4px 0 0 0;
	
	}
	
	#body-copy #search-results h2
	{
		font-size: 100%;
	
	}
	
	#body-copy .results-item
	{
		padding: 0 0 25px 0;
	}
	
	#body-copy .results-item p
	{
		margin: 10px 0;
	}
	
	#body-copy .results-item .url
	{
		color: #777;
	}
	
	#body-copy #other-pages
	{
		padding: 10px 0 0 0;
		text-align: center;
	}
	
	#body-copy #powered-by
	{
		margin: 35px 0 0 0;
		padding: 30px 0 25px 0;
		text-align: center;
		line-height: normal;
		border-top: 1px solid #ccc;
	}
	
	#body-copy #powered-by img
	{
		float: none;
		margin: 0;
		
	}
	
/* -------------------------------------- Content Item */

	#body-copy .content-item
	{
		z-index: 1;
		position: relative;
		padding: 8px;
		margin: 0 0 15px 0;
		/* makes the box expand so it contains the floats */
		overflow: hidden;
		border: 1px solid #efeddf;
	}
	
	* html #body-copy .content-item
	{
		height: 1%;	
		overflow: visible;
	}
	
	#body-copy .content-item img
	{
		margin-bottom: 0;
	}
	
	#body-copy .content-item p
	{
		margin: 0;
	}
	
	#body-copy .content-item h2
	{
		margin: 0 0 10px 0;
	}
	
/* -------------------------------------- thumbs */

	#body-copy .thumbs
	{
		overflow: hidden;
	}
	
	* html #body-copy .thumbs
	{
		height: 1%;
		overflow: visible;
	}
	
	#body-copy .thumbs img
	{
		float: none;
		display: inline;
	}

	#body-copy .thumbs a
	{
		float: left;
	}
		
/* ------- For the Caption */
	
	#body-copy .thumbs img
	{ 
		display: block;
		margin: 0;
	}
	
	#body-copy .thumbs a span
	{
		display: block;
		background: #d2d2d3;
		color: #666;
		font-weight: bold;
		font-size: 80%;
		text-align: center;
	}
	
	#body-copy .thumbs a:hover span
	{
		background: #F06EA9;
		color: #fff;
	}
	
	/* Need this for IE 6.0 since something has to change in
	 * the hover state otherwise the colour change wont happen
	 * on the image
	 */
	#body-copy  .thumbs a:hover
	{
		background: #fff;
	}

	#body-copy .thumbs a:link,
	#body-copy .thumbs a:visited
	{
		text-decoration: none;		
	}

/* -------------------------------------- Home */
	
	
	#home-page .thumbs img
	{
		margin-left: 0;
	}
	
	#home-page .thumbs .last
	{
		display: block;
		margin-left: 14px;
	}

	#home-page .thumbs a
	{
		float: right;
		padding-bottom: 17px;
	}
	
	
/* -------------------------------------- Artworks */

	#artworks .thumbs
	{
		padding: 20px 0 50px 56px;
	}
	

	#artworks .thumbs img
	{
		margin: 0;
	}

	#artworks .thumbs a
	{
		padding: 0 0 18px 20px;
	}
	
/* -------------------------------------- Print Designs */

	#prints-page .thumbs
	{
		padding-bottom: 50px;
	}
	
	#prints-page .thumbs a
	{
		padding: 0 0 10px 10px;
	}
	
/* -------------------------------------- MP3 Player */

	#mp3-player-overview .thumbs img
	{	
		display: block;
		margin: 0;
		border-color: #fff;
	}
	
	#mp3-player-right-thumbs
	{
		margin: 15px 0 0 -4px;
	}

	#mp3-player-right-thumbs img
	{	
		display: block;
		margin: 0 0 9px 0;
		border-color: #fff;
	}
	
	#atomic-mag
	{
		margin: 40px 0 40px 11px;
	}
	
	#atomic-mag img
	{
		float: none;
		border: none;
	}
	
/* -------------------------------------- Gang Land */

	
	#game-design .thumbs img
	{
		margin: 0;
	}

	#game-design .thumbs a
	{
		padding-left: 12px;
	}
	
/* -------------------------------------- Game Programming */


	#game-programming .thumbs
	{
		margin-bottom: 20px;
	}
	
	#game-programming .thumbs img
	{
		margin: 0;
	}

	#game-programming .thumbs a
	{
		padding-left: 12px;
	}

	#game-programming .download-box .download-link
	{
		padding-left: 180px;
	}
	
	#game-programming .section
	{
		overflow: hidden;
	}
	
	* html #game-programming .section
	{
		height: 1%;
		overflow: visible;
	}


/* -------------------------------------- Painted Dreams */

	
	#painted-dreams .thumbs img
	{
		margin: 0;
	}

	#painted-dreams .thumbs a
	{
		padding: 12px 0 0 18px;
	}

	#painted-dreams .download-box .download-link
	{
		padding-left: 174px;
	}
	
	#painted-dreams-texture .thumbs a,
	#painted-dreams-rigging .thumbs a
	{
		padding: 0 12px 12px 0;		
	}
	
	#painted-dreams-texture
	{
		padding-bottom: 40px;
	}
	
	
	
	#body-copy #painted-dreams-texture .in-text-thumb a
	{
		float: left;
		padding: 0 12px 0 0;
	}
	
	#painted-dreams-texture h2
	{
		margin: 50px 0 10px 0;
	}
	
/* -------------------------------------- But I'm Troth */

	#but-im-troth .download-box .download-link
	{
		padding-left: 174px;
	}
	
	#but-im-troth .thumbs img
	{
		margin: 0;
	}

	#but-im-troth .thumbs a
	{
		padding: 12px 0 0 18px;
	}
	
/* ---------------------------------------------------------------------------------------------------- Footer */

	#footer
	{
		padding: 35px 0 0px 27px;
		height: 48px;
		text-align: center;
	}
	
	#footer ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#footer li
	{
		display: inline;
		padding: 0 10px 0 10px;
	}
	
	#footer a,
	#footer a:link
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #296c89;
		text-decoration: none;
	}
	
	#footer a:hover
	{
		text-decoration: underline;
	}
	
	#footer .copyright
	{
		position: relative;
		top: 40px;
		color: #fff;
		font-size: 80%;
	}