/* CSS authoring: Stu Olds Web Design 2006 for Barry Jones Photography */

* {margin: 0; padding: 0;}
html, body {height: 100%;}

body {
	font: 100.01%/1.5em Arial, Helvetica, sans-serif;
	background: #333;
	margin: 0px;
	padding: 0px;
}

#container {
	background: url(cback.jpg) repeat-y;
	margin: 0px auto;
	width: 700px;
	position: relative;
}
#head {
	background: url(head.jpg) no-repeat;
	height: 244px;
	margin: 0px;
	padding: 0px;
}

#nav { width:700px; height: 43px; }
#nav ul { width:700px; padding:0; margin:0; list-style-image: none; }
#nav ul li { float:left; padding:0; margin:0; list-style-type: none; }
#nav ul li a { display:block; height:43px; }
#nav ul li.start a { background:url(fireworks/menutline_r1_c1.jpg) 100% 0; width:460px; }
#nav ul li.home a { background:url(fireworks/menutline_r1_c2.jpg) 100% 0px; width:50px; }
#nav ul li.home a:hover { background:url(fireworks/menutline_r1_c2.jpg) 100% -43px; }
#nav ul li.profile a { background:url(fireworks/menutline_r1_c3.jpg) 100% 0px; width:55px; }
#nav ul li.profile a:hover { background:url(fireworks/menutline_r1_c3.jpg) 100% -43px; }
#nav ul li.gallery a { background:url(fireworks/menutline_r1_c4.jpg) 100% 0px; width:50px; }
#nav ul li.gallery a:hover { background:url(fireworks/menutline_r1_c4.jpg) 100% -43px; }
#nav ul li.contact a { background:url(fireworks/menutline_r1_c5.jpg) 100% 0px; width:50px; }
#nav ul li.contact a:hover { background:url(fireworks/menutline_r1_c5.jpg) 100% -43px; }
#nav ul li.end a { background:url(fireworks/menutline_r1_c6.jpg) 100% 0px; width:35px; }
#nav ul li a span { display:none; }

#nav ul li a.active { background-position:100% -50px;}

#headline { width:700x; height:42px; background:url(headline.jpg) no-repeat; }


#contentwrapper {
	width:700px;
	margin:0;
	padding:0px;
	height: 100%;
}

#content {
	width: 650px;
	margin-left: 24px;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.2em;
	margin-top: 5px;
	color: #fff;
}

#content p {
 margin-top:5px;
 margin-left: 10px;
}

#footer {
	background: url(footer.jpg) no-repeat left bottom;
	height: 38px;
	clear: both;
}
#footer p {
	text-align: right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	right: 50px;
	margin: 0px;
	padding: 0px;
	bottom: 100px;
	z-index: 1;
}
#footer p a {
	color: #000000;
}

#header h1 {
	text-indent: -9999px;
}
h3 {
	font-size: 1.2em;
	margin: 0px;
	padding-left: 30px;
}

h4 {
	font-size: 1.2em;
	margin: 0px;
	padding:  10px 10px;
}
h5 {
	font-size: 1.1em;
}
a:link, a:visited {
	color: #99CC00;
	text-decoration: underline;
}
a:hover {
	color: #26FF00;
	text-decoration: none;
}


#block        {
	margin:  0;
	padding:  10px 10px;
	line-height: 14px;
	font-size: 11px;
	color: #fff;
	font-weight:normal;
	background: transparent;
                }
.block p     {
                text-align:justify;
                }

.block li {
	list-style-image: url(point.jpg);
}
.block a {
	padding: 1px;
}
.block a:link, .block a:visited {
	color: #fff;
	BORDER-BOTTOM:#fff 1px dotted; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
.block a:hover, .block a:active, .block a:focus {
	color: #000;
	BACKGROUND-COLOR: #fff; 
	TEXT-DECORATION: none; 
	TEXT-DECORATION: none;
}

.blockfooter   {
                color:#fff;
                font-size:11px;
                text-align:justify;
                margin-left:10px;
				margin-bottom:3px;
                margin-top:2px;
                }
				
.picblock        {
	float: right;
	margin:  0;
	padding: 5px;
	background: transparent;
                }				
				
input, textarea {
	font:  Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	border: 1px solid #333;
	margin: 1px 2px;
	-moz-border-radius: 4px;
	background-color: #1a1a1a;
	}
input:hover, textarea:hover { 
	border-color: #000; 
	background-color: #333;
	}
input:focus, textarea:focus {
	border-color: #333; 
	background-color: #1a1a1a;
	}