body {	/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
	background: #fff top;
	font-family: Muli,Helvetica,Arial;
	font-size: 0.9em;
	line-height: 19px;

}

#bgimg {
	width: 100%;
	height: 685px;
	background-color: #00c6d8;
	position:absolute;
	top:0;
	z-index:-1;
}
#bgimg p {margin-top: 80px; position: absolute; width: 100%;z-index:5; text-align:center; font-weight:bold;}
#bgimg p .citation {font-style:italic; font-weight:bold; font-size: 1.2em;}
#bgimg #imgcenter{
	top:35px;
	width: 1250px;
	height:650px;
	position: relative;
	 margin: 0 auto !important;
}
/* 
	The following CSS code is for illustrative purposes, and is NOT necesarry for the fullscreenr plugin to work
*/

#menu {position: absolute fixed; top:0; left: 0; min-width: 100%; height: 30px;z-index: 2;background: #ffffff; /* IE6-9 */ border-bottom: solid 4px #02a6c9; text-align: center; padding-top: 20px; font-weight: bold;}
#page {width: 960px; margin: 0 auto;z-index: 2;}

#content {margin:500px 0px 50px 0px;}
#bordercontent {background: url('../img/bordercontent.png'); height: 20px; width: 100%;margin-top: 630px;position: absolute;}
#prez {width: 230px; height: 230px;z-index:5;position: relative;background: url('../img/circle300.png')no-repeat; margin-top: 0px !important; margin: 0 auto;}

#truecontent {height: 1200px; margin-top:30px; color: #333;}
#truecontent h2{font-size: 1em; text-transform: uppercase; text-align: center; color: #00c6d8;border-bottom: 1px dotted #00C6D8;padding: 0 0 10px;line-height: 1.8em;letter-spacing: 0.12em;}
#truecontent .acc{font-family: 'Fenix', serif;color: #333 !important;font-size: 2em !important;font-weight: normal;}
#truecontent h3{font-size: 2em; text-transform: uppercase; text-align: center; margin: 0 auto;  width: 225px;padding: 15px 32px;background: url('../img/pictotel.png') no-repeat left;}

#slide1 {margin-top: 35px;height: 304px;}
#slide1 img {width: 380px; height: 304px; float: left;}
#slide1 .text {width: 550px; float: left; margin-left: 30px; text-align: justify; padding: 45px 0px 0px;background: url('../img/bordertop-grey.png') no-repeat top; margin-top: 55px;}
#slide1 #bb {background: url('../img/borderbottom-grey.png') no-repeat bottom;height: 20px; padding-top: 25px;}

#slide2 {margin-top: 10px;height: 304px; margin-bottom: 20px;}
#slide2 img {width: 380px; height: 304px; float: left; margin-left: 30px;}
#slide2 .text {width: 550px; float: left; text-align: justify; padding: 45px 0px 0px;background: url('../img/bordertop-grey.png') no-repeat top; margin-top: 50px;}
#slide2 #bb {background: url('../img/borderbottom-grey.png') no-repeat bottom;height: 20px; padding-top: 25px;}

#slide3 {background: url('../img/img3.png') no-repeat top; padding-top: 340px;text-align: center;}
#slide3 h2 {padding-bottom: 25px;background: url('../img/borderbottom-b.png') no-repeat bottom;border: none;letter-spacing: 0.02em;margin: 0; }

#slide4 {text-align: justify;}

#slide5 {text-align: justify;letter-spacing: 0.002em;margin-bottom: 80px; margin-top: 70px;}

#slide6 {width: 100%;background-color: #00c6d8;position: absolute;  left: 0;color: black; text-align: center; font-weight: bold; line-height: 24px; padding: 50px 0px; margin-top: 40px;background: #00c6d8 url('../img/bordercontent.png') top repeat-x;}
#slide6 .acc2{font-family: 'Fenix', serif;font-size: 1.4em; line-height: 25px;}
#slide6 img{width: 230px; height: 230px; margin: 0 auto; padding-top: 20px;}


.strong {font-size: 1em; text-transform: uppercase;letter-spacing: 0.04em;}
.normal {font-weight: normal;text-transform: none;}
h3 .normal {padding-top: 20px;}
.italic {font-family: Helvetica;font-weight:light; font-style:italic;}
.tab {margin-left: 5em;}