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

body{
	background-image: url(/images/background_secondary.jpg);
	background-repeat: repeat-x;
	margin: 0;
	background-color: #d2cec3;
}

h4{
	margin: 0;
	padding: 0;
}

h1{
	font-size: 16px;	
	font-family: Arial, Helvetica, sans-serif;
	color: #4E7490;
}

h2{
	font-size: 14px;	
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	margin-bottom: 3px;
}

h3{
	font-size: 12px;	
}

a{
	text-decoration: none;	
	cursor: pointer;
}

a:hover{
	text-decoration: underline;	
}
#unjustify{
	text-align: left;	
}

.main_cont{
	width: 916px;
	height: 600px;
	margin: 0 auto;
	position: relative;
	
}

.top_box{
	width: 916px;
	margin: 0 auto;
	height: 164px;
	border-left: 2px solid #887f6f;
	border-right: 2px solid #887f6f;
	color: #887f6f;
}

.view_our_solutions_guide{
	float: right;
	font-family: arial;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 43px;
	padding-right: 8px;
}

.view_our_solutions_guide img{
	position: relative;
	top: 4px;
}

.top_logos{
	float: right;
	padding-right: 8px;
}

.top2{
	height: 82px;	
}

.logo{
	position: absolute;
	top: 30px;
	z-index: 98;
	
}

.find_location{
	float: right;	
	color: #cc7325;
	margin-right: 8px;
	margin-top: 30px;
}

.nav_box{
	width: 565px;
	height: 40px;
	float: right;
	position: relative;
	top: 12px;
	z-index: 999;
}


.nav_cont{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 9px;
}

.nav{
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

.nav li{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

.nav a{
	padding: 0px 3px 0px 3px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	display: block;
	text-decoration: none;
	color: #887f6f;
}

.nav a:hover{
	background-color: #887f6f;
	color: white;
}

.subnav{
	display: none;
	margin: 0;
	padding: 0;
}

.subnav ul li{
	float: left;
	padding: 0;
	margin: 0;
}



.content_cont{
 	width: 916px;
	border-left: 2px solid #887f6f;
	border-right: 2px solid #887f6f;
	border-bottom: 2px solid #887f6f;
	
}

.content{
	background-color: #f1ede6;
	margin: 0px 3px 3px 3px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #887f6f;
	line-height: 20px;
	margin-top: 0px;
	min-height: 600px;
	
}

.content p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #887f6f;
	line-height: 20px;
	margin-top: 0px;
	
}

.content a{
	color:	#ca6e1d;
	text-decoration: none;
}

.content a:hover{
	color:	#ca6e1d;
	text-decoration: underline;
}

.blue_btn{
	width: 133px;
	height: 27px;
	background-image: url(/images/blue_button.jpg);
	background-repeat: no-repeat;
	float: right;
	color: white;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	line-height: 27px;
	text-decoration: none;
}

.blue_btn_sm{
	width: 93px;
	height: 19px;
	background-image: url(/images/blue_button_sm.jpg);
	background-repeat: no-repeat;
	float: right;
	color: white;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 19px;
	text-decoration: none;
}

.blue_btn a,a:visited,a:hover { text-decoration: none; }


.orange_btn{
	width: 133px;
	height: 27px;
	background-image: url(/images/orange_button.jpg);
	background-repeat: no-repeat;
	float: right;
	color: white;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	line-height: 27px;
	text-decoration: none;
}

.orange_btn a,a:visited,a:hover { text-decoration: none; }

.tan_btn{
	width: 107px;
	height: 22px;
	background-image: url(/images/tan_button.jpg);
	background-repeat: no-repeat;
	float: right;
	color: white;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	text-decoration: none;
}

.tan_btn a,a:visited,a:hover { text-decoration: none; }

.left_content{
	float: left;
	clear: left;
	border: 1px solid red;
}

.testimonial_box{
	float: right; 
	clear: right;
	margin: 8px 0px 8px 18px;
	padding: 8px;
	position: relative;
	z-index: 9;
	width: 517px;
	text-align: justify;
	background-color: #D0CCC1;
	font-style: italic;
	font-weight: bold;
}

.header_box{
	float: left;
	width: 36.5%;
}

.testimonial_box span{
	font-style: normal;
	float: right;
	clear: right;
}

.action_container{
	float: right; 
	margin: 0px 0px 8px 20px;
	width: 534px;
	height: 356px;
	position: relative;
	z-index: 2;
}

.action_conainer a{
	text-decoration: none;	
}

.action_img{
	position: absolute;
	top: 0;
	z-index: -999;
}

.trans_blue2{
	position: absolute;
	bottom: 0;
	z-index: 2;
}

.action_overlay{
	position: absolute;
	z-index: 10;
	top: 450px;
	right: 0;
	margin-right: 25px;
	width: 515px;
	z-index: 3;
	
}

.action_overlay h4{
	margin: 0;
	padding: 0;
}
#actionH4{
	color: white; 
	font-size: 26px;
}
.action_overlay h3{
	font-style: italic;
	color: white;
	font-size: 18px;
	margin: 0 0 0 20px;
	padding: 0;
}

.action_btn{
	width: 133px;
	height: 27px;
	background-image: url(/images/action_btn_back.jpg);
	background-repeat: no-repeat;
	float: right;
	color: white;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 27px;
	text-decoration: none;
}

.right_content{
	float: right;
	width: 60%;
	border: 1px solid grey;
	min-height: 400px;
}

.top_content{
	width: 100%;
	min-height: 250px;
	margin-bottom: 10px;
}

.bottom_content{
	width: 100%;
	border: 1px solid grey;
	min-height: 250px;
	margin-bottom: 0;
}

.content_cont h4{
	font-size: 24px;
	color: #ca6e1d;
	font-style:italic;
}

.content_cont h5{
	font-size: 20px; 
	color: #ca6e1d;
}

.bottom1{
	float: left;
	width: 453px;
	background-color: #ede0d2;
	padding: 8px;
	margin-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #887f6f;
}

.bottom1 h4{
	font-style: italic;
	color: #ca6e1d;
	font-size: 25px;
}

.bottom1 a{
	color: #ca6e1d;	
	text-decoration: none;
}

.bottom2{
	position: relative;
	float: left;
	width: 410px;
	height: 214px;
	background-color: #ede0d2;
	padding: 8px;
	margin-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #887f6f;
}

.bottom2_text{
	font-size: 20px;
	color: #887f6f;
	font-style: italic;
}

.bottom2 a{
	text-decoration: none;
	color: #ca6e1d;	
	
}

.bottom2 h4{
	padding-bottom: 25px;	
}

.footer{
	color: #887f6f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.footer_right a{
	text-decoration: none;
	color: #887f6f;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
}

.footer_left{
	float: left;	
}

.footer_right{
	float: right;	
}


/**/
#current{
	background-color: #FDFCFA;
}


ul#topnav {
	z-index: 999;
	margin: 0;
	padding: 4px 0px 0px 0px;
	float: left;
	width: 600px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	/*border-right: 1px solid #555;*/ /*--Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 10px 8px;
	display: block;
	color: #887f6f;
	text-decoration: none;
}
ul#topnav li:hover  a{ background-color: #5d88a2; color: white; }
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:38px;
	display: none; /*--Hide by default--*/
	width: 565px;
	background: #5d88a2;
	color: #fff;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; color: white; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}


.lead_generation_box{
	width: 100%;
}

.lg_left{
	float: left;
	width: 465px;
	background-color: white;
	border-bottom: 2px solid #887f6f;
	min-height: 440px;
	
}

.lg_header{
	height: 33px;
	width: 100%;
	background-color: #887f6f;
	border-bottom: #afa99e;
	color: white;
	margin-bottom: 10px;
			
}

.form_content{
	margin: 8px 0px 8px 0px;
	padding-left: 8px;
	width: 457px;
	position: relative;
}

.form_content h4{
	color: #ca6e1d;
}

.lg_header h4{
	color: white;
	font-size: 22px;
	font-style: italic;
	padding-top: 6px;
	padding-left: 6px;
	
}

.lg_right{
	float: right;
	width: 394px;
}

.lg_steps{
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
}

.lg_steps ul{
	margin-left: 0px;
	
}

.lg_steps li{
	height: 16px;
	line-height: 16px;
	list-style: none;
	background: url(/images/lg_step_future.jpg) left no-repeat;
	padding-left: 25px;
	margin-bottom: 6px;
}

.lg_steps #past{
	background: url(/images/lg_step_past.jpg) left no-repeat;
	color: #88adc0;
}

.lg_steps #present{
	background: url(/images/lg_step_present.jpg) left no-repeat;
	color: #5c8aa4;
	font-weight: bold;
}


.lg_franchise_box{
	width: 395px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 2;
}

.lg_franchise_action{
	width: 394px;
	height: 59px;
	position: absolute;
	left: 0;
	bottom: 0;
	padding-bottom: 7px;
	text-align: left;
	z-index: 3;
}


.cms_mid1_text{
	position: relative;
}

.cms_mid1_text img{
	position: absolute;
	bottom: 0; 
	right: 80px; 
	padding: 4px; 						
	z-index: 2;
}

.cms_mid1_text h4{
	position: relative;
	padding: 6px 6px 6px 6px;
	background-color: #a9977f;
	font-size: 17px;
	font-style: italic;
	color: white;
	text-align: left;
	height: 78px;
	width: 340px;
	z-index: 1;
}

.simple_popup_div {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 300px;
}
.simple_popup_inner {
    padding: 20px;
    border: #999 2px solid;
    text-align: left;
}
.simple_popup_close {
    text-align: right;
}
.gallery_dropdown{
	position: relative;
	left: 50px;
	z-index: 999;
	width: 500px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
}

.gallery_dropdown a{
	color: black;
	text-decoration: none;
}

.gallery_dropdown a:hover{
	color: #ca6e1d;
	text-decoration: underline;
}

.gallery_select{
	float: left;	
}

.gallery_select ul {
	padding: 0; 
	margin: 0; 
	font: 1em sans-serif;
	}
	
.gallery_select ul li {
	list-style-type: none;
 	border: 1px solid #cccccc; 
	background: rgba(255, 255, 255, 0.5);
	position: relative; 
	margin: 0; 
	padding: 6;
	}
	
.gallery_select ul ul {
	display: none;
	}
	
.gallery_select ul li:hover > ul {
	display: block; 
	position: absolute; 
	top: 20px; 
	left: 100%;
	}
	
.gallery_select li a {
	display: block; 
	padding: 5px 7px; 
	text-decoration: none;
 	
	color: black;
	}
	
.gallery_select ul#topmenu li a:hover {
	background: #cccccc;
	}

.gallery_select li.sub{
	width: 180px;	
	text-align: center;
	padding: 4px;
	cursor: hand;
	display: block;
	color: black;
}

.gallery_select li.sub > a {
	font-weight: bold; 
	background: rgba(255, 255, 255, 0.5);
	color: black;
	}

.gallery_select ul#topmenu {
	
	}
	
.gallery_select ul#topmenu > li:hover > ul {
	width: 150px; 
	top: 27px; 
	left: -1px;
	}

.gallery_select ul ul {
	width: 15em;
	font-size: 12px;
	position: absolute;
	left: 15px;
	}
	
.gallery_select ul li ul li{
	width: 189px;
	background: rgba(255, 255, 255, 0.5);
}

.gallery_previous{
	float: left;
	padding: 6px;
	font-size: 12px;
	border: 1px solid #ccc;
	background: rgba(255, 255, 255, 0.5);
}

.gallery_next{
	float: left;
	padding: 6px 18px;
	font-size: 12px;
	border: 1px solid #ccc;
	background: rgba(255, 255, 255, 0.5);
}

.ba_gallery_cont{
	width: 100%;
	margin: 0 auto;
	min-height: 500px;
	padding-top: 10px;
}

.ba_gallery_left{
	float: left;
	width: 20%;
}

.ba_gallery_right{
	float: right;
	width: 77%;
	
}

.image_before{
	border: 1px solid #887f6f;
	width: 340px;
	float: left;
}

.image_after{
	border: 1px solid #887f6f;
	width: 340px;
	float: right;
}

.project_text{
	width: 97.5%;
	background-color: #D0CCC1;
	min-height: 100px;
	margin-top: 20px;
	padding: 8px;
}

.ba_navBox{
	width: 173px;
	padding: 8px 2px;
	text-align: left;
	font-size: 12px;
	min-height: 65px;
}

.ba_navBox:hover{
	background-color: white;
	width: 175px;
	padding: 8px 0px;
	text-align: left;
	font-size: 12px;
}

.ba_navBox img{
	margin-right: 4px;
}

.before_text{
	position: absolute;
	top: 185px;
	left: 480px;
}

.after_text{
	position: absolute;
	top: 185px;
	left: 830px;
}

.before_text h4,
.after_text h4{
	font-size: 26px;
	color: #557994;
}

#blanket {
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background-color:#000000;
opacity: 0.65;
filter:alpha(opacity=65);
width:405px;
height:500px;
z-index: 9002;
}

.beforeImage {
	float:right; 
	width: 405px;
}

.beforeImage #close_button {
	position:relative;
}

.beforeImage .close_button {
	position:absolute; 
	top:10px; 
	left:370px; 
	border:none; 
	cursor:pointer;
}

.beforeImage img#BeforeImageLarge{
/*	border:6px solid #fff; */
	margin:0; 
	padding:0; 
	text-align:center;
}

.field{
	font-size: 11px;
	color: #887F6F;
}

.title{
	font-size: 11px;
	font-weight: bold;
}

.image a{
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}