﻿body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: #000000;
	background-color: #D3D2C0;
	text-align: center;
}
	.popup
	{
		background-color: #FFFFFF;
	}
h1
{
	font-size: 16pt;
	font-weight: bold;
	color: #9D2121;
	margin: 0 0 15px 0;
	padding: 0;
}
h2
{
	margin: 15px 0;
	padding: 0;	
	font-size: 14pt;
	color: #919084;	
}
blockquote
{
	padding: 0;
	margin: 0 0 15px 0;
	text-align: left;
}
p
{
	margin: 0 0 15px 0;
	padding: 0;
}
hr
{
	border: 0;
	border-collapse: collapse;
	color: #9D2121;
	background-color: #9D2121;
	height: 1px;
	clear: both;
}
img
{
	border: 0;
}
a:link, a:visited
{
	color: #882929;
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:active
{
	text-decoration: underline;
}
fieldset
{
	border: solid 1px #7F2626;
	margin-bottom: 15px;
	padding: 10px;
	background: #FFFFFF url(images/bgFieldset.gif) repeat-x bottom;
	 .position: relative;
	 .margin-top: 1em;
	 .padding-top: 25px;
	 .margin-bottom: 25px;
	 
}
legend
{
	background: #7F2626;
	color: #FFFFFF;
	padding: 3px 10px;
	font-weight: bold;
	font-size: 14pt;
	 .position: absolute;
	 .top: -.5em;
	 .left: .5em;
}
	fieldset img
	{
		float: right;
		border: solid 1px #7F2626;
		margin: 0 0 15px 15px;
	}
	fieldset div
	{
		float: left;
	}
	.subFieldset
	{
		float: left;
		background-image: none;
		 _margin-right: 10px
		 
	}
		.subFieldset legend
		{
			font-size: 10pt;
			font-weight: normal;
		}
.clear
{
	clear: both;
}
	#wrap
	{
		width: 788px;
		margin: 0 auto;
		text-align: left;
		
	}
	#background
	{
		float: left;
		background: url(images/bgMain.gif) repeat-y;
		margin: 10px 0;
	}
		#header
		{
			float: left;	
		}
		#nav
		{
			float: left;
			width: 788px;
		}
			#nav ul
			{
				list-style-type: none;
				padding: 0;
				margin: 0;
				display: inline;
				float: left
			}
			#nav ul li
			{
				float: left;
			}
				#nav a
				{
					padding-top: 33px;
					overflow: hidden;
					display: block;
					height: 0px;
				}
					.nav1 {background: url(images/btnBookMark.gif); width: 106px;}
					.nav2 {background: url(images/btnResidential-over.gif);}
					.nav2 a {background: url(images/btnResidential.gif); width: 128px;}
					.nav3 {background: url(images/btnCommercial-over.gif);}
					.nav3 a {background: url(images/btnCommercial.gif); width: 128px;}
					.nav4 {background: url(images/btnEmergencyRepair-over.gif);}
					.nav4 a {background: url(images/btnEmergencyRepair.gif); width: 169px;}
					.nav5 {background: url(images/btnContainerRentals-over.gif);}
					.nav5 a {background: url(images/btnContainerRentals.gif); width: 160px;}
					.nav6 {background: url(images/btnPrintPage.gif); width: 97px;}
					#nav a:hover {background: none;}
		#sideNav
		{
			float: left;
			width: 177px;
			position: relative;
			z-index: 1000;
		}
			#sideNav ul
			{
				list-style-type: none;
				padding: 0;
				margin: 0;
				display: inline;
				float: left;
			}
				#sideNav li ul 
				{
					 /* second-level lists */
					position : absolute;
					left: -999em;
					width: 172px;
					margin-left : 176px;
					margin-top: -29px;
				}
					.subNavRoofing
					{
						margin-top: -26px !important;
					}
					.subNavNews
					{
						margin-top: -25px !important;
					}
					.subNavContact
					{
						margin-top: -25px !important;
					}
					#sideNav li ul ul 
					{ /* third-and-above-level lists */
						left: -999em;
					}
			#sideNav ul li
			{
				float: left;
			}
			
				#sideNav a
				{
					width: 177px;
					overflow: hidden;
					display: block;
					height: 0px;
				}
					#sideNav ul li ul li a
					{
						width: 174px;
					}
					.sideNav1 {background: url(images/btnAboutFSR-over.gif)}
					.sideNav1 a {background: url(images/btnAboutFSR.gif); padding-top: 29px;}
						.sideNav1Sub1 {background: url(images/btnEmployment-over.png)}
						.sideNav1Sub1 a {background: url(images/btnEmployment.png); padding-top: 29px;}
						.sideNav1Sub2 {background: url(images/btnManagementTeam-over.png)}
						.sideNav1Sub2 a {background: url(images/btnManagementTeam.png); padding-top: 22px;}
						.sideNav1Sub3 {background: url(images/btnCertificates-over.png)}
						.sideNav1Sub3 a {background: url(images/btnCertificates.png); padding-top: 22px;}
						.sideNav1Sub4 {background: url(images/btnFAQs-over.png)}
						.sideNav1Sub4 a {background: url(images/btnFAQs.png); padding-top: 22px;}
						.sideNav1Sub5 {background: url(images/btnPR-over.png)}
						.sideNav1Sub5 a {background: url(images/btnPR.png); padding-top: 22px;}
						.sideNav1Sub6 {background: url(images/btnTradeAffiliations_2-over.png)}
						.sideNav1Sub6 a {background: url(images/btnTradeAffiliations_2.png); padding-top: 22px;}
						.sideNav1Sub7 {background: url(images/btn100Pts-over.png)}
						.sideNav1Sub7 a {background: url(images/btn100Pts.png); padding-top: 30px;}
					.sideNav2 {background: url(images/btnFSRNews-over.gif);}
					.sideNav2 a {background: url(images/btnFSRNews.gif); padding-top: 22px;}
						.sideNav2Sub1 {background: url(images/btnFSRNewsletter-over.png);}
						.sideNav2Sub1 a {background: url(images/btnFSRNewsletter.png); padding-top: 31px;}
					.sideNav3 {background: url(images/btnTestimonials-over.gif);}
					.sideNav3 a {background: url(images/btnTestimonials.gif); padding-top: 22px;}
					.sideNav4 {background: url(images/btnRoofingProcess-over.gif);}
					.sideNav4 a {background: url(images/btnRoofingProcess.gif); padding-top: 22px;}
						.sideNav4Sub1 {background: url(images/btnPermitting-over.png);}
						.sideNav4Sub1 a {background: url(images/btnPermitting.png); padding-top: 26px;}
						.sideNav4Sub2 {background: url(images/btnWarranty-over.png);}
						.sideNav4Sub2 a {background: url(images/btnWarranty.png); padding-top: 22px;}
						.sideNav4Sub3 {background: url(images/btnTerminology-over.png);}
						.sideNav4Sub3 a {background: url(images/btnTerminology.png); padding-top: 22px;}
						.sideNav4Sub4 {background: url(images/btnEducationalLinks-over.png);}
						.sideNav4Sub4 a {background: url(images/btnEducationalLinks.png); padding-top: 30px;}
					.sideNav5 {background: url(images/btnViewGallery_2-over.gif);}
					.sideNav5 a {background: url(images/btnViewGallery_2.gif); padding-top: 22px;}
					.sideNav6 {background: url(images/btnReferralProgram-over.gif);}
					.sideNav6 a {background: url(images/btnReferralProgram.gif); padding-top: 22px;}
					.sideNav7 {background: url(images/btnContactFSR-over.gif);}
					.sideNav7 a {background: url(images/btnContactFSR.gif); padding-top: 22px;}
						/*.sideNav7Sub1 {background: url(images/btnPayBillOnline-over.png);}
						.sideNav7Sub1 a {background: url(images/btnPayBillOnline.png); padding-top: 31px;}*/
					.sideNav8 {background: url(images/btnHome-over.gif);}
					.sideNav8 a {background: url(images/btnHome.gif); padding-top: 29px;}
					#sideNav a:hover {background: none;}
	
	#sideNav li:hover ul ul, 
	#sideNav li:hover ul ul ul, 
	#sideNav li.sfhover ul ul, 
	#sideNav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#sideNav li:hover ul, 
	#sideNav li li:hover ul, 
	#sideNav li li li:hover ul, 
	#sideNav li.sfhover ul, 
	#sideNav li li.sfhover ul, 
	#sidebNav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}   
	
	
	#mainGraphic
	{
		float: left;
		position: relative;
		z-index: 1;
	}
	#body
	{
		float: left;
		padding: 30px;
		width: 387px;
	}
	#bodyInt
	{
		float: right;
		width: 551px;
		padding: 30px 25px 30px 30px;
		margin-right: 5px;
		background: url(images/bodyIntBg.gif) repeat-x top;
	}
		#bodyAdmin
		{
			background: url(images/bodyAdminBg.gif) no-repeat;
			background-position: 4px 0;
			width: 788px;
			height: 600px;
			padding: 10px 15px 10px 0;
		}
	#sideCtas
	{
		float: right;
		width: 341px;
	}
	#sideCtasInt
	{
		float: left;
		width: 177px;
		clear: left;
		margin-top: 10px;
	}
	#newsBox
	{
		float: right;
		clear: right;
		margin-right: 28px;
		background: url(images/newsBottom.gif) no-repeat bottom;
		padding-bottom: 15px;
	}
	#newsBg
	{
		background: url(images/newsBg.gif) repeat-y;
		float: left;
	}
		#newsItems
		{
			
			width: 300px;
			padding-right: 13px;
			margin-top: -17px;
			 _margin-top: -10px;
		}
	#bottomCtas
	{
		float: left;
		width: 788px;
	}
	#footer
	{
		float: left;
		background: url(images/footerBg.gif) repeat-x;
	}
		#footerContent
		{
			float: left;
			font-size: 8pt;
			text-align: center;
			color: #882929;
			width: 472px;
			padding-top: 20px;
		}
		#footerContent span a
		{
			font-weight: normal;	
		}
	#rssFeed
	{
		clear: both;
		margin: 0 20px 10px 20px;
	}
	#ghostedFooter
	{
		margin: 0 20px 20px 20px;
		color: #919084;
		font-size: 8pt;
		text-align: center;
	}
		#ghostedFooter a
		{
			font-weight: normal;
		}
.rightImage
{
	float: right;
	margin: 0 0 15px 15px;
}
.leftImage
{
	float: left;
	margin: 0 15px 15px 0;
}
.leftLink
{
	float: left;
}
.rightLink
{
	float: right;
}
.leftColumn
{
	float: left;
	margin-right: 15px;
	width: 260px;
}
.rightColumn
{
	float: left;
	width: 260px;
}
.address
{
	float: left;
	clear: left;
	width: 175px;
	border: solid 1px #9D2121;
	padding: 3px;
	background: #FFFFFF url(images/bgFieldset.gif) repeat-x bottom;
	margin-bottom: 15px;
}
	.address .addressTitle
	{
		background-color: #9D2121;
		color: #FFFFFF;
		font-weight: bold;
		padding: 3px;
		text-align: center;
	}
	.address p
	{
		margin: 10px;
	}
.phoneDiv
{
	margin: 5px 25px;
	float: left;
}
#map
{
	width: 350px;
	height: 209px;
	float: right;
	margin-left: 15px;
	background-color: #9D2121;
	border: 1px solid #9D2121;
}
.u
{
	text-decoration: underline;
}
.textBox
{
	border: solid 1px #7F2626;
	padding: 3px;
}
.required
{
	border: solid 1px #7F2626;
	padding: 3px;
	background-color: #D1D1D1;
}
#pdfNoticeBox
{
	text-align: left;
	width: 400px;
	margin: 15px auto;
}
/*.testimonial 
{
	margin: 5px 5% 5px 5%;
	padding: 10px;
	border: dashed 1px #d9d9d9;
}

.testimonial img
{
	float: right;
	border: solid 5px #909090;	
}

.testimonial legend
{
	border: solid 2px #909090;	
} */

/*.faqEntry 
{
	padding: 10px;	
	margin: 5px 5% 5px 5%;
	border: dashed 1px #d9d9d9;
}

.faqEntry legend
{
	border: solid 2px #909090;	
}*/

#revealemail
{
	margin-top: 50px;
	background: #FFFFFF;
	text-align:center;	
}
/*.affiliationContent
{
	margin: 5px 5% 5px 5%;
	padding: 10px;
	border: dashed 1px #d9d9d9;
}

.affiliationContent img
{
	float: right;
	border: solid 5px #909090;	
}

.affiliationContent legend
{
	border: solid 2px #909090;	
}

.affiliationContent #description
{
	height: 100px;	
} */
.joblisting #ApplyNow
{
	float:right;
	border: 0;	
}

.joblisting #description
{
float: left; 
clear: left;
width:100%;
}

.joblisting #description li
{
margin-left:15px;
*margin-left:0px;
}

.joblisting #qualifications
{
float: left;
clear:left;
width:100%;
}

.joblisting #qualifications li
{
margin-left:15px;
*margin-left:0px;
}

fieldset label
{
	float: left;
	width: 49%;
	margin-bottom: 15px;
}
	fieldset label td label
	{
		width: auto;
		float: none;
		margin-bottom: 0;
	}
	fieldset .wide
	{
		float: left;
		width: 90%;
		clear: both;
	}

/*.JobApp-Step .formlabel
{

	vertical-align:top;
	width: 110px;

}
.JobApp-Step .wideFormlabel
{

	vertical-align:top;

}


.JobApp-Step .formlabel_short
{
	float: left;
	vertical-align:top;


}*/


.JobApp-Step br
{
	clear: both;
}

.JobApp-Step span
{
	float: left;
}


.JobApp-Step input, select
{
	float:left; 
	margin-bottom: 10px;
	color: #000000;	
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;	
}

.radiosAndChecks input
{
	vertical-align: middle;
	float:left; 
	margin-bottom: 10px;
	color: #000000;	
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;	
}

.fileUploadField
{
	text-align:center;
}

.fileUploadField .button
{
	background-color: Lime;
	border: solid 1px #BA9F5E;	
}
.managementContainer
{
	margin: 0 auto;
}
.management
{
	margin: 0 auto 15px auto;
	width: 150px;
	background: #FFFFFF url(images/bgFieldset.gif) repeat-x bottom;
	padding: 10px;
	border: solid 1px #7F2626;
	text-align: center;
}
	.management img
	{
		border: solid 1px #7F2626;	
	}
	.managementTitle
	{
		color: #7F2626;
		font-weight: bold;
	}
#WizardInstructions
{
	background-color: #7F2626;
	padding: 10px;
	color: #FFFFFF;	

}

.instructions 
{
	text-align:left;
	border: dashed 1px #7F2626;
	background-color: #F4F4E5;
	padding: 10px;
	margin-bottom: 15px;
	font-weight: bold;
}
.button
{
	color: #7F2626;
	font-weight: bold;
	background-color: #F4F4E5;
	border: solid 1px #7F2626;
	cursor: pointer;	
}
.WizardStepButton
{
	color: #7F2626;
	font-weight: bold;
	background-color: #F4F4E5;
	border: solid 1px #7F2626;
	cursor: pointer;	
}



.JobApp-WideCol
{
	padding: 5px;
	float: left;
	vertical-align: top;
	text-align: left;
	width: 500px;
}

.JobApp-LeftCol
{
	padding: 5px;
	float:left;
	vertical-align:top;
	text-align:left;
	width:200px;
}

.JobApp-RightCol
{
			
	margin-left: 15px;
	padding: 5px;
	float:left;
	vertical-align:top;
	text-align:left;
	width: 300px;
}


#bookMarkUsLink
{
	cursor:pointer;
}


.SubmitButton_Large
{

	background-color:Blue;
	color: White;	
	border: solid 2px #909090;	
}

/*.payBillOnline
{
	width: 550px;
	border: dashed 1px #d9d9d9;
	text-align:center;
}

.payBillOnline-WideCol
{
	padding: 5px;
	float: left;
	vertical-align: top;
	text-align: left;
	width: 500px;
}

.payBillOnline-LeftCol
{
	padding: 5px;
	float:left;
	vertical-align:top;
	text-align:left;
	width:200px;
}

.payBillOnline-RightCol
{
			
	margin-left: 15px;
	padding: 5px;
	float:left;
	vertical-align:top;
	text-align:left;
	width: 300px;
}

.payBillOnline .formlabel
{

	vertical-align:top;
	width: 110px;

}

.payBillOnline .wideFormlabel
{

	vertical-align:top;

}


.payBillOnline .formlabel_short
{
	float: left;
	vertical-align:top;


} */


.centerWrapper
{
	text-align:center;
}


.actionNoticeBox
{
	font-weight:bold;
	width: 350px;
	padding: 20px;
	margin: 10px 66px;
	 _margin: 10px 33px;
	border: dashed 1px #7F2626;
	text-align: left;
	background: #F0CCCC url(/images/MessageIcons/YieldSign.gif) 10px 10px no-repeat;
	text-align: center;
	float: left;
}


.actionNoticeBoxGIANT
{
	font-weight:bold;
	width: 350px;
	padding-left: 65px;
	margin: 0 0 10px 10%;
	border: dotted 1px #808080;
	text-align: left;
	vertical-align: middle;
}

/* - - - - - - - - - - - - - - - - - - - 
styles for the FrogJS image gallery
*/

#FrogJS{
	width: 760px;
	height: 600px;
	margin: 0 auto;
}
#FrogJSCredit{
	text-align: right;
	font-size: 80%;
	color: #999;
	padding: 1px;
}
#FrogJSCaption{
	text-align: left;
	line-height: 140%;
}

/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
Modified By: Noah Winecoff (http://www.findmotive.com)
Addition Mods For Florida Southern Roofing By:  Jeff Hillis
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- -CODE BEGINS - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	border:10px solid #7F2626;
	background: #FFFFFF;
	text-align:center;
}

#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img
{
	padding: 0;

}

.tabLink
{
}
#subNav
{
	float: left;
	margin-bottom: 15px;
	width: 550px;
	font-size:9px;
	font-weight:bold;
	text-align:center;
	font-family:Tahoma;
}
	#subNav ul
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: inline;
	}
		#subNav ul li
		{
			float: left;
			width:76px;
			height:36px;
			margin-right:1px;
		}
		#subNav a
		{
			display: block;
			background: url('Images/tabOff.gif') no-repeat;
            color:#a73c3b;
            padding-top:8px;
            height:36px;
            width:76px;
		}
		#subNav a:hover
		{
		    /*background: url('Images/tabOn.gif') no-repeat;*/
		    color:White;
		    text-decoration:none;
		}
    .reflectPosition
    {
        margin-top:-15px;
        *margin-top:-28px;
        _margin-top:-36px;
    }

/* email styles */
	#emailWrap
	{
		width: 550px;
		margin: 15px auto;
	}
		#emailHeader
		{
			float: left;
		}
		#emailContent
		{
			background: #FFFFFF;
			float: left;
			padding: 30px;
			width: 490px;
			text-align: left;
		}
#meetOurPresident
{
	background: #FFFFFF;
}	
#meetOurPresident h1
{
	text-align: center;
}
#meetOurPresident div
{
	overflow-y: scroll;
	height: 415px;
	text-align: left;
	padding-right: 15px;
}
.lightBoxBody
{
	background: #FFFFFF;
}
	.lightBoxBody fieldset
	{
		text-align: left;
	}
.permitting
{
	border: solid 1px #9D2121;
	padding: 10px;
	width: 400px;
	background: #FFFFFF url(images/bgFieldset.gif) repeat-x bottom;
	margin: 15px auto;
}

#rssFeedWrapper
{
    text-align:center;
    margin: 0px auto 0px auto;
    width: 750px;    
    clear: both;
}

#rssFeedWrapper div
{
    text-align:left;    
    float: left;
    width: 230px;
    padding: 5px;
}

.CheckBoxList_Contact input
{
    float:left;
    width: auto !important;
}

.CheckBoxList_Contact label
{
    
    width: 150px;
}