/* -----------------------------------------
Site: 			websitename.com
Author: 		Chris Satterthwaite
Updated: 		January.24.2010
Updated By: 	Chris Satterthwaite
--------------------------------------------
TABLE OF CONTENTS
--------------------------------------------
Reset: 
Body:
Wrapper:
Typography:
Global:
Header Section:
Content Section:
Footer Section:
Hacks/Fixes:
--------------------------------------------
STYLE RULES
--------------------------------------------
Box
			width
			hieght
			background
			border
			margin
			padding
			display
			
Position
			position
			top
			right
			bottom
			left
			float
			clear
			z-index
			
Font
			color
			font family
			font size
			font wieght
			line hieght
----------------------------------------- */
/*-------------- Reset ------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 				0px;
	padding:                0px;
	border: 				0px;
	outline: 				0px;
	font-size: 				100%;
	vertical-align: 		baseline;
	background: 			transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: 			none;
}
blockquote, q {
	quotes: 				none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: 				'';
	content: 				none;
}

/* remember to define focus styles! */
:focus {
	outline: 				0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: 		none;
}
del {
	text-decoration: 		line-through;
}

/*-------------- Body ------------------- */
body{
background:					url(images/bg_main.gif) center top;

font-family:				Tahoma; 
color:						#828282;
font-size: 					11px;
line-height: 				14px;  
}
/*-------------- Wrapper ---------------- */
#wrapper {
	width:					766px;
	margin: 				0px auto;
}
/*-------------- Typography ------------- */
h1 {
	margin-bottom:			20px;
	
	color:					#B7B7B7;
	font-size:				medium;
	font-weight:			bold;
}
h2 {
	margin-bottom:			5px;
	
	color:					#FF9933;
	font-size:				medium;
	font-weight:			bold;
}
p { 
	margin-bottom:			16px;
}
ul {
	margin:					0px; 
	padding:	            0px; 
	
	list-style:				none;
}
ul li {
	background:				url(images/arrow.gif) top left no-repeat;
	background-position:	0 9px;
	margin:					0px;
	padding-left:	        10px; 
}

ul li a {
	color:					#b7b7b7; 
	line-height:			14px;
}

a {
	text-decoration:		none;
}
a:link { 
  color: 					#FF9933;
}
a:visited {
  color: 					#FF9933;
}
a:hover {
  color: 					#FFF;
}
a:active { 
  color: 					#FF9933;
}

/*-------------- Global ----------------- */
.float-left { 
	float:					left;
}
.float-right {
	float:					right;
}
.clear{ 
	clear: 					both;
}
.margin-25 { 
	margin: 				0px 25px 15px 0px;
}
.margin-10 { 
	margin: 				0px 10px 6px 0px;
}
.marging-15 {
	margin:					0px 0px 15px 0px;
}
img[align=right] {
	margin-left:10px;
	margin-bottom:10px;
	float: right;
}

img[align=left] {
	margin-right:10px;
	margin-bottom:10px;
	float: left;
}
/*-------------- Header Section --------- */
#header{
	width:					766px;
	height:					468px;
	position: 				relative;
}

#logo{
	width:					766px;
	height:					95px;
	
	text-align:				center;
}

#social {
	position:				absolute;
	right:					12px;
	top:					70px;
}
	
/*-------------- Navigation Section -------- */
#nav{
	width:					743px;
	height:					60px;
	margin:					0px auto 9px auto;
}
#nav li{
	width:					123px;
	height:					60px;
	margin:					0px 1px 0px 0px;
	padding:                0px;
	
	float:					left;
	
	list-style:				none;
	display:				block;
}
#nav a{
	width:					123px;
	height:					35px;
	background:				#302d2d;
	padding:	            25px 0px 0px 0px;
	
	color:					#FFF;
	text-align:				center;
	font-weight:			bold;
	font-size:				12px;
	
	display:				block;
}
#nav a:hover{
	background:				#434343;
}
#nav .contacts {
	margin: 0px;
}
/*-------------- Callouts Section -------- */
#callouts{
	width:					743px;
	height:					304px;
	margin:					0px auto;
}

.callout{
	width:					247px;
	height:					304px;
	margin:					0px 1px 0px 0px;
	
	float:					left;
	
	position:				relative;
}
.callout a {
	width:					247px;
	height:					304px;
	
	display:				block;
	cursor:					pointer;
	
	position:				absolute;
	top:					0px;
	left:					0px;
}
.callout .callout-image {
	width:					247px;
	height:					235px;
	margin:					0px 0px 1px 0px;
	
	display:				block;
}

.callout .callout-title {
	width:					207px;/*247px - 40px padding left*/
	height:					53px;/*68px - 15px padding top*/
	padding:                15px 0px 0px 40px;
	
	color:					#FFF;
	
	display:				block;
}

.callout .callout-title .heading {
	margin:					0px 0px 8px 0px;
	
	font-size:				24px;
	
	display:				block;
}

#callouts .celebrate, #callouts .relax, #callouts .learn{
	background: 			#383838;
}

#callouts .celebrate:hover {
	background: 			#0178a1	
}
#callouts .relax:hover {
	background: 			#d97501	
}
#callouts .learn:hover {
	background: 			#668504	
}

#callouts .no-border{
	margin:					0px;	
}

/*-------------- Content Section -------- */
#content{
	width:					697px;/*766px - 11px margin left - 13px margin right - 23 padding left - 23 padding right = 696px*/
	min-height:				477px;/*500 - 23px padding top = 477px*/
	background:				#302d2d;
	margin:					9px 13px 0px 11px;
	padding:                23px;
}

#content-wide{
	width:					448px;
	border-left:			dotted 1px #666;
	padding:                0px 0px 0px 23px;
}

#content-side{
	width:					200px;
}

/*-------------- Content Columns -------- */
#content .column1 {
	width:					214px;
	min-height:				450px;
	padding:                0px 10px 0px 0px;
	border-right:			1px solid #434343;
	
	float:					left;
}
#content .column2 {
	width:					207px;
	min-height:				450px;
	padding:                0px 20px;
	border-right:			1px solid #434343;
	
	float:					left;
	
	text-align:				justify;
}
#content .column3 {
	width:					202px;
	min-height:				450px;
	padding:                0px 0px 0px 20px;
	
	float:					left;
	
	text-align:				justify;
}
.rental-column1 {
	width: 					205px; 
	margin: 				0px 20px 20px 0px;
	
	float: 					left; 
}
.rental-column2 {
	width: 					225px; 
	margin: 				0px 20px 20px 0px;
	
	float: 					left; 
}
.rental-column3 {
	width: 					205px; 
	margin: 				0px 20px 20px 0px;
	
	float: 					left; 
}

/*-------------- Photo Gallery Section -- */
#gallery-thumbs {
	width: 					320px;
	height:					auto;
	
	float:					left;
}

#gallery-thumbs li {
	width:					50px;
	height:					50px;
	margin: 				0px 5px 10px 5px;
	padding:                2px;
	border:					1px solid #434343;
	background:				none;
	
	float:					left;
	list-style:				none;
}

#big {
	width:					360px;
	height:					auto;
	border:					1px solid #434343;
	
	padding:                2px;
}

/*-------------- What's New Section -- */

.whats-new {
	width:					100%;
	min-height:				100px;
	padding:				0px 0px 0px 0px;
	margin:					0px 0px 16px 0px;
	border-bottom:			1px dotted #666;
}

.whats-new h2 {
	font-size:				14px;
	margin-bottom:			3px;
}

.whats-new h3 {
	margin-bottom:			10px;
}

.whats-new img {
	width:					100px;
	height:					75px;
	border:					1px solid #666;
	
	margin:					0px 10px 0px 0px;
	padding:				2px;
	
	float:					left;
}

.whats-new-img {
	width:					225px;
	border:					1px solid #666;
	
	margin:					0px 15px 0px 0px;
	padding:				2px;
	
	float:					left;
}

/*-------------- What's New Side Section -- */

.whats-new-side-article {
	background:				#333;
	border:					1px solid #666;
	padding:				10px;
	margin:					0px 0px 16px 0px;
}

.whats-new-side-article h2{
	text-transform:			uppercase;
	font-family:			Tahoma, Geneva, sans-serif;
}

.whats-new-side-article .snippet {
	width:					100%;
}

.whats-new-side-article .read-more {
	margin:					0px;
}

/*-------------- Contact Section -- */

input{
	width:					200px; 
	height:					20px;
   	border:					1px solid #b7b7b7; 
	background:				#4f4f4f;
	padding:	            0px 0px 0px 3px;
	margin:					0px 0px 3px 0px;
	
	font-size:				11px;
	color:					#b7b7b7;	
}

textarea{
	width:					200px; 
	height:					79px;
   	border:					1px solid #b7b7b7; 
	background:				#4f4f4f;
	
	font-size:				11px;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#b7b7b7;
	
	padding:	            0px 0px 0px 3px;
	margin:					0px 0px 11px 0px;
	
	overflow:				auto;
}

/*-------------- Secondary Nav Section -- */
#secondary-nav{
	width:					697px;/*766px - 11px margin left - 13px margin right - 23 padding left - 23 padding right = 696px*/
	height:					30px;
	background:				#302d2d;
	margin:					0px 13px 0px 11px;
	padding:                0px 23px 0px 23px;
	
	color:					#FFF;
	font-size:				12px;
	text-align: 			center;  
}
/*-------------- Footer Section --------- */
#footer{
	width:					696px;/*742px - 23px padding left - 23px padding right = 696px*/
	height:					20px;/*40px - 12px padding top - 12px padding bottom = 16px*/
	background:				#302d2d;
	margin:					9px auto 0px auto;
	padding:                8px 23px 8px 23px;
}

#footer .extra-nav {
	color:					#6B6969;
	font-size:				11px;
}

#footer .extra-nav a{
	color:					#6B6969;
	text-decoration:		none;
}

#footer .phone {
	color:					#CCCCCC;
	font-size:				11px;
	font-weight:			bold;
}
/*-------------- Footer Section --------- */
#copyright{
	width:					696px;
	margin:					6px auto 0px auto;
	
	text-align:				center;
}

#copyright a{
	color:					#999;
	font-size:				10px;
	text-decoration:		none;

}
/*-------------- Hacks/Fixes ------------ */
/* Fire Fox Float Fix                     */
.clearfix:after {
	height:					0;
	visibility: 			hidden;
	display: 				block;
	clear: 					both;
	content: 				".";
	line-height: 			0;
}
.clearfix {
	display: 				block;
}
html[xmlns] .clearfix {
	display:				block;
}
* html .clearfix {
	height: 				1%;
}