/* @group - css reset
----------------------------------------------------------- */

	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
	acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,
	strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
	table,caption,tbody,tfoot,thead,tr,th,td {background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}

	ol,ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after{ content: ''; content: none; }
	:focus{ outline:0; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table { border-collapse: collapse; border-spacing: 0; }

/* @group - redefine standard elements
----------------------------------------------------------- */

	body {
		background: #fff url(/img/bg.png) repeat-x 0 0;
		font: normal normal normal 62.5% Helvetica,Arial,Verdana,sans-serif;
		line-height: 1.32em;
		color: #333;
	}
	
	body * { line-height: 1.22em;}
	
	p, li { font-size: 120%; }
	
	ol,ul,dl{margin: 1em 2em;}
	ol li{list-style:decimal outside;}
	ul li{list-style:disc inside; margin: 0 0 5px 0;}
	h2 { margin: 0 0 10px 0;}
	


/* @group - common link styles
----------------------------------------------------------- */


/* @group - classes / utilities
----------------------------------------------------------- */

	/* float clearing */
	.clearfloats, .cf{clear:both;}
	.clearleft, .cl{clear:left;}
	.clearright, .cr{clear:right;}
	
	/* self clearing
	------------------------------------------------------- */
	
	#doc:after,
	.columnset:after
	{clear:both;content:".";display:block;height:0;visibility:hidden;}
	
	/* float classes */
	.floatright,.fr{float:right !important;}
	.nofloat,.nf{float:none !important;}
	.floatleft,.fl{float:left !important;}
	/* give space to floated elements */
	img.floatright,img.fr,blockquote.fr,blockquote.floatright{margin:0 0 5px 10px;}
	img.floatleft,img.fl,blockquote.fl,blockquote.floatleft{margin:0 10px 5px 0;}
	/* img reset */

	img{border:none;}
	/* border classes */
	.bdr{border:1px solid #000;}
	.nbtop,.nb-top{border-top:none !important;}
	.nbbottom,.nb-bottom{border-bottom:none !important;}
	.nbleft,.nb-left{border-left:none !important;}
	.nbright,.nb-right{border-right:none !important;}
	/* rel width classes */
	.make-fw{width:100% !important;}
	.make-hw{width:50% !important;}
	.make-qw{width:25% !important;}
	/* magrin classes */
	.add-m{margin:10px;}
	.add-ml{margin-left:10px !important;}
	.add-mr{margin-right:10px !important;}
	.add-mt{margin-top:10px !important;}
	.add-mb{margin-bottom:10px !important;}
	.nomargin,.nm,.last{margin:0 !important;}
	/* padding classes */
	.pd{padding:10px;}
	.add-pl{padding-left:10px !important;}
	.add-pr{padding-right:10px !important;}
	.add-pt{padding-top:10px !important;}
	.add-pb{padding-bottom:10px !important;}
	.pd-lr{padding:0 10px;}
	.pd-tb{padding:10px 0px;}
	.np,.nopadding{padding:0 !important;}
	/* some alignment classes */
	.aligncenter,.ac{text-align:center !important;}
	.alignright,.ar{text-align:right !important;}
	.alignleft,.al{text-align:left !important;}
	.justify{text-align:justify !important;}

	/* fonts */
	.font-a{font-family:Arial,Verdana,"Trebuchet MS",sans-serif !important;}
	.font-b{font-family:Verdana,Arial,"Trebuchet MS",sans-serif !important;}
	.font-c{font-family:"Trebuchet MS",Verdana,Arial,"Trebuchet MS",sans-serif !important;}
	.font-d{font-family:"Lucida Grande",Verdana,Arial,"Trebuchet MS",sans-serif !important;}
	.font-e{font-family:Tahoma,Arial,"Trebuchet MS",sans-serif !important;}
	.font-e{font-family:Georgia,"Times New Roman",Times,serif !important;}
	.font-f{font-family:"Times New Roman",Times,serif !important;}

	div.hr{background:transparent;border-bottom:1px solid #000;height:0px;margin:0 0 10px 0;padding:0;}
	.hide{display:block;height:0;overflow:hidden;width:0;margin:0;padding:0;}
	noscript{font-size:120%;}

	.nojsmessage{background:#FFE7B4;border:1px solid #ffcc33;font-size:120%;margin-bottom:10px;text-align:left;}
	.nojsmessage .pd{padding:10px 10px 0 10px;}
	.nojsmessage h2{font:normal 150% "Trebuchet MS",Arial,Verdana,sans-serif;text-align:center;}

	/* image replacement class */
	.txtrepl{position:relative;margin:0px;padding:0px;overflow:hidden;}
	.txtrepl span{display:block;position:absolute;top:0px;left:0px;z-index:1;}
	

/* @group - doc and grid selectors
----------------------------------------------------------- */	

	#doc {
		display: block;
		margin: 45px 20px 20px 40px;
		width: 600px;
	}
	
	#page {
		background: transparent url(/img/filmgear.png) no-repeat 650px 0px;
		min-height: 500px;
	}

/* @group - hd selectors
----------------------------------------------------------- */

	#hd { margin: 0 0 20px 0;}
	#logo {background:transparent url(/img/gemlogo.png) no-repeat 0% 0%;width:373px;height:43px;overflow: hidden; text-indent: -1000em;}
	#logo{color:#a1e4fa;font-size:320%;line-height:1em;}
	p.tagline { font-size: 140%; color: #000; padding: 10px 0 0 1px;}

/* @group - status selectors
----------------------------------------------------------- */

	div.status p, div.status h2 {
		font-family: Helvetica,Arial, Verdana, sans-serif;
		padding: 0 0 0 1px;
		color: #333;
	}
	
	div.status p { font-size: 130%; margin: 0 0 10px 0; }
	
	div.status h2 {
		font-size: 130%;
		margin: 0 0 5px 0;
	}

	div.status p.extlink { padding: 5px 0 0px 2em; }

/* @group - nav selectors
----------------------------------------------------------- */

	#nav ul li {
		margin: 0 0 10px 0;
	}