/* Heatcliff code */

/* front page */
#front
{
position		  :	absolute;
left			    :	50%;
margin-left		:	-400px;
margin-top		:	150px;
width		    	:	800px;
width         : 800px;
height        : 407px;
background    : #FAFAFA url('img/front/front.png');
}

.button
{
position		  :	absolute;
left			    :	50%;
margin-left		:	-190px;
top           : 290px;
width         : 368px;
height        : 117px;
background    : #FAFAFA url('img/front/spacer.png') no-repeat center;
}

/* Footer */

#footer
{
	position		     	:		relative;
	bottom				    :		0px;
	width				      :		800px;
	height            :   150px;
	background-repeat	:		no-repeat;
  background   		  :	  #f0f0f0 url('newgfx/abg.png');

}

.footertext
{
  position          : absolute;
  top: 120px;
  left: 420px;
  font-family				:	verdana;
	font-size			   	:	0.55em;
	letter-spacing		:	0.10em;
	color				    	:	#000;
	font-weight				:	bolder;
}

/* Attix code */

body
{
	background		:	#FAFAFA;
	margin		   	:	0px;
}

a
{
	color			:	#000;
}

a:hover
{
	color			:	#aaa;
}

#centercontainer
{
	position		  :	absolute;
	left			    :	50%;
	margin-left		:	-400px;
	margin-top		:	50px;
	margin-bottom	:	50px;
	width		    	:	800px;
	background   		:	#f0f0f0;
	border-left	   	:	1px solid #c0c0c0;
	border-right		:	1px solid #c0c0c0;
	border-bottom		:	0px solid #000;
	background-repeat	:	no-repeat;
	background-position	:	bottom;
}

#header
{
	position		       	:	relative;
	top				         	:	0px;
	width			         	:	800px;
	height		 	       	:	201px;
	background	       	:	#f0f0f0 url('newgfx/header2.jpg');
	background-position	:	bottom;
	background-repeat   :	no-repeat;
	/*border-bottom       : solid 1px #c0c0c0;*/
	border-top       : solid 1px #c0c0c0;
}

#menu
{
	position			:		relative;
	left			  	:		50%;
	margin-left		:		-380px;
	width				  :		800px;
	height				:		40px;
	top					 :		0px;
}


#menu a, #menu img
{
	border				:	0px solid #000;
	padding-right : 3px;
}

#contentcontainer
{
	position		     	:		relative;
	margin            : !important auto;	
	bottom				    :		0px;
	width				      :		630px;
	background-repeat	:		no-repeat;
	
}

#linkcontainer
{
	position	        	:		absolute;
	left			          :	  50%;
	margin-left		      :	  230px;
  top				        	:		240px;
	width			         	:		170px;
	height		       		:		150px;
	background-position	:		top;
	background-repeat	  :		no-repeat;
}

#articlecontainer
{
	margin-left			:		33px;
	margin-right		:		33px;
	margin-top			:		16px;
}

#linkcontent
{
	margin-top			:		16px;
	margin-right		:		20px;
}

.head
{
	font-family				:	arial;
	font-size			   	:	2em;
	text-align				:	justify;
	font-size			   	:	0.75em;
	letter-spacing		:	0.25em;
	color				    	:	#000;
	font-weight				:	bolder;
}

.linktext
{
	font-family				:	arial;
	font-size			   	:	1em;
	text-align				:	justify;
	font-size			   	:	0.70em;
	letter-spacing		:	0.15em;
	color				    	:	#000;
	font-weight				:	normal;
}

.info
{
	font-family				:	verdana;
	text-align				:	justify;
	font-size			   	:	0.60em;
	letter-spacing		:	0.10em;
	color				    	:	#000;
	font-weight				:	lighter;
}

.content
{
	font-family			:	verdana;
	font-size				:	0.89em;
	text-align			:	justify;
	font-size				:	0.65em;
	letter-spacing	:	0.10em;
	color				  	:	#000;
	font-weight			:	normal;
}

.pages
{
	margin					:	10px;
	color				  	:	#000;
	font-family				:	verdana;
	font-size			   	:	0.65em;
	letter-spacing			:	0.10em;
	color					:	#000;
	font-weight				:	normal;
}


.item
{
	margin					:	10px;
	color				  	:	#000;
}

.contentTable
{
	font-family				:	verdana;
	font-size			   	:	0.65em;
	letter-spacing		:	0.10em;
	color				      :	#000;
	font-weight				:	normal;
}

.contentTable tr
{
	margin					:	10px;
	color				  	:	#000;
}

.tableHead
{
	font-size				  :	1.0em;
	letter-spacing		:	0.10em;
	color				    	:	#000;
	font-weight				:	bolder;
	background				:	#FAFAFA;

}

.inputTable
{
	font-family			:	verdana;
	width				    :	500px;
	font-size		  	:	0.65em;
	letter-spacing	:	0.10em;
	color			     	:	#000;
	font-weight			:	normal;
	background			:	#FAFAFA;
	margin-left			:	25px;
	margin-top			:	10px;
	margin-bottom   : 10px;
}

.inputTable  textarea
{
	font-family			:	verdana;
	width				    :	480px;
	height			  	:	50px;
	font-size			  :	1.00em;
	letter-spacing	:	0.10em;
	font-weight			:	normal;
	margin			  	:	5px;
}


.inputTable  input
{
	font-family			:	verdana;
	width				    :	230px;
	font-size		  	:	1.00em;
	letter-spacing	:	0.10em;
	font-weight			:	normal;
	margin				  :	5px;
}

.gbHead
{
	font-family			:	verdana;
	margin				  :	0px;
	font-size		  	:	0.65em;
	letter-spacing	:	0.10em;
	color				    :	#000;
	font-weight			:	bolder;
	background			:	#e0e0e0;
}

#videoselect
{
	position		  :	relative;
	margin: auto;
  font-family				:	arial;
	font-size			   	:	2em;
	text-align				:	justify;
	font-size			   	:	0.75em;
	letter-spacing		:	0.25em;
	color				    	:	#000;
	font-weight				:	bolder;

	text-align    : center;

}

#videoitem
{
	position		  :	relative;
	margin: auto;
	top		:	50px;
	width		    	:	425px;
	height        : 355px;
	background   		:	#f0f0f0;
	border-left	   	:	1px solid #000;
	border-right		:	1px solid #000;
	border-bottom		:	1px solid #000;
	border-top   		:	1px solid #000;
}