@charset "utf-8";
/*


Developer Notes

Try to keep your declarations organized. Practically, it can be a pain when you're trying
to figure something out although taking ten minutes at the end of a project to tidy things up is well worth it
when you come back six months later. Below is a list that seems pretty long and rarely have I found the need to 
set even half of these on one class or id. Generally I just keep in mind three - box properties and layout rules
(the first five below), background and border properties and typography.

    * Position
    * Float and Clear
    * Width and Height
    * Margin and Padding
    * Overflow
    * Border
    * Background
    * Font and Text effects
	
Try to keep the file organized by the type of declaration. That said, there will be times where you need to add
a class to a child of an element with an id (i.e. #header #header.content) and those should be placed close to the
parent element's declaration. As in don't place #header.copy in the custom classes section but rather under the
#header declaration. When working with the element, all its styles are in the same area of the document.
	
Add or replace all relevant color values from the PSD layout to the list below
If Pantone colors are avaialable, list the number and if applicable the tint percent. If Pantone's aren't
applicable, just give the color a name that can be used to describe the color to other developers or designers.
Of course, hex values do not have tints so the tint colums will only apply to Pantone colors.
Don't bother with the # sign for hex values - double clicking the numbers won't pick up the symbol anyway.
If you'd really like to be helpful, adding some hints as to where the color is used on the page under the usage
column will give the person a visual reference. The whole idea of listing the colors here is to prevent the
developer from having to switch back and forth between DW & Photoshop or a browser. It also ensures consistent use
of color on the site to prevent slightly different color values from being picked up by the color picker.

Color Scheme:
Pantone / Color Name 		Tint		Hex				Usage
---------------------		----		-------			-----
5643C / Midnight Blue		100			003745			header background
5643C / Medium Blue			70			006677			h2, page titles

*/

 
/* ///////////////////////////

@import rules

/////////////////////////// */

@import url("reset.css");

/* ///////////////////////////

Global Overrides

/////////////////////////// */

body {
	background: #bc9c51 url(../../img/bg-html.jpg) repeat-x scroll 0% 0%;
	background-position: top;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
}

h1 {
	font: 24px bold Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #461200;
}

h2 {
	margin-bottom: 1em;
	font: italic 18px Georgia;
}

h3 {
	margin-bottom: 1em;
	font: italic 18px Georgia;
	color: #6F2E01;
}

p {
	margin-bottom: 1em;
}

a, a:active, a:hover, a:visited {
	outline: none;
	color: #6F2E01;
}

/* ///////////////////////////

ID Declarations

/////////////////////////// */
#site {
	width: 980px;
	margin: 56px auto 24px;
	
}


#header {
	width: 980px;
	height: 135px;
	vertical-align: bottom;	
	background: transparent url(../../img/bg-header.png) no-repeat scroll 0% 0%;
}

#header h1 {	
	width: 320px;
	height: 175px;
	margin: 0 auto;
	font: 18px "Georgia";
}

#header h1 a {
	display: block;
	width: 320px;
	height: 175px;
	text-indent: -9999px;
	background: transparent url(../../img/logo-bv.png) no-repeat scroll;
}

#masthead {
	height: 75px;
	margin: 0 auto;
}

#main-nav {
	
	color: #FFF;
}

#main-nav ul {
	padding: 5px;
}

#main-nav li {
	display: inline;
	margin-left: 12px;
	padding: 8px;	
	font: bold 16px Georgia;	
}

#page {
	width: 980px;
	min-height: 480px;
	margin: 0 auto;
	background: #f7e7c5 url(../../img/bg-page.jpg) no-repeat scroll 0% 0%;
}

#content {
	width: 550px;
}

#article {
	padding: 15px;
}

#sidebar {
	width: 200px;
}

#related-links {
	margin: 15px 15px 0 15px;
	border-right: 1px solid #E4E4E4;
}

#related-links li {
	margin-bottom: 5px;
	padding: 3px;
	font: italic 14px Georgia;
	font-weight: bold;
}

#specific {
	background-color: #366;
}

#footer {
	min-width: 770px;
	height: 50px;
	
}

#footer-nav {
	margin: 0 15px;
	text-align: center;
}

#footer-nav ul {
	padding: 0 0 2px 8px;
	border-bottom: 1px solid #E4E4E4;
}

#footer-nav li {
	display: inline;
	padding: 3px;
	font: 12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#legal {
	margin: 0 15px;
	text-align: center;
}

#legal ul {
		
}

#legal li {
	display: inline;
	padding: 3px;
	font: 9px Arial, Helvetica, sans-serif;
}

/* ///////////////////////////

Custom Classes

/////////////////////////// */
.clear-both {
	height: 0px;
	clear: both;
}

.no-margin, #content.no-margin {
	margin:0;
}

.one-col {
	width: 100%;
}

.two-col {
	width: 49%;
}

.three-col {
	width: 32%;
}

.four-col {
	width: 24%;
}

.five-col {
	width: 19%;
}

#content, #sidebar, .two-col, .three-col, .four-col, .five-col {
	float: left;
	margin: 0 0 10px 10px;
}

#sidebar.first-col, .first-col {
	margin: 0 0 10px 0;
}

.content-column {
	padding: 24px 0 0 18px;
}

.center {
	text-align: center;
}

ul.bulleted {
	list-style: disc;
	
}

ul.double-spaced li {
	margin: 12px 0;
}

.narrow {
	width: 200px;
	margin: 0 auto;
}

.narrow h1 {
	width: 210px;
}

p.center-text {
	width: 200px;
	margin: 12px 0 18px 0;
	line-height: 1.8em;
	color: #784320;
}

.feature {
	padding: 3px;
}

.logo, .search {
	float: left;
}

.logo {
	width: 320px;
	height: 175px;
	margin: -56px 0 0 332px;
	
}

.search {
	width: 400px;
	height: 50px;
	padding: 12px 20px 15px 20px;
}

.leasing {
	margin-top: 18px;
	text-align: center;
}

.leasing h3 {
	font-style: italic;
	color: #461200;
}

.leasing p {
	font-family: Arial, Helvetica, sans-serif;
	color: #6f2e01;
}