@charset "utf-8";
/* CSS Document */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0; text-transform:none;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
a {outline:0; text-decoration:none;}

* {
     margin: 0;
 }

html, body {
    height: 100%;
	}

#wrapper {
	position:relative; 
	padding-right:100px; 
	margin-bottom:-150px; 
	min-height:100%; 
	height:auto !important;
	} 

.padding{ width:1060px; margin:0px auto; } 

#content {width:950px;
	height:auto;
	margin-top: 30px;
	float:right;
	margin-bottom:40px;
	}

#wrapper2 { 
margin-bottom:-190px; 
    min-height:100%; 
	height:auto !important;
	width:100%;
	} 
	
#content2 {
	height:auto !important;
	width:950px; 
	margin-top: 20px;
	
	margin-left:auto;
	margin-right:auto;
	}
	

.logo a{
	left:0px;
	top: 0px;
	position:absolute;
	width:100px;
	height:85px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	color:#333333;
	}
	
 
#mainnav {
	left:0px;
	top:0px;
	width:960px;
	height:50px;
	margin-bottom:10px;
	}
	
.mainnavbutton a{
	font-family:  Helvetica, Arial, sans-serif !important;
	background-image:url(images/mainnavback.png);
	background-repeat:no-repeat;
	font-weight:bold;
	letter-spacing:.2px;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	padding-top:5px;
	padding-left:5px;
	border-top:solid 1px #999999;
	text-shadow:0px 1px 0px #EEEEEE;
	float:left;
	text-align:left;
	width:145px;
	margin-right:10px;
	height:50px;
	outline-style:none;
	outline:0;
	
	}

.mainnavbutton a:hover {
	font-size:12px;
	background-image:none;
	padding-top:5px;
	background-color:#000000;
	text-shadow:none;
	color:#FFFFFF !important;
	outline-style:none;
	float:left;
	text-align:left;
	border-top:solid 1px #000000;
	}
	
.mainnavbutton_active a{
	font-family: Helvetica, Arial, sans-serif !important;
	font-weight:bold;
	font-size:12px;
	letter-spacing:.2px;
	background-color:#000000;
	color:#FFFFFF !important;
	text-decoration:none;
	padding-top:5px;
	padding-left:5px;
	border-top:solid 1px #000000;
	float:left;
	text-align:left;
	width:145px;
	margin-right:10px;
	height:50px;
	outline-style:none;
	outline:0;
	}
	
.mainnavsub { width:950px;
				height:22px;
				background-color:#000000;
				margin-top:-5px;
				margin-bottom:1px;
				}
				
.mainnavsubbottom { width:950px;
				height:10px;
				background-color:#000000;
				margin-bottom:1px;
				}
				
				
#marker {width:10px;
		height:10px;
		position:relative;
		bottom:0px;
		background-image:url(images/marker.gif)}
				

	
.mainnavsub a{color:#FFFFFF;
				font-family: "Arial", "Helvetica", Helvetica, Arial, sans-serif !important;
				font-size:12px;
				padding-left:12px;
				line-height:20px;
				}
				
.mainnavsub a:hover{color:#999999;
				}
	
#mainimage {
	width:950px;
	height:375px;
	
	}
	
#longmainimage {
	width:950px;
	height:650px;
}
	

	
#subnav {height:auto;
	width:970px;
	position:relative;
	margin-top:15px;
	}
	
#subnav h1 {
	font-family: "Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#333333;
	float:none;
	text-align:left;
	margin-top:3px;
	margin-bottom:3px;
	}
	
#subnav6 {height:55px;
	width:970px;
	margin-bottom:5px;
	margin-top:15px;
	}
	
#longsubnav6 {height:215px;
	width:970px;
	margin-top:15px;
	}
	
#subnav6lower {height:55px;
	width:970px;
	margin-top:15px;
	}
	
.subnavitem4 {
	background-image:url(images/subnavitemback.gif);
	background-repeat:no-repeat;
	width:215px;
	margin-right:15px;
	height:auto;
	float:left;
	padding-top:12px;
	padding-left:12px;
	}
	
.subnavitem2 {
	background-image:url(images/subnavitemback2.gif);
	background-repeat:no-repeat;
	width:470px;
	height:auto;
	float:left;
	padding-top:12px;
	padding-left:12px;
	position:relative;
	margin-left:-1px;
	margin-right:4px;
	margin-bottom:-10px;
	}
	
.subnavitem3 {
	background-image:url(images/subnavitemback2.gif);
	background-repeat:no-repeat;
	width:306px;
	height:165px;
	float:left;
	padding-top:12px;
	padding-left:10px;
	position:relative;
	margin-left:-4px;
	margin-right:7px;
	}
	
.subnavitem6 a{
	background-image:url(images/subnavitemback.gif);
	background-repeat:no-repeat;
	padding-top:12px;
	padding-left:12px;
	float:left;
	width:144px;
	margin-right:9px;
	margin-left:-5px;
	height:50px;
	outline-style:none;
	outline:0;
	position:relative;
	}
	
	
.subnavitem6_active a{
	background-image:url(images/subnavitemback_active.gif);
	background-repeat:no-repeat;
	padding-top:12px;
	padding-left:12px;
	float:left;
	width:144px;
	margin-right:9px;
	font-weight:bold;
	margin-left:-5px;
	height:50px;
	outline-style:none;
	outline:0;
	position:relative;
	color:#FFFFFF;
	}	
	
.longsubnavitem6 a{
	background-image:url(images/subnavitemback3.gif);
	background-repeat:no-repeat;
	padding-top:10px;
	padding-left:10px;
	float:left;
	width:144px;
	margin-right:12px;
	margin-left:-5px;
	height:205px;
	outline-style:none;
	outline:0;
	
	}
	
.headlongsubnavitem6{
	background-image:url(images/subnavitemback3.gif);
	background-repeat:no-repeat;
	padding-top:10px;
	padding-left:10px;
	float:left;
	width:144px;
	margin-right:12px;
	margin-left:-5px;
	height:205px;
	outline-style:none;
	outline:0;
	
	}
	
	
.subnavitem6title {

	float:left;
	width:150px;
	margin-right:10px;
	height:50px;
	position:relative;
	}
	
		
.subnavitem a{
	font-family: "Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:12px;
	
	color:#222222;
	text-decoration:none;
	text-align:left;
	position:relative;
	}
	

	
.subnavitem a:hover{
	font-weight:bold;
	color:#222222;
	
	position:relative;
	}
	
.subnavitem h2{
	font-family: "Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#222222;
	text-decoration:none;
	text-align:left;
	margin-top:20px;
	position:relative;
	}

	
#subnav h3 {
	font-family: "Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#777777;
	float:none;
	text-align:left;
	margin-top:3px;
	margin-bottom:3px;
	}
		
#searchresults {z-index:1;
			position:absolute;
			margin-top:-2px;
}


			
#info { height:auto;
		width:970px;
		background-image:url(images/infoback.gif);
		background-repeat:repeat-y;
		position:relative;
		margin-left:-10px;
		float:left;
		padding-bottom:20px;
		margin-top:10px;
		}
		
#infobottom {background-image:url(images/infobottom.gif);
			width:970px;
			height:10px;
			position:relative;
			float:left;
			margin-left:-10px;
			}
			
#infotop {background-image:url(images/infotop.gif);
			width:970px;
			height:10px;
			background-repeat:no-repeat;
			}
			
#infoheading {height:auto;
	float:left;
	width:300px;
	margin-left:25px;	
	margin-top:20px;
	}

#infoheading h3{font-family: "Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#333333;
	line-height:1.2;
	}
	
.infoheading {height:auto;
	float:left;
	width:300px;
	margin-left:25px;	
	margin-top:20px;
	}
	
.casestudybuttons{margin-right:50px;
margin-bottom:10px;
}
	
#textblock { width:610px;
			height:autopx;
			margin-top:20px;
			padding-right:10px;
			float:left;
			}

.pdf_links a {
	font-family: "Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
	margin-top:3px;
	margin-bottom:3px;
	text-decoration:none;
	line-height:1.5;
	}
	
.pdf_links a:hover{text-decoration:underline;
	
	}
				
#textblock a{text-decoration:underline;
			color:#000000;
			}
			
.textblock { width:610px;
			height:autopx;
			margin-top:20px;
			padding-right:10px;
			float:left;
			}
			
.textblock a{
			color:#000000;
			}
			
.column {width:300px;
		margin-left:17px;
		margin-top:20px;
		height:auto;
		float:left;
		}
		
.column a{text-decoration:none;
		color:#000000;
		}
		
		
.column a:hover{text-decoration:underline;
		}
		
.column1 {width:460px;
		margin-left:17px;
		margin-top:20px;
		height:auto;
		float:left;
		border-top:#000000 solid 1px;
		padding-top:5px; 
		}
		
.column2 {width:460px;
		margin-left:17px;
		margin-top:20px;
		height:auto;
		float:left;
		}
		
.longcolumn {width:933px;
		margin-left:17px;
		margin-top:20px;
		height:auto;
		float:left;
		border-bottom:#000000 solid 1px;
		}
		
.longcolumn a{
		text-decoration:none;
		color:#000000;
		}
			
			.movable {
        position: absolute;
        width: 100px;
        height: 100px;
        background-color: yellow;
        cursor:pointer;
        border:solid 1px gray;
    }	
	
.buttons a:hover{
			filter:chroma(color=#000000);
			opacity:1;
			}
			
.buttons img{
			filter:chroma(opacilty=40);
			opacity:0.4;
			}
			

#links a {
	font-family: "Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	vertical-align:middle;
	background-image:url(images/link.gif);
	background-repeat:no-repeat;
	margin-top:3px;
	margin-bottom:3px;
	text-decoration:none;
	padding-left:16px;
	padding-top:4px;
	}
	
#links a:hover {
	background-image:url(images/link2.gif);
	color:#999999;
	}	
	
.links a {
	font-family: "Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	vertical-align:middle;
	background-image:url(images/link.gif);
	background-repeat:no-repeat;
	margin-top:3px;
	margin-bottom:3px;
	text-decoration:none;
	padding-left:16px;
	padding-top:4px;
	}
	
.links a:hover {
	background-image:url(images/link2.gif);
	color:#999999;
	}	

.thumbnail {height:180px;
			width:auto;
			float:left;
			margin-left:5px;
			margin-right:5px;
			margin-bottom:10px;
			}
.thumbnail a{
		border:#FFFFFF 5px solid;
		display:block
		}
		
		
.thumbnail a:hover{
		    border:#EAE5E5 5px solid;
		display:block;
		}
		

		
.indented {
			padding-left:50pt;
			}
			
	
h1 {
	font-family: "Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
	margin-top:3px;
	margin-bottom:3px;
	text-decoration:none;
	line-height:1.5;

	}
	
h2 {
	font-family: "Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	margin-top:3px;
	margin-bottom:3px;
	text-decoration:none;
	}
	
h3 {font-family: "Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#333333;
	line-height:2;
	}
h5 {font-family: "Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:300px;
	color:#333333;
	}
	
strong {font-family: "Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	margin-top:3px;
	margin-bottom:3px;
	text-decoration:none;
	}
#header {
	height:50px;
	position:relative;
	background-image:url(images/headerback3.png);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#DAD5D5;
	}
	
#headercontent {
	width:950px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	}
	
#headerlogo {
	width:100px;
	height:50px;
	float:left;
	position:relative;
	}
	
.search {border-style: hidden;
		width:135px;
		height:25px;
		margin-top:12px;
     	border-width: 0px;
     	color: #8AB08A;
     	font-size:6pt;
		float:right;
		background:url(http://thespecialtygrp.com/images/search.png) no-repeat;
		}

.search #search_field  {float:left;
						border:0;
						margin-bottom:10px;
						width:110px; /* the width of the actual search box, must be shorter than your image so it fits inside it. */
						height:16px; /* again, must be slightly less than the image size */
						background-color:transparent; /* Makes the search field invisible so you can see the image we want underneath. This doesn’t work in Safari, so I 			may go back later and give them their own style sheet. For now, I’m not bothered by this small inconvenience. */
						outline:none;
						font-size:12px;
						color:#666666;
						}



.search #button{
		float:left;
		padding:0;
		border:none;
		height:20px;
		width:20px;
		}

#footer {
	height:150px;
	background-color:#DAD5D5;
	background-image:url(images/footerback.png);
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	margin-top:40px;
	}
	
#footercontent {
	width:950px;
	height:75px;
	padding-top:35px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}
	
#footerlogo {
	width:160px;
	height:50px;
	margin-top:10px;
	margin-right:5px;
	float:left;
	position:relative;
	}
	
.footeradress {
	float:left;
	text-align:left;
	width:135px;
	height:60px;
	padding-top:10px;
	padding-left:25px;
	position:relative;
	}

.footeradress li{
	line-height:1.5em;
	font-family:"Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:12px;
	text-transform:capitalize;
	font-weight:lighter;
	color:#000000;
	text-decoration:none;
	}
	
.footernav {
	border-left:solid 1px #888888;
	float:left;
	text-align:left;
	width:135px;
	height:60px;
	padding-top:10px;
	padding-left:25px;
	position:relative;
	}

.footernav a, li{
	line-height:1.5em;
	font-family:"Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:12px;
	text-transform:capitalize;
	font-weight:lighter;
	color:#000000;
	text-decoration:none;
	}
	
.footernav a:hover{
	font-family:"Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#000000;
	text-decoration:none;
	}
	
.copywrite {
	text-align:right;
	width:135px;
	height:auto;
	padding-top:30px;
	position:absolute;
	right:0px;
	}
	
.copywrite h1{
	font-family:"Arial", "Helvetica", Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#666666;
	text-align:right;
	}
	
.push {
	height:190px;
	clear:both;
	}
	
#table{border-color:#CCCCCC;}


.inner {border:0px;
		outline:none;
		}
		
#inner{border:0px;
		outline:none;
		}
	
element.style {
border-bottom-color:;
border-bottom-style:none;
border-bottom-width:0px;
border-left-color-ltr-source:;
border-left-color-rtl-source:;
border-left-color-value:;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:solid;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:medium;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:-moz-use-text-color;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:solid;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:medium;
border-top-color:-moz-use-text-color;
border-top-style:solid;
border-top-width:medium;
margin-top:0px;
}

.screensbook a{background-image:url(images/exteriorscreensbook.jpg);
			display:block;
			width:200px;
			height:140px;
			}
			
.screensbook a:hover{background-image:url(images/exteriorscreensbook2.jpg);
			}