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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:				0;
	padding:			0;
	border:				0;
	outline:			0;
	font-weight:		inherit;
	font-style:			inherit;
	font-size:			100%;
	font-family:		inherit;
	vertical-align:		baseline;
}

/* remember to define focus styles! */
:focus
{
	outline:			0;
}

body
{
	line-height:		1;
	color:				black;
	background:			white;
}

ol, ul
{
	list-style:			none;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse:	separate;
	border-spacing:		0;
}

caption, th, td
{
	text-align:			left;
	font-weight:		normal;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content:			"";
}

blockquote, q
{
	quotes:				"" "";
}


/* ----------------------------------- body --------------------------------- */
body
{
	margin:				auto;

	font-family:		Arial, sans-serif;

	font-size:			12px;

	text-align:			left;

	color:				#000;
	background-color:	#fff;
}

img
{
	border:				0;
}

a 
{
	color:				#fff;
	text-decoration:	none;
}

a:hover
{
	color:				#fb2;
	text-decoration:	none;
}

p 
{
	margin-bottom:		10px;
	font-weight:		normal;
}


/* ---------------------------------- #wrapper ------------------------------ */
#wrapper
{
	width:				700px;

	margin-top:			10px;
	margin-left:		auto;
	margin-right:		auto;

	text-align:			left;

	background-color:	#fff;
}


/* ----------------------------------- #top --------------------------------- */
#top-margin
{
	float:				left;
	width:				700px;
	height:				20px;

	background-color:	#fff;

	margin-top:			5px;
}

#top-margin	.left
{
	float:				left;
	width:				550px;
	height:				20px;

	background-color:	#fb2;
}

#top-margin	.right
{
	float:				left;
	width:				146px;
	height:				20px;

	background-color:	#238;

	margin-left:		4px;
}


/* ---------------------------------- #header ------------------------------- */
#header
{
	float:				left;
	width:				700px;
	height:				100px;

	background:			#fff url(../images/gradient.png) no-repeat top left;

	margin-top:			4px;
}

#menu
{
	float:				left;

	width:				700px;
	height:				20px;

	margin-top:			80px;

	padding:			0px;

	list-style-type:	none;
}

#menu li
{
	float:				left;

	padding:			0px 10px 0px 20px;

	border:				0px;

	color:				#fff;

	cursor:				pointer;
}

#menu a
{
	color:				#fff;
	text-decoration:	none;
}

.active
{
	color:				#ffbb22;
	text-decoration:	none;
	font-weight:		bold;
	font-size:			1.1em;
	line-height:		.9em;
}


/* ---------------------------------- #main --------------------------------- */
#main
{
	float:				left;
	width:				700px;
	height:				470px;

	margin-top:			4px;

	color:				#fff;
	font-size:			1em;
	background:			#fff url(../images/gradient.png) repeat-y top left;
}

.mask
{
	position:			relative;
	width:				700px;
	height:				470px;
	overflow:			hidden;
}

#content
{
	position:			absolute;
}

#content .tab
{
	width:				700px;
	height:				470px;
	float:				left;
}


/* -------------------------------- #footer --------------------------------- */
#footer
{
	float:				left;
	width:				700px;
	height:				100px;

	margin-top:			4px;

	color:				#fff;
	background:			#fff url(../images/gradient.png) no-repeat top left;
}

#footer a
{
	color:				#ffbb22;
	text-decoration:	none;
}

#footer a:hover
{
	color:				#fff;
	text-decoration:	none;
}

#footer .title
{
	font-size:			20px;
	margin:				5px 0px 0px 10px;
}

#footer .resume
{
	font-size:			10px;
	margin:				3px 0px 0px 10px;
}

#footer .contacts
{
	font-size:			10px;
	margin:				20px 0px 0px 10px;
	line-height:		1.2em;
}


/* -------------------------------- #bottom --------------------------------- */
#bottom-margin
{
	float:				left;
	width:				700px;
	height:				20px;

	background-color:	#fff;

	margin-top:			4px;
}

#bottom-margin	.left
{
	float:				left;
	width:				550px;
	height:				20px;

	background-color:	#fb2;
}

#bottom-margin	.right
{
	float:				left;
	width:				146px;
	height:				20px;

	background-color:	#238;

	margin-left:		4px;
}


/* ---------------------------- UTILITY CLASSES ----------------------------- */

/*-------------------------------- alignment -------------------------------- */
.float-left				{ float:left; }
.float-right			{ float:right; }
.align-left				{ text-align:left; }
.align-right			{ text-align:right; }
.align-center			{ text-align:center; }
.align-justify			{ text-align:justify; }

/*--------------------------------- display --------------------------------- */
.clear					{ clear:both; }
.block					{ display:block; }
.inline					{ display:inline; }
.hide					{ display:none; }

/*--------------------------------- paging ---------------------------------- */
.pager
{
	float:				left;

	width:				100%;

	padding:			4px;
	margin-top:			10px;

	text-align:			center;
	background-color:	#e6e6e6;
}

p.pagelinks
{
	display:			block;
	background-color:	#FAFAFA;
	margin:				20px 18px 0 18px;
	padding:			0px 8px 0 8px;
	border:				1px solid #f2f2f2;

	font-size:			.9em;
	text-align:			center;
	clear:				both;
}