@charset "UTF-8";


/* Start Basics - CSS */
* { margin:0; padding:0; }

#body_index {
	background-color: #214080;
	background-image: url(../images/opp_index_mainimage.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#body_inside {
	background-color: #599DE8;
	background-image: url(../images/opp_inside_mainimage.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

a:active, a:focus {
	outline: none;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

img a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


.clear {
	height: 0px;
	clear: both;
}

.photo_edge {
	border: 3px solid #036;
	margin-bottom: 5px;
	margin-right: 5px;
}

.photo_edge:hover {
	border: 3px solid #069;
}

.photo_edge_margin_right {
	border: 3px solid #036;
	margin: 4px;
}

.photo_edge_margin_right:hover {
	border: 3px solid #069;
}

a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

.right {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 3px solid #036;
}

.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 0px;
}

.left_noline {
	float: left;
	margin: 5px;
	padding: 7px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	line-height: 24px;
	font-weight: normal;
	color: #666;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #222;
	padding-bottom: 12px;
}

.font_right {
	float: right;
}

/* End Basics - CSS */


/* start of home */

#wrapper {
	width: 100%;
	background-image: url(../images/opp_header_bg.png);
	background-repeat: repeat-x;
	padding-top: 0px;
	margin-top: 0px;
}

.home_wrapper_inner {
	width: 980px;
	height: 656px;
	margin: 0px auto;
}

.header_logo a {
	width: 189px;
	height: 128px;
	float: left;
	margin-left: 20px;
	display: block;
	text-indent: -10000px;
	background-image: url(../images/opp_header_logo.png);
	background-repeat: no-repeat;
}

.home_headline {
	width: 675px;
	height: 72px;
	float: left;
	margin-top: 62px;
	background-image: url(../images/opp_index_headline.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -10000px;
}

.home_slideshow01 {
	width: 210px;
	height: 210px;
	float: left;
	margin-left: 23px;
	margin-top: 50px;
}

.home_slideshow02 {
	width: 290px;
	height: 290px;
	float: left;
	margin-left: 22px;
	margin-top: 10px;
}

.home_slideshow03 {
	width: 210px;
	height: 210px;
	float: left;
	margin-left: 22px;
	margin-top: 50px;
}

.home_copy {
	width: 641px;
	height: 510px;
	float: left;
	text-indent: -10000px;
	margin-bottom: 0px;
}
	
/* end of home */

/* start of inside */

.inside_wrapper_inner {
	width: 980px;
	margin: 0px auto;
}

.inside_page_header {
	width: 900px;
	height: 70px;
	float: left;
	margin-top: 16px;
	margin-left: 35px;
}

.inside_page_header h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #FFF;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.inside_content_wrapper {
	width: 980px;
	background-image: url(../images/inside_content_bg.png);
	background-repeat:repeat-y;
	background-position: 0px 0px;
	float: left;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.inside_copybox01 {
	width: 330px;
	float: left;
	margin-left: 35px;
	margin-top: 34px;
	margin-bottom: 20px;
	
}

.inside_copybox02 {
	width: 270px;
	float: left;
	margin-left: 35px;
	margin-top: 34px;
	margin-bottom: 20px;
	
}

.inside_copybox02 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 16px;
	font-weight: normal;
	color: #FFF;
	padding: 6px;
	background-color: #036;
	margin-bottom: 8px;
}

.inside_copybox02 ul {
	width: 100%;
	list-style: none;
	margin-top: 10px;
}

.inside_copybox02 li {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #222;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #036;
}

.inside_copybox02 li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #222;
}

.inside_copybox02 li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #83B3C0;
	text-decoration: none;
}

.inside_copybox02 span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #83B3C0;
}

.inside_copybox01 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 28px;
	font-weight: normal;
	color: #039;
	margin-bottom: 14px;
	padding-bottom: 8px;
	border-bottom: 1px solid #69C;
}

.inside_copybox01 h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #039;
	padding-bottom: 2px;
	margin-top: 8px;
}


.inside_slideshow_box {
	width: 550px;
	min-height: 350px;
	float: left;
	margin-left: 30px;
	background-image: url(../images/inside_slideshow_bg.jpg);
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-bottom: 30px;
}

.inside_slideshow_box_inner {
	width: 528px;
	height: 328px;
	float: left;
	margin: 11px 0px 0px 11px;
}

.inside_feature_list_wrapper {
	width: 910px;
	float: left;
	margin-left: 35px;
	background-color:#FFF;
	padding-bottom: 20px;
}

.feature_list_col01 {
	width: 263px;
	float: left;
	margin-top: 30px;
	margin-right: 30px;
	margin-left: 30px;}

.feature_list_col02 {
	width: 264px;
	float: left;
	margin-top: 30px;
	margin-right: 30px;
}

.feature_list_col03 {
	width: 263px;
	float: left;
	margin-top: 30px;
}

.inside_feature_list_wrapper ul {
	list-style: none;
	color: #036;
	float: left;
	width: 100%;
}

.inside_feature_list_wrapper li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #222222;
	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	border-bottom: 1px solid #999;
	background-image: url(../images/list_bullet.png);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

.inside_feature_list_wrapper li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #222222;
}

.inside_feature_list_wrapper li a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #036;
}

.inside_floorplan_module_wrapper {
	width: 910px;
	float: left;
	margin-left: 35px;
	margin-bottom: 30px;
	background-color:#FFF;
	padding-bottom: 30px;
}

.floorplan_module_col01 {
	width: 300px;
	float: left;
	margin-top: 30px;
	margin-right: 30px;
	margin-left: 30px;
}

.floorplan_module_col02 {
	width: 520px;
	float: left;
	margin-top: 30px;
	margin-right: 30px;
}

.inside_floorplan_module_wrapper h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	padding: 8px;
	width: 284px;
	background-color: #203F80;
	text-indent: 5px;
	margin-bottom: 10px;
}

.inside_floorplan_module_wrapper p {
	padding-left: 10px;
	padding-right: 10px;
}

.property_module {
	width: 263px;
	float: left;
	margin-top: 15px;
	margin-left: 29px;
	border: 1px solid #CCC
}

.property_photo {
	width: 262px;
	height: 196px;
	float: left;
	padding: 0px;
	margin: 0px;
}

.property_links {
	width: 120px;
	height: 80px;
	float: right;
	margin-right: 10px;
	background-image: url(../images/property_links.jpg);
	background-repeat: no-repeat;
}

.property_link_box a {
	width: 120px;
	height: 40px;
	display: block;
	text-indent: -10000px;
}

.property_module h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	padding: 8px;
	width: 247px;
	background-color: #203F80;
	text-indent: 5px;
	margin-bottom: 10px;
}

.inside_form_wrapper {
	width: 910px;
	float: left;
	margin-left: 35px;
	margin-bottom: 30px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top: 20px;
	padding-bottom: 20px;
}

.inside_form_column {
	width: 440px;
	float: left;
	margin-right: 20px;
}

.leftcol_content_socialbox {
float: left;
width: 65px;
margin-right: 5px;
margin-bottom: 5px;
}

.leftcol_content_socialbox02 {
float: left;
width: 53px;
margin-right: 5px;
margin-bottom: 5px;
}

/* end of inside */

/* nav */

#nav {
	width: 717px;
	height: 61px;
	margin-left: 10px;
	float: left;
}

#nav ul {
    width: 717px;
	height: 61px;
    list-style: none;
	float: left;
	display: block;
}

#nav ul li {
	display: block;
    float: left;
	height: 39px;
	padding-top: 22px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
}

#nav ul li a {
    display: block;
	height: 39px;
	font-weight: normal;
	color: #FFFFFF;
	width: 100%;
}

#nav ul li a:hover {
	text-decoration: none;
}

#nav_home {
    width: 74px;
	background-image: url(../images/opp_nav_rollover.png);
	background-repeat: no-repeat;
	background-position: 0px -63px;
}

#nav_features {
    width: 160px;
	background-image: url(../images/opp_nav_rollover.png);
	background-repeat: no-repeat;
	background-position: 0px -63px;
}

#nav_floorplans {
    width: 112px;
	background-image: url(../images/opp_nav_rollover.png);
	background-repeat: no-repeat;
	background-position: 0px -63px;
}

#nav_properties {
    width: 154px;
	background-image: url(../images/opp_nav_rollover.png);
	background-repeat: no-repeat;
	background-position: 0px -63px;
}

#nav_about {
    width: 76px;
	background-image: url(../images/opp_nav_rollover.png);
	background-repeat: no-repeat;
	background-position: 0px -63px;
}

#nav_blog {
    width: 56px;
	background-image: url(../images/opp_nav_rollover.png);
	background-repeat: no-repeat;
	background-position: 0px -63px;
}
 
#nav_contact {
    width: 85px;
	background-image: url(../images/opp_nav_rollover.png);
	background-repeat: no-repeat;
	background-position: 0px -63px;
}

#nav_home a:hover {
    width: 74px;
	background-image: url(../images/opp_nav_rollover.png);
	background-repeat: no-repeat;
	background-position: 0px -22px;
}

#nav_features a:hover {
    width: 160px;
	background-image: url(../images/opp_nav_rollover.png);
	background-repeat: no-repeat;
	background-position: -74px -22px;
}

#nav_floorplans a:hover {
    width: 112px;
	background-image: url(../images/opp_nav_rollover.png);
	background-repeat: no-repeat;
	background-position: -234px -22px;
}

#nav_properties a:hover {
    width: 154px;
	background-image: url(../images/opp_nav_rollover.png);
	background-repeat: no-repeat;
	background-position: -346px -22px;
}

#nav_about a:hover {
    width: 76px;
	background-image: url(../images/opp_nav_rollover.png);
	background-repeat: no-repeat;
	background-position: -500px -22px;
}

#nav_blog a:hover {
    width: 56px;
	background-image: url(../images/opp_nav_rollover.png);
	background-repeat: no-repeat;
	background-position: -576px -22px;
}
 
#nav_contact a:hover {
    width: 85px;
	background-image: url(../images/opp_nav_rollover.png);
	background-repeat: no-repeat;
	background-position: -632px -22px;
}

#nav ul li ul {
    display: none;
    float: none;
    position: relative;
    top: 0px;
    width: 200px;
    z-index:100;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
	border-top: solid 1px #999;
}

#nav ul li:hover ul {
    display: block;
}

#nav ul li ul li {
    background-color: #EEEEEE;
    color: #333;
    display: block;
    float: none;
    height: 22px;
    text-indent: 6px;
    padding-top: 0px;
	padding-bottom: 1px;
	border: solid 1px #999;
	border-top: none;
}

#nav ul li ul li a {
    color: #333;
    font: arial;
    font-size: 11px;
	font-weight: normal;
    height: 18px;
    padding-top: 5px;
	padding-bottom: 0px;
    text-decoration: none;
}

#nav ul li ul li a:hover {
    background-color: #B4A997;
    text-decoration: none;
	background-image: none;
	width: 100%;
}

/* nav */


/* form styling */

form { 
	margin-bottom: 20px;
}

form p {
 padding-bottom:8px !important;
}

.label {
	float:left;
	margin-right:10px;
	padding: 8px;
	text-align: right;
	width: 110px;
	background-color: #B3D1ED;
}

form input, form textarea {
 width: 300px;
 padding: 8px;
}

.checkbox {
 width: 15px;
}

.success {
 color:#000000;
 font-weight:bold;
 padding-top:30px;
 text-align:center;
}

.error {
 color:#ff0000;
 font-weight:bold;
 text-align:center;
}

/* form styling */


/* start of footer */

#footer_wrapper {
	width: 100%;
	height: 360px;
	background-image: url(../images/opp_footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 60px;
}

.footer_wrapper_inner {
	width: 980px;
	margin: 0px auto;
	margin-bottom: 30px;
}

.footer_wrapper_inner_top {
	width: 960px;
	height: 38px;
	float: left;
	margin-left: 20px;
	background-image: url(../images/opp_footer_inner_bg_top.jpg);
	background-repeat: no-repeat;
}

.footer_wrapper_inner_rpt {
	width: 940px;
	float: left;
	margin-left: 20px;
	background-image: url(../images/opp_footer_inner_rpt.jpg);
	background-repeat: repeat-y;
}

.footer_wrapper_inner_edge {
	width: 940px;
	height: 80px;
	float: left;
	margin-left: 20px;
	background-image: url(../images/opp_footer_inner_edge.jpg);
	background-repeat: repeat-y;
}
	

.footer_copy_box {
	width: 550px;
	float: left;
	margin-left: 30px;
	margin-bottom: 10px;
	margin-top: 8px;
	padding-right: 15px;
	border-right: 1px solid #036
}

.footer_blog_box {
	width: 290px;
	float: left;
	margin-left: 24px;
	margin-bottom: 10px;
	margin-top: 4px;
}

.footer_blog_box_header {
	width: 181px;
	height: 27px;
	float: left;
	background-image: url(../images/opp_footer_blog_header.jpg);
	text-indent: -10000px;
}

.footer_blog_box ul {
	width: 100%;
	list-style: none;
	margin-top: 10px;
}

.footer_blog_box li {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #FFF;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #036;
}

.footer_blog_box li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #FFF;
}

.footer_blog_box li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #83B3C0;
	text-decoration: none;
}

.footer_blog_box span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #83B3C0;
}

.footer_links_box {
	width: 900px;
	margin-top: 8px;
	margin-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B70BA;
	text-align: center;
}

.footer_links_box a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4B70BA;
	text-align: center;
	margin-left: 4px;
	margin-right: 4px;
}

.footer_links_box a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCC;
	text-align: center;
	margin-left: 4px;
	margin-right: 4px;
	text-decoration: none;
}

.footer_siteby_box a {
	width: 167px;
	height: 26px;
	float: left;
	background-image: url(../../../common/images/site_by_logo.png);
	background-repeat: no-repeat;
	display: block;
	margin-left: 408px;
	margin-top: 16px;
	text-indent: -5000px;
}

#footer_wrapper p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	color: #FFF;
	margin-bottom: 6px;
}
	
/* end of footer */