@charset "utf-8";

html {
	height: 101%; }
	

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-image: url(../images/RF-back.jpg);
	background-repeat: no-repeat;
	background-position: 50% top;
	background-color: #ffffff;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	text-align: center;
}
a:link {
	color: #3C4D60;
}
a:visited {
	color: #536A84;
}
a:hover {
	color: #2C5787;
}
a:active {
	color: #3C4D60;
}


.pic {
	height: 59px;
	width: 75px;
	margin-top: 7px;
	margin-right: 14px;	
	}




.thumb {
}

a.thumbox {
		text-decoration: none;
	
	
	}
.thumbbox {
	border: 0px solid #000000;
	margin-top: 0px;
	margin-bottom: 35px;
	margin-right: 7px;
	margin-left: 26px;
	height: 144px;
	width: 144px;
	float: left;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}




.gallerybox {
	background-image: url(../test/text-back.jpg);
	background-repeat: repeat-y;
	background-position: top;
	padding-right: 34px;
	padding-left: 34px;
	padding-top: 0px;
	padding-bottom: 1px;
	text-align: left;
	color: #595F54;
}

.anihead {
	margin-top: 17px;
	margin-left: 0px;	
	
	}


.texttop {
	background-image: url(../images/RF-text-top.png);
	background-position: 0px 0px;
	height: 19px;
	width: 444px;
}


h1 {
	font-size: 14px;
	}
	
h2 {
	font-size: 12px;
	}	

#topboxborder {
	background-image: url(../images/RetroFoam-head.png);
	display: block;
	height: 249px;
	width: 770px;
	margin-top: 0px;
}


#topboxborderarch {
	background-image: url(http://retrogreenenergy.com/images/Architectural_Assets-head.png);
	display: block;
	height: 249px;
	width: 770px;
	margin-top: 0px;
}


a.rightlogo {
	border-width: 0px;
	border-style: none;
	margin-left: 28px;
	margin-top: 9px;
	margin-bottom: 5px;
	display: block;
}


.rightlogos {
	display: block;
	height: 332px;
	width: 278px;
	}

.topbuttonbox {
	height: 24px;
	width: 406px;
	left: 376px;
	top: 91px;
	position: relative;
	}

a.topbutton {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	margin-right: 21px;
	}
a.topbutton:link {
	color: #FFF;
	}
a.topbutton:visited {
	color: #FFF;
	}
a.topbutton:hover {
	color: #EBEBEB;
	}	
	
/* 

#flashbox {
	left: 222px;
	top: 222px;
	position: absolute;
	z-index:2;	
	}	
	
#outerbox {
	width:770px;
	top: 0px;
}
 */
 

#header {
	width:770px;
	height:43px;
 	background-image: url(../images/RF-local-bar.png);
	background-position: 0px 0px;
}

#leftbox {}

div.clear {
clear: both;
}

#centerright {
	float: left;
	width: 300px;
	margin-top: 253px;
}

#rightbuttons {
	
	top-margin: 253px;	
	
	}

#centerstuff {
	width: 770px;	
	}

#footer {
	width:770px;
	height:100px;
	background-image: url(http://retrofoamofcentralmn.com/images/affiliations.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 21px;
	margin-bottom: 0px;
	padding-top: 0px;
	text-align: center;
	color: #556D88;
	vertical-align: bottom;
}



#lefttextbox {
	width:446px;
	left: 0px;
	top: 361px;
	float: left;
	z-index: 1;
}


#photocollection {
	width:334px;
	height:253px;
	left: 426px;
	top: 292px;
	position: absolute;
	z-index:1;
}

.innertext {
	background-image: url(../images/RF-text-back.png);
	background-repeat: repeat-y;
	background-position: top;
	padding-right: 49px;
	padding-left: 49px;
	padding-top: 21px;
	padding-bottom: 1px;
	text-align: left;
	color: #3C4D60;
	font-family: Verdana, Geneva, sans-serif;
}


.bigbutton {
	margin-bottom: 5px;
	margin-left: 28px;
	background-image: url(../images/RF-big-button-back.png);
	height: 27px;
	width: 278px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5A674B;
	line-height: 24px;
	display: block;
	text-decoration: none;
	margin-top: 9px;
}


.legal {
	font-size: 12px;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	}

.co {
	}



.logos {
	
	margin-left:28px;
	
	}
	
.rightbox {
	margin-left:28px;
	width: 237px;
	border: 1px solid #D8DED1;
	margin-top: 7px;
	padding-top: 7px;
	padding-right: 21px;
	padding-bottom: 21px;
	padding-left: 21px;
	display: block;
	}	



/* text-align: center; will center the layout for IE5-Win and IE6-Win
running quirks mode (no DOCTYPE tag at beginning of document). */


/* The auto left and right margins center the layout in standards
browsers, IE6-Win (in standards mode) and IE5-Mac. */
#wrapper {
	margin: 0 auto 0 auto;
	text-align: left; /* Reset text alignment for Western languages. */
	width: 770px;
	position: relative;
}

/* Standards browsers will cut off portions of the left and right edges
of a layout if the browser viewport is too narrow, unless the
#wrapper <div> has a left and right border. Internet Explorer is not
affected by this, and the style rules are hidden. Setting the border
color to transparent initially returns a CSS syntax error at the W3C
CSS validator, so for the sake of validation, the border color is
set to transparent on a separate line. */
html>body #wrapper {
border: 1px solid #fff;
border-color: transparent;
border-top: 0;
border-bottom: 0;
}
.bigtext {
	font-size: 14px;
	font-weight: 900;
	text-align: left;
}