/* General ---------------------------------------- */
	html, body {
		padding: 0;
		border: 0;
		margin: 0;
		}
	body {
		background: #FFF;
		width: 772px;
		margin: 32px auto;
		text-align: center;	/* Win IE 5 Hack */
		font: normal 11px tahoma, arial, verdana, sans-serif;
		color: #333;
		line-height: 19px; /**/
		}
	body#intro {
		width: 707px;
		}
	
	img { 
		border: 0;
		}
		
/* Clear fix ---------------------------------------- */
	.c-fix {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.c-fix { display: inline-table }
	/* Hides from IE-mac \*/
	* html .c-fix { height: 1%; }
	.c-fix { display: block }
	/* End hide from IE-mac */

/* Container ---------------------------------------- */
	#top-bg {
		width: 772px;
		height: 17px;
		background: url(../images/top_bg.jpg) no-repeat center top;
		}
	#container {
		width: 740px;
		padding: 0 16px;
		text-align: left;
		background: url(../images/bg.jpg) repeat-y center top;
		}
	#bottom-bg {
		width: 772px;
		height: 17px;
		background: url(../images/bott_bg.jpg) no-repeat center top;
		}
	#intro #top-bg {
		width: 707px;
		height: 18px;
		background: url(../images/intro_bg_top.jpg) no-repeat center top;
		}
	#intro #container {
		width: 707px;
		padding: 0;
		text-align: center;
		background: url(../images/intro_bg.jpg) repeat-y center top;
		}
	#intro #bottom-bg {
		width: 707px;
		height: 18px;
		background: url(../images/intro_bg_bott.jpg) no-repeat center top;
		}

	#home #container { min-height: 297px; }
	
/*  Links ---------------------------------------- */
	a {
		text-decoration: none;
		color: #666;
		}
	a:hover {
		text-decoration: underline;
		color: #999;
		}

/*  Titles ---------------------------------------- */
	h1, h2, h3, h4, h5, h6 {
		font: normal 11px tahoma, arial, verdana, sans-serif;
		}
		
/*  Home Col-1 ---------------------------------------- */
	#col-1 {
		float: left;
		width: 427px;
		margin: 0px 10px 0px 0px;
		}

/*  Home Col-1  ---------------------------------------- */
	#col-2 {
		float: right;
		width: 303px;
		}
		
/*  Home Header ---------------------------------------- */
	#header {
		width: 427px;
		height: 80px;
		background: url(../images/header.jpg) no-repeat 0 center;
		margin: 0px 0px 1px 0px;
		}
	#p-header {
		background: url(../images/page_header.jpg) no-repeat 0 center;
		height: 80px;
		margin: 0px 0px 1px 0px;
		}
	#p-header a {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		text-decoration: none;
		}

/* Content  ---------------------------------------- */
	#content {
		background-color: #ECF3F7;
		margin: 1px 0 0 0;
		padding: 20px 14px;
		display: inline-block;
		}
	#content h2 {
		margin-bottom: 20px;
		font-size: 12px;
		font-weight: bold;
		color: #6AA0C1;
	}


/* Home Nav ---------------------------------------- */
	#nav {
		width: 427px;
		height: 100px;
		margin: 0;
		padding: 0;
		list-style: none;
		}
	#nav li {
		margin: 0 0 1px 0;
		padding: 0;
		width: 427px;
		height: 30px;
	}
	#nav li a {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		background: url(../images/home_nav.gif) no-repeat 0 center;
		text-decoration: none;
	}
	
	#nav li.gateway a { background-position: 0px 0px; }
	#nav li.makeYourself a { background-position: 0px -31px; }
	#nav li.vacations a { background-position: 0px -62px; }
	#nav li.course a { background-position: 0px -93px; }
	#nav li.scratch a { background-position: 0px -124px; }
	#nav li.histCenter a { background-position: 0px -155px; }
	#nav li.coast a { background-position: 0px -186px; }

	#nav li.gateway a:hover { background-position: -428px 0px; }
	#nav li.makeYourself a:hover { background-position: -428px -31px; }
	#nav li.vacations a:hover { background-position: -428px -62px; }
	#nav li.course a:hover { background-position: -428px -93px; }
	#nav li.scratch a:hover { background-position: -428px -124px; }
	#nav li.histCenter a:hover { background-position: -428px -155px; }
	#nav li.coast a:hover { background-position: -428px -186px; }

/* Home Flash Movie  ---------------------------------------- */
	#movie-home {
		width: 303px;
		height: 227px;
		background-color: #ccc;
		margin: 0 0 10px 0;
		}

/* Nav  ---------------------------------------- */
	#p-nav {
		min-height: 34px;
		margin: 0;
		padding: 0;
		list-style: none;
		clear: both;
		}
	#p-nav li {
		height: 34px;
		margin: 0;
		padding: 0;
		float: left;
		}
	#p-nav li a {
		display: block;
		margin: 0;
		padding: 0;
		height: 100%;
		background: url(../images/page_nav.gif) no-repeat 0 0;
		text-decoration: none;
		}
	#p-nav li.gateway a { width: 87px; margin: 0 1px 0 0; background-position: 0px 0px; }
	#p-nav li.makeYourself a { width: 97px; margin: 0 1px 0 0; background-position: -88px 0px; }
	#p-nav li.vacations a { width: 108px; margin: 0 1px 0 0; background-position: -186px 0px; }
	#p-nav li.course a { width: 110px; margin: 0 1px 0 0; background-position: -295px 0px; }
	#p-nav li.scratch a { width: 135px; margin: 0 1px 0 0; background-position: -406px 0px; }
	#p-nav li.histCenter a { width: 96px; margin: 0 1px 0 0; background-position: -542px 0px; }
	#p-nav li.coast a { width: 101px; background-position: -639px 0px; }

	#p-nav li.gateway a:hover { background-position: 0px -35px; }
	#p-nav li.makeYourself a:hover { background-position: -88px -35px; }
	#p-nav li.vacations a:hover { background-position: -186px -35px; }
	#p-nav li.course a:hover { background-position: -295px -35px; }
	#p-nav li.scratch a:hover { background-position: -406px -35px; }
	#p-nav li.histCenter a:hover { background-position: -542px -35px; }
	#p-nav li.coast a:hover { background-position: -639px -35px; }
	
	#p-nav li.gat-selected a { width: 87px; margin: 0 1px 0 0; background-position: 0px -35px; }
	#p-nav li.mak-selected a { width: 97px; margin: 0 1px 0 0; background-position: -88px -35px; }
	#p-nav li.vac-selected a { width: 108px; margin: 0 1px 0 0; background-position: -186px -35px; }
	#p-nav li.cou-selected a { width: 110px; margin: 0 1px 0 0; background-position: -295px -35px; }
	#p-nav li.scr-selected a { width: 135px; margin: 0 1px 0 0; background-position: -406px -35px; }
	#p-nav li.his-selected a { width: 96px; margin: 0 1px 0 0; background-position: -542px -35px; }
	#p-nav li.coa-selected a { width: 101px; background-position: -639px -35px; }

/* Home Paquete Lanzamiento ---------------------------------------- */
	#paq-lanz {
		width: 303px;
		height: 25px;
		}
	#paq-lanz a {
		display: block;
		width: 100%;
		height: 100%;
		background: url(../images/btn_paqLanz_2.gif) no-repeat 0 center;
		text-decoration: none;
		}
	#paq-lanz a:hover {
		background: url(../images/btn_paqLanz_2_h.gif) no-repeat 0 center;
		}

/* Home Galeria ---------------------------------------- */
	#img-gal {
		width: 303px;
		height: 25px;
		margin-bottom: 10px;
		}
	#img-gal a {
		display: block;
		width: 100%;
		height: 100%;
		background: url(../images/btn_imgGal.gif) no-repeat 0 center;
		text-decoration: none;
		}
	#img-gal a:hover {
		background: url(../images/btn_imgGal_h.gif) no-repeat 0 center;
		}


/* Footer ---------------------------------------- */		
	#footer {
		padding: 2px 5px 0 9px;
		font-size: 10px;
		color: #ADB4A0;
		text-align: right;
	}
	#contact {
		float: left;
	}
	#contact a {
		color: #999;
	}
	#pga-logo {
		background: url(../images/PGA_LOGO.gif) no-repeat 299px 3px;
		height: 22px;
		padding: 2px 0 0 24px;
		vertical-align: middle;
	}
	#intro #footer 	#pga-logo {
		background: url(../images/PGA_LOGO.gif) no-repeat 235px 3px;
	}
	#footer p {
		margin: 0;
		padding: 0;
	}
