/*
Polysteel - screen.css
openBook Technologies [http://www.openbooktech.com/]
Last Updated: 3 Jan 2006
*/


/* -----( GLOBAL )----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

p {
	font: 11px/150% Verdana, Helvetica, Arial, sans-serif;
	margin: 24px 0;
	}

:link, :visited { text-decoration: none; }
:link:focus, :visited:focus {
	border-bottom: 1px solid #03C;
	color: #03C;
	}
:link {
	border-bottom: 1px solid #06C;
	color: #06C;
	}
:visited {
	border-bottom: 1px solid #001ca7;
	color: #001ca7;
	}
:link:hover, :visited:hover {
	border-bottom: 1px solid #03C;
	color: #03C;
	}
:link:active, :visited:active {
	border-bottom: 1px solid #03C;
	color: #03C;
	}

:link img, :visited img { border: none; }

.hidden { display: none; }
.left {	text-align: left; }
.right { text-align: right; }
.small { font-size: .7em !important; }


/* -----( STRUCTURE )-------------------------------------------------------- */

body {
	background: #C3D3E3 url(/img/background2.png) no-repeat 0 0;
	/* background: #C3D3E3 url(/img/background.png) no-repeat 0 0; */
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 62.5%;
	min-width: 800px;
	position: relative;
	}
	
	
/* -----( HEADER )----------------------------------------------------------- */

#header h1 :link, #header h1 :visited {
	/* background-image: url(/img/logo3.png); */
	border-bottom: none;
	display: block;
	height: 101px;
	left: 14px;
	padding: 0;	
	position: absolute; /* NECESSARY, or does relative work...also look at body tag */
	top: 14px;
	width: 168px;
	}

body.new #header h1 :link, #header h1 :visited {
	background: none;
  }

/* -----( NAVIGATION )------------------------------------------------------- */

/* Main Navigation -------------------------------------- */

#mainnav {
	left: 200px;
	position: absolute;
	top: 25px;
	}

#mainnav ul {
	list-style-type: none;
	font: bold 11px/140% Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	}

#mainnav ul li {
	float: left;
	margin-left: 30px;
	}

#mainnav ul li :link:focus, #mainnav ul li :visited:focus {
	color: #333;
	}

#mainnav ul li :link, #mainnav ul li :visited {
	border-bottom: none;
	color: #FFF;
	display: block;
	margin: 0;
	padding: 3px 3px 3px 22px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	}

#mainnav ul li :link:hover, #mainnav ul li :visited:hover {
	color: #333;
	}

#mainnav ul li :link:active, #mainnav ul li :visited:active {
	color: #333;
	}

#mainnav ul li :link.home, #mainnav ul li :visited.home { background: url(/img/home.png) no-repeat center left; }
#mainnav ul li :link.builders, #mainnav ul li :visited.builders { background: url(/img/builders.png) no-repeat center left; }
#mainnav ul li :link.owners, #mainnav ul li :visited.owners { background: url(/img/owners.png) no-repeat center left; }
#mainnav ul li :link.professionals, #mainnav ul li :visited.professionals { background: url(/img/professionals.png) no-repeat center left; }

/* Sub Navigation --------------------------------------- */

#subnav {
	/*left: 10px;
	position: absolute;
	top: 145px;*/
	clear: both;
	float: left;
	padding: 145px 0 25px 0;
	width: 170px;
	text-align: center;
	}

#subnav ul {
	font: bold 11px/140% Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	list-style-type: none;
	}

#subnav ul li {
	margin: 10px 0 10px 10px;
	}

#subnav ul li.selected {
	margin-left: 0px;
	padding-left: 10px;
	}

#subnav ul li.selected :link, #subnav ul li.selected :visited {
	background: url(/img/navbulletSelected.png) no-repeat center right !important;
	}

#subnav ul li :link:focus, #subnav ul li :visited:focus {
	color: #333;
	}

#subnav ul li :link, #subnav ul li :visited {
	background: url(/img/navbullet.gif) no-repeat center right;
	border-bottom: none;
	color: #FFF;
	display: block;
	margin: 0 10px 0 0;
	padding: 3px 16px 3px 3px;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	width: 160px;
	}

#subnav ul li.selected a {
	color: white !important;
	}

#subnav ul li :visited {
	color: #21377d;
	}

#subnav ul li :link:hover, #subnav ul li :visited:hover {
	color: #333;
	}
#subnav ul li :link:active, #subnav ul li :visited:active {
	color: #333;
	}


/* -----( MAIN CONTENT )----------------------------------------------------- */

#maincontent {
	color: #333;
	float: left;
	margin: 236px 0 25px 54px;
	}

#maincontent h2, #maincontent h3 {
	font: 26px/260% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 4px 5px 0;
	font-variant: small-caps;
	color: white;
	}

/* Main ------------------------------------------------- */

.contentsmall {
	background: url(/img/content-small.gif) no-repeat 0 0;
	float: left;
	margin: 0 10px;
	min-height: 380px;
	width: 160px;
	text-align: center;
	}

.contentsmall h2 {
	font: bold 12px/140% Verdana, Arial, Helvetica, sans-serif !important;
	margin: 10px 10px 0 10px !important;
	padding: 0px !important;
	color: black !important;
	text-align: left;
	}

.contentsmall h2 img { margin: -8px 0 0 -8px; }

.contentsmall img { margin-top: 7px; }

.contentsmall p {
	border-top: 1px solid #D8D8D8;
	font: 11px/150% Verdana, Helvetica, Arial, sans-serif;
	margin: 8px 12px;
	padding-top: 4px;
	text-align: left;
	}

p.continue {
	margin-bottom: 0;
	text-align: right;
	}

p.continue :link, .contentsmall :visited {
	border-bottom: none;
	font: bold 12px/150% Verdana, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}

/* Sub -------------------------------------------------- */

#contentlarge {
	background: #C3D3E3 url(/img/content-large.gif) no-repeat 0 0;
	min-height: 380px;
	padding: 10px;
	width: 502px;
	}

#contentlarge h2, #contentlarge h3 {
	font: bold 14px/140% Verdana, Arial, Helvetica, sans-serif !important;
	border-bottom: 1px solid #66c364;
	color: #459C4F !important;
	font-variant: normal;
	text-transform: uppercase;
	}

#contentlarge p {
	padding: 0 25px;
	}

a.top {
	padding: 5px 0 0 0;
	border-bottom: none;
	}

#contentlarge ul, ol {
	margin-left: 50px;
	}

#contentlarge ol {
	font-size: 1.2em;
	margin-bottom: 50px;
	}

#contentlarge ul {
	list-style: none;
	}

	#contentlarge ul li {
		background: url(/img/bulletArrow.png) no-repeat left center;
		padding: 5px 12px;
		}

	#contentlarge ul.lengthy li {
		background-position: left .5em;
		}

/* -----( FOOTER )----------------------------------------------------------- */

#footer {
	border-bottom: 1px solid #A2BDD7;
	border-top: 1px solid #A2BDD7;
	background: #E8EEF4 url(/img/footer.png) no-repeat 10px center;
	clear: both;
	height: 55px;
	}

#footer p {
	background: url(/img/copyright.png) no-repeat 0 0;
	display: block;
	margin-top: 15px;
	padding-right: 25px;
	float: right;
	height: 25px;
	width: 258px;
	}

#footer p :link, #footer p :visited {
	border-bottom: none;
	top: 0;
	display: block;
	height: 25px;
	left: 187px;
	padding: 0;	
	position: relative;
	width: 71px;
	}


/* -----( PHOTO GALLERY )---------------------------------------------------- */

.photoGallery {
	display: table;
	width: 500px;
	font: 1em "century gothic","verdana","arial",sans;
	}

/*
	.photoGallery h2 {
		position: relative;
		font-weight: bold;
		font-size: 1em;
		margin-bottom: 23px;
		background-color: transparent;
		color: #005c00;
		border: 0px;
		}
*/

	.photoGallery h4 {
		position: relative;
		font-weight: normal;
		font-size: 1.3em;
		color: black;
		padding: 10px 7px;
		}

	.photoGallery div {
		position: relative;
		float: left;
		width: 120px;
		height: 135px;
		text-align: center;
		}
		
		.photoGallery div a.photo {
			float: left;
			background: url(images/shadowAlpha.png) no-repeat bottom right !important;
			background: url(images/shadow.gif) no-repeat bottom right;
			margin: 10px 0 0 10px !important;
			margin: 10px 0 0 5px;
			border: 0px;
			}
		
		.photoGallery div img {
			display: block;
			position: relative;
			background-color: #fff;
			border: 1px solid #a9a9a9;
			margin: -6px 6px 6px -6px;
			padding: 4px;
			}	
		
		.photoGallery div div.gallery {
			position: absolute;
			width: 45px;
			height: 32px;
			bottom: 33px;
			left: -2px;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/gallery.png');
			}

			.photoGallery div div.gallery[class] {
				background: url(images/gallery.png) no-repeat;
				}
			
		.photoGallery div div.gallery span {
			display: none;
			}
	
		.photoGallery div a.label, .photoGallery h2 a {
			border: 0px;
			font-size: 1.2em !important;
			text-decoration: none;
			text-align: center;
			}
			
		.photoGallery div a.label {
			border: 0px;
			float: left;
			width: 100px;
			clear: both;
			font-size: 75%;
			}

		.photoGallery h2 a {
			border: 0px;
			font-size: 90%;
			font-weight: bold;
			}
			
		.photoGallery div a.label:visited, .photoGallery h2 a:visited {color: #678466; border-bottom: none;}
		.photoGallery div a.label:hover, .photoGallery h2 a:hover {color: #0cb708; border-bottom: none;}
		.photoGallery div a.label:active, .photoGallery h2 a:active {color: #678466; border-bottom: none;}
		

/* -----( MISCELLANEOUS )---------------------------------------------------- */

.black :link, .black :visited, .black h2 { color: #000 !important; }
.darkblue :link, .darkblue :visited, .darkblue h2 { color: #002B8D !important; }
.green :link, .green :visited, .green h2 { color: #07A979 !important; }
.lightblue :link, .lightblue :visited, .lightblue h2 { color: #6087CD !important; }
.red :link, .red :visited, .red h2 { color: #E05050 !important; }
.yellow :link, .yellow :visited, .yellow h2 { color: #D3AF00 !important; }
.centered { text-align: center; }
td ul { margin-left: 0px !important; padding-left: 0px !important; }
td ul li { margin-left: 0px !important; }
td { margin: 10px !important; padding-left: 10px;}
td.left { padding-left: 0px !important; background-color: #dfffd1; }
td.left h3 { border: none !important; }

div.formnormal {
	width: 100%;
	float: left;
	text-align: justify;
	margin:  0px auto;
	padding: 5px;
	}

.labeler {
	width: 38%;
	text-transform: uppercase;
	font-size: .8em;
	padding-top: .5em;
	text-align: right;
	}

.statusmsg {
	padding: 12px;
	color: #e30000;
	font-size: 1.2em;
	font-weight: bold;
	}
	
table tr td img {
	top: 3px;
	}

tr.indent td {
	padding-left: 30px !important;
	}

tr.heady td {
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px 5px 0 5px;
	}
	
div#changing {
  position: absolute;
  top: 129px;
  left: 250px;
  width: 500px;
  height: 100px;
  color: white;
  }

div#changing p {
  font-family: Verdana, Helvetica, Arial, sans;
  font-size: 10px;
  margin: 0 0 1em 0;
  padding: 0;
  }

div#changing a {
  color: white;
  border-color: white;
  }