@import 'reset.css';

body 
{
	background: url(../images/background.gif) repeat-x;
	background-color: #000;
	font:12px Arial;
	color:#ffffff;	
	line-height: 120%;
}

a 
{
	color:#fff;
	text-decoration: underline;
}
a:hover 
{
	color:#8c9dcc;
	text-decoration: underline;
}
h1
{
	font-size: 16px;
	font-family: Impact;
	padding-bottom: 7px;
}
h3
{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}
p
{
	padding-bottom: 15px;
	line-height: 130%;
}
#alpha
{
	width: 100%;
	background: url(../images/salut.jpg) no-repeat;
}
#container
{
	width:895px;
	margin:0 auto;
}
#beta
{
	width:865px;
	margin:0 auto;
}
	#header
	{
		height: 142px;
		width: 865px;
		position: relative;
		background: url(../images/header-bg-2.jpg) no-repeat right;
	}
		#header-png
		{
			position: relative;
			background: url(../images/header-bg.png) no-repeat right;
			height: 141px;
			width: 440px;
			z-index:10;
		}
		#logo
		{
			position: absolute;
			width: 255px;
			height: 139px;
			background: url(../images/logo.png) no-repeat;
			left: 30px;		
			z-index:20;
		}
		#auth
		{
			position: absolute;
			bottom: 6px;
			right: 2px;			
		}
	#beta-top
	{
		/*width: 865px;
		height: 10px;
		background: url(../images/beta-top.png) no-repeat;*/
	}
	#beta-bg
	{
		width: 865px;
		background: url(../images/beta-bg.gif) repeat-y;
	}
		#beta-content
		{
			width: 865px;
			background: url(../images/beta-gradient.gif) no-repeat;
		}
		#beta-content a
		{
			padding: 1px 3px;
			/*background-color: #342B34;*/
		}
		#b-c-left
		{
			float: left;
			margin-top: 5px;
			margin-left: 15px;
			width: 604px;
			display: inline;
		}
			#b-c-l-grad
			{
				width: 604px;
				height:69px;
				background: url(../images/blue-gradient.gif) no-repeat;
				margin-bottom: 25px;
			}
				#b-c-l-grad p
				{
					width: 580px;
					padding-left: 15px;
					padding-top: 10px;
					font-size: 12px;
					font-weight: bold;
					text-align: center;
					line-height: 130%;
				}
		.semi
		{
			width: 47%;
			margin-top: 10px;
			padding-left: 12px;
			float: left;
		}	
		.semi img
		{
			padding: 0 3px;
		}
		.semi a
		{
			background-color: transparent !important;
			text-decoration: none;
			color: #756375;
		}
		.semi a:hover
		{
			color: white;
		}
		.vert2
		{
			background: url(../images/vert-line2.gif) repeat-y;
			background-position: 5px 0;
			width: 49%;
		}
		#b-c-righ
		{
			float: right;
			margin-top: 14px;
			margin-right: 25px;
			width: 204px;
			background: url(../images/vert-line.gif) repeat-y;
			display: inline;
			height: 660px;
		}
			#b-c-r-content
			{
				margin-left: 16px;
				width: 188px;
				padding-bottom: 20px;
			}
				#b-c-r-content h1
				{
					font-size: 22px;
					padding-bottom: 23px;
					color: #E7E7E7;
				}
				#b-c-r-content h2
				{
					color: #C4E1FF;
					font-weight: bold;
					font-size: 11px;
					padding-bottom: 13px;
					line-height: 100%;
				}
				#b-c-r-content p
				{
					line-height: 100%;
				}
				#b-c-r-content-hr
				{
					background: url(../images/hor-line.gif) repeat-x;
					margin: 22px 0;
					width: 100%;
					height: 1px;
				}


	#beta-bottom
	{
		width: 865px;
		height: 10px;
		background: url(../images/beta-bottom.png) no-repeat;
		margin-bottom: 15px;
	}
	#footer
	{	

	}
		#copy
		{
			color: #4d4d4d;
			padding-left: 10px;
			float: left;
		}
		#f-menu
		{
			float: right;
			padding-right: 10px;
			font-size: 12px;
			font-weight: bold;
			margin-bottom: 30px;
		}
		#f-menu a
		{
			background-color: transparent;
			text-decoration: none;
			color: #595959;
			margin-left: 15px;
		}
		#f-menu a:hover
		{
			color: white;
		}

.globalpad
{
    padding: 100px;
}