/* RESET START */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:inherit;
	vertical-align: baseline;
}
body{
	/* font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

img{
	display:block;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* RESET END */

body {
	background-color:#383838;
	padding:10px;
}

p{
	margin-top:10px;
	line-height:22px;
	font-size:12px;
}
#page{

/*
background-image:url(../images/border_bg.jpg);
background-repeat:repeat-y;
*/
margin:0 auto;
width:910px;


}

#page_wrapper{
background-color:white;
background-image:url(../images/page_bg.jpg);
background-repeat:repeat-x;
float:left;
margin-left:5px;
margin-right:5px;
_display:inline;
zoom:1;
overflow:hidden;
width:900px;

}

body.alt_body  #page_wrapper {
	background-color:#eff0e1;
	background-image:url(../images/alt_page_bg.jpg);
}
h1{
	font-size:18px;
	font-weight:bolder;
	margin-top:10px;
	margin-bottom:10px;	
}
h2{
	font-size:14px;
	font-weight:bolder;
	margin-top:5px;
	margin-bottom:5px;
}

address{
	font-size:11px;
	font-weight:bolder;
}

#header{
	height:95px;
	width:900px;
	position:relative;
}

#logo{
	margin-left:25px;
}

#contact_info{
	background-image:url(../images/WindowMaster_logo_button.gif);
background-position:right top;
background-repeat:no-repeat;
font-size:10px;
height:41px;
margin:0px;
padding:0;
padding-right:46px;
position:absolute;
text-align:right;
right:10px;
top:10px;
line-height:12px;
}

#contact_info span{
	font-size:20px;
font-weight:bold;
line-height:10px;
padding:0;
position:relative;
top:4px;
}

#nav_bar{
	height:34px;
	width:600px;
	font-size:14px;
	position:relative;
	z-index:300;
}
body.alt_body,
body.alt_body #nav_bar{
	/* 
	 background-color:#1879ad;
	 
	 */
}

#nav_bar ul.navigation{
	float:left;
	margin-top:10px;
	margin-left:30px;
	_margin-left:15px;
}

ul.navigation li{
	float:left;
	margin-right:5px;
}

#nav_bar ul.navigation li a{
	padding-left:6px;
	padding-right:6px;
	color:#9cc7de;
	color:#FCF7FE;
	text-decoration:none;
}
#nav_bar ul.navigation li.home a{
	padding-left:0;
}

#nav_bar ul li{
	background-image:url(../images/nav_separator.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:10px;
}

#nav_bar ul li.contact{
	background-image:none;
}

#nav_bar ul.navigation li.active a{
	font-weight:bolder;
	color:white;	
}

#services_nav_list ul li:hover, 
#project_nav_list ul li:hover,
#nav_bar ul.navigation li a:hover{
	color:white;
	color:#9cc7de;
}



.relative_container{
	position:relative;
	width:374px;
}

.front_page_right .relative_container{
	
}
	
#page_body{
	float:left;
	width:900px;
}

.front_page_top,
.project_page_top{
	height:201px;
	width:100%;
}


.front_page_bottom,
.project_page_bottom{
	width:100%;
}

.front_page_right,
.front_page_left{
	
}

.front_page_left,
.project_page_left{
	float:left;
	width:526px;
	
}

.project_page_top{
	
}

.project_page_bottom{
	
}

.project_page_left{
	width:505px;
	float:left;
	_width:500px;
}

.project_page_right{
	float:left;
	width:395px;
	_width:300px;
}

.front_page_left #main .wrapper{
	
}

#starr_main,
#rhinebeck_main,
#newton_main,
#cambridge_library_main,
#morgan_hall_main,
#front_page_main,
#main{
	background-color:#ffffff;
	float:left;
}
#front_page_main{
	height:200px;
	padding-right:20px;
}

#rhinebeck_main{
	height:255px;	
}
#newton_main{
	height:289px;	
}
#cambridge_library_main{
	height:255px;
}
#starr_main,
#morgan_hall_main{
	height:345px;
}

#main_spacer{
	width:1px;
	height:285px;
	float:left;
}


.front_page_right{
	float:left;
	width:374px;
}

#float_top_right_image{
	position:absolute;
	top:-56px;
	right:0px;
	border:solid #007C9A 4px;
	
}
#gray_bar{
	width:100%;
	height:30px;
	background-color:#7baaad;
}
#gray_bar h2{
	margin:0;
	padding:5px;
}

#projects_block{

	float:left;
	width:100%;
}

#projects_links{
	width:200px;
	overflow:hidden;
	float:left;
}

#projects_block h2{
	width:100%;
	float:left;
	margin:0;
	background-color:#dcd9dc;
}

#projects_block h2 span{
	padding:8px;
	font-size:14px;
	float:left;
}

#projects_links ul{
	font-size:10px;
	margin-left:0px;
	list-style:disc;
	list-style-type:disc;
	line-height:22px;
	width:195px;
	height:150px;
	overflow:hidden;
	background-color:#b0d9de;
		
}
#projects_links ul li{
	margin-left:10px;
	list-style:disc;
	list-style-type:disc;
	list-style-position:inside;
	width:220px;
}
#projects_links ul a{
	color:black;
	text-decoration:none;
}

#projects_links ul a.hover,
#projects_links ul a:hover{
	color:#7baaad;
	text-decoration:underline;
}

#services_block{
	background-color:white;
	float:left;
	padding:5px;
	padding-left:0;
	padding-right:0;
	width:495px;
}

#services_links,
#services_thumbnails{
	padding:5px;
	padding-right:10px;
	padding-left:15px;
	_padding-left:5px;
	_padding-right:5px;
	float:left;
}

#services_gallery .category_details h2{
  font-size:20px;
}

#services_gallery .category_details p{
  font-size:18px;
	line-height:20px;
}

#services_thumbnails{
	background-color:#006e89;
}

#services_thumbnails img{
	border:solid #67ccff 1px;
}

#services_thumbnails li,
#services_links li{
	float:left;
	width:73px;
	margin:3px;
	margin-right:2px;
}


#services_links li{
	line-height:14px;
}

#services_links li span{
	font-size:10px;
	display:block;
	padding:5px;
	text-align:center;
	
}

#services_links a{
	color:#00669A;
}

#services_links a.hover,
#services_links a:hover{
	color:black;
	text-decoration:underline;
}

#footer{
	float:left;
	text-align:center;
	width:900px;
	margin-top:30px;
	margin-bottom:10px;	
}
#footer_nav{
	margin:0px auto;
	width:45%;

}

#footer .navigation div a{
	color:black;
	font-size:10px;
	text-decoration:none;	
}

#footer .navigation div.active a,
#footer .navigation div a:hover{
	color:#006980;
}

#footer .navigation{
	width:100%;
	
}
#footer .navigation div{
	width:17%;
	margin:0;
	padding:0;
	float:left;
}
#footer .navigation div.projects{
	width:25%;
}

#footer span.sep{
	float:left;
	font-size:10px;
}
.wrapper{
	padding:10px;
	padding-top:5px;
	padding-left:30px;
	position:relative;
}

.toggleopacity img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1;
}

.toggleopacity.hover img,
.toggleopacity:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=66);
	-moz-opacity: 0.66;
	opacity:.66;	
}

.cycle_this{
	position:relative;
	overflow:hidden;
}
.cycle_this img{
	position:absolute;
}

.clear{
	clear:both;
}

/*
 Initial Specs for all templates:
900 px wide
Top Header: 114 px high (flexible)
Colors  (all colors could change)
Exterior background color: 006980  
Nav Bar color: 00669A
Bar2: 4E9258
Text box 1 color: 99C68E

 
 */

/* PROJECTS PAGE */
h1.gallery_title{
	font-size:22px;
	font-weight:bolder;
	margin-top:20px;
}

#services_nav_list,
#project_nav_list{
	float:left;
	width:193px;
	height:210px;
	padding-top:10px;
	font-size:12px;
	background-image:url(../images/nav_right.jpg);
	background-repeat:repeat-y;
	color:white;
}
#directions p{
	line-height:14px;
}
#services_nav_list{
	height:274px;
	
}
#services_nav_list ul,
#project_nav_list ul{
	padding-right:10px;
}

#services_nav_list ul li,
#services_nav_list ul,
#project_nav_list ul li,
#project_nav_list ul{
	list-style:disc;
	margin-left:15px;
	
}

#services_nav_list ul li,
#project_nav_list ul li{
	cursor:pointer;
	margin-bottom:5px;
	
}
#services_nav_list h1,
#project_nav_list h1{
	padding-left:10px;
}
#services_nav_list ul li.active,
#project_nav_list ul li.active{
	font-weight:bolder;
}

ul.projects{
	
}

ul.projects li{
	cursor:pointer;
	font-size:15px;
	margin-bottom:9px;
	margin-left:10px;
}
	

#services_nav_thumbs{
	width:335px;
	float:left;
	background-color:#9CC7DE;
}

#project_right{
	float:left;
	width:435px;
	background-color:#9CC7DE;
	height:412px;
}

#gallery_container{
	border-top:2px solid #42899A;
	border-bottom:2px solid #42899A;
	float:left;
	height:412px;
}

#services_nav_thumbs a,
#services_nav_thumbs a:visited,
#services_nav_thumbs a:active,
#project_right img{
	display:block;
	float:left;
	margin:4px 4px 4px 7px;
	_margin:4px;
}

#services_nav_thumbs a img,
#project_right img{
	border:solid #1879ad 1px;
}

#services_nav_thumbs a.active img{
	border:solid white 1px;
}

#services_gallery{
	width:372px;
	_width:367px;
	float:left;
	overflow:hidden;
}
#project_gallery{
	width:272px;
	_width:268px;
	float:left;
	overflow:hidden;
}

.services_category,
.project_category{
	margin:0;
	float:left;
	position:relative;
}

.services_category p,
.project_category p{
	margin:10px 10px 10px 0;
	line-height:14px;
}

.category_image{
	float:left;
	margin:6px;
	position:absolute;
	opacity:.2;
	left:0;
	display:none;
}

.category_name{
	font-size:20px;
	font-weight:bolder;
	padding:10px;
	color:#006980;
	width:470px;
}

h3.services_name,
h3.project_name{
	font-size:12px;
	
}

.category_description{
	margin:10px 10px 10px 0px;
	font-weight:bolder;
}

.category_details{
	background-color:white;
	margin:0;
	float:left;
	padding:0 10px 0 10px;

}
.services_category .services,
.project_category .project{
	padding:5px 5px 5px 0;
}

#servies_nav a,
#project_nav a{
	color:#006980;
	display:block;
  float:left;
  font-size:12px;
  margin:10px;
  text-align:center;
  text-decoration:none;
  width:125px;
}

a.back_to_top{
	display:block;
	float:right;
	margin:5px;
	font-size:10px;
	color:#9cc7de;
}

a.back_to_top:hover{
	color:#00669A;	
}

body.alt_body #page_body .wrapper{
	position:relative;
}

.alt_page_float_image{
	position:absolute;
	right:0;
	top:-56px;
	border:solid #007C9A 4px;

}

.alt_page_float_image.noborder{
	position:absolute;
	right:0;
	top:-56px;
	border:none

}


dl.project_details{
	margin:10px;
	font-size:11px;
}

a,
a:active,
a:visited,
dl.project_details a{
	text-decoration:none;
	color:#1879ad;
}
a:hover,
dl.project_details a:hover{
	text-decoration:underline;
	color:#006980;
}

dl.project_details dt{
	float:left;
	width:200px;
	font-weight:bolder;
	margin-right:10px;
	text-align:right;
	
}

.front_page_top .front_page_left{
	background-color:#B5DBDE;
}

dl.project_details dd{
	float:left;
	width:250px;
	margin-bottom:10px;
	
}

ul#project_thumbnails{
	
	width:390px;
	margin-top:10px;
	margin-bottom:10px;
	float:right;
	background-color:#9cc7de;
}

ul#project_page_thumbnails{
	background-color:#9CC7DE;
float:right;
margin-bottom:10px;
margin-top:0;
padding:20px;
width:360px;
}
#project_target_image{
	margin-bottom:5px;
	margin-left:5px;
	*margin-bottom:0;
}

#project_page_thumbnails li img.selected{
	border:solid white 1px;
}

ul#project_page_thumbnails li,
ul#project_thumbnails li{
	float:left;
}

ul#project_page_thumbnails li img{
	margin:10px;
	margin-right:4px;
	margin-left:4px;
	cursor:pointer;
	border:solid #9cc7de 1px;	
}

ul#project_thumbnails li img{
	margin:10px;
	margin-right:15px;
	margin-left:15px;
}

body.alt_body #content{
	width:400px;
	padding-right:500px;
	margin-top:10px;
}
#content{
	width:860px;
}
input{
	width:250px;
}

.indicates,
input.required{
	background-color:#DCD9DC;
}

span.input_block{
	width:270px;	
}
form br{
	clear:both;
}
input.checkbox{
	width: 20px;
	float:left;
}
fieldset{
	margin-top:10px;
}
label{
	text-align:right;
	padding-right:10px;
	font-weight:bolder;
	width:125px;
	float:left;
	
}
label.long{
	text-align:right;
}

label.check_label{
	width:230px;
	text-align:left;
	float:left;
	font-weight:normal;
}

input.long,
.input_block {
	float:left;
}

form p{
	float:left;
	width:100%;
	margin-bottom:5px;
	
}
legend{
	font-size:14px;
	font-weight:bolder;
	
}
textarea{
	width:250px;
	height:200px;
}

input.submit_button{
	float:right;
	width:150px;
	margin-right:131px;
}
input.short{
	width: 50px;
}

#error_list{
	color:red;
	font-size:11px;
	font-style:italic;
	font-weight:normal;
}
#error_list li{

}

#error_list li label{
	width:100%;
	text-align:left;	
}

.error{
	color:red;
}

.clear{
	clear:both;
}
#directions,
#floating_image_caption_short,
#floating_image_caption{
font-size:11px;
position:absolute;
right:10px;
text-align:center;
top:250px;
width:350px;
z-index:300;
}

.front_page_right #floating_image_caption{

left:0;
top:363px;
z-index:100;
}

#directions{
	right:50px;
text-align:left;
top:262px;
width:325px;
}

#contact_page_contact_info{
color:white;
font-weight:bolder;
position:absolute;
right:45px;
text-align:left;
top:95px;
width:325px;
}

#contact_page_contact_info p{
	font-size:16px;
	line-height:18px;
}
#floating_image_caption_short{
	width:300px;
	right:40px;
}

.centerpond,
.copyright{
	font-size:9px;
	margin:0;
}

.slide_show{
	width:200px;
	height:150px;
	float:left;
	
}
.slide_show p{
	line-height:13px;
}

.alt_left{
	width:450px;
	
}

.alt_left p{
	line-height:15px;
}

.address{
	line-height:14px;
}

.services_description,
.projects_description{
	line-height:14px;
	
}

.bi_glass_text{
	width:55%;
}

/* SEO */
.window_services{
	display:none;
}

small{
	font-size:12px;
}