/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Life Images, INC
Author : Ben Rinehart
URL : lifeimagesinc.com

Description : full width, horizontal navigation, light on dark site.

Created : 10/27/2006
Modified : 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

body{
	margin: 0;
	font: 12px "century gothic", tahoma, verdana, arial, helvetica, sans-serif;
	background: #000;
	color: #fff;
	}

/* START CONTAINER */
#container{
	width:expression( documentElement.clientWidth < 900 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 900 ? "900" : "auto") : "900px") : "auto" );
	min-width: 900px;
	padding: 0;
	}/* END CONTAINER */

	/* START HEADER */
	#header{
		float: left;
		padding: 0;
		margin: 0 0 0 15px;
		}
	
	#header h1{
		width: 317px;
		height: 127px;
		padding: 0;
		margin: 0;
		background: url(../images/logo.gif) center center no-repeat;
		text-indent: -9000px;
		}
	
	#header h1 a{
		width: 317px;
		height: 127px;
		padding: 0;
		margin: 0;
		border: 0;
		display: block;
		text-decoration: none;
		}/* END HEADER */
	
	/* START NAVIGATION */
	#navigation{
		float: right;
		margin: 85px 0 0 0;
		font: 11px "century gothic", tahoma, verdana, arial, helvetica, sans-serif;
		}
	
		#global{
			margin: 0;
			padding: 20px 0 15px 0;
			}
		
			#global li{
				list-style-type: none;
				display: inline;
				}
		
				#global li a:link, #global li a:visited{
					color: #fff;
					padding: 20px 5px 15px 20px;
					text-decoration: none;
					}

				#global li a:hover, #global li a:active{
					background: #000 url(../images/rollover.gif) 5px center no-repeat;
					color: #AF893C;
					}

		a:link, a:visited{
			color: #AF893C;
			}
		
		a:hover, a:active{
			text-decoration: none;
			}/* END NAVIGATION */
	
	/* START PAGE BODY */
	#page_body{
		padding: 0;
		clear: both;
		background: #000;
		border-top: 1px solid #AF893C;
		}
		
		#info #page_body{
			padding: 10px 75px 100px 75px;
			width: 85%;
			min-width: 600px;
			}
		
		h1{
			clear: left;
			}
		
		p{
			font-size: 14px;
			line-height: 20px;
			text-indent: 16px;
			}
		
		#page_body ul{
			font-size: 14px;
			line-height: 20px;
			}
		
		blockquote p strong{
			white-space: nowrap;
			}/* END PAGE BODY */

	/* START INFO PAGES */	
	img.odd{
		float: right;
		clear: right;
		margin: 10px 0 5px 10px;
		border: 1px solid #AF893C;
		}
	
	img.even{
		float: left;
		clear: left;
		margin: 10px 20px 5px 0;
		border: 1px solid #AF893C;
		}
	
	#resources{
		text-align: center;
		margin: 0;
		padding: 0;
		}
	
		#resources li{
			list-style-type: none;
			padding: 5px 0;
			}/* END INFO PAGES */
	
	/* START GALLERIES */
	#gallery{
		width: 720px;
		margin: 0 auto;
		clear: both;
		}
	
		#enlarge{
			width: 520px;
			height: 502px;
			}
			
			#enlarge img{
				border: 1px solid #AF893C;
				}
		
		.thumbnails td{
			width: 100px;
			}
		
		.thumbnails td img{
			border: 1px solid #AF893C;
			margin: 3px 0;
			}/* END GALLERIES */
	
	/* START FORMS */
	form{
		}

		fieldset{
			display: inline;
			width: 400px;
			padding: 10px;
			margin: 0;
			border: 1px solid #B9B6B7;
			}

			fieldset fieldset{
				clear: left;
				float: left;
				margin: 5px 0;
				width: auto;
				}

				fieldset fieldset label{
					width: 335px;
					}

		legend{
			color: #AF893C;
			}

		label{
			display: block;
			float: left;
			clear: left;
			width: 100px;
			font-size: 12px;
			margin-top: 3px;
			}

		.required{
			color: #AF893C;
			font-weight: bold;
			}

		input[type="checkbox"], input[type="radio"]{
			margin: 0 15px 0 0;
			}

		input[type="text"], textarea{
			width: 250px;
			float: left;
			margin: 3px;
			}

		input[type="submit"], input[type="reset"]{
			margin: 3px;
			}

		input[type="submit"]:hover, input[type="reset"]:hover{
			cursor: pointer;
			}/* END FORMS */
	
	/* START FOOTER */
	#footer{
		clear: both;
		padding: 0 15px;
		margin-top: 0;
		border-top: 1px solid #AF893C;
		font-size: 10px;
		text-align: center;
		}
		
		#footer address{
			font-size: 18px;
			font-style: normal;
			}/* END FOOTER */