/* 
Designed by the amazing MK and Merrick Towle Communications for CLIENT NAME 
Should you have any trouble with this code or design, please contact us at 301-974-6000 or YOURNAME@merricktowle.com
*/

/* ################################################

##### RESETS ALL BROWSER DEFAULTS STARTS HERE #####

################################################ */


/* THIS RESETS ALL BROWSER DEFAULTS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }

/* --- reset the browser font size to 10 pixels --- */
html {font-size: 62.5%;}

/* THIS IS FOR A CENTERED CONTENT WEBSITE */
div#container {margin: 0 auto;}

/* THIS KEEPS THE FOOTER AT THE BOTTOM */
html, body { height: 100%; }
#nonFooter { position: relative; min-height: 100%; }
* html #nonFooter { height: 100%; }
#content { padding-bottom: 9em; }
#footer { position: relative; margin-top: -7.5em; }




/* ################################

##### PAGE LAYOUT STARTS HERE #####

################################ */


/* ##################################
##### FONT AND LINK STYLE BELOW #####
################################## */

/* common font information */

body { font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; line-height:1.15em; font-weight: normal; color:#76B52B; }
p { margin:0.8em 0; }
.bold { font-weight:bold; }
.redBold { 
color:#C1006C;
font-size:14px;
font-weight:bold;
 }
.italic { font-style:italic; }


/* h font information */

h2 { font-size:1.5em; font-weight:700; 
color:#666;
font-size:22px;
font-weight:700;
}
h3 { font-size:1.1em; font-weight:700; color:#C1006C; }
h4 { font-size:1.1em; font-weight:400; color:#2AA3DA; }
h5 { 
font-size:14px;
font-weight:700;
text-decoration:none;
 }

/* header font information */

#headerAddressCopy {  color:#2AA3DA; font-size:1.1em; font-weight:600; }


/* footer nav font information */

.footerNav { font-size:0.9em; color:#666; font-weight:700; }


/* footer information font information */
 
.footerInfo {font-size:0.9em; }


/* link font information */

a:link {color:#76B52B; text-decoration:underline; }
a:visited {color:#76B52B; text-decoration:none; }
a:hover {color:#C1006C; text-decoration:none; }
a:active {color:#C1006C; text-decoration:none; }

h5 a:link {color:#76B52B; text-decoration:none; }
h5 a:visited {color:#76B52B; text-decoration:none; }
h5 a:hover {color:#C1006C; text-decoration:none; }
h5 a:active {color:#C1006C; text-decoration:none; }

.footerNav a:link {color:#666; text-decoration:underline; }
.footerNav a:visited {color:#666; text-decoration: none; }
.footerNav a:hover {color:#666; text-decoration: underline; }
.footerNav a:active {color:#666; text-decoration:none; }


/* ##################################
##### LAYOUT/DESIGN STYLE BELOW #####
################################## */

/* main body layout */

#mainBody { width:900px; margin: 0 auto; background-color:fff;}
.clearBoth { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


/* header layout */

#header { width:900px; height:70px; background: url(/-images/common/logo-header.jpg) 35px 50% no-repeat; position:relative; }
#headerAddress { float:right; padding-right:18px; padding-bottom:3px; position:absolute; right:0; bottom:0; width:auto;}

/* Need to make Div an HREF */

.divcontainer a { width:900px; height: 70px; display: block; }


/* navigation content layout */
	
#navContent { width:900px; }

#navBracketTop { border-color:#81BE27; border-left: solid 18px; border-top:solid 18px; border-right:solid 18px; border-bottom:none; height:60px; z-index:10;}
#navBracketBottom { border-color:#81BE27; border-left:solid 18px; border-top:none; border-right:solid 18px; border-bottom: solid 18px; height:60px; margin-top:-61px; z-index:15; padding-top:1px; }


#NavMainBody { width:900px; min-height:360px; z-index:20; }

/* navigation interior pages  */
#navFlashInterior { width:700px; height:430px; float:right; margin: -60px 18px 0 0; z-index:20; }

.navNavigation { width:150px; float:left; margin-top:12px;}
.navNavigation ul li a { display:block; height:35px; width:150px; background:#fff url(/-images/navigation/home.png) no-repeat 0 0; margin-top:5px;}
.navNavigation ul li a:hover { background-position: 0 -35px; }
.navNavigationCopyMove { position: absolute; left: -9999px; }

#navURL1 { background-image:url(/-images/navigation/home.png); }
#navURL2 { background-image:url(/-images/navigation/features.png); }
#navURL3 { background-image:url(/-images/navigation/amenities.png); }
#navURL4 { background-image:url(/-images/navigation/neighorhood.png); }
#navURL5 { background-image:url(/-images/navigation/floorPlan.png); }
#navURL6 { background-image:url(/-images/navigation/gallery.png); }
#navURL7 { background-image:url(/-images/navigation/contact.png); }

/* main navigation layout */

#navBorderTop { width: 330px; height:95px; float:left; overflow:hidden; }
#navBorderBottom { width: 330px; height:95px; float:left; overflow:hidden; }
#navNavMain { width::330px; height:290px; overflow:hidden; }


/* body content layout */

#bodyContent { width:900px; min-height:100px; margin-bottom:10px; 
color:#333333;
line-height:18px;
margin-bottom:10px;
min-height:100px;
width:900px;

}
.bodyCopyHeader { width:885px; float:left; padding:20px 0px 5px 15px; }
.bodyCopyContent { width:890x; margin:15px; float:left; }
.bodyCopyContentLeft { width:430px; margin-left:15px; float:left; }
.bodyCopyContentRight { width:415px; margin-left:25px; padding-right:15px; float:left; }
#PetMovie { float:left;
height:200px;
margin-left:12px;
width:420px;
}
.bodyCopyContentOne { width:600; padding:0px 30px 15px 15px; float:left; }


/* body contect faded images with logo */
#fadeContent { width:700px; min-height:430px; float:right; margin-top:-60px; margin-right:18px; }
#fadeImageLeft { float:left; } 
#fadeImageTop { float:left; }
#fadeCopy { float:left; width:500px; padding: 15px; }
.fadeCopyHeader { width:524px; float:left; padding:15px 15px 15px 0px; }
#fadeContentLeft { float:left;}
#fadeContentRight { float:right; width:553px; height:430px;}

/* footer-nav content layout */
#concessionContent { width:420px; }
#concessionBracketTop { border-color:#81BE27; border-left: solid 5px #81BE27; border-top:solid 5px #81BE27; border-right:solid 5px #81BE27; border-bottom:none; height:20px; z-index:10;}
#concessionBracketBottom { border-color:#81BE27; border-left:solid 5px #81BE27; border-top:none; border-right:solid 5px #81BE27; border-bottom: solid 5px #81BE27; height:20px; margin-top:-20px; z-index:15; margin-bottom:15px; }
#concessionMainBody { width:385px; min-height:80px; z-index:20; margin-left:20px; margin-top:-10px; margin-bottom:10px;}

#concessionBox { width:390px; border:solid 5px; border-color:#81BE27; padding:10px; margin-bottom:10px; }

/* footer-nav content layout */

#footerNavContent { width:900px; float:left; margin-bottom:10px; margin-top:15px;}

#footerNavCopy { width:980px; float:left; text-align:center; }
#footerNavEho { float:right; width:22px; height:22px; background-image:url(/-images/common/eho.gif); background-repeat:no-repeat; margin-top:-20px; }
#footerNavKettlerLogo { float:left; width:99px; height:22px; background-image:url(/-images/common/kettlerLogo.png); background-repeat:no-repeat; margin-bottom:-20px; margin-left:15px; }


/* footer information content layout */

#footerInfoContent { width:900px; text-align:center; }
#foterInfoCopyHolder { width:750px; margin-left:auto; margin-right:auto; min-height:110px; color:#666666 }
.footerInfoCopySmall { width:200px; float:left; text-align:left; margin-left:50px; }

/* iframe for contact page */

#iframeContent { width:450px; padding:20px 15px 15px 0px; float:left; }

/* table design */

th { padding:4px; }
td { padding:4px; }

/* Bullet List */
ul.bulletList { list-style-image:none; list-style-position:outside; list-style-type:inherit; margin-left:12px; margin-top:7px; }

ul.bulletList li { padding-top: 2px; }

sub, sup { margin:0px 0px -20px 0px; padding:0px; line-height:0px; }


.bodyCopyContentLeft ul li, .bodyCopyContentRight ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin-left:25px;
padding-left:0;
}

#forwardFriend{
float:right;
margin-right:18px;
margin-top:28px;
}

.friendImage{
margin-left:-27px;
}

.friendCopy{
margin-top:-19px;
}

.video{
	margin-top:-36px;
	margin-left:46px;
	
	}
	
.videoPage{
	margin:0 auto;
	font-size:0.9em; color:#666; font-weight:700;
	text-align:center;
	}