body {
	min-width: 780px;
	margin: 0;
	padding: 0;
	background:url(ground.jpg) repeat-x center top #CCCCCC;
	color: #333333;
    font-family: Calibri,Arial,Helvetica,sans-serif;
    font-size: 11px;
    min-width: 780px;
    text-align: center;
	}
	
	
.one-sidebar #content {
	width: 480px;
	}
	
	
.no-sidebars #content {
	width: 730px;
	}
	
.no-sidebars.page-techniques #content {
	width: 480px;
	}	
	
.no-sidebars.page-insulated-doors #content {
	width: 480px;
	}
	
.no-sidebars.page-contact #content {
	width: 480px;
	}	
	
.no-sidebars.page-composite-doors #content {
	width: 480px;
	}
	
.no-sidebars.page-projects #content, .no-sidebars.page-brochure #content, .no-sidebars.section-projects #content {
	padding-left: 200px;
	width: 680px;
	}			
	
.front.no-sidebars #content {
	width: 460px;
	}	
	
.imagefield-field_image	{
float: right;
padding: 5px;
margin: 5px;
border: 1px solid #ccc;
}


.imagecache-staff 	{
float: right;
padding: 5px;
margin: 5px 5px 5px 10px;
border: 1px solid #ccc;	
}

.pager a {
color: #fff;
}
	
#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}
#skipnav {
	position: absolute;
	margin: 5px 0 0 -1000px; /* moves links out of window */
	list-style: none;
	}
#skipnav li {
	margin: 0;
	padding: 0;
	position: absolute; /* makes links display in same spot when tabbed to */
	}
#skipnav a:focus, #skipnav a:active {
	width: 12em; /* to keep IE from wrapping text at each word, doesn't hurt other browsers */
	margin-left: 1000px; /* moves links back in window */
	overflow: visible; /* for IE, doesn't hurt others */
	display: block; /* for IE, doesn't hurt others */
	}
#blah:active { /* for IE, doesn't hurt others */
	}
#header {
	width: 960px; /* needed for MacOpera and Safari */
	height: 205px;
	padding: 0px 0 0 0;
	border-bottom: 2px solid #86888A;
	}
#logo {
	float: left;
	margin: 20px 0 15px 15px;
	background-image:url(images/logo.png);
	width: 289px;
	height: 168px;
	}
#calltoaction {
	float: right;
	margin: 35px 10px 10px 0;
	width: 372px;
	height: 77px;
	}	
	
#calltoaction h2 {
	font-size: 31px;
	color: #FFFFFF;
	font-family: Calibri,Arial,Helvetica,sans-serif;
	letter-spacing: 2px;
	height: 31px;
	text-align: right;
	}
	
#calltoaction a {
	font-size: 16px;
	color: #FFFFFF;
	font-family: Calibri,Arial,Helvetica,sans-serif;
	letter-spacing: 2px;
	float: right;
	}		
	
#sitenav {
	float: left;
	width: 230px;
	margin: 20px 0 15px 512px;
	padding: 0 0 0 0px;
	list-style: none;
	font-size: 0.9em;
	color: #1852A3;
	}
#sitenav li {
	display: inline;
	text-align: right;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	}
#sitenav a {
	background: none;
	color: #1852A3;
	
	}
#photo-banner {
	clear: both;
	width: 960px;
	height: 394px;
	}
	
.views_slideshow_singleframe_main .submitted {
	display: none;
	}	
	
.views_slideshow_singleframe_main h2 {
	display: none;
	}		
	
#content {
	float: left;
	width: 480px;
	margin: 20px 0px 0px 30px;
	}
	
.field-field-case-photos {
float:right;
padding:0 25px 0 35px;
}

.view-case-studies .views-row-odd {
margin-bottom:50px;
}

.view-case-studies .views-row-even {
margin-bottom:50px;
}

.view-case-studies .field-content {
padding:10px 0 0;
}

.view-case-studies .views-field-title {
color:#000;
font-size:160%;
font-weight: bold;
letter-spacing: -1px;
padding:0 0 0.9em;
}

.imagecache-photothumb {
margin-right:10px;
}

.imagecache-photothumb_linked {
float:left;
margin-right:10px;
}

#content .field-items {
padding: 0px 0px 15px 0px;
}
		
	
.views-field-created {
	padding: 10px 0px 0px 0px;
	}
	

.feed-icon {
	padding: 10px 0px 0px 0px;	
	}
	
.more-link a {
	padding: 10px 20px 0px 0px;
	margin-right: 20px;
	padding: 4px;
	color: #fff;
	}			
	
#left {
	float: left;
	width: 200px;
	margin: 20px 0px 0px 0px;
	}
#left h2 {
	min-height: 18px;
	margin-top: 0px;
	padding: 10px 3px 3px 33px;
	background: #7CBFFB;
	color: #FFFFFF;
	font-size: 100%;
	}
#primary_links {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	}
#primary_links li {
	margin: 0;
	padding: 0;
	display: inline; /* fixes IE gap caused by display: block on inner a's */
	}
#primary_links a {
	display: block;
	background: url("images/page-icon.gif") no-repeat scroll 10px 50% transparent;
	color: #3D3C3C;
	margin: 0 0 0px 0px;
	padding: 5px 10px 5px 30px;
	text-decoration: none;
	border-bottom:1px dotted #3D3C3C;

	}
#primary_links a:hover {
	background: url("images/page-icon-over.gif") no-repeat scroll 10px 50% transparent;
	padding: 5px 10px 5px 30px;
	color: #7CBFFB;
	}
	
	
#primary_links a.active	 {
	color: #7CBFFB;
	background: url("images/page-icon-over.gif") no-repeat scroll 10px 50% transparent;
	padding: 5px 10px 5px 30px;
	}
	
#right {
	float: right;
	width: 225px;
	margin-top: 20px;
	margin-right: 15px;
	}
	
#sidebar ul {
    margin: 2em 0;
    padding: 0;
}	
	
#right ul li {
    background: url("images/small_pdf_icon2.gif") no-repeat scroll 0 -3px transparent;
    font-size: 100%;
    list-style: none outside none;
    margin: 15px -10px 15px 0;
    padding: 0 10px 20px 45px;
}	
	
#RightColwide {
    float: right;
    margin-right: 0px;
    margin-top: 35px;
    width: 430px;
}


#RightColwide img {
	display: block;
	margin: 0px 10px 6px 10px ;
	padding: 4px 4px 4px 4px;
	}
	
#RightColwide div.panels {
margin:0 auto;
width:100%;
float: right;
}

#RightColwide div.panels h4 {
font: 14px 'Calibri',Arial,Helvetica,sans-serif;
text-decoration:none;
color:#FFF;
letter-spacing: 2px;
}	

#RightColwide div.panels h4 a {
color:#FFF;
}

#RightColwide div.panels p {
color:#FFF;
}

#RightColwide div.panels ul {
height:36em;
list-style-type:none;
margin:0;
padding:0;
position:relative;
}
	
#RightColwide div.panels ul li {
background-color: #0E0E0E;
height:13em;
list-style-type:none;
margin:0 0 8px;
padding:15px 5px 0px;
position:absolute;
width:400px;
}

#RightColwide ul li {
list-style:circle outside none;
margin:2px;
padding:0;
}

#RightColwide div.panels ul {
list-style-type:none;
}

#RightColwide div.panels ul li.one {
left:0;
}

#RightColwide div.panels ul li.two {
top:16em;
left:0;
}

#RightColwide div.panels ul li.three {
top:28em;
left:0;
}

#RightColwide div.panels ul li.four {
top:42em;
left:0;
}

#RightColwide div.panels ul li img {
margin-left:0.5em;
}
#RightColwide div.panels img.float-right {
background:none repeat scroll 0 0 #000;
float:left;
margin-bottom:0.5em;
margin-right:0.9em;
}		

	
			
	
#secondary_links {
float: right;
    list-style: none outside none;
    width: 600px;
	margin-top: 25px;
}
	
	
#secondary_links ul {
margin:0;
list-style-type:none;
height:31px;
}
#secondary_links ul li {
float:left;
}
#secondary_links ul li a {
display:block;
padding:5px 8px 4px;
font: 14px 'Calibri',Arial,Helvetica,sans-serif;
text-decoration:none;
color:#FFF;
letter-spacing: 2px;
}
#secondary_links ul li a:hover {
color:#86888A;
}
#secondary_links ul li a#active {
background:url(images/current.gif) no-repeat center bottom;
color:#86888A;
}
	
#footer {
	clear: both;
	background: none repeat scroll 0 0 #0E0E0E;
	border-top: 2px solid #86888A;
    float: left;
    height: 300px;
    width: 100%;
	font-size: 11px;
	}
	
#footercontactwrap {
    margin: 20px auto;
    width: 960px;
}	
	
#footercontact {
text-align: left;
float:left;
margin-left:8px;
padding:8px;
width:500px;
color: #FFFFFF;
font-size: 11px;
}

#footercontact a {
color: #FFFFFF;
}

#footercontact .social-links {
    display: inline-block;
    margin-top: 16px;
}


#footercontact .social-network-facebook {
    background-position: 0 0;
}

#footercontact .social-network {
    background: url(images/social-icons.png) no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 0;
    margin: 0 6px;
    overflow: hidden;
    padding-top: 32px;
    width: 109px;
}	


#footercontact .social-network-twitter {
    background-position: -110px 0;
}

#footercontact .social-network-youtube {
    background-position: -220px 0;
}

#footerlegal {
line-height:1.6;
text-align: left;
float:left;
font-size: 11px;
padding:8px 8px 8px 8px;
width:160px;
}

#footerlegal a {
color: #FFFFFF;
}

#footerlegal li {
line-height:1.6;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#footerlinks {
    border-left: 1px solid #141414;
    float: left;
    height: 150px;
    margin-left: 140px;
    padding: 20px 0 0 0;
    width: 280px;
}

#footerlinks li {
line-height:1.6;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#footerlinks a {
color: #FFFFFF;
}	

#ads {
	clear: both;
	display: block;
	font-size: 90%;
	}
	
#ad1 {
	float: left;
	width: 192px;
	height: 91px;
	display: inline;
	
	}
	
#ad2 {
	float: left;
	width: 192px;
	height: 91px;
	display: inline;
	
	}
	
#ad3 {
	float: left;
	width: 192px;
	height: 91px;
	display: inline;
	}			
	
#ad4 {
	float: left;
	width: 192px;
	height: 91px;
	display: inline;
	}
	
#ad5 {
	float: left;
	width: 188px;
	height: 91px;
	display: inline;
	}		
	
/* THREE COLUMN PAGE --------------------------------------- */
/* --------------------------------------------------------- */
#threecol #container {
	float: left; /* makes it contain children floats */
	width: 710px; /* needed for MacOpera and Safari */
	margin: 15px 0;
	}
#main-content {
	float: left;
	width: 270px;
	padding-top: 120px;
	background: url(images/main-content-photo.jpg) no-repeat;
	}
#feature {
	width: 190px;
	margin-left: 295px;
	}
#feature h2 {
	min-height: 18px;
	margin-top: 0;
	padding: 10px 3px 3px 29px;
	background: url(images/header-list-bg.jpg) no-repeat;
	font-size: 100%;
	}

/* TWO COLUMN PAGE ----------------------------------------- */
/* --------------------------------------------------------- */
#twocol #container {
	float: right; /* makes it contain children floats */
	width: 960px; /* needed for MacOpera and Safari */
	margin: 0px 0 0px 0;
	padding: 15px 0 20px 0;
	/*background: #fff url(images/inner-bg.jpg) repeat-x;*/
	}
	
	
#block-views-case_studies-block_1 {
	margin: 30px 0 0px 0;
	}
	
#block-views-case_studies-block_1 h2 {
background-color: #F0F0F0;
	color:#000;
font-size:190%;
font-weight: bold;
letter-spacing: -1px;
padding:5px 0 5px 8px;
	}	

/* TEXT ---------------------------------------------------- */
/* --------------------------------------------------------- */
p {
    font-size: 15px;
    line-height: 22px;
}

.welcome {
    font-size: 15px;
}

h1 {
    color: #333333;
    font-family: 'Arial',Helvetica,sans-serif;
    font-size: 250%;
    letter-spacing: -1px;
    margin: 0 0 0.5em;
}

h2 {
	margin: 0 0 .6em 0;
	font-family:'Arial',Helvetica,sans-serif;
	font-size: 140%;
	font-weight: lighter;
	color:#333333;
	}
h3 {
	margin: 0 0 .6em 0;
	font-family:'Arial',Helvetica,sans-serif;
	font-size: 120%;
	font-weight: lighter;
	color:#3D3C3C;
	}
	
h4 {
    color: #3D3C3C;
    font-family: 'Arial',Helvetica,sans-serif;
    font-size: 150%;
    margin: 0 0 0.6em;
}	
	
li {
list-style-image:url("images/bullet.gif");
}	
	
/* LINKS --------------------------------------------------- */
/* --------------------------------------------------------- */
a {
	color: #E4212F;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
.image-link {
	background: transparent;
	}
	
/* LISTS --------------------------------------------------- */
/* --------------------------------------------------------- */
dt {
	margin: 1em 0 0 0;
	font-weight: bold;
	}
dd {
	margin: 0;
	}

/* TABLES -------------------------------------------------- */
/* --------------------------------------------------------- */
table {
	margin: 0 0 1.5em 0;
	border-collapse: collapse;
	width: 95%;
	}
th, td {
	padding: 7px 15px 7px 5px;
	font-size: 15px;
	}
th {
	color: #3D3C3C;
	text-align: left;
	}
	
thead th {
border-bottom:3px solid #7CBFFB;
padding-right:1em;
text-align:left;
}	
	
tr.even {
background-color:#fff;
border-bottom:1px solid #CCCCCC;
padding:0.1em 0.6em;
}

tr.odd {
background-color:#F0F0F0;
border-bottom:1px solid #CCCCCC;
padding:0.1em 0.6em;
}