/*** by not specifying a tag, all tags using these classes follow these styles */
.norepeat{
	background-repeat: no-repeat;
}


.gallerysection{
	color:					#FF6600;
	font-weight:			bold;
	letter-spacing:			.2em;
	font-size: 8.5pt;
	font-weight: bold;
	
	border-bottom-style: 	dashed;
	border-bottom-width: 	1px;
	border-bottom-color: 	black;

}


body{
	font-family: arial, helvetica, sans-serif;
	background-color: #000033;
	margin: 0;
	text-align: left;
	color: #CCCCCC;
	font-size: 8.5pt;
	
	scrollbar-face-color: #000033;
	scrollbar-shadow-color: #003333; 
	scrollbar-highlight-color: #CCCCCC; 
	scrollbar-darkshadow-color: #333366;
	scrollbar-track-color: #000033;
	scrollbar-arrow-color: #FF9900; 
}


table{
	font-size: 8.5pt;
	color: #CCCCCC;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	border-width: 0px;
}


img{
	border-width: 0px;
}

input{
	font-family: arial, helvetica, sans-serif;
	filter:alpha(opacity=33);
	background-color:  transparent;
	color:  #CCCCCC;
	border:  outset orange 2px 1px;
}

textarea{
	font-family: arial, helvetica, sans-serif;
	background-color:  transparent;
	color:  #CCCCCC;
	border:  outset orange 2px 1px;

	
	scrollbar-face-color: #777777;
	scrollbar-shadow-color: #003333; 
	scrollbar-highlight-color: #CCCCCC; 
	scrollbar-darkshadow-color: #777777;
	scrollbar-track-color: #777777;
	scrollbar-arrow-color: #FF9900; 
	filter: chroma(color=#777777);
}


a{
	text-decoration: none;
}


p{
	font-weight: normal;
}


:link, :visited {
	color: #CCCCCC;
}

:hover {
	color: #FFFFFF;
}

/* positioning */

#main {
	position:			absolute;
	width:				712px;
	top:				0px;
	left: 				50%;
 	z-index:			1;
	margin-left: 		-356px;
	visibility:			visible;
}



/* right side */
#news {
	position:			absolute;
	width:				260px;
	height:				125px;
	overflow:			auto;
	top:				355px;
	left:				70%;
	z-index:			2;
	margin-left:		-130px;
	
	scrollbar-face-color: #777777;
	scrollbar-shadow-color: #003333; 
	scrollbar-highlight-color: #CCCCCC; 
	scrollbar-darkshadow-color: #777777;
	scrollbar-track-color: #777777;
	scrollbar-arrow-color: #FF9900; 
	filter: chroma(color=#777777);
}


#hireme{
	position:			absolute;
	width:				570px;
	top:				500px;
	left:				26.5%;
	z-index:			2;
	margin-left:		-130px;
}



#quicklinks{
	position:			absolute;
	width:				260px;
	top:				370px;
	left:				26.5%;
	z-index:			2;
	margin-left:		-130px;
}


#aboutSectionBelow{
	position:			absolute;
	width:				330px;
	height:				200px;
	overflow:			auto;
	top:				200px;
	left:				60%;
	z-index:			3;
	margin-left:		-150px;
	
	background:			#000033;
	filter:				alpha(opacity=66, finishopacity=66, style=0);
	
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: black;

	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: black;
}

#aboutSection{
	position:			absolute;
	width:				350px;
	height:				200px;
	overflow:			auto;
	top:				200px;
	left:				60%;
	z-index:			4;
	margin-left:		-150px;
	padding:			10px;

	scrollbar-face-color: #777777;
	scrollbar-shadow-color: #003333; 
	scrollbar-highlight-color: #CCCCCC; 
	scrollbar-darkshadow-color: #777777;
	scrollbar-track-color: #777777;
	scrollbar-arrow-color: #FF9900; 
	filter: chroma(color=#777777);
			
}

#contactSectionBelow{
	position:			absolute;
	width:				280px;
	height:				550px;
	overflow:			auto;
	top:				125px;
	left:				68%;
	z-index:			3;
	margin-left:		-150px;
	
	background:			#000033;
	filter:				alpha(opacity=66, finishopacity=66, style=0);
	
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: black;

	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: black;
}

#contactSection{
	position:			absolute;
	width:				300px;
	height:				550px;
	overflow:			auto;
	top:				125px;
	left:				70%;
	z-index:			4;
	margin-left:		-150px;
	padding:			10px;
	
	scrollbar-face-color: #777777;
	scrollbar-shadow-color: #003333; 
	scrollbar-highlight-color: #CCCCCC; 
	scrollbar-darkshadow-color: #777777;
	scrollbar-track-color: #777777;
	scrollbar-arrow-color: #FF9900; 
	filter: chroma(color=#777777);
			
}




/* bottom */
#footer {
	position:			absolute;
	width:				500px;
	z-index:			3;
	left:				50%;
	margin-left:		-250px;
	top:				127%;
}

#aboutFooter {
	position:			absolute;
	width:				500px;
	z-index:			3;
	left:				50%;
	top:				500px;
	margin-left:		-250px;
}


#contactFooter {
	position:			absolute;
	width:				500px;
	z-index:			3;
	left:				50%;
	top:				645px;
	margin-left:		-250px;
}



/** menu layer! */

#mainMenu{
	position:			absolute;
	width:				150px;
	top:				116px;
	z-index:			50;
	left:				16%;
	margin-left:		-125px;
	
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: black;

	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: black;
}
