/*  
* CSS
* 
* @author Vaska 
* @author Gregory Cadar
* @author Phil Samhaber f3f1e7
*/

* {
	margin: 0;
	padding: 0;
	-moz-outline:none;
	}


body {
	background:black;
	color:#FCFCFC;
	overflow: auto;
	min-width: 925px;
	text-align:center; 
	font: 0.75em/1.5em Georgia, "Times New Roman", serif;
	}

	
	


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


a  {  color: #6fc2d7; text-decoration: none; border-bottom: 1px dotted; }
a:visited  {text-decoration:none;  border-bottom: 1px dotted;  }
a:hover { border-bottom: 1px solid; }
a:active, li.active a,{ text-decoration: none; border-bottom: 1px solid;}

#menuleft a  {  color: #222; text-decoration: none; border-bottom: 1px dotted; }
#menuleft a:visited  {text-decoration:none;  border-bottom: 1px dotted;  }
#menuleft a:hover { border-bottom: 1px solid; }
#menuleft a:active, #menuleft li.active a,{ text-decoration: none; border-bottom: 1px solid;}



a img { border: none; text-decoration: none;}
a:hover img { text-decoration:none; background: none;}
img a:focus {border: none;}


/* - - - - - - - - - -   MENU   - - - - - - - - - - */



	
a#home:visited { color: #6fc2d7; text-decoration: none; }
a#home:hover { text-decoration: none;  color: #bfae4c; }

	
#menu {
	width: 900px;
	position: fixed;
	height:auto;
	float:left;
	padding: 40px 0 10px 0;
	margin:0 0 15px 0;
	z-index: 1000;
	opacity: 1.0;
	background: none;
	border-top: 6px solid #6fc2d7;
	border-bottom: 1px dashed #6fc2d7;
	}

#menuleft {
	font-size: 10px;
	text-transform: uppercase;
	font-style: italic;
	color: #666;
	width: 890px;
	position: fixed;
	height:auto;
	display: inline;
	padding: 2px 0px 5px 10px;
	margin:0 0 0 0;
	z-index: 1000;
	opacity: 1.0;
	background: #6fc2d7;
	}
	
#menuleft ul { 
	letter-spacing: 1px;

	list-style: none;
	}
	
#menuleft ul li{
	list-style:none;
	float:left;
	white-space:nowrap;
	margin:0px 10px 0px 0px;
	}



#menu .container {
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	background: none;
	}
			

#menu ul {
	letter-spacing: 1px;
	margin-top: 20px;
	list-style: none;
	font: italic 18px/24px georgia ,arial, sans-serif;
	}

#menu ul li{
	list-style:none;
	float:left;
	white-space:nowrap;
	margin:0px 10px 0px 0px;
	}

#menu ul li.section-title {
	font-weight: normal;
	margin: 0 8px 0 0;
	}


/*
#menu ul.Design li.section-title {
	color: #7bc0ce;
	font-weight: ;
	margin: 0 8px 0 0;
	}
#menu ul.Photography li.section-title {
	color: #bfae4c;
	font-weight: ;
	margin: 0 8px 0 0;
	}
*/




/* - - - - - - - - - -   CONTENT   - - - - - - - - - - */
#wrap { 
	width: 900px;
	background: transparent;
	margin-top: 0px;
	padding: 0;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    text-align:left;
    z-index: 900;
    position: relative;
}

#content {
	clear:both;
	margin: 0;
	padding: 150px 0 0 0;
	}

.container {
	padding: 0 0 0 0;
	margin: 0;
	height: auto;
	}

#content p {  clear:both; padding:0px; margin: 0 0 15px 0; }


#content ul {
	list-style: none;
	float:left;
	padding-bottom: 10px;
	}

#content .container ul li{
	list-style:none;
	float:left;
	margin:0px 10px 0px 0px;
	}
	
#content .container ul li.list-title {
	font-style: italic;
	color:#333;
	}

/* - - - - - - - - - -   HEADLINES   - - - - - - - */

h1 { 			clear:both; font: 30px/38px Georgia, Times, serif; }
h2 {			color:#333;text-indent:-100px; padding-top: 10px; font: italic lighter 10px/18px Georgia, Times, serif; text-transform: uppercase; letter-spacing: 2px; }
h3 { 			font-size: 20px; }
h4 { 			font-size: 16px; }

/* - - - - - - - - - -     IMGS      - - - - - - - */


/** img container needs the -3 since the content copytext is in italics, and needs +3px so it hides behind the menu.div **/ 
#img-container { height:auto; width: 900px; margin: 0; padding: 0;}
#img-container p {  margin: 0; padding: 0; }
img, .image a, .image a:hover {border: 0; text-decoration: 0; cursor:pointer;}

#once { clear: left; }

#footer {
	width: 900px;
	float:left;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	margin:10px 0 10px 0;
	padding: 8px 0px 8px 0;

	}
	
.footertext {
	color: #333;
	font: 11px/18px "Courier New",arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
	}
	
#toTop {
cursor:pointer;
background: #222;
position:fixed;
left:0px;
top:20px;
padding:5px 10px 5px 10px;
font: 11px/18px "Courier New",arial, sans-serif;
text-transform: uppercase;
letter-spacing: 0.1em;
z-index: 1000;
}


.date{ font-style: italic;}


img.backgr {
	width: 100%;
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	z-index:0;
}

img {}


#bg span {
background:transparent url(/files/raster.png) repeat scroll 0 0;
display:block;
height:100%;
position:fixed;
width:100%;
z-index:1;
}


#bottom_fade {
	width: 100%;
	height: 100px;
	z-index: 1000;
	position: fixed;
	bottom: 0px;
	background: url(/files/bottom-fade.png) bottom center repeat-x;
}



.box { clear:both; margin: 0 padding: 10px 0 10px 0; border-bottom: 1px dotted #6fc2d7; }