/* 	
=========================================
	common stuff
========================================= 
*/

*
{
	font-family:			arial, tahoma, verdana, sans-serif;
	color:					#000000;
}	

body
{
	padding:				0px;
	text-align:				center;
}

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


/* 	
=========================================
	skeleton
========================================= 
*/
.container-page
{
	position: relative;
	margin:					40px auto;
	width:					900px;
}
 
.container-data
{
	width:					900px;
	float:					left;
	text-align:				left;
}

.container-left
{
	width:					205px;
	float:					left;
}

.container-right
{
	width:					695px;
	float:					right;
}

div#container-hidden
{
	text-align:				center;
	display:				none;
}

div#container-logo
{
	width:					172px;
	float:					left;
}

div#container-motto
{
	height:					116px;
	background-image:		url(../images/motto.png);
	background-repeat:		no-repeat;	
	background-position:	top right;	
}

div#container-content
{
	width:					695px;
	border:					1px solid silver;
	border-left:			none;
	padding-right:			27px;
	padding-top:			27px;
	padding-bottom:			27px;
	margin-bottom:			7px;
	voice-family:			"\"}\""; /* Box Model fix */
	voice-family:			inherit;
	width:					667px;
}
html>body div#container-content {width:667px;} /* Opera5-Fix-fix ;-) */

div#container-content-title
{
	height:					44px;
	padding-bottom:			15px;
	padding-top:			3px;
	background-image:		url(../images/title.png);
	background-repeat:		no-repeat;	
	background-position:	top left;	
	voice-family:			"\"}\""; /* Box Model fix */
	voice-family:			inherit;
	height:					26px;
}
html>body div#container-title {height:26px;} /* Opera5-Fix-fix ;-) */

div#container-content-title h1
{
	font-size:				26px;
	color:					red;
	margin:					0px;
	font-weight:			bold;
	display:				none;
}

div#container-content-promo
{
	height:					302px;
	background-color:		rgb(239,238,238);
	background-image:		url(../images/big-arrow.png);
	background-repeat:		no-repeat;	
	background-position:	bottom right;	
	font-size:				10px;
}

div#container-content-promo h2
{
	font-size:				14px;
	color:					red;
	margin:					0px;
	margin-bottom:			2px;
	font-weight:			bold;
}

div#container-content-promo h2:before
{ 
	display:				none;
	font-size:				16px;
	content:				"• ";
	vertical-align:			3%;
}   

div#container-content-promo ul
{
	margin-top:				0px;
}

div#container-content-promo li
{
 	margin-left:			-22px;
	list-style:				url(../images/dash.png) outside;
	color:					rgb(96,93,92);
	line-height:			12px;
}

div#container-content-promo strong
{
	color:					red;
	font-weight:			900;
}

div#promo-what
{
	position:				relative;
	left:					10px;
	top:					10px;
	width:					325px;
	height:					100px;
	float:					left;
}

div#promo-for
{
	position:				relative;
	left:					25px;
	top:					25px;
	width:					300px;
	height:					85px;
	float:					left;
}

div#promo-why
{
 	position:				relative;
	left:					40px;
	top:					10px;
	width:					600px;
	height:					100px;
	clear:					left;
	float:					left;
}

div#promo-how
{
	position:				relative;
	left:					100px;
	width:					540px;
	height:					80px;
	clear:					left;
	float:					none;
}

div#promo-ps
{
 	position:				relative;
	left:					318px;
	top:					0px;
	height:					22px;
	clear:					left;
	float:					left;
	font-size:				12px;
	font-weight:			bold;
	color:					rgb(96,93,92);
}

div#promo-button
{
	height:					22px;
	text-align:				right;
	float:					right;
}

div#container-footer-logo
{
	width:					81px;
	height:					110px;
	margin-top:				-60px;
	background-image:		url(../images/bg-footer-left.png);
	background-repeat:		no-repeat;	
	background-position:	bottom left;
	border-left:			1px solid #000;
	border-bottom:			1px solid #000;
	float:					left;
}

div#container-footer
{
	width:					694px;
	height:					50px;
	background-image:		url(../images/bg-footer-right.png);
	background-repeat:		no-repeat;	
	background-position:	bottom right;
	float:					right;
	border-right:			1px solid #000;
	border-bottom:			1px solid #000;
	font-size:				11px;
}

div#container-copyright
{
	width:					695px;
	height:					15px;
	font-size:				10px;
}

.clear-both
{
	clear:					both;
}

.float-left
{
	float:					left;
}

.float-right
{
	float:					right;
}