@charset "utf-8";
/*
	### Main CSS Document
	### Created On Thursday, March 5th, 2009
	### Last Edited On Thursday, March 5th, 2009
	### Developed By Will Ayers -= dev.willayers@gmail.com
*/

html, body, div, a img {
	border:0; padding:0; border:0; margin:0;
}
a:active {
	outline:0;
}

/*
	### Define Document Standard Elements
*/

html, body {
	font:normal 16px/22px "Lucida Grande", Lucida, Verdana, Trebuchet, "Trebuchet MS", arial, sans-serif; background-color:#e7e7e7;
}

/*
	### Define Typography
*/

h1, h2, h3, h4, h5, h6 {
	font-weight:normal; margin:0; padding-left:24px; color:#192b71;
}

p, ul {
	font-size:80%; margin:0;
}

/*
	### Define Document Structure
*/

#app {
	width:100%;
}

.auto, #topnav {
	width:990px; margin:0 auto;
}

#header {
	width:100%; height:55px; background:#1e3178 url('img/header-bg.jpg') repeat-x;
}

#page {
	width:100%; border-bottom:1px solid #bcbcbc; background-color:#fff;
}

#footer {
	width:100%; border-top:1px solid #fff; background-color:#e7e7e7; padding-top:24px;
}

.left {
	width:560px; float:left;
}
.right {
	width:411px; float:right;
}

/*
	### Define Header Interal
*/

#topnav {
	list-style-type:none; width:990px;
}
#topnav li {
	display:inline;
}
/*
	### Define Page Interal
*/
#page div.auto {
	padding:12px 0 24px 0;
}
#hero {
	width:560px; height:371px; position:relative; overflow:hidden;
}
	#hero img {
		position:absolute; left:0; top:0; z-index:8; 
	}
		#hero img.active {
			z-index:10;
		}
		#hero img.last-active {
			z-index:9;
		}

/*
	### Define Content
*/

#content {
	width:560px; margin-top:24px;
}
#content-top {
	width:560px; height:15px; background:#fff url('img/content-top.jpg') no-repeat 0px 0px;
}
#content-info {
	width:560px; background-color:#e7e7e7;
}
#content-info p, #content-info address, #content-info ul {
	padding:12px 24px;
}

#content-info ul {
	margin:0 0 0 16px;
}
	#content-info ul li {
		list-style-position:outside; margin:0;
	}
	
#content-info h1 {
	padding:0 0 12px 24px; width:496px; height:32px; background:transparent url('img/heading/rexburg-storage.gif') no-repeat 24px 0px; text-indent:-6466px; overflow:hidden;
}
	#page-what-to-expect #content-info h1 { background:transparent url('img/heading/what-to-expect.gif') no-repeat 24px 0px; }
	#page-available-units #content-info h1 { background:transparent url('img/heading/available-units.gif') no-repeat 24px 0px; }
	#page-contact-us #content-info h1 { background:transparent url('img/heading/contact-us.gif') no-repeat 24px 0px; }
	#page-photo-gallery #content-info h1 { background:transparent url('img/heading/photo-gallery.gif') no-repeat 24px 0px; }
	#page-location #content-info h1 { background:transparent url('img/heading/location.gif') no-repeat 24px 0px; }

#content-bottom {
	width:560px; height:15px; background:#fff url('img/content-bottom.jpg') no-repeat 0px 0px;
}
#extra-page {
	background-color:#e7e7e7; width:990px;
}
#extra-page .extra-top {
	height:13px; width:990px; background:#fff url('img/large_grey_box_top.jpg') no-repeat 0px 0px;
}
#extra-page .extra-bottom {
	height:13px; width:990px; background:#fff url('img/large_grey_box_bottom.jpg') no-repeat 0px 0px;
}

#flashcontent {
	width: 722px;
	height: 680px;
	margin:24px auto;
}

.unit_size {
	width:120px;
}
.size_equivalent, .ideal_for {
	width:185px;
}
.row-odd {
	background-color:#d4d4d4;
}

/* *** Contact Form *** */

#contact-form {
	padding:16px; border:1px solid #c4c4c4; width:90%; margin:12px auto; -moz-border-radius:12px; -webkit-border-radius:12px;
}
	#contact-form label {
		display:block; font-size:90%; width:140px; float:left; margin-bottom:12px; padding-top:5px;
	}
	#contact-form input, #contact-form textarea {
		float:right; width:340px; margin-bottom:12px; padding:4px; border:1px solid #aaa; font-size:110%; color:#555; -moz-border-radius:8px; -webkit-border-radius:8px;
	}
	#contact-form textarea {
		height:180px;
	}
	
	#contact-form button {
		display:block; float:right; text-indent:-6466px; border:0; overflow:hidden; background:transparent url('img/inquire.gif') no-repeat 0px -88px; width:64px; height:44px;
	}
	#contact-form button:hover {
		background-position:0px -132px;
	}
	
#inquire-form {
	padding:16px; border:1px solid #c4c4c4; width:90%; margin:12px auto; -moz-border-radius:12px; -webkit-border-radius:12px;
}
	#inquire-form label {
		display:block; font-size:90%; width:120px; float:left; margin-bottom:12px; padding-top:5px;
	}
	#inquire-form input, #inquire-form textarea {
		float:right; width:260px; margin-bottom:12px; padding:4px; border:1px solid #aaa; font-size:110%; color:#555; -moz-border-radius:8px; -webkit-border-radius:8px;
	}
	#inquire-form textarea {
		height:180px;
	}

	#inquire-form button {
		float:right;
	}


/*
	### Define Top Navigation
*/
#topnav {
	width:990px; display:block; height:39px; padding:16px 0 0 0;
}
#topnav li {
	display:block; height:39px; float:left;
}
#topnav li a {
	display:block; height:39px; text-indent:-6466px; overflow:hidden;  background:transparent url('img/top_navigation.gif') no-repeat;
}
	#nav-home { padding-right:22px; }
	#nav-home a { width:99px; background-position:0px 0px !important; }
	#nav-home a:hover, #page-index #nav-home a { background-position:0px -39px !important; }
	
	#nav-available { padding-right:28px; }
	#nav-available a { width:175px; background-position:-121px 0px !important; }
	#nav-available a:hover, #page-available-units #nav-available a { background-position:-121px -39px !important; }
	
	#nav-photo { padding-right:26px; }
	#nav-photo a { width:163px; background-position:-324px 0px !important; }
	#nav-photo a:hover, #page-photo-gallery #nav-photo a { background-position:-324px -39px !important; }
	
	#nav-expect { padding-right:28px; }
	#nav-expect a { width:194px; background-position:-513px 0px !important; }
	#nav-expect a:hover, #page-what-to-expect #nav-expect a { background-position:-513px -39px !important; }
	
	#nav-location { padding-right:28px; }
	#nav-location a { width:114px; background-position:-735px 0px !important; }
	#nav-location a:hover, #page-location #nav-location a { background-position:-735px -39px !important; }
	
	#nav-contact a { width:112px; background-position:-877px 0px !important; }
	#nav-contact a:hover, #page-contact-us #nav-contact a { background-position:-877px -39px !important; }

/*
	### Define Box Classes
*/

.bluebox-top {
	width:411px; height:14px; background:#fff url('img/bluebox-top.jpg') no-repeat 0px 0px;
}
.bluebox-info {
	width:411px; background-color:#192b71;
}
.bluebox-bottom {
	width:411px; height:14px; background:#fff url('img/bluebox-bottom.jpg') no-repeat 0px 0px;
}

.largebox-top {
	width:560px; height:13px; background:#fff url('img/largegrey-top.jpg') no-repeat 0px 0px;
}
.largebox-info {
	width:560px; background-color:#d4d4d4;
}
.largebox-bottom {
	width:560px; height:13px; background:#fff url('img/largegrey-bottom.jpg') no-repeat 0px 0px;
}

.smallbox-top {
	width:411px; height:12px; background:#fff url('img/smallgrey-top.jpg') no-repeat 0px 0px;
}
.smallbox-info {
	width:411px; background-color:#d4d4d4;
}
.smallbox-bottom {
	width:411px; height:12px; background:#fff url('img/smallgrey-bottom.jpg') no-repeat 0px 0px;
}

.smallbox ul, .largebox ul, .bluebox ul {
	margin:0; list-style-type:none; list-style-position:inside; padding-left:26px; margin-left:0;
}
.smallbox a, .largebox a {
	color:#373738;
}
.smallbox h3, .largebox h3 {
	padding-bottom:12px;
}

.smallbox-info, .largebox-info {
	/* temporary for looks */
	height:200px;
}

/*
	### Define Logo
*/

#logo {
	margin-bottom:18px; height:147px;
}

/*
	### Define Promotional Banner
*/

#promotion {
	margin-bottom:24px; height:207px;
}
/*
	### Define Email Gathering Tool
*/

#email-gather {
	margin-bottom:18px;
}
#email-gather form {
	padding:6px 24px;
}
#email-gather img {
	padding-left:24px;
}
#email-gather #input {
	width:253px; height:36px; background:#192b71 url('img/email-bg.jpg') no-repeat 0px 0px; float:left; margin-top:4px;
}
#email-gather #input input {	
	display:block; border:0; width:200px; padding:4px; margin:0 auto; margin-top:6px;
}
#email-gather button {
	display:block; width:64px; height:44px; text-indent:-6466px; overflow:hidden; background:#192b71 url('img/submit-bg.jpg') no-repeat 0px 0px; border:0; float:left; margin-left:8px;
}

/* 
	### Define Social Network Links
*/

#social-networks ul {
	padding:13px 0; margin:0; height:100px;
}
#social-networks ul li {
	display:block; width:200px; float:left; height:50px;
}
#social-networks ul li a {
	display:block; width:200px; text-indent:-664px; float:left; overflow:hidden; height:50px;
}

#social-virb {
	background:transparent url('img/social-networks.gif') no-repeat 30px -17px;
} #social-virb:hover { background-position:30px -163px; }
#social-facebook {
	background:transparent url('img/social-networks.gif') no-repeat -153px -14px;
} #social-facebook:hover { background-position:-153px -160px; }
#social-myspace {
	background:transparent url('img/social-networks.gif') no-repeat 30px -80px;
} #social-myspace:hover { background-position:30px -226px; }
#social-twitter {
	background:transparent url('img/social-networks.gif') no-repeat -153px -80px;
} #social-twitter:hover { background-position:-153px -226px; }

/*
	### Define Footer Interal
*/

#copyright {
	text-align:center; padding:24px 0;
}
#copyright address {
	font-style:normal; color:#373738;
}

/*
	## Define Tables
*/

table {
	padding:8px;
}
table tr td {
	padding:8px; font-size:80%;
}
table tr td.head {
	font-weight:bold; font-size:100%;
}

/*
	### Define Classes
*/

.clear {
	clear:both;
}

.error_alert {
	background:#fff url('img/heading/error.gif') no-repeat 0px 0px; padding-top:48px; color:red;
}
.error_alert strong, #msg-fail strong {
	color:#222;
}

#msg-fail {
	padding:24px 12px; color:red;
}
#msg-success {
	padding:24px 12px; color:green;
}

.inquire,  #inquire-form button{
	display:block; width:64px; height:44px; text-indent:-6466px; overflow:hidden; background:url('img/inquire.gif') no-repeat 0px 0px; border:0;
}
.inquire:hover,  #inquire-form button:hover {
	background-position:0px -44px;
}