/*
RESETS
*/

html, body, div, h1, h2, h3, h4, h5, h6, 
p, blockquote, a, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
.clear {clear:both;}
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }


/* ------- FONTS ------- */


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 24, 2012 12:07:18 AM America/New_York */


img { border:0px;
}


@font-face {
    font-family: 'StMarieThin';
    src: url('fonts/stmarie/StMarie-Thin-webfont.eot');
    src: url('fonts/stmarie/StMarie-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/stmarie/StMarie-Thin-webfont.woff') format('woff'),
         url('fonts/stmarie/StMarie-Thin-webfont.ttf') format('truetype'),
         url('fonts/stmarie/StMarie-Thin-webfont.svg#StMarieThin') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'LobsterTwoRegular';
    src: url('fonts/lobster2/LobsterTwo-Regular-webfont.eot');
    src: url('fonts/lobster2/LobsterTwo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lobster2/LobsterTwo-Regular-webfont.woff') format('woff'),
         url('fonts/lobster2/LobsterTwo-Regular-webfont.ttf') format('truetype'),
         url('fonts/lobster2/LobsterTwo-Regular-webfont.svg#LobsterTwoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LobsterTwoItalic';
    src: url('fonts/lobster2/LobsterTwo-Italic-webfont.eot');
    src: url('fonts/lobster2/LobsterTwo-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lobster2/LobsterTwo-Italic-webfont.woff') format('woff'),
         url('fonts/lobster2/LobsterTwo-Italic-webfont.ttf') format('truetype'),
         url('fonts/lobster2/LobsterTwo-Italic-webfont.svg#LobsterTwoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/league/League_Gothic-webfont.eot');
    src: url('fonts/league/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/league/League_Gothic-webfont.woff') format('woff'),
         url('fonts/league/League_Gothic-webfont.ttf') format('truetype'),
         url('fonts/league/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




/*
MAIN SETTINGS
*/


*{ padding: 0px; }

body, html { 	margin: 0; 
	background: url(../images/chalk_bg.jpg);
	background-position:center; 
}

body {	font-family: Verdana, Arial, Helvetica, sans-serif; padding-top:0px; background-color:#464f58;}


p {font: 18px 'StMarieThin', Georgia, "Courier New", serif; color:#ffffff;font-weight:normal;}

p a:link, p a:visited {color:#ffffff; text-decoration: none; border-bottom:1px dotted; font-family: Georgia, "Times New Roman", Times, serif; }

p a:active, p a:hover {color:#ffffff; text-decoration: none; border-bottom:1px solid;font-family: Georgia, "Times New Roman", Times, serif; }

.totop { margin-top:25px; font: 18px 'LobsterTwoItalic', Arial, sans-serif; color:#ffffff;font-weight:normal;text-align:right; text-transform:lowercase; }

.totop a:link, .totop a:visited {color:#000000; text-decoration: none; border:1px thin white; width:80px; background-color:#ffffff; padding:5px;}

.totop a:active, .totop a:hover {color:#ffffff; text-decoration: none; border:1px thin white; width:80px; background-color:#000000; padding:5px;}

.uppercase {font-family: Georgia, "Times New Roman", Times, serif; text-transform:uppercase;}

h1 {font:50px 'LobsterTwoRegular', Arial, sans-serif; color:#ffffff;text-align:center; padding-bottom:5px;
border-top: thick solid white;border-bottom: thin solid white;}

span.sail {font:28px 'StMarieThin', Georgia, "Courier New", serif; color:#ffffff; text-align:center;text-transform:uppercase;vertical-align: 5px;letter-spacing:5px;margin-right:-5px;}
span.small {font-size:13px;font-style:italic;font-family:"Times New Roman", Times, serif;}
span.italic{font-family:Georgia, "Times New Roman", Times, serif;}
h2 {font:30px 'LeagueGothicRegular', Arial, sans-serif; color:#ffffff;text-transform:uppercase;letter-spacing:3px;}

ul {
	list-style: disc; color:#FFFFFF;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 0;
	}




/* -------- PAGE -------- */

#maincontainer{ width:725px;margin:0px auto; bgcolor:#0c0804; background-position:center;}
#minicontainer{ width:700px;margin:0px auto; bgcolor:#0c0804; background-position:center;}

#header{ width:725px;margin:0; height:296px; background: url(../images/elisaandmatty.png);}
#mainbody{ width:725px;margin:0px;}


  #navigation {
    width: 725px; height: 119px;
    background: url(../images/navigation2.png);
    margin: 25px 0 25px 0; padding: 0;
    position: relative;}

  #navigation li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
  #navigation a {display: block;}

  #nav1b {left: 0px; top: 0px; width: 182px; height: 60px;}
  #nav1b a {height: 60px;}
  #nav1b a:hover {
    background: transparent url(../images/navigation2.png)
    0px -119px no-repeat;}

  #nav2b {left: 182px; top: 0px; width: 182px; height: 60px;}
  #nav2b a {height: 60px;}
  #nav2b a:hover {
    background: transparent url(../images/navigation2.png)
    -182px -119px no-repeat;}
	
  #nav3b {left: 364px; top: 0px; width: 182px; height: 60px;}
  #nav3b a {height: 60px;}
  #nav3b a:hover {
    background: transparent url(../images/navigation2.png)
    -364px -119px no-repeat;}

  #nav4b {left: 546px; top: 0px; width: 182px; height: 60px;}
  #nav4b a {height: 60px;}
  #nav4b a:hover {
    background: transparent url(../images/navigation2.png)
    -546px -119px no-repeat;}

  #nav5b {left: 0px; top: 60px; width: 182px; height: 60px;}
  #nav5b a {height: 60px;}
  #nav5b a:hover {
    background: transparent url(../images/navigation2.png)
    0px -179px no-repeat;}

  #nav6b {left: 182px; top: 60px; width: 182px; height: 60px;}
  #nav6b a {height: 60px;}
  #nav6b a:hover {
    background: transparent url(../images/navigation2.png)
    -182px -179px no-repeat;}
	
  #nav7b {left: 364px; top: 60px; width: 182px; height: 60px;}
  #nav7b a {height: 60px;}
  #nav7b a:hover {
    background: transparent url(../images/navigation2.png)
    -364px -179px no-repeat;}

  #nav8b {left: 546px; top: 60px; width: 182px; height: 60px;}
  #nav8b a {height: 60px;}
  #nav8b a:hover {
    background: transparent url(../images/navigation2.png)
    -546px -179px no-repeat;}



.bodycontent{ width:725px;margin:50px 5px;}
.bodycontent p{text-align:justify;}


.bodycontentc{ width:725px;margin:50px 5px;}
.bodycontentc p{text-align:center;}



.content-wrap{
width:100%;
height:135px;
margin-bottom:25px;
margin-left:0px;
padding-left:0px;
}

.content-box{

	margin: 0; width:160px;
	height:125px;
	padding:0px 11px 11px 0px;
	margin:0px 10px 10px 0px;
	float:left;
	
}



.content-box a img{border:1px solid #ffffff; padding:4px; background-color:#FFFFFF;}
.content-box a:hover img{border:1px solid #f26522; padding:4px;background-color:#FFFFFF;}

/*=== End of CSS ===*/