@charset "utf-8";
/* CSS Document */





/* GENERAL PROPERTIES */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color:#555555;
	color:#EEEEEE;
	}

a:link, a:visited, a:active {
	text-decoration:none;
	color:#FFCC66;
	}

/* CONTAINER LAYOUT */

#container {
	width:800px;
	margin: 0 auto 0 auto;
	background-color:#000000;
	border: 1px solid #CCCCCC;
	overflow:hidden; /* MAKES THE CONTAINER EXPAND VERTICALLY TO FIT ELEMENTS */
	}

/* HORIZONTAL NAVIGATION - LAYING JUST BELOW HEADER */
#nav {
	list-style:none;
	width:100%;
	margin:0px 0px 30px 0px; /* BOTTOM MARGIN OF 30PX AS A SPACER BETWEEN NAV AND CONTENT */
	padding:0;
	float:left;
	border-bottom: 1px solid #CCCCCC;
	}
#nav li {
	float:left;
	margin:0;
	padding:1.0em 0 0 0;/* SINCE ONE OF THE LINKs - "CAREER OPPORTUNITIES" - TAKES UP TWO LINES, PADDING ON TOP OF 1.0em
							WILL PUSH ALL TEXT DOWN SO IT SITS ON THE BOTTOM. THE AFFORMENTIONED LINK WILL HAVE THIS 
							PADDING MANUALLY REMOVED WITH AN INLINE STYLE */
	}
#nav a {
	float:left;
	display:block;
	margin: 0 auto 0 auto;
	width: 133px; /* To add another link, change this value to 125px */
	text-align:center;
	color: #FFCC66;
	text-decoration: none;
	line-height: 1.2em;
	}
/* END OF NAVIGATION */
	
#footer {
	width:760px;
	float:left;
	margin: 50px 0px 0px 0px;
	padding: 5px 20px 5px 20px;
	border-top: 1px solid #CCCCCC;
	font-size: 11px;	
	text-align:center;
	}



/* CONTENT CLASSES - MAIN PAGES */

.main {
	width:760px;
	float:left;
	clear:both;
	padding: 10px 20px 20px 20px;
	margin: 0;
	}
	
	.main img {
		display:block;
		}
	.main h1 {			/*USED ON THE ABOUT PAGE */
		color:#FF3333;
		font-size:1.5em;
		margin: 0;
		}
	.main h2 {		/* USED ON CONTACT US PAGE */
		font-size:1.3em;
		margin:0 auto 15px auto;
		border-bottom: 1px dotted #CCCCCC;
		}
	.main h3 { /* USED ON RESIDENTIAL PAGE (INDOORS, OUTDOORS, etc. ) */
		text-align: center;
		border-bottom: 1px dotted #CCCCCC;
		margin: 30px auto 30px auto;
		}
	.main ul {		/* FOR THE LIST CONTAINING LINKS ON LINKS PAGE */
		list-style:none;
		}
	.main ul li {
		margin:0 0 1.0em 0;
		}
	
/* CONTENT CLASSES - LISTINGS */

.post {
	width:740px;
	float:left;
	clear:both;
	padding: 10px 10px 10px 10px;
	margin: 20px 20px 20px 20px;
	border: 1px solid #CCCCCC;
	}
	.post img {
		display:block;
		float:left;
		margin: 5px 15px 5px 5px;
		border: 5px solid #EEEEEE;
		}
	.post p {
		display:block;
		}
	.post h2 {		/* USED ON CONTACT US PAGE */
		font-size:1.3em;
		margin:0 auto 15px auto;
		border-bottom: 1px dotted #CCCCCC;
		}

/* RESIDENTIAL IMAGE CLASSES (residential.php) */
.residential {
	display:block;
	margin: 10px auto 10px auto; /*SETTING SIDE MARGINS TO AUTO FORCES IMAGES TO CENTER */
	}


		
/* RANCH IMAGES - FLOATS TO RIGHT */

	div.ranch {
			float:right;
			clear:right;
			width:260px;
			/* GIVES THE POLAROID LOOK */
			text-align:center;
			margin: 10px 10px 10px 10px;
			padding: 0px 0px 5px 0px; /* PUTS A SPACE BETWEEN TEXT AND THE BOTTOM OF THE "PHOTO" */
			color:#CCCCCC;
			overflow: hidden;
			}
		div.ranch img {
				display:block; /* DISPLAYING AS BLOCK LETS TEXT SKIP TO ThE NEXT LINE IN IE SOMEHOW */
				margin: 5px auto 5px auto;
				border-style:none;
			}
	


/* CAPTIONED PHOTOS */


.captioned_photo {
	float:left;
	margin:10px 10px 2px 10px;
	padding: 0;
	}
.captioned_photo p {
	width: 100%;
	margin: 0;
	padding: 1em 0;
	color: #DDDDDD;
	text-align:center;
	}
.captioned_photo img {
	margin: 0;
	padding: 0;
	display: block;
	}