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

#bodycontent {
	width: 980px;
	margin: 0;
	float: left;
}

/* TOP SECTION */

#topsection {
	overflow: visible; 
	width: 976px;
	margin: 4px 0 0 0;
	clear: both;
}

	
#topsection .box {
	float: left;
	background: #fafafa;
	padding: 3px 3px 3px 0;
	border: 2px solid #d3cfc3;
	width: 750px;
	overflow: visible;
	margin-bottom: 14px;
}

#topsection .box .left {
	width: 203px;
}

#topsection .box .left h3 {
	text-align: center;
	font-size: 0.7em;
	padding: 0 10px;

}

#topsection .box .left ul {
border-top: 2px dotted #d3cfc3;
margin: 15px 0 1px 0;
	width: 203px;
	padding: 0;
	list-style-type: none;

}

#topsection .box .left ul li {
margin: 0;
border-bottom: 2px dotted #d3cfc3;
	list-style-image: none;
	padding: 2px 0;
	
}

#topsection .box .left ul li a {
padding: 3px 20px 3px 0;
display: block;
text-decoration: none;
font-weight: bold;
text-align: right;
	width: 183px;
	color: #594a42;
}

#topsection .box .left ul li a:hover {
background: url(../Images/homepage-link-bg.jpg) repeat-y right;
}

#topsection .box .left p.small {
	text-align: center;
	font-size: 0.6em;
	color: #594a42;
	padding: 0 10px;

}

#topsection .box #right {
	float: right;
	width: 547px;
	height: 330px;
	position: relative;
}

#topsection .box #right #hoverlayer {
	width:547px;
	height:330px;
	margin: 0px;
	padding:0;
	z-index: 6;
	position: absolute;
	top: 0px;
	right: 0px; 
}

#topsection .box #right iframe {
	width:493px;
	height:276px;
	margin: 27px;
	padding:0;
	z-index: 5;
	position: absolute;
	top: 0px;
	right: 0px;
}

#topsection .box #right #border {
	width:547px;
	height:330px;
	margin: 0px;
	padding:0;
	z-index: 1;
	position: absolute;
	top: 0px; right: 0px;
}

#topsection #homeform {
	float: right;
	background: #e6e6e5;
	padding: 3px;
	border: 2px solid #a13727;
    width: 196px;
}
	
#topsection #homeform h2 {
	 background: #a13727 url(../Images/homepage-titles.jpg) repeat-x top; 
	 text-align: center; 
	 color: #fff; 
	 font-weight: bold; 
	 padding: 4px; 
	 margin: 0; 
	 font-size: 0.7em; 
	 border: 0;
}
	 
#homeform form {
	  padding: 10px 6px 0 6px;
	  width: 182px; 
	  margin: 1px auto 2px auto;
	  overflow: hidden;
}
	  
#homeform form label {
	  width: 100px; 
	  font-size: 0.7em; 
	  text-align: right; 
	  font-weight: bold; 
	  padding: 7px 0 0px 0;
	  margin-bottom: 5px;
	  clear: both;
}



#homeform form input.Textbox {
	  border: 1px solid #a13727; 
	  width: 176px; 
	  padding: 3px;
	  margin-bottom: 10px;
}
	  
	  
#homeform form label.ticklabel {
	float: left;
	  width: 122px; 
	  padding: 2px 0 5px 0;
	  margin: 0;
	  }
	  
#homeform form input.Tickbox {
	  border: 1px solid #a13727; 
	  background: #fff;
	  float: left; 
	  margin: 0 0 5px 4px;
	  padding: 4px 2px 1px 4px;
}

#homeform form textarea {
	border: 1px solid #a13727; 
	width: 176px; 
	  height: 50px;
		float: right; 
	  padding: 2px;
	  margin-bottom: 5px;
}

#homeform form input.Button {
	margin: 4px auto;
	width: 107px;
	height: 20px;
	display: block;
	clear: both;
	border: 1px solid #a13727; 
	padding: 0;
}

#homeform form p	{
	font-size: 0.6em;
	clear: both;
	}

#homeform form p.required	{
	zzpadding-left: 109px;
	}
	

#homeform p	{
	font-size: 0.7em;
	clear: both;
	  width: 182px; 
	margin: auto;
	}
	
/* MIDDLE SECTION */

#middlesection {
	overflow: hidden; 
	width: 976px;
	margin: 14px 0;
	clear: both;
}


#middlesection #testimonals {
	background: #fff;
	border: 2px solid #d3cfc3; 
	width: 330px; 
	float: left; 
	margin: 0 10px 0 0; 
	padding: 3px 3px 0 3px;
	height: 190px;
	}

#middlesection #testimonals h2 {
    background: #c68974 url(../Images/homepage-titles.jpg) repeat-x top; 
	font-size: 0.7em; 
	text-align: center; 
	color: #fff; 
	font-weight: bold; 
	padding: 3px; 
	margin: 0; 
	border: 0;
	}
	
#middlesection #testimonals h2 b{
	display: none;
	}

#middlesection #testimonals p {
	padding: 1px 5px; 
	text-align: center;
	color: #383838;
	font-weight: bold;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	}

#middlesection #testimonals p i { 
	text-align: right; 
	font-size: 0.75em; 
	color:#868686; 
	font-weight: bold; 
	display: block;
	line-height: 1.4em;
	}
	
#middlesection .prodbox {
	background: #fff;
	border: 2px solid #d3cfc3; 
	width: 145px; 
	float: left; 
	margin: 0 10px 0 0;
	}
	
#middlesection .lastbox {
	margin: 0 0 0 0;
	}
	
#middlesection .prodbox h2 {
	background: #e6e6e5; 
	border-bottom: 2px solid #d3cfc3; 
	font-size: 0.7em; 
	text-align: center; 
	font-weight: bold; 
	padding: 3px; 
	margin: 0; 
	color: #a13727; 
	font-family: Arial, Verdana,  Helvetica, sans-serif
	}
	
#middlesection .prodbox h2 a {
	text-decoration: none;
	}
	
#middlesection .prodbox h2 a b {
display: none;
	}

#middlesection .prodbox p.highlight {
	padding: 0 5px; 
	text-align: center; 
	color: #383838;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	margin-bottom: 10px;
	}
	
#middlesection .prodbox p.highlight b {
	float: left;
	width: 80px;
	}	
	
#middlesection .prodbox p.highlight img {
	float: right;
	width: 50px;
	}	
	
#middlesection .prodbox p {
	margin: 14px 0;
	padding: 0 7px 1px 7px; 
	text-align: center; 
	color:#868686; 
	clear: both;
	font-family: Arial, Verdana,  Helvetica, sans-serif
	}
	
#middlesection .prodbox a.button {
	background: #c68974 url(../Images/homepage-titles.jpg) repeat-x top; 
	font-size: 0.6em; 
	text-align: center; 
	color: #fff; 
	font-weight: bold; 
	padding: 6px 3px; 
	margin: 0; 
	border: 0; 
	clear: both;
	display: block;
	}
	
/* BOTTOM SECTION */

#bottomsection {
	overflow: hidden; 
	width: 976px;
	margin: 0 0 14px 0;
	clear: both;
}


/* Inststall box */
#bottomsection .boxinstaller {
	border: 2px solid #d3cfc3;
	background: #fff;
	padding: 3px;
	width: 186px;
	float: right;
}
#bottomsection #installscroller {
	float: right;
	width: 186px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
	font-size: 0.6em;
	text-align: left;
	}



#bottomsection #installscroller iframe {
	padding: 0px;
	width: 184px;
}

#bottomsection #installscroller h4 {
	margin: 0;
	padding: 5px;
	text-align: center;
	font-size: 1em;
	border-bottom: 1px solid #d3cfc3;
	background: #d3cfc3;
}



	
#bottomsection .boxbottom {
	background: #fff;
	padding: 3px;
	border: 2px solid #9d2917;
	width: 760px;
}
	


/* START OF HOVER BOXES FOR IF DEMO */

									
										
									zz#topsection .box #right #hoverlayer p {
										font-size: 0.7em;
										margin: 0 0 10px 0;
									}
										
									
									
										
									/* DISPLAY SETTINGS */
									
									
									#topsection .box #right #hoverlayer div#backgroundfade,
									#topsection .box #right #hoverlayer #border {
										position: absolute;
										z-index: 1;
										}
									
									#topsection .box #right #hoverlayer #background,
									#topsection .box #right #hoverlayer div#clock,
									#topsection .box #right #hoverlayer div#rss1,
									#topsection .box #right #hoverlayer div#imageslide,
									#topsection .box #right #hoverlayer div#tv,
									#topsection .box #right #hoverlayer div#htmlslide,
									#topsection .box #right #hoverlayer div#rss2,
									#topsection .box #right #hoverlayer div#rss3 {
										position: absolute;
										z-index: 2;
										}
									
									#topsection .box #right #hoverlayer div#borderexplaned,
									#topsection .box #right #hoverlayer div#backgroundexplaned,
									#topsection .box #right #hoverlayer div#clockexplaned,
									#topsection .box #right #hoverlayer div#rss1explaned,
									#topsection .box #right #hoverlayer div#imageslideexplaned,
									#topsection .box #right #hoverlayer div#tvexplaned,
									#topsection .box #right #hoverlayer div#htmlslideexplaned,
									#topsection .box #right #hoverlayer div#rss2explaned {
										position: absolute;
										border: 1px solid #000;
										background-image: url(../Images/white-tint.png);
										padding: 0;
										z-index: 5;
										overflow: visible;
										font-size: 1.1em;
										}	
	
									
										
										/* HOVER SETTINGS */
										
										#topsection .box #right #hoverlayer div#borderexplaned,
										#topsection .box #right #hoverlayer div#backgroundexplaned,
										#topsection .box #right #hoverlayer div#clockexplaned,
										#topsection .box #right #hoverlayer div#rss1explaned,
										#topsection .box #right #hoverlayer div#imageslideexplaned,
										#topsection .box #right #hoverlayer div#tvexplaned,
										#topsection .box #right #hoverlayer div#htmlslideexplaned,
										#topsection .box #right #hoverlayer div#rss2explaned {
											width: 300px;
											visibility: hidden;
											}

											
											
										#topsection .box #right #hoverlayer a.close {
											border: 1px solid #000;
											background: #e6e6e6;
											border-width: 0 0 1px 1px;
											float: right;
											width: 13px;
											height: 16px;
											margin: 0;
											z-index: 6;
											padding: 2px 4px 2px 6px;
											font-family: Helvetica, sans-serif;
											text-align: center;
											display: block;
											color: #000;
											text-decoration: none;
											font-size: 0.8em;
											font-weight: bold;
										}	
										
										#topsection .box #right #hoverlayer a.close:hover {
											background: #c0bfbf;
										}
										
										#topsection .box #right #hoverlayer .lefttext {
											float: left;
										}
										
										#topsection .box #right #hoverlayer h2 {
											border-bottom: 1px solid #000;
											font-size: 0.55em;
											margin: 10px;
										}
										
										
										#topsection .box #right #hoverlayer p {
											margin: 10px;
											text-align: justify;
											font-size: 0.55em;
											line-height: 1.5em;
											width: 255px;
										}
										
										#topsection .box #right #hoverlayer .lefttext p a {
											background: #c0bfbf;
											color: #000;
											font-weight: bold;
											text-decoration: none;
											border-bottom: 3px double #000;
										}
										
										#topsection .box #right #hoverlayer .lefttext p a:hover {
											background: #000;
											color: #fff;
										}
										
/* END OF HOVER BOXES FOR IF DEMO */