﻿@import url(Forms.css);

/**********************
**      General      **
**********************/

body
{
	background-image: url(../Images/Skin/Common/Background.jpg);
	margin: 0px;
	padding: 0px;
	font-family: arial;
	font-weight: bold;
	font-size: 11px;
	color: #8D8F8E;
}

#GlobalContent
{
	margin: 0px auto;
	width: 1024px;
}

a
{
	color: #8D8F8E;
}

form
{
	position: relative;
	background-image: url(../Images/Skin/Common/Background2.png);
	margin: 0px;
	padding: 0px;
	height: 635px;
}



/**********************
**   Header Title    **
**********************/

#HeaderTitle h1
{
	padding: 0px 0px 0px 40px;
	margin: 0px;
}

#HeaderTitle h1 a
{
	display: block;
	
	width: 370px;
	height: 80px;

	background-image: url(../Images/Skin/Common/Title.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#HeaderTitle h1 a span
{
	display: none;
}


h2
{
	font-family: arial;
	font-weight: bold;
	font-size: 19px;
	color: #8D8F8E;
}

h2
{
	font-family: arial;
	font-weight: bold;
	font-size: 15px;
	color: #8D8F8E;
}

/**********************
**   Contact - Pro   **
**********************/

#Contact
{
	position: absolute;
	top: 530px;
	left: 22px;
}

#Contact a
{
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}


#Pro
{
	position: absolute;
	top: 555px;
	left: 120px;
}

#Pro a
{
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}


/**********************
**  Current Section  **
**********************/

#CurrentSection
{
	position: absolute;
	top: 46px;
	right: 631px;
	height: 18px;
	width: 200px;
	z-index: 0;
}

#CurrentSection, #MenuBar li a span
{
	background-color: #ffffff;

	font-size: 15px;
	color: #666666;
	
	text-decoration: none;
	text-transform: uppercase;
	text-align: right;
	font-weight: bold;
}




/**********************
**    Copyrights     **
**********************/

#Copyrights
{
	position:absolute;
	width: 1024px;
	text-align: center;
	top: 615px;
	left: 0px;
}




/**********************
**        Menu       **
**********************/

#MenuBar
{
	position: relative;
	height: 100px;
}

#MenuBar ul
{
	margin: 0px;
	padding: 0px;
}

#MenuBar li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#MenuBar li a
{
	display: block;
	position: absolute;
	background-position: center bottom;
	background-repeat: no-repeat;
	z-index: 10;
	text-decoration: none;
}

#MenuBar li a span
{
	display: none;
	position: absolute;
	height: 16px;
	width: 200px;
}

#MenuBar li a:hover span
{
	display: block;
}

#MenuBar li#Menu1 a
{
	background-image: url(../Images/Skin/Common/Menu1.png);
	width: 51px;
	height: 108px;	
	left: 443px;
	bottom: 50px;
}

#MenuBar li#Menu1 a span
{
	top: 104px;
	left: -250px;
}

#MenuBar li#Menu1 a:hover, #MenuBar li#Menu1.selected a
{
	background-image: url(../Images/Skin/Common/Menu1_Hover.png);
}


#MenuBar li#Menu2 a
{
	background-image: url(../Images/Skin/Common/Menu2.png);
	width: 40px;
	height: 52px;	
	left: 525px;
	bottom: 50px;
}

#MenuBar li#Menu2 a span
{
	top: 48px;
	left: -332px;
}

#MenuBar li#Menu2 a:hover, #MenuBar li#Menu2.selected a
{
	background-image: url(../Images/Skin/Common/Menu2_Hover.png);
}


#MenuBar li#Menu3 a
{
	background-image: url(../Images/Skin/Common/Menu3.png);
	width: 46px;
	height: 68px;	
	left: 600px;
	bottom: 50px;
}

#MenuBar li#Menu3 a span
{
	top: 64px;
	left: -407px;
}

#MenuBar li#Menu3 a:hover, #MenuBar li#Menu3.selected a
{
	background-image: url(../Images/Skin/Common/Menu3_Hover.png);
}


#MenuBar li#Menu4 a
{
	background-image: url(../Images/Skin/Common/Menu4.png);
	width: 49px;
	height: 49px;	
	left: 680px;
	bottom: 50px;
}

#MenuBar li#Menu4 a span
{
	top: 45px;
	left: -487px;
}

#MenuBar li#Menu4 a:hover, #MenuBar li#Menu4.selected a
{
	background-image: url(../Images/Skin/Common/Menu4_Hover.png);
}


#MenuBar li#Menu5 a
{
	background-image: url(../Images/Skin/Common/Menu5.png);
	width: 46px;
	height: 73px;	
	left: 763px;
	bottom: 50px;
}

#MenuBar li#Menu5 a span
{
	top: 69px;
	left: -570px;
}

#MenuBar li#Menu5 a:hover, #MenuBar li#Menu5.selected a
{
	background-image: url(../Images/Skin/Common/Menu5_Hover.png);
}


#MenuBar li#Menu6 a
{
	background-image: url(../Images/Skin/Common/Menu6.png);
	width: 60px;
	height: 51px;	
	left: 838px;
	bottom: 50px;
}

#MenuBar li#Menu6 a span
{
	top: 47px;
	left: -645px;
}

#MenuBar li#Menu6 a:hover, #MenuBar li#Menu6.selected a
{
	background-image: url(../Images/Skin/Common/Menu6_Hover.png);
}


#MenuBar li#Menu7 a
{
	background-image: url(../Images/Skin/Common/Menu7.png);
	width: 49px;
	height: 61px;	
	left: 935px;
	bottom: 78px;
}

#MenuBar li#Menu7 a span
{
	top: 85px;
	left: -742px;
}

#MenuBar li#Menu7 a:hover, #MenuBar li#Menu7.selected a
{
	background-image: url(../Images/Skin/Common/Menu7_Hover.png);
}

