/*


	Website: http://henryramos.com
	Filename: global.css
	Author: J Christopher Garcia
	Created: 10/5/04
	
	Description: Main CSS file for entire website.


*/

body {
	
	background-color: #4e5c67;
	
	padding: 0;
	margin: 0;
	text-align: center;

}


a { color:#458b00; }
a:visited { color: #376608; }


h1 {

	font-size: 5em;
	line-height: 1em;
	font-weight: 100;
	color: #333;
	
	padding-top: 0.5em;
	margin-top: 0;


}

h3 {

	text-transform: uppercase;
	

}

h3 a {
	
	text-transform: none;
	font-size: 0.9em;
	

}


/* Thanks to http://hicksdesign.co.uk! - JCG */
#horizon {

	position: absolute;
	top: 40px;
	left: 0;
	
	height: 570px;



}

/*  IE 5 Hack \*/
#horizon {

	width: 100%;
	top: 50%;
	margin-top: -285px;

	background: transparent url(../imgs/v1/body-bg.jpg) top center no-repeat;

}
/* end hack */



#page {
	
	width: 870px;	
	height: 535px;
	
	margin: 15px auto 0 auto;
	
	padding: 0;
	
	text-align: left;
	
	background: transparent url(../imgs/v1/backgrounds/gallery.gif) top right no-repeat;

}

#globalNav {

	position: relative;
	
	float: left;
	
	/* HACK: THIS DECLARATION IS USED TO FIX DOUBLED-MARGIN ON FLOATING ELEMENTS FOR IE 6 WIN, FLOATS WILL BECOME BLOCK LEVEL ELEMENTS ANYWAYS... */
	display: inline;
	
	width: 305px;
	height: 535px;
	
	background: transparent url(../imgs/v1/details/gallery.jpg) bottom left no-repeat;
	
	/* clear: none; */
	
}

#mainMenu {
	
	height: 296px;
		
	margin: 0;
	padding: 24px 0 0 51px;
		
	background: transparent url(../imgs/v1/mainmenu-bg.jpg) top left no-repeat;
	
	list-style-type: none;
	
}

#mainMenu li {

	margin: 0;
	padding: 0;
	display: block;
	float: left;
	
}

#mainMenu li a { display: block; }

#mainMenu li a img { display: block; }

#mainContent {

	/* position: relative; */
	
	float: left;
	
	width: 450px;
	height: 535px;
	
	overflow: auto;
	
	padding-left: 60px;
	padding-right: 55px;
			
	font: 12px/160% Helvetica, "Helvetica Neue", Arial;
	color: #000;
		

}

.displayNone {

	display: none;

}



/* ------ GALLERY CSS ------ */

#imageGallery {

	text-align: center;
	margin: 8px 0;


}

#imageGallery img {
	
	margin: 8px 16px 8px 0;

}


/* ------ IMAGE DISPLAY CSS ------ */

/*

#imageDisplay { padding: 30px 0 10px 0; text-align: center; }

#imageDisplay h1 { font-size: 18px; line-height: 18px; margin-bottom: 0; font-weight: normal; }
		
#imageDisplay p { margin-top: 0; font-size: 10px; }

*/


#imageDisplay {

	padding-top: 25px;

}


#localNav {
	
	padding: 3px;
	border: 1px solid #333;
	
	float: left;
	
	/* HACK: THIS DECLARATION IS USED TO FIX DOUBLED-MARGIN ON FLOATING ELEMENTS FOR IE 6 WIN, FLOATS WILL BECOME BLOCK LEVEL ELEMENTS ANYWAYS... */
	display: inline;
	
	margin-left: 90px;

}


#localNav a {

	float: left;
	display: block;

}

#localNav a:hover {

	background-color: #fff;
	
}


/* ------ ABOUT CSS ------ */

.floatLeft {

	float: left;
	margin: 0 1em 0 0;
	display: inline;

}

.displayBox {

	float: left;
	margin: 0 1em 0 0;
	padding: 10px;

}

.displayBox p {

	font-size: 10px;

}

#content {
	padding: 20px 0px;
}

#content a {
	color: #FFFFFF;
}

#content #localNav {
	margin-left: 94px;
}

/* GALLERY STYLES */

.gallery {
        padding: 0px;
        margin: 0px ;
	border-collapse:collapse;
	border-spacing: 0px;
	border: 0px;
}

.gallery td {
        width: 145px;
        text-align: center;
        padding: 0px 12px 24px 12px;
}

.gallery table {
/*        background-color: #FFFFFF;*/
	border-collapse:collapse;
	border-spacing: 0px;
	border: 0px;
        width: 120px;
        height: 120px;
}

.gallery td table td {
        padding: 0px;
        width: 120px;
        height: 120px;
        vertical-align: middle;
}

.gallery img {
        padding: 0px;
        margin: 0px;
	border: 0px;
}

.gallery a {
	text-decoration: none;
}

#detail {
	text-align: center;
	color: #FFFFFF;
}

#content h1 {
	font-size: 16px;
	line-height: 18px;
	color: #FFFFFF;
	margin-bottom: 5px;
}