@charset "utf-8";

/* CSS Document */



/* 100% Container Height */

* {

	padding: 0;

	margin: 0;

}

html, body {

	height: 100%;

}

#divContainer {

	min-height: 100%;

}

* html #divContainer {

	height: 100%;

}

/* END 100% Container Height */







table.threecol {

	width: 100%;

}

td.threecol {

	width: 250px;

	margin: 5px;

	padding: 5px;

}







/* FONT SYTLINGS */

p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9pt;

	margin-bottom: 8px;

}

h1 {

	color: #5B5B5B;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 18pt;

	font-weight: bold;

	text-align: left;

	margin-bottom: 6px;

}

h2 {

	color: #5A5A5A;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 16pt;

	font-weight: normal;

	text-align: left;

	margin-bottom: 5px;

}

h3 {

	color: #5B5B5B;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14pt;

	font-weight: bold;

	text-align: left;

	margin-bottom: 4px;

}

h4 {

	color: #5B5B5B;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14pt;

	font-weight: normal;

	text-align: left;

	margin-bottom: 3px;

}

h5 {

	color: #5B5B5B;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 10pt;

	font-weight: bold;

	text-align: left;

	margin-bottom: 2px;

}

h6 {

	color: #5B5B5B;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 8pt;

	font-weight: normal;

	text-align: left;

	margin-bottom: 1px;

}



a:link, a:visited {

	color: #2B2B2B;

	border: 0;

	text-decoration: none;

	font-weight: bolder;

}

a:hover, a:active {

	color: #5B5B5B;

	border: 0;

	text-decoration: underline;

	font-weight: bolder;

}

h4 a, a:link, a:visited {

	font-weight:normal;	

}



td {

	vertical-align: top;	

}

small {

	font-size: 8pt;	

}



.heading {

	color: #1B1B1B;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 13pt;

}















/*     */



body {

	background-color: #FFF;

	margin: 0; /* to avoid margins */

	padding: 0;

	text-align: center; /* IE centering bug */

}

#divContainer {

	margin-left: auto;

	margin-right: auto;

	position: relative;

	text-align: left; /* re-aligns text */

	width: 775px;

	height: 100%;

}

#divContainer #divHeader {

	height: 128px;

	float: left;

	width: 775px;

}

#divContainer #divHeader #divNavTop {

	background-image: url(/_images/_layout/topnav-blue.jpg);

	height: 24px;

	padding-top: 4px;

	text-align: center;

	width: 745px;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

#divContainer #divHeader #divNavTop a.nav {

	border-right: 1px dotted #808080;

	float: left;

}

#divContainer #divHeader #divNavTop a.right {

	border: none;

	float: left;

}

#divContainer #divHeader #divNavTop #navFence {

	width: 100px;

}

#divContainer #divHeader #divNavTop #navRail {

	width: 211px;

}

#divContainer #divHeader #divNavTop #navDecks {

	width: 160px;

}

#divContainer #divHeader #divNavTop #navPosts {

	width: 150px;

}

#divContainer #divHeader #divNavTop #navCaps {

	width: 120px;

}





#divContainer #divHeader #divNavTop a {

	color: #DADADA;

	font-family: Arial, Tahoma, sans-serif;

	font-size: 11pt;

	text-decoration: none;

	text-transform: uppercase;

	font-weight: normal;

}

#divContainer #divHeader #divNavTop a:hover {

	color: #FFFFFF;

	text-decoration: underline;

}

#divContainer #divHeader #divLogo {

	float: left;

	width: 248px;

	height: 65px;

	margin-top: 13px;

	margin-bottom: 12px;

}

#divContainer #divHeader #divLogo .tagline {

	float: left;

	clear: both;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

	margin-top: 4px;

	color: #333;

	width: 250px;

	text-align: center;

	font-weight: bold;

	font-style: italic;

}

#divContainer #divHeader #divNavBot {

	float: right;

	text-align: right;

	height: 75px;

	clear: right;

	padding-top: 25px;

	width: 525px;

}

#divContainer #divHeader #divNavBot .nav {

	border-right: 1px solid #C0C0C0;

	padding-left: 8px;

	padding-right: 12px;

}

#divContainer #divHeader #divNavBot .right {

	padding-left: 8px;

}

#divContainer #divHeader #divNavBot a {

	font-family: Georgia, "Times New Roman", Times, serif;

	/*color: #5B5B5B;*/

	color: #000099;

	font-size: 13pt;

	padding-right: 15px;

	text-decoration: none;

	font-weight: normal;

	line-height: 30px;

}

#divContainer #divHeader #divNavBot a:hover {

	text-decoration: underline;

	/*color: #3B3B3B;*/

	color: #00F;

}



#divContainer #divBody #divPageTitle {

	float: left;

	width: 775px;

	margin-top: 5px;

	border-top: 1px solid #C0C0C0;

}

#divContainer #divBody #divPageTitle * {

	color: #5B5B5B;

	font-size: 20pt;

	text-align: left;

	margin-left: 10px;

	font-weight: normal;

	font-family: Georgia, "Times New Roman", Times, serif;

}

#divContainer #divBody #divBreadCrumb {

	float: left;

	font-size: 12pt;

	color: #888E8E;

	text-transform: none;

	width: 650px;

	padding-left: 125px;

	font-weight: normal;

	font-family: Georgia, "Times New Roman", Times, serif;

}

#divContainer #divBody #divBreadCrumb a {

	font-weight: normal;

	font-family: Georgia, "Times New Roman", Times, serif;

}



#divContainer #divBody #divContent {

	float: left;

	width: 775px;

	margin-top: 20px;

}

#divContainer #divBody #divContent table {

	width: 100%;

	margin-bottom: 20px;

}

#divContainer #divBody #divContent #divDesc {

	background-color: #333;

	width: 720px;

	margin-left: 20px;

	margin-right: 20px;

	margin-bottom: 20px;

	padding: 10px;

}

#divContainer #divBody #divContent #divDesc div {

	border: #FFF 1px solid;

	display: block;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 20px;

	width: 680px;

}

#divContainer #divBody #divContent #divDesc div p {

	font-family: Arial, Helvetica, sans-serif;

	color: #FFF;

	font-size: 11px;

	font-weight: bold;

}

#divContainer #divBody #divContent #divDesc a {

	color: #CCC;

}

#divContainer #divBody #divContent #divDesc a:hover {

	color: #666;

}

#divContainer #divBody #divContent table td.left {

	vertical-align: top;

	padding-right: 20px;

	border-right: solid 1px #5B5B5B;

	width: 350px;

	padding-bottom: 20px;

}

#divContainer #divBody #divContent table td.right {

	vertical-align: top;

	padding-left: 20px;

	width: 350px;

	padding-bottom: 20px;

}

#divContainer #divBody #divContent #divTable div.thumbnail {

	text-align: right;

	vertical-align: middle;

	display: block;

	margin: 5px;

}

#divContainer #divBody #divContent #divTable div.thumbnail h4 {

	text-align: right;

	vertical-align: middle;

	display: inline;

	margin: 10px;

}

#divContainer #divBody #divContent #divTable div.thumbnail img {

	text-align: right;

	vertical-align: middle;

	display: inline;

	padding: 5px;

	border: 1px solid #333;

	margin-left: 10px;

	margin-right: 10px;

	text-decoration: none;

}

#divContainer #divBody #divContent #divTable div.thumbnail a:hover {

	text-decoration: none;

	font-weight: normal;

}

#divContainer #divBody #divContent #divTable div.thumbnail a:active {

	text-decoration: none;

	font-weight: normal;

}

#divContainer #divBody #divContent #divTable div.thumbnail h4 a:hover {

	text-decoration:underline;

}

#divContainer #divBody #divContent #divTable div.thumbnail h4 a:active {

	text-decoration:underline;

}

#divContainer #divBody #divContent #divTable table tr td.left div.thumbnail {

	float:right;

	width: 350px;

}

#divContainer #divBody #divContent #divTable table tr td.right div.thumbnail {

	float:left;

	width: 350px;

	text-align: left;

}

#divContainer #divBody #divContent #divPhoto {

	width: 530px;

	height: 345px;

	float: left;

	clear: both;

	margin-bottom: 5px;

	padding: 0;

	border-right: 1px solid #FFFFFF;

}

#divContainer #divBody #divContent #divText {

	background-image: url(/_images/_layout/textbox.png);

	overflow: hidden;

	background-repeat: no-repeat;

	clear: right;

	float: right;

	text-align: left;

	color: #000;

	width: 228px;

	height: 315px;

	text-indent: 5px;

	margin-top: 15px;

	margin-bottom: 15px;

	padding: 0px;

	padding-top: 9px;

}

#divContainer #divBody #divContent #divText b {

	font-size: 14pt;

	color: #000;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

}

#divContainer #divBody #divContent #divText p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

	margin-top: 5px;

	margin-bottom: 10px;

	margin-left: 9px;

	margin-right: 9px;

	color: #000;

}

#divContainer #divBody #divContent #divTopTen {

	/*background-image:url(/_images/_layout/toptenbox.png);*/

	background-image:url(/_images/_layout/topten-blue.jpg);

	width: 228px;

	height: 200px;

	float: right;

}



#top {

	font-family: Georgia;

	font-size: 16pt;

	color: #FFF; 

	margin: 10px 0 0 30px;

	float: left;

	width: 35px;

}

#ten {

	font-family: Georgia;

	font-size: 35pt;

	color: #06F;

	/*color: #BCBCBC;*/

	margin: -10px 0 0 3px;

	float: left;

	width: 50px;

}

#reasons {

	font-family: Georgia;

	font-size: 16pt;

	color: #FFF; 

	margin: 10px 0 0 3px;

	float: left;

	width: 100px;

}

#buy {

	font-family: 'Lucida Sans', Arial, sans-serif;

	font-size: 9pt;

	color: #FFF; /*#000*/ /*#1B1B1B;*/

	margin: -10px 0 0 0;

	padding: 0 0 0 50px;

	text-align: left;

	float: left;

	clear: both;

	width: 200px;

}

#list {

	clear: left;

	margin: 0 10px 0 10px;

	padding: 0;

}

#list p {

	margin: 0;

	padding: 0;

	font-family: Arial;

	font-size: 9pt;

	color: #FFF;

}

.font {

	color: #06F;

	/*color: #1B1B1B;*/

	font-family: Georgia;

	font-size: 13pt;

}

.more {

	text-align: right;

	font-family: Georgia, "Times New Roman", Times, serif;

	margin: -10px 15px 0 0;

}

#divTopTen a {

	text-decoration: none;

	font-size: 11pt;

	/*color: #BCBCBC;*/

	text-transform: lowercase;

	color: #06F;

}

#divTopTen a:hover {

	color: #0FF;

	/*color: #2B2B2B;*/

	text-decoration: underline;

}

#divContainer #divBody #divContent #divHomeText {

	width: 510px;

	padding-top: 15px;

	margin-left: 15px;

	margin-right: 20px;

	float: left;

}

#divContainer #divBody #divContent #divHomeText table td.left {

	vertical-align: top;

	padding-right: 20px;

	border-right: solid 1px #5B5B5B;

	width: 225px;

}

#divContainer #divBody #divContent #divHomeText table td.right {

	vertical-align: top;

	padding-left: 20px;

	width: 225px;

}







#divContainer #divFooter {

	background-image: url(/_images/_layout/footer-blue.jpg);

	color: #FFC;

	float: left;

	font-family: "Lucidia Sans", Arial, Tahoma, sans-serif;

	font-size: 9pt;

	height: 56px;

	line-height: 27px;

	margin-top: 10px;

	text-align: center;

	width: 775px;

}





td.project {

	text-align: center;	

}

img.project {

	padding: 10px;

	border: 1px solid #333;

	text-align: center;

	margin-bottom: 8px;

	display: inline;

}

img.thumbnail {

	padding: 10px;

	border: 1px solid #333;

}



h1.home {

	font-size: 18px;

	color: #000099;

}