@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
	color: #333;
 	font-size: 62.5%; 
 	font-family: Verdana, Arial, Helvetica, sans-serif;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

html {
	background: #CAE4FF url(../gfx/background.png) repeat-x top center;
	/*background-position:center -160px;*/
	
}
.clear{
	clear:both;
}




/* HEADER *****************************/

#header {position:relative; width:724px; height:326px; margin:20px auto}
#logo {position:absolute; top:0; left:49px; background-image:url(../gfx/simoana-logo.png); width:665px; height:109px; z-index:1}
#logo h1 {text-indent:-9999px; line-height:0}

#simoana-url {position:absolute; top:90px; left:400px; background-image:url(../gfx/simoana-url.png); width:340px; height:38px; z-index:2;text-indent:-9999px}
#photo-bg {position:absolute; top:109px; left:49px; background-image:url(../gfx/banner-photo-bg.png); width:627px; height:192px; z-index:1;}
#photo-bg img {position:absolute; top:18px;left:11px}





/**************************
 Main Nav
************************* */


#navigation {position: absolute; left:89px;top:310px; z-index:3; width: 504px; height: 53px;list-style:none}
#navigation li { background-color:#99cc33; /*background: url(../gfx/navigation.png) 0 0 no-repeat;*/ display: inline; list-style: none;float:left;margin-right:20px}
#navigation a {padding:6px;display: block; font-weight:bold;color:#fff;text-decoration:none;font-size:18px /*text-indent:-9999px*/}
#navigation li:hover {background-color:#f2e650}

#navigation a:hover {color:#265371}
/*


#navigation #panel1c {left: 0;width:92px}
#navigation #panel2c {left: 93px; width:174px; background-position: -93px 0;}
#navigation #panel3c {left: 267px; width:100px;background-position: -267px 0;}
#navigation #panel4c {left: 367px; width:137px;background-position: -367px 0;}
 
#navigation #panel1c a:hover {background: url(../gfx/navigation.png) 0 -53px no-repeat;}
#navigation #panel2c a:hover {background: url(../gfx/navigation.png) -93px -53px no-repeat;}
#navigation #panel3c a:hover {background: url(../gfx/navigation.png) -267px -53px no-repeat;}
#navigation #panel4c a:hover {background: url(../gfx/navigation.png) -367px -53px no-repeat;}



*/




/**************************
 CONTENT
 ************************* */




#contentwrapper {width:609px; margin:0 auto; }
#contenttop{width:609px; height:36px; margin:0;  background-image:url(../gfx/content-top.png);line-height:0}
#contentbtm{width:609px; height:19px; margin:0; background-image:url(../gfx/content-btm.png);line-height:0}

#content {display:block;padding:10px 40px 40px 40px;background-image:url(../gfx/content-background.jpg)}

#content img {margin:20px auto;line-height:0; }


/**************************
 FOOTER
 ************************* */
#footer {width:609px; height:121px;margin:0;background-image:url(../gfx/footer.jpg); color:#EDDD12; font-weight:bold; font-size:1em}

#footer p{text-align:center;padding-top:60px}
#footer a {color:#EDDD12; text-decoration:underline}


#footer-credits {position:relative;width:609px; height:200px;font-size:.9em;margin:40px auto }
#footer-credits ul {position:absolute;left:0;top:20px;width:600px}
#footer-credits ul li {list-style:none; display:block; float:right;margin-left:5px;margin-bottom:20px}
#footer-credits span {position:absolute;top:0;left:0; font-style:italic;}
/**************************
 TYPOGRAPHY
 ************************* */

h2 {color:#000430; font-size:2em; margin-bottom:10px;line-height:1.2em;font-weight:bold}
h3 {color:#000430; font-size:1.6em; margin-bottom:10px;line-height:1.2em;font-weight:bold}
p {font-size:1.2em; line-height:1.6em; margin-bottom:10px}
ul.bullets {list-style:inside; font-size:1.2em; text-indent:2em; line-height:2em}
strong {font-weight:bold}
em {font-style:italic}