/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: Helvetica, sans-serif;
	background: #fff;
	line-height: none;
	color: #999999;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #666666; }
a:active { text-decoration: none; color: #666666; }
a:visited { text-decoration: none; color: #666666; }
a:hover { text-decoration: none; background: #fff; color: #00bbdd; }

a img { border: 0; }

#menu {
    width: 200px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #fff;
	padding-top: 0px; /* change to match the padding-top in #content if you want them to align */
	padding-bottom: 25px;
	/* padding-left & right can be changed in #menu ul - below */
	font-size: 11px;
}

#menu ul {
	list-style: none;
	letter-spacing: 0px;
	line-height: 12px;
	margin: 0 0 5px 0;
}

#menu ul li.section-title { text-decoration: none; color: #ff6699; font-size: 12px; letter-spacing: 1px; padding-top: 1px;
		/* Following lines adds a line above & below each section */
		border-top-color: #F3F3F3;
		border-top-style: dotted;
		border-top-width: 0px;
		line-height: 14px;
		background: #fff;
}

#menu li.active { background: #ffffff; }
#menu li.active a { color: #00bbdd; }

#content {
    height: 100%;
    margin: 0 0 0 200px;
    top: 0;
	    
	    /* sets the spacing around the content area - this is normally set to match padding options in #menu but can be changed seperately */
	padding-top: 0px;  /* change to match the padding-top in #menu if you want them to align */
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.container {
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 40px;
}

#content p { /* sets the properties for all paragraphs in the content area */
		width: 500px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 16px; /* sets the space between paragraphs */
		margin-left: 0px; 	
	    line-height: 16px; /* use this to change the leading (space between lines) */
}

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; padding-bottom: 12px; }
h2 { font-size: 24px; padding-bottom: 12px; font-weight: normal; }
h3 { font-size: 16px; }
h4 { font-size: 12px; padding-bottom: 12px; color:#ff6699; letter-spacing: 0.1em; text-transform: uppercase; font-weight: lighter; }

#iframed { overflow: inherit; }

/* IMAGES */

	#img-container	{ 
		margin: 0 0 20px 0; 
		padding: 0; 
	}
	
	#img-container p	{ 
		width: 400px; 
		margin: 0; 
		padding: 0 0 12px 0;
	}
	
	.nothumb img {
		margin-top: 0px;  
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		border-color: #dbe2e0; /* erase the following 3 lines if you dont want borders on your images */
		border-width: 0px; 
		border-style:  solid;
	}

#once { clear: left; }


/* SLIDE SHOW - Navigation */
	
	p.nav a {
		background-color: #E0E0E0;
		padding-top: 3px;
		padding-right: 9px;
		padding-bottom: 3px;
		padding-left: 9px;
		font-size: 11px;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
	}
	
	p.nav a:hover {
		background-color: #F3F3F3;
	}
	
	p.nav span#num {
		letter-spacing: 2px;
		font-style: italic;
		padding-left: 10px;
	}