/* styles for pak properties */


/* =============== */
/* = Page Layout = */
/* =============== */
/* Left Column (both must have the same value) */
#navLocal_outer { width: 0px }
#content_outer { margin-left: 0px; }
/* Right Column (both must have the same value) */
#subcontent_outer { width: 0px }
#content_outer { margin-right: 0px; }


/* ========== */
/* = Global = */
/* ========== */
.clear { clear: both; }
body {
	font-size: .6em;
	font-family: 'Lucida Grande', 'arial', 'sans-serif';
}
body, a:link, a:visited {
	color: #9d9d9d;
}
.selected a:link, .selected a:visited, a:hover {
	color: #ad0021;
}
#page_outer {
	text-align: center;
}
#page {
	width: 776px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#page_inner {
	margin-left: 80px;
	margin-right: 80px;
}
#colHolder_outer {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}
h3.first {
	margin-top: 0px;
}
h3 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 1.3em;
	color: #c7c7c7;
	text-transform: uppercase;
}
/* top and bottom lines */
#navMain, h1 {
	border-top: solid #c7c7c7 1px;
}



/* ========== */
/* = Header = */
/* ========== */
#header_inner {
	padding-top: 30px;
}
#logo {
	position: relative;
	left: -40px;
	width: 110px;
	height: 54px;
	text-indent: -9999px;
	background-image: url('../images/logo.jpg');
}


/* ============= */
/* = Main Menu = */
/* ============= */
/* Example Configuration 3 (using a single image) */
#navMain {
	margin-top: 20px;
}
#navMain, #navMain ul#nav-menu {
	height: 25px;
}
#navMain ul#nav-menu{
	width: auto;
	float: right;
}
.navHoriz ul li {
	padding: 5px 0px;
}
#navMain ul#nav-menu li a {
  	text-indent: 0px;
	text-transform: uppercase;
	width: auto;
	margin-left: 20px;
}
* Navigation Links *
#navMain ul, div#nav ul li, div#nav a { height:29px; }
#navMain li#nav-story a { width:50px; }
#navMain li#nav-properties a { width:64px; }
#navMain li#nav-contact a { width:75px; }

* Navigation Links (Hover State & Selected State) *
li#nav-story a:hover, body#story li#nav-story { background: transparent url(images/primary-nav.gif) -0px -29px no-repeat; }
li#nav-properties a:hover, body#properties li#nav-properties { background: transparent url(images/primary-nav.gif) -50px -29px no-repeat; }
li#nav-contact a:hover, body#contact li#nav-contact { background: transparent url(images/primary-nav.gif) -114px -29px no-repeat; }


/* ============== */
/* = Page Title = */
/* ============== */
h1 {
	margin: 0px;
	margin-bottom: 7px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.9em;
	font-weight: normal;
	color: #c7c7c7;
	text-transform: uppercase;
	background: url('../images/red_dots.jpg') bottom left no-repeat;
}


/* ============== */
/* = Story Page = */
/* ============== */
.page-story #colHolder_outer {
	/* remove padding so the flash intro can display the bottom line */
	padding: 0px;
}


/* ==================== */
/* = Properties pages = */
/* ==================== */

/* related to image width */
.page-properties #navLocal_outer { width: 285px; }
.page-properties #content_outer { margin-left: 285px; }
.page-properties #content,
.page-properties #content .image img {
	width: 288px;
	height: 192px;
}
.page-properties #content .image {
	width: 288px;
	height: 195px; /* the extra height here makes it not jump in IE */
}

/* Local Navigation */
/* Example Configuration 1 (multiple images, same width) */
.page-properties #navLocal {
	font-size: 1.0em;
}
.page-properties #navLocal ul {
	display: block;
}
.page-properties #navLocal ul.navVert li a {
    text-indent: 0px;
	margin-top: 0px;
	margin-bottom: 1px;
}

/* Content area */
.page-properties #content {
	position: relative;
	text-align: right;
}
.page-properties .copy {
	position: absolute;
	bottom: 0px;
	left: -186px;
	width: 180px;
/*	padding: 3px;*/
	font-size: .95em;
}


/* ================ */
/* = Contact Page = */
/* ================ */
.page-contact h2 {
	font-size: 1.7em;
	font-weight: normal;
	margin-bottom: 150px;
}
.page-contact label,
.page-contact input,
.page-contact textarea {
	display: block;
}
.page-contact input#code {
	display: none;
}
.page-contact input,
.page-contact textarea {
	border: solid #c7c7c7 1px;
	color: #9d9d9d;
}
.page-contact textarea {
	overflow: auto;
}
.page-contact #submit {
	float: right;
	border: none;
	color: #9d9d9d;
	background-color: transparent;
	text-transform: uppercase;
	font-size: 1.2em;
}
form {
	margin: 0px;
}
.page-contact #colHolder_outer {
	padding-bottom: 0px;
}
.page-contact #footer {
	width: auto;
}


/* Footer */
#footer {
	width: 400px;
}