/*
green: #9BAB3A
blue: #2E368F
grey: #231F20
*/

@import url("solitarian.css");

/*================\
| #ID Definitions  )
+================*/
#properties .properties, #developments .developments, #news .news,
	#home .home, #about .about, #contact .contact, #stlouis .stlouis
{
	color:#9BAB3A;
}

#header
{
	height:23em;
	width:100%;
	background-color:#FFF;
}

#mainNavigation
{
	background-color:#2E368F;
	border-bottom: solid 0.5em #231F20;
	border-top: solid 0.5em #231F20;
	clear:both;
	float:left;
	height:4.7em;
	width:826px;
	padding-left:30px;
}
#mainNavigation li
{
	display:inline;
	font-size:2em;
	padding-left:0.2em;
	padding-right:0.2em;
	position:relative;
	top:0.5em;
}
#mainNavigation .divide
{
	padding:0;
	margin:0;
	color:#FFF;
}
#mainNavigation a
{
	color:#FFFFFF;
	text-decoration:none;
}
#mainNavigation a:hover
{
	text-decoration:underline;
}

#properties #mainContent ul li
{
	font-size:1.2em;
}

#propertyNavigation
{
	padding-top:10px;
	clear:both;
	float:left;
	height:4.7em;
	padding-left:12px;
}
#propertyNavigation li
{
	display:inline;
	color:#FFF;
	font-size:1.5em;
	padding-left:0.15em;
	padding-right:0.15em;
	position:relative;
	top:0.5em;
}
#propertyNavigation .divide
{
	padding:0;
	margin:0;
	color:#FFF;
}
#propertyNavigation a
{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
#propertyNavigation a:hover
{
	text-decoration:underline;
}

#mainContent
{
	border-top-style:none;
	border-bottom-style:none;
	width:100%;
}

#bodyText
{
	margin-bottom:20px;
	padding:0px 20px 0px 20px;
	width:876px;
}
#bodyText h1
{
	margin-bottom:0.4em;
}
#bodyText h2
{
	margin-top:0.4em;
	padding-bottom:0.2em;
}
#bodyText ul
{
	list-style-position:inside;
}
#bodyText p
{
	margin-bottom:0.4em;
}

.callout
{
	margin: 10px 0px 20px 0px;
	padding:0px 20px 0px 20px;
	width:400px;
}
.callout a
{
	font-size:1.2em;
	line-height:1.4em;
	color:#2E368F;
}
.callout li
{
	list-style:none;
}
.callout img
{
	float:left;
	padding-right:10px; 
	padding-top:10px;
}

#pictureColumn
{
	width:180px;
}
#pictureColumn img
{
	margin:10px 0px 10px 0px;
}

#footer
{
	border-top: solid 0.5em #231F20;
	clear:both;
	height:4em;
	width:100%;
}

/*===================\
| .Class Definitions  )
+===================*/
.blueBlock
{
	background-color:#2E368F;
}
.greenBlock
{
	background-color:#9BAB3A;
}
.greyBlock
{
	background-color:#231F20;
}
.whiteBlock
{
	background-color:#FFF;
}

.borderTop
{
	border-top:solid 0.5em #231F20;
}
.borderRight
{
	border-right:solid 0.5em #231F20;
}
.borderLeft
{
	border-left:solid 0.5em #231F20;
}
.borderBottom
{
	border-bottom:solid 0.5em #231F20;
}

/*====================\
| Element Definitions  )
+====================*/
html
{
	background-color:#888;
}

body
{
	width:916px;
	color:#231F20; 
	background-color:#FFF;
	font-family:Verdana, Geneva, Sans-Serif;
	border:solid 0.5em #231F20;
	margin:0px auto 10px auto;
}

h1
{
	font-weight:normal;
	font-size:2.4em;
}
h2
{
	font-family:Verdana;
	font-size:1.8em;
	margin-top:0.4em;
	margin-bottom:0.4em;
}
h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active
{
	color:#000000;
}

h3
{
	font-family:Verdana;
	font-size:1.4em;
	margin-top:0.4em;
	margin-bottom:0.4em;
}

hr
{
	background-color:#231F20;
	border-style:none;
	color:#231F20;
	height:1px;
	margin:20px 0px 20px 0px;
}

p
{
	font-size:1.2em;
	line-height:1.4em;
}