/* @override http://www.framhomes.com/styles/global.css */

p{
	color: #ededed;
}

#ns:hover{
	background
}

#present-communitites {
	text-align: center;
}

#present-communitites table {
	padding: 0;
	margin: 0;
	text-align: center;
}

#present-communitites table td img {
	text-align: center;
}

/* My Comment */

table.tbl-nav tbody tr td {
	padding: 2px;
	margin: 0;
	border: 1px solid #254476;
}

table.tbl-nav tbody tr td:hover, table.tbl-nav tbody tr td:hover {
	background-color: #000;
}

#present-communitites ul{
	list-style-type: none;
}

#present-communitites ul li {
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 200px;
}

#main h1 {
	color: #ededed;
	letter-spacing: 2px;
	margin: .5em 0;
	margin-left: 0.0em;
	padding-bottom: 5px;
	border-bottom: 2px solid #254476;
	font: 210% Arial, Helvetica, Geneva, sans-serif;
}


/* Classes */

table.tbl-nav tbody tr td.top-left {
	border-left:none;
	border-top: none;
}

table.tbl-nav tbody tr td.top {
	border-top: none;
}

table.tbl-nav tbody tr td.top-right{
	border-right: none;
	border-top: none;
}

table.tbl-nav tbody tr td.bottom-left {
	border-left:none;
	border-bottom: none;
}

table.tbl-nav tbody tr td.bottom {
	border-bottom: none;
}

table.tbl-nav tbody tr td.bottom-right{
	border-right: none;
	border-bottom: none;
}

/* #project-information */

#project-information{
	text-align: center;
	color: #fff;
}

#project-information p {
	text-align: justify;
	color: #c8c8c8;
	padding: 0.2em 0 1em 1em;
	font: 100%/1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#site-links {
	float: right;
}

#site-links ul{
	list-style-type: none;
}

#site-links ul li{		
	display: inline;
	padding: 0 0.5em;
}

#site-links ul li a {
	color: #ccc;
	padding: 3px;
	font: 65% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

#site-links ul li a:hover{
	color: #fff;
}

#copyright h1 {
	font: 65% "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #ccc;
	margin-left: 1em;
}

#main h2 {
	color: #ededed;
	letter-spacing: 2px;
	margin: 0.5em 0;
	font-weight: normal;
	font: 110% "Lucida Grande", Lucida, Verdana, sans-serif;
}

#project-information div img {
	margin: 1em;
}

#community-menu ul {
	margin: 0;
	padding: 1em;
	list-style-type: none;
	text-align: center;
	border-left: 2px solid #ededed;
	border-top: 2px solid #ededed;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	background: url(../images/nav_bg.gif) repeat-x left top;
}

#community-menu ul li {
	display: inline;
	padding: 0 0.5em;
}

#community-menu ul li a {
	text-decoration: none;
	font: bold 105% "Lucida Grande", Lucida, Verdana, sans-serif;
}

#three-col-text {
	margin-left: 1em;
	width: 57em;
	font-size: 95%;
	color:#ededed;
	line-height: 1.7em;
}



#col-wrap {
	width: 68%;
	float: left;
}

#col-1 {
	float:left;
	width: 50%;
	text-align: justify;
	color: #c8c8c8;
	padding: 0.2em 0 1em 1em;
	font: 100%/1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#col-2 {
	float:right;
	width: 45%;
	text-align: justify;
	color: #c8c8c8;
	padding: 0.8em 0 1em 1em;
	font: 100%/1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


#col-3 {
	float: right;
	width: 30%;
	text-align: justify;
	color: #c8c8c8;
	padding: 0.8em 0 1em 1em;
	font: 100%/1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}



#project-information div h3 {
	color: #d2d2d2;
	letter-spacing: 1px;
	font-weight: normal;
	font: 100% "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0.5em 0;
	margin-left: 0.3em;
}

#gallery-nav{
	margin: 0;
	padding: 5px;
	margin-left: 30%;
	width: 100%;
	border-left: 1px solid #ededed;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background: url(../images/nav_bg.gif) repeat-x left top;
}

#gallery-nav h2 {
	color: #13105c;
	font-size: 115%;
	letter-spacing: 3px;
	margin: 0 0 0.5em;
	padding: 5px 0;
}

#current-picture {
	text-align: center;
}

#current-picture img {
	padding: 1em;
	margin-left: 2em;
}

#gallery-nav ul {
	padding: 0;
	list-style-type: none;
	border-bottom: none;
	margin-bottom: 0.7em;
}

#gallery-nav li {
	display: inline;
	padding: 0 1em;
}

#gallery-nav li a {
	color: #13105c;;
	padding: 1px 4px;
	border: 1px solid #13105c;
	cursor: pointer;
}

#gallery-nav li a:hover{
	background-color: #000;
	color: #fff;
}

.box{
	padding: 0;
	margin: 0;
	text-align: center;
}

.box a img{
	text-align: center;
}
.box img{
	border: none;
}

.box h2{
	margin:0;
	padding: 0;
	margin-bottom: 1em;
	color:#ccc;
	letter-spacing: 2px;
	font-size: 115%;
	text-align: center;
	font-weight: normal;
}

.box h3{
	color:#ccc;
	font-family:Geneva;
	margin: 0;
	padding-top: 5px;
	font-size: 20%;
	letter-spacing: 1px;
	text-align: center;
	font-weight: normal;
	width: 230px;
}

#site-progress{
	display: none;
}

#col-1 h3 {
	margin: 1em 0;
}

#project-gallery table.tbl-nav img {
	border: none;
	margin-bottom: 2px;
}

.toll-free {
	color: #ededed;
	margin: 1em 0;
	font-size: 155%;
}

#site-contact {
	margin-left: 1em;
	width: 52em;
	clear: both;
}

#site-contact h2 {
	margin: 0em 0;
	margin-bottom: 0.3em;
	color: #ededed;
	letter-spacing: 2px;
	font-weight: normal;
	padding-top: 2em;
}

#site-list ul li{
	border-bottom: 1px solid #254476;
}

#site-list ul li a {
	padding: 0.5em 1em;
	display: block;
	color: #ededed;
	cursor: pointer;
	font: 105% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#site-list ul li a:hover {
	background-color: #000;
}

#site-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#site-list {
	float: left;
	width: 30%;
	margin-top: 1em;
	
}

#site-contact-details{
	float: right;
	width:50%;
	text-align: center;
	margin-top: -2.3em;
}

#site-contact-details h2 a {
	color: #ededed;
}

#site-contact-details img{
	padding: 0;
	margin: 0;
}

#site-contact-details h1{
	font-size: 120%;
	font-variant: normal;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: none;
}

#address {
	margin:0;
	padding: 0;
	float: left;
	width: 50%;
}

ul.contact-list {
	text-align: left;
	list-style-type:none;
}

ul.contact-list li p {
	
	padding: 5px 0;
	margin: 0;
	color: #ededed;
	font: 110% "Lucida Grande", Lucida, Verdana, sans-serif;
}

#phone-email{
	float: right;
	width: 48%;
}

#phone-email h2{
	color: #666;
}



#mini-gallery-nav {
	margin-bottom: 1em;
	margin-top: 0.1em;
	text-align: center;
}

a#view-gallery {
	font: 120% Georgia, "Times New Roman", Times, serif;
	color: #ededed;
	text-decoration: none;
	text-align: center;
	word-spacing: 5px;
	letter-spacing: 0.5px;
}

ul#gallery-ul li{
	display: inline;
	padding: 0 1em;
}

ul#gallery-ul {
	width: 350px;
	text-align: center;
	margin: 0;
	padding: 0;
	list-style: none;
}


.box2 {
	margin-left: 8em;
	width: 220px;
	text-align: right;
	border: 2px solid #8c6932;
	border-bottom: 2px solid #503c1d;
	border-right: 2px solid #503c1d;
	background: url(../images/div-box-bg-bottom.png) no-repeat right bottom;
}

.box2 h2{
	color: #0a0065;
	padding: 0.5em;
	padding-left: 0;
	padding-bottom: 0.1em;
	margin: 0;
	margin-bottom: 0.3em;
	font-size: 120%;
	border-bottom: 1px solid #8c6932;
}

.box2 ul{
	list-style-type: none;
	margin:0;
	padding: 0;
}

.box2 ul li {
	padding: 0;
	margin:0;
}

.box2 ul li a {
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	font-size: 100%;
	display: block;
	margin: 0;
	padding: 0.3em 0;
	letter-spacing: 0.2px;
	padding-right: 0.5em ;
	text-decoration: none;
	color: navy;
}

.box2 ul li a:hover{
	background-color: #ffffcc;
}

#project-gallery img {
margin: 0;
padding: 0;
}

#col-1 p.big:first-letter {
	font-size: xx-large;
}

/* My Comment */

#contact-fram {
	margin-left: 1em;
	width: 52em;
	text-align: center;
}

#contact-fram h1 {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 110%;
	color: #ededed;
	margin: 1em 0;
	font-variant: normal;
	text-align: center;
}

#contact-fram h2{
	font-size: 140%;
	padding: 5px 0;
	margin-bottom: 0.3em;
	text-align: left;
}

#email p {
	color: #ededed;
	margin: 1em 0;
	line-height: 1.6em;
}

#contact-fram div div{
	padding: 1em;
}

#phone-email div img {
	margin-right: 2em;
}

#site-contact div h2 {
	padding-top: 0.5em;
}

#site, .site-link{
	text-decoration: none;
	color: #bfceee;
	letter-spacing: 2px;
	padding: 5px;
	font: 110% "Lucida Grande", Lucida, Verdana, sans-serif;
}

#site:hover, .site-link:hover{
	background-color: #000;
	color: #fff;
}

.site-link{
	padding: 0.5em 0;
	margin:0.5em 0;
}

#generations{
	width: 57em;
	text-align: center;
}

#generations embed{
	margin-top: 4em;
}

.float-right{
	float: right;
	margin: 1em;
	margin-top: 3em;
}

.float-left{
	float: left;
	margin: 1em;
}

/* My Comment */

#service{
	text-align: center;
}

#service p{
	font-size: 95%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.6em;
	color: #ededed;
	padding: 0.2em 0 1em 1em;
	text-align: justify;
}

.float-right img{
	margin: 5px;
	padding: 0;
	border-top: 1px solid #a0a0a0;
	border-right: 1px solid #000;
	border-bottom: 1px solid black;
	border-left: 1px solid #a0a0a0;
}

#about-gallery {
	float: right;	
	margin:1em;
	margin-top: 5em;
}

#about p{
	text-align: justify;
	color: #c8c8c8;
	padding: 0.2em 0 1em 1em;
	font: 100%/1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#about-gallery table.tbl-nav td{
	padding: 0;
	margin: 0;
	border: 1px solid #254476;
}

#address div h2 {
	text-align: left;
	font-size: 160%;
	margin-bottom: 0.5em;
}

#site-contact h2.site-specific {
	font-size: 150%;
}

#fram-map, #mkreq, #skip{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	color: #fff;
	letter-spacing: 2px;
	padding: 5px 2px;
	text-decoration: none;
	border: 1px solid #254476;
	border-bottom: 1px solid #366abe;
	border-right: 1px solid #366abe;
	
}

#service div img {
	margin-top: 3em;
}

#service div div.centered h2 {
	margin-left: 0.7em;
	margin-top:1em;
	margin-bottom: 1em;
}

#fram-map:hover, #mkreq:hover,{
	background-color: #000;
	border: 1px solid #366abe;
	border-bottom: 1px solid #254476;
	border-right: 1px solid #254476;
}

#mkreq{
	padding: 10px;
	display: block;
	font-size: 120%;
	text-align: center;
	margin-top: 3em;
}

#skip{
	border: none;
	text-align: center;
	display: block;
	color:navy;
}

#skip:hover{
	
	border: none;
	text-decoration: underline;
}

#map{
	width: 500px;
	height: 300px;
	margin-left:7.5em;
}

#map-info{
	margin: 2em 0;
	text-align: center;
}

#news ul {
	margin: 2em;
	list-style-type: none;
}

#news ul li{
	padding: 1em;
	margin: 0.5em 0;
	border-top: 1px dotted #666;
	
}

li.li-odd{
	background-color: #171157;
}

li.li-even{
}

#news ul li a.news-ns{
	float: right;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 1px;
	padding: 10px 0;
	padding-left: 50px;
	text-decoration: none;
	color: #ccc;
}

#news ul li p a{
	color: #fff;
}

span.coming-soon{
	color: #f00;
	font-style: oblique;	
}

#news ul li h1{
	text-align: left;
	margin: 5px;
	margin-right: 0;
	padding: 2px 0;
	color: #e6dab1;
	padding-bottom: 5px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-variant: normal;
	font-size: 115%; 
	border-bottom: 2px solid #254476;}

#news ul li h2{
	margin: 0 1em;
	padding:5px 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-variant: normal;
	font-style: italic;
}

#news ul li h1 span.date{
	color: #ccc;
	margin: 0;
	padding:0;
	padding-left: 20px;
	font: 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#news ul li p{
	margin: 2px 1em;
	padding:0;
	padding:0.2em 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 85%;
	color: #bcbcbc;
	letter-spacing: 1px;
	width: 52em;
	line-height: 1.5em;
}

img.service {
	margin-top: 1em;
	
}
table.proj-gal{
	padding:10px 0;
}
table.proj-gal td img{
	display: block;
}

#make-a-request label{
	float: left;
	margin: 10px;
}

#news fieldset{
	width:25em;
}

#news fieldset label{
	margin: 10px;
	display: block;
}

#news fieldset label input{
	float: right;
	margin: 0 5px;
	padding: 0 5px;
}

#request{
	margin-left: 2em;
	color: #fff;
}

#request p {
	font: 110% "Lucida Grande", Lucida, Verdana, sans-serif;
}

#request input{
	font: 110% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 5px;
	background-color: #e0f4db;
	color: navy;
}

#request span {
	color: #9197ff;
	font-size: 90%;
}


#request select{
	padding: 2px 0;
	color: navy;
	background-color: #e0f4db;
}

#request textarea{
	font: 110% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #e0f4db;
	color: navy;
}

#submitreq:hover{
	background-color: #000;
	color: white;
}

#success{
	text-align: center;
}

#success h1{
	font: small-caps 160% Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0;
}

#success h2{
	font: 110% "Lucida Grande", Lucida, Verdana, sans-serif;
}

.centered p{
	text-align:center;
}


/* My Comment */

#main h1.nudge-left {
	margin-left: 0.4em;
	width: 97%;
	text-align: left;
}