/**
 *  --------------------------------------------------------------------------------------
 *  Master CSS
 *  ----------------------------------------------------
 *  1.	Global Styles
 		- Body
		- Text
		- Headers
		- Hyperlinks
		- Lists
		- Forms
		- Extras
 *  2.	Subpage Template Layout Styles
 *  3.	Navigation
 		- Main Nav >>>>> located in seperate CSS files
		- Sub Nav
 *  4.	Page Specific Styles
 		- Homepage
		- All other pages
 *  5.	Footer
 *  --------------------------------------------------------------------------------------
 */



/* ----------------------------------------------------------------------------- */

/* ---------------------------->>> 1. GLOBAL STYLES <<<------------------------- */

/* ----------------------------------------------------------------------------- */



/*
	voice-family: "\"}\"";
	voice-family:inherit;
*/


body,html {
	height:100%;
	margin:0;
	background-image:none;
	background-color:#231f20;
	}


/* ------------ */
/* --- Text --- */
/* ------------ */
p {font:11px Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0px 0px 20px 0px; line-height:20px; white-space:normal;}
td {font:11px Arial, Helvetica, sans-serif; color:#6a7a84;}



/* --------------- */
/* --- Headers --- */
/* --------------- */
h1 {font:15px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:0px 0px 5px 0px; padding:0;}
h2 {font:12px Arial, Helvetica, sans-serif; color:#6a7a84; font-weight:normal; letter-spacing:1px; margin:10px 0px 0px 0px; padding:0; line-height:normal;}
h3 {font:12px Arial, Helvetica, sans-serif; color:#6a7a84; font-weight:normal; margin:0px 0px 15px 0px; padding:0; line-height:normal;}
h4 {font:14px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; margin:0px 0px 5px 0px; padding:0; line-height:normal;}



/* ------------------ */
/* --- Hyperlinks --- */
/* ------------------ */
a {font:11px Arial, Helvetica, sans-serif; color:#0066CC; font-weight:normal; line-height:normal;}
a:link, a:active, a:visited {text-decoration:none;}
a:hover {color:#0066CC; text-decoration:underline;}



/* ------------- */
/* --- Lists --- */
/* ------------- */
ul {margin:0px 0px 40px 0px; padding:0;}
ol {margin:0px 0px 20px 10px; padding:0;}
li {margin:0px 0px 0px 16px; padding:0; font:14px/22px Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; list-style-type:disc;}



/* ------------- */
/* --- Forms --- */
/* ------------- */
form {padding:0; margin:0;}
input {padding:3px; margin:0; font-size:11px;}



/* -------------- */
/* --- Extras --- */
/* -------------- */
img {border:0; padding:0; margin:0; display:block;}
.noCSS {visibility:hidden;}
.noDisplay {display:none;}
.inline {display:inline;}
.clear {clear:both;}









/* ----------------------------------------------------------------------------- */
/*                                                                               */
/* ----------------->>> 2. SUBPAGE TEMPLATE LAYOUT STYLES <<<------------------- */
/*                                                                               */
/* ----------------------------------------------------------------------------- */

/* --- main wrapper --- */
#mainOuterWrap {
	width:100%;
	margin:0;background-image:url(../images/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}

#mainInnerWrap {width:1000px; margin:0px auto 0px auto;}


/* --- header --- */
#headerWrap {position:relative; width:1000px; height:265px; margin:0 auto; background-image:url(../images/bg_subpg_header.jpg); background-position:top; background-repeat:no-repeat;}

#headerWrap a {font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; text-decoration:none;}
#headerWrap a:hover {color:#ccc;}

#headerWrap a.linkHome {position:absolute; left:583px; top:155px;}
#headerWrap a.linkCorporate {position:absolute; left:657px; top:155px;}
#headerWrap a.linkContact {position:absolute; left:773px; top:155px;}

#headerWrap .linkOn {color:#ccc;}

/* --- content area --- */
#contentWrap {clear:both; width:720px; margin:0 auto; padding:20px 0px;}

	img.logo {position:absolute; left:95px; top:67px;}
	img.pgTitle {position:absolute; left:409px; top:220px;}




	/* Buttons */
	.btnCarrera {position:absolute; left:393px; top:20px; background:url(../images/btn_carrera.jpg) no-repeat; white-space:nowrap; display:block; width:120px; height:115px; margin:0; padding:0;}
	.btnCarrera a {display:block; width:120px; height:115px; float:left; padding:0;}
	.btnCarrera img {width:120px; height:115px; border:0;}
	* html a:hover {visibility:visible;}
	.btnCarrera a:hover img {visibility:hidden;}

	.btnPwf {position:absolute; left:95px; top:145px; background:url(../images/btn_pwf.jpg) no-repeat; white-space:nowrap; display:block; width:100px; height:110px; margin:0; padding:0;}
	.btnPwf a {display:block; width:100px; height:110px; float:left; padding:0;}
	.btnPwf img {width:100px; height:110px; border:0;}
	* html a:hover {visibility:visible;}
	.btnPwf a:hover img {visibility:hidden;}

	.btnMaj {position:absolute; left:309px; top:145px; background:url(../images/btn_maj.jpg) no-repeat; white-space:nowrap; display:block; width:100px; height:105px; margin:0; padding:0;}
	.btnMaj a {display:block; width:100px; height:105px; float:left; padding:0;}
	.btnMaj img {width:100px; height:105px; border:0;}
	* html a:hover {visibility:visible;}
	.btnMaj a:hover img {visibility:hidden;}





/* --------------------------------------------------------- */
/*                                                           */
/* ------------------>>> 3. NAVIGATION <<<------------------ */
/*                                                           */
/* --------------------------------------------------------- */









/* --------------------------------------------------------- */
/*                                                           */
/* ----------->>> 4. PAGE SPECIFIC STYLES <<<--------------- */
/*                                                           */
/* --------------------------------------------------------- */

/* ---------------- */
/* --- Homepage --- */
/* ---------------- */

body.bgHp {
	background-image:url(../images/bg_hp.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#848586;
	height:100%;
	margin:0;
	}

html {
	height:100%;
	margin:0;
	}

#centeringWrap {
	width: 1000px;
	height: 580px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -290px;
	}

#hpHeaderWrap {position:relative; width:950px; height:123px; margin:25px auto 0px auto; background-color:#fff; z-index:10;}
	img.hpLogo {position:absolute; left:45px; top:20px;}

#hpContentWrap {position:relative; width:1000px; height:580px; margin:0; padding:0;}
#hpContentWrap h1 {position:absolute; left:530px; top:395px; width:400px; height:80px; font:22px/28px Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic;}
#hpContentWrap a {font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; text-decoration:none;}
#hpContentWrap a:hover {color:#ccc;}

#hpContentWrap a.hpLinkCorporate {position:absolute; left:695px; top:500px;}
#hpContentWrap a.hpLinkContact {position:absolute; left:820px; top:500px;}

	img.hpLogo {position:absolute; left:285px; top:220px;}

	/* Buttons */
	.btnHpCarrera {position:absolute; left:0px; top:0px; background:url(../images/btn_hp_carrera.jpg) no-repeat; white-space:nowrap; display:block; width:285px; height:250px; margin:0; padding:0;}
	.btnHpCarrera a {display:block; width:285px; height:250px; float:left; padding:0;}
	.btnHpCarrera img {width:285px; height:250px; border:0;}
	* html a:hover {visibility:visible;}
	.btnHpCarrera a:hover img {visibility:hidden;}

	.btnHpMaj {position:absolute; left:740px; top:94px; background:url(../images/btn_hp_maj.jpg) no-repeat; white-space:nowrap; display:block; width:260px; height:230px; margin:0; padding:0;}
	.btnHpMaj a {display:block; width:260px; height:230px; float:left; padding:0;}
	.btnHpMaj img {width:260px; height:230px; border:0;}
	* html a:hover {visibility:visible;}
	.btnHpMaj a:hover img {visibility:hidden;}

	.btnHpWinfall {position:absolute; left:99px; top:350px; background:url(../images/btn_hp_winfall.jpg) no-repeat; white-space:nowrap; display:block; width:230px; height:230px; margin:0; padding:0;}
	.btnHpWinfall a {display:block; width:230px; height:230px; float:left; padding:0;}
	.btnHpWinfall img {width:230px; height:230px; border:0;}
	* html a:hover {visibility:visible;}
	.btnHpWinfall a:hover img {visibility:hidden;}

	/* footer */
	#hpFooterWrap {position:absolute; left:475px; top:565px; width:450px; margin:0; padding:0; text-align:right;}
	#hpFooterWrap .copyrightContent {margin:0; padding:0; text-align:right;}





/* --------------- */
/* --- CONTACT --- */
/* --------------- */
#col2Wrap {
	width:372px;
	float:right;
	margin-left:40px;
	}




/* ----------------------------------------------------------------------------- */
/* ------------------------------>>> 5. FOOTER <<<------------------------------ */
/* ----------------------------------------------------------------------------- */


/* Footer Wrap */
#footerWrap {width:720px; margin:0 auto; padding:20px 0px; background-image:url(../images/logo_footer.gif); background-position:right; background-repeat:no-repeat;}

	.copyrightContent {margin:0; padding:0px 160px 0px 0px; text-align:right;}
	.copyrightContent p {font:10px Arial, Helvetica, sans-serif; color:#999; padding:0;}
	.copyrightContent a {font:10px Arial, Helvetica, sans-serif; color:#999;}
	.copyrightContent a:hover {text-decoration:underline;}

	.thinkLink {margin:5px 0px 0px 0px; padding:0; text-align:center;}
	.thinkLink p {font:10px Arial, Helvetica, sans-serif; color:#330000; padding:0;}
	.thinkLink a {font:10px Arial, Helvetica, sans-serif; color:#330000;}
	.thinkLink a:hover {text-decoration:underline;}