/* global styles for Epic */

body {background:#284179; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

#wrapper {width:834px; height:auto; margin:auto; background-color:#c1d6d7; padding-top:14px; }
#top_nav { list-style:none;margin:0 0 0 0; padding:0;height:72px;}
#top_nav_hv, #top_nav_hf { list-style:none;margin:0 ; padding:0;height:86px}
#top_nav_hf .logo{width:300px; margin-top:0;}
#top_nav_hv .logo{width:290px; margin-top:0;}
#top_nav li{
	float:left;
	margin-top: 24px;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 6px;
}
#top_nav .first, #top_nav_hf .first, #top_nav_hv .first  { margin-left:28px}
/*#top_nav .right { margin-right:6px}*/
#top_nav_hf .right, #top_nav_hv .right{ margin-right:18px}
#top_nav_hf li{float:left; margin-top:38px;}
#top_nav_hv li{float:left; margin-top:38px;}

#content {margin:0 28px 0 28px;clear:left;width:776px;height:auto;}
#content a {text-decoration:none; color:#000000}
#content a:hover{text-decoration:underline;color:#000000}
#footer {width:100%;height:38px;padding:2px; text-align:center; color:#666666; font-size:10px; }

#footer a {color:#666666;text-decoration:none; padding-right:24px}
#footer a:hover {color:#666666; text-decoration:underline;}
#copyright{clear:both; margin:auto 0;width:100%; text-align:center; color:#CCCCCC; margin-top:14px; font-size:9px;}
.clearspace {height:1px; clear:left}
.facebookLink {width:auto;float:right;margin-right:24px; font-style:italic;}

/* epic home page and global styles*/
.homecol,.companycol {width:388px;height:435px;float:left;background-color:#ebeef9}
.companycol h3{margin:12px 0 0 0;padding:0;font-weight:bold; font-size:16px}
.homecol p {margin: 0;padding:0 0 6px 0}
.homecol h2 {margin:0;padding:0; font-weight:normal; font-size:18px; }
.homecol h3 {margin:6px 0 0 0;padding:0;font-weight:normal; font-size:14px}
#homelink {display: block; width:80px; height:46px;background-image: url(../images/topnav_home.gif); background-repeat:no-repeat; border: none;}
#home #homelink {display:none;}
#home #wrapper {padding-top:14px;}
/* epic company page*/
.compancol {height:150px}
.companycol p{margin: 0;padding:12px 24px 6px 0}
.companylogo { margin: 64px 0 24px 0}

/* epic maple ridge page*/
.location {width:100%; height:auto;background-color:#f0edd1; padding:8px 0 0 0;margin:0}
.location h1 { font-size:16px; font-weight:bold; text-indent:10px; padding:0;margin:0}
.location h1 span {font-size:12px; font-weight:normal; font-style:italic;}
.location p { text-indent:18px; margin:0 0 6px 0; line-height:14px;}
.threecol {width:240px;float:left;background-color:#f0edd1; margin:10px 0 0 14px;}

/* highland forest page*/
.hfcontent {width:100%; height:auto; background-color:#f0edd1;background-image:url(../images/epiclogo.gif); background-position:bottom right; background-repeat: no-repeat;}
.hfcontent h1, .hvcontent h1, .cscontent h1 { font-size:16px; font-weight:bold; text-indent:10px; padding:0;margin:0}
.hfcontent h4, .hvcontent h4 { font-size:16px; font-weight:bold; padding:0;margin:0}
.hfcontent h1 span, .hvcontent h1 span{font-size:12px; font-weight:normal; font-style:italic;}
.hfcontent h2, .hvcontent h2, .cscontent h2 {font-size:14px; text-align:center; font-weight:normal;margin:0 0 14px 0;padding:0; text-indent:0}
.hfcontent h3{margin: 0 0 0 18px; padding:14px 0 4px 0;font-size:12px;}
.hfcontent ul, .hvcontent ul{margin:0 0 0 14px;padding:0 0 0 4px; }
.hfcontent ul li, .hvcontent ul li{margin:0;padding:0 ; }
.hfcontent form {margin:0 0 0 24px;padding:0}
.hfcontent form p{text-indent:0}

.listheader {margin-bottom:0; font-weight:bold}
.twocol {width:388px;height:249px;float:left;padding:0;margin:0; }
.twocol p{margin: 0 0 0 18px;padding:0 0 6px 0; line-height:14px;}
.maincol{width:762px;height:auto;padding:14px 0 0 14px;margin:0; }
.maincol p{margin:0; padding: 0 0 6px 0; text-indent:18px;}
.sidecol{width:310px;float:right;padding:0 0 0 14px;margin: 0 14px 0 14px; }
.sidecol p{text-indent:0}

.hvfourcol {width:174px;float:left; margin:6px 0 0 14px;}
.hvfourcol img{ margin-bottom:10px}
.hvfourcol h1{font-size:14px; text-indent:0;display:block;margin:0 ;padding:0; }
.hvfourcol p{margin:0;padding:10px 0 0 0}
.hvthreecol {width:236px;float:left; margin:6px 0 0 18px;}
.hvplans {width:228px;padding:0 4px; margin-bottom:6px}
.hvplans img {margin-bottom:6px}
.hfitalic {font-size:12px; line-height:16px; font-style:italic;}
.hfhighlight {color:#cd1128; font:bold}

/* highland vistas page*/
.hvcontent {width:100%; height:auto; background-color:#d6e6e3; background-image:url(../HV/images/epiclogo.gif); background-position:bottom right; background-repeat: no-repeat;}
.plansContent {background-color:#fff;}
.hvcontent h3{margin: 0 0 0 18px; padding:14px 14px 4px 0;font-size:18px; color:#452894}
.hvtwocol {width:388px;height:249px;float:left;padding:0;margin:0; }
.hvtwocol p{margin: 0 0 0 18px;padding:0 14px 12px 0; line-height:14px;}
.hvhighlight {color:#cd1128;font:bold}
.hvmaincol {width:516px;float:left}
.hvmaincol p{margin:0; padding: 0 0 6px 0; text-indent:18px;}
.hvsidecol {width:224px; float:left; margin:14px 0 0 14px}
.hvsidecol p {margin:0; padding:0 0 6px 0}
.hvsidecol h1{ font-size:14px; text-indent:0; margin:0;padding:0}
/* news */
.newscontent {width:100%; height:auto;background-color:#d6e8e5}
.newscontent h1 { font-size:16px; font-weight:bold; text-indent:10px; padding:0;margin:14px 0 0 0}
.newscontent h3{margin: 0; padding:0;font-size:16px; color:#452894}
.newscol1 {width:520px;height:auto;padding:0;margin:0;float:left; }
.newscol1 p{margin: 0 0 0 18px;padding:0 14px 12px 0; line-height:14px;}
.newscol1 ul li{margin: 0 0 0 18px;padding:0}

.newscol1 ul li{margin: 0 24px 0 0;padding:0}

.newscol2 {float:left; width:200px; margin: 0 14px 0 14px;padding: 0 14px 0 14px}
.newscol2 p{margin:0;padding:0; line-height:14px;}
.newscol2 em { font-style: italic}
.newscol2 ul {margin: 0 0 0 18px;padding:0}
.newscol2 ul li {margin: 0 24px 0 0;padding:0}

.floorplan_text { margin:5px 0 34px 0;}
.floorplan_text p{ font-size:10px; text-align:center; margin:0 ;padding:0}

/*CornerStone*/
.cscontent {width:100%; height:auto; background-color:#e8dfbb; background-image:url(../HV/images/epiclogo.gif); background-position:bottom right; background-repeat: no-repeat;}
.cscontent h3{margin: 0 0 0 18px; padding:14px 14px 4px 0;font-size:18px; color:#452894}
.cscontent .smallfont{font-size:12px; font-weight:normal; font-style:italic}
.planmargin { margin-top:12px}
.cscontent .floorplan_text p{ font-size:9px; text-align:center; margin:0 ;padding:0}
.csthreecol {width:236px;float:left; margin:12px 0 0 18px;}
.csthreecol p { margin: 2px 0 6px 0; text-indent:12px}
.csthreecol h4 {font-size:12px; margin:12px 0 6px 0} 
.csthreecol ul{margin: 4px 0 4px 0}
.csthreecol ul li{margin: 0 0 0 20px ;padding:0 0 0 2px; list-style-type:disc}

.hvcontent h5, .cscontent h5 { font-size:12px; font-weight:normal; text-indent:10px; font-style:italic;padding:0;margin:0}

/*phase 2 blog*/
.wordpress #wrapper #header ul{margin-bottom:20px}
.wordpress #wrapper {background-color:#f2f6fc}/*blog style*/
.wordpress #wrapper #main { padding:12px 0 22px; width:100%;}
.wordpress #wrapper #container {width:500px;}
.wordpress #wrapper #container #content{width:480px;}
.wordpress #footer {border-top:none}
.wordpress .hvcontent h2, .wordpress .hvcontent h1 { margin:0 0 6px;text-indent:0;  text-align:left; font-size:24px;color:#23408F; font-weight:bold }
.wordpress #content .hvcontent h2 a, .wordpress #content .hvcontent h1 a  {color:#23408F}
.wordpress #content .entry-content { font-size:12px; line-height:16px; padding: 10px 0 0}

.wordpress #content .aside, .homePosts { border:1px solid #CCCCCC;width:240px;background-color:#FFF;margin:0 12px 22px; padding:6px 0 0;   
filter:progid:DXImageTransform.Microsoft.DropShadow(Color=#ccaaaaaa, OffX=3, OffY=3); 
-moz-box-shadow: #999 5px 5px 5px;
-webkit-box-shadow: #999 5px 5px 5px;
box-shadow:5px 5px 5px #999; }

.wordpress #content .aside ul {padding:0 6px 0 0;margin:0 0 0 10px}
.wordpress #content .aside li{ list-style:none;padding:0;margin:0}
.wordpress #content .aside blockquote {margin:6px 0; font-size:11px; line-height:13px; font-style:normal;}
.wordpress #content .aside h3 { margin:5px 0 0 10px;font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#000; text-transform:uppercase;  font-weight:bold}

.wordpress #content .aside .widgetcontainer li a{color:#23408F; font-size:16px;font-weight:800 }

.homePosts {width:280px;margin:auto; margin-top:20px;padding:10px 10px 10px 50px; background-image:url(../images/p2blogLogo_posts.png); background-position: 6px 6px; background-repeat:no-repeat}

#content .homePosts h2 a{color:#23408F; font-weight:bold; padding-bottom:6px }
#content .homePosts .allPostsLink a{color:#23408F; font-weight:bold; font-size:12px}
.wordpress #wrapper #header .p2logo, .p2logo {float:right; width:49px;height:73px; margin-right:28px}
.p2home {margin-top:-6px}

.planDisclaimer { clear:both;font-size:8px; padding:0 60px 12px 12px; text-align:left }
#content .hvcontent .plansLink {color:#019c81}