/*
// Investment Realty Co. Apartment Group
*/


body {
	margin: 35px 0 35px 0;
	padding: 0;
	font-family: Arial, Verdana, Sans-Serif; 
	font-size: 62.5%; 
	line-height: 1.5em;
	background: #820E11;
}

p {
	margin: 0; 
	padding: 0;
}

a img {
	border: 0;
	margin: 0;
	padding: 0;
}

a {
	outline: 0;
}

form {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
}

div {
	text-align: left;
}


/* ---------- Header ---------- */


#headertop {
	width: 966px;
	height: 25px;
	margin: 0 auto;
	padding: 0;
	background: url('../images/header-top.jpg') no-repeat;
}

#header {
	width: 966px;
	margin: 0 auto;
	padding: 0;
	background: url('../images/content-background.jpg') repeat-y;
	overflow: hidden;
}

#header .main {
	width: 924px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#header .main h1 {
	margin: 0;
	padding: 0;
}


/* ---------- Navigation ---------- */


#navigation {
        width: 966px;  
        margin: 0 auto;
        padding: 0;
        background: url('../images/content-background.jpg') repeat-y;
        overflow: hidden;
}       

#navigation .main {
        width: 924px;
	height: 42px;  
        margin: 0 auto;
        padding: 0;
	background: url('../images/navigation-background.jpg') repeat-x #2C2C2C;
}

ul#menu {
	width: 924px;
	height: 40px;
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
}

ul#menu li {
	display: block;
	float: left;
}

li#home a {
        display: block;
        position: relative;
	width: 156px;
	height: 40px;
	background: url('../images/menu-home.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

li#about a {  
        display: block;
        position: relative;
        width: 154px;
        height: 40px;
        background: url('../images/menu-about.jpg');  
        background-position: 0 0;
        background-repeat: no-repeat;
        overflow: hidden;
}

li#about a#there {
        background-position: 0px -80px;
        width: 154px;
        height: 40px;
}
 
li#services a {  
        display: block;
        position: relative;
        width: 154px;
        height: 40px;
        background: url('../images/menu-services.jpg');  
        background-position: 0 0;
        background-repeat: no-repeat;
        overflow: hidden;
}

li#services a#there {            
        background-position: 0px -80px;
        width: 154px;
        height: 40px;
}

li#properties a {  
        display: block;
        position: relative;
        width: 154px;
        height: 40px;
        background: url('../images/menu-properties.jpg');  
        background-position: 0 0;
        background-repeat: no-repeat;
        overflow: hidden;
}

li#properties a#there {            
        background-position: 0px -80px;
        width: 154px;
        height: 40px;
}

li#links a {  
        display: block;
        position: relative;
        width: 154px;
        height: 40px;
        background: url('../images/menu-links.jpg');  
        background-position: 0 0;
        background-repeat: no-repeat;
        overflow: hidden;
}

li#links a#there {            
        background-position: 0px -80px;
        width: 154px;
        height: 40px;
}

li#contact a {  
        display: block;
        position: relative;
        width: 152px;
        height: 40px;
        background: url('../images/menu-contact.jpg');  
        background-position: 0 0;
        background-repeat: no-repeat;
        overflow: hidden;
}

li#contact a#there {            
        background-position: 0px -80px;
        width: 152px;
        height: 40px;
}

li#home a:hover, li#about a:hover, li#services a:hover, li#properties a:hover, li#links a:hover, li#contact a:hover {
	background-position: 0px -40px;
}

li#home a span, li#about a span, li#services a span, li#properties a span, li#links a span, li#contact a span { 
        left: -10000px; 
        position: absolute;
}



/* ---------- Content ---------- */


#content {
	width: 966px;
	margin: 0 auto;
	padding: 0;
	background: url('../images/content-background.jpg') repeat-y;
	overflow: hidden;
}

#content .main {
	width: 924px;
	margin: 0 auto;
	padding: 0;
        background: url('../images/content-background-main.jpg') repeat-y;
	overflow: hidden;
}

#content .mainproperties {
	width: 924px;
	margin: 0 auto;
	padding: 0 0 15px 0;
        background: url('../images/content-background-main-properties.jpg') repeat-y;
	overflow: hidden;
}

#content .mainproperties p.first {  
	margin: 0;
        padding: 0 0 8px 0;
        font-size: 1.4em;
        line-height: 1.7em;
        color: #333;
        text-align: left;
}

#content .main .left {
	width: 254px;
	margin: 0 auto;
	padding: 19px 0 30px 0;
	text-align: center;
	float: left;
        background: url('../images/content-background-left.jpg') top repeat-x #333;
}

#content .main .left a:active, #content .main .left a:visited, #content .main .left a:link {
        color: #CCC;   
        text-decoration: none;
}       

#content .main .left a:hover {
        color: #CCC;
        text-decoration: underline;
}    

#content .main .left .photos {
	width: 254px;
	margin: 0 auto;
	padding: 0;
	background: url('../images/apartmentgroup-photos.jpg') no-repeat;
	text-align: center;
}

#content .main .left .photos h2 {
	width: 254px;
	height: 120px;
	margin: 0;
	padding: 0;
        text-align: left;
        text-indent: -9999px;
}

#content .main .left h3 {
        margin: 0;
        padding: 13px 0 6px 0;  
	font-size: 1.3em;
	color: #EAEAEA;
}

#content .main .left p.name {
        margin: 0;
        padding: 0; 
        font-size: 1.2em;   
        line-height: 1.6em; 
        font-weight: bold;
        color: #EAEAEA;
}

#content .main .left p {
        margin: 0;  
        padding: 0 0 10px 0;
        font-size: 1.2em;
        line-height: 1.6em;
        font-weight: normal;
        color: #CCC;
}

#content .main .left p.alt {
        margin: 0;  
        padding: 0 0 7px 0;
        font-size: 1.2em;
        line-height: 1.6em;
        font-weight: normal;
        color: #CCC;
}

#content .main .left p.link {
        margin: 0;  
        padding: 0 0 10px 0;
        font-size: 1.1em;
        line-height: 1.6em;
        font-weight: normal;
        color: #CCC;
}

#content .main .left .divider {
	width: 254px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: url('../images/content-divider.jpg') no-repeat;
	overflow: hidden;
}

#content .main .right {
	width: 670px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url('../images/content-background-right.jpg') top repeat-x #FFF;
	float: right;
}

#content .main .right a:active, #content .main .right a:visited, #content .main .right a:link {
        color: #990000;   
        text-decoration: underline;
}       

#content .main .right a:hover {
        color: #990000;
        text-decoration: underline;
}    

#content .mainproperties a:active, #content .mainproperties a:visited, #content .mainproperties a:link {
        color: #990000; 
        font-weight: bold;	
        text-decoration: underline;
}       

#content .mainproperties a:hover {
        color: #990000;
	font-weight: bold;
        text-decoration: underline;
}    

#content .main .right .text {
        width: 617px;
        margin: 0 auto;
        padding: 18px 0 0 0;
	overflow: hidden;
}

#content .main .right .text h2 {   
        margin: 0;
        padding: 0 0 4px 0;
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
        font-size: 2.1em;  
        line-height: 1.6em;
	font-weight: bold;
        color: #990000;
        border-bottom: 1px solid #D5D5D5;
}

#content .mainproperties h2 {   
        margin: 0;
        padding: 10px 0 4px 10px;
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
        font-size: 2.1em;  
        line-height: 1.6em;
	font-weight: bold;
        color: #990000;
        border-bottom: 1px solid #D5D5D5;
}

#content .main .right .text p {
        margin: 0;   
        padding: 7px 0 3px 0;
        font-size: 1.5em;
        line-height: 1.7em;
        color: #333;
        text-align: left;
}      

#content .main .right .text .frontcontent {
        width: 617px;
        margin: 0 auto;
        padding: 7px 0 15px 0;
        overflow: hidden;
}

#content .main .right .text .frontcontent h3 {   
        margin: 0;
        padding: 5px 0 4px 0;
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
        font-size: 1.7em;  
        line-height: 1.6em;
	font-weight: bold;
        color: #990000;
}

#content .main .right .text .frontcontent h4 {   
        margin: 0;
        padding: 0 0 0 0;
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
        font-size: 1.6em;  
        line-height: 1.4em;
	font-weight: bold;
        color: #000000;
	
}

#content .main .right .text .frontcontent h5 {   
        margin: 0;
        padding: 5px 0 4px 0;
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
        font-size: 1.8em;  
        line-height: 1.6em;
	font-weight: bold;
        color: #990000;
	border-bottom: 1px solid #D5D5D5;
}

#content .main .right .text .frontcontent p {  
	margin: 0;
        padding: 0 0 3px 0;
        font-size: 1.4em;
        line-height: 1.7em;
        color: #333;
        text-align: left;
}

#content .main .right .text .frontcontent p.first {  
	margin: 0;
        padding: 0 0 8px 0;
        font-size: 1.4em;
        line-height: 1.7em;
        color: #333;
        text-align: left;
}

#content .main .right .text .frontcontent p.small{  
	margin: 0;
        padding: 0 0 3px 0;
        font-size: 1.3em;
        line-height: 1.7em;
        color: #333;
        text-align: left;
}

ul#itemsfront {
        width: 217px;
        margin: 0;
        padding: 6px 0 0 0;
        list-style: none;
        font-size: 14px;
	line-height: 19px;
        color: #333;
}

ul#itemsfront li {
        width: 217px;
        padding: 0 0 8px 12px;
        background: url('../images/itemsquare.jpg') no-repeat 0 5px;
}

ul#itemsfrontalt {
        width: 217px;
        margin: 0;
        padding: 6px 0 10px 0;
        list-style: none;
        font-size: 14px;
        line-height: 19px;
        color: #333;
}
 
ul#itemsfrontalt li {
        width: 217px;
        padding: 0 0 13px 12px;
        background: url('../images/itemsquare.jpg') no-repeat 0 7px;
}


/* ---------- Footer ---------- */


#footerbottom {
	width: 966px;
	height: 25px;
	margin: 0 auto;
	padding: 0;
	background: url('../images/footer-bottom.jpg') no-repeat;
	clear: both;
}

#footer {
        width: 924px;
        margin: 0 auto;
        padding: 0;
        clear: both;
	text-align: center;
}

#footer .divider { 
        padding: 0 12px 0 12px;
	font-weight: normal;
	color: #A75658;
}

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

ul#footermenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	color: #FFF;
	text-align: center;
}

ul#footermenu li {
	display: inline; 
	margin: 0;
	padding: 0;
}


/* ---------- Miscellaneous ---------- */

.red {
	color: #990000;
}

.highlight {
	color: #990000;
	font-weight: bold;
}

.border1 {               
        padding: 5px 0px 7px 0px; 
}

.border2 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 18px 0 0 0;
}  

.dark {
	color: #202020;
}