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


/*a:link {color:#FF0000;}      /* unvisited link */
/*a:visited {color:#00FF00;}  /* visited link */
/*a:hover {color:#FF00FF; font-weight:bold;}  /* mouse over link */
/*a:active {color:#0000FF;}  /* selected link */ 

a { color:white; text-decoration:none; }
a:hover { color: #5dd5f2; }

.logo{float:left;margin:10px 10px 10px 50px;}

.title{
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	cursor: pointer;
	color: #E6E6E6;
	display: block;
	font-size: 24px;
	font-weight: bold;
	padding: 6px 6px;
	text-decoration: none;
	text-shadow: -1px -1px 1px rgba(255,255,255,.3), 1px 1px 1px rgba(0,0,0,.7);
	background-clip: text;
}
.menu ul {font-family:Arial, Helvetica, sans-serif;float:left;width:100%;padding:0;margin:0 auto 0 50px;
	list-style-type:none;}
.menu a {
	float: left;
	width: auto;
	text-decoration: none;
	color: #6E6E6E;
	padding: 0.2em 0.6em;
	border-right: 1px solid white;
}
.menu a:hover {background-color:#000;color:#0CF}
.menu li {display:inline;}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
	background: url("../images/bg.jpg") repeat-x scroll center top #DFE6E6;
}
#page{position:relative;width:1024px;margin:0 auto;}
#page h2,#page p{margin: 40px 50px;}

.album-cat-radius{border-radius:0.5em}

#abn{ padding-left:110px; color:black; font-weight:bolder; text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);}
	
/* Slidebox jQuery banner rotator and image slideshow plugin styling*/
/* basic/minimum styling */
.slidebox{position:relative; border:1px solid #fff; margin:0 auto; overflow:hidden;}
.slidebox,.slidebox .slideboxSlide{width:888px;}
.slidebox,.slidebox .slideboxSlides,.slidebox .slideboxSlide{height:250px;}
.slidebox ul{position:relative; overflow:hidden; margin:0; padding:0; border:0; list-style-type:none;}
.slidebox ul li{float:left;}
.slidebox ul li .slideboxCaption{padding:20px;}
.slideboxContainer{position:relative; margin:10px auto;}
.slideboxContainer .slideboxNext,.slideboxContainer .slideboxPrevious{position:absolute; display:block; width:21px; height:21px; top:50%; margin-top:-11px;}
.slideboxContainer .slideboxNext{right:0; margin-right:10px; background:url(../images/slidebox_next.png) no-repeat;}
.slideboxContainer .slideboxNext:hover{background:url(../images/slidebox_next_hover.png) no-repeat;}
.slideboxContainer .slideboxPrevious{margin-left:10px; background:url(../images/slidebox_previous.png) no-repeat;}
.slideboxContainer .slideboxPrevious:hover{background:url(../images/slidebox_previous_hover.png) no-repeat;}
.slideboxContainer .slideboxThumbs{position:absolute; bottom:10px; right:10px; text-align:center;}
.slideboxContainer .slideboxThumbs .slideboxThumb{display:inline-block; margin:0 3px; background:#666; min-width:10px; min-height:10px; text-decoration:none; font-size:12px; color:#fff;}
.slideboxContainer .slideboxThumbs .slideboxThumb:hover,.slideboxContainer .slideboxThumbs .selectedSlideboxThumb{background:#fff; color:#666;}
	
/* classic/additional styling */
#slidebox_1{border:5px solid #fff; box-shadow:0 0 40px rgba(0,0,0,0.3); border-radius:6px;}
#slidebox_1 ul li .slideboxCaption{display:block; position:relative; padding:0; width:888px; height:250px; color:#CCC; text-decoration:none;}
#slidebox_1 ul li .slideboxCaption span{display:block; position:absolute; padding:15px 19px;/* IE10 Consumer Preview */ background-image: -ms-radial-gradient(center, circle farthest-corner, #010340 0%, #130CE8 100%);/* Mozilla Firefox */ background-image: -moz-radial-gradient(center, circle farthest-corner, #010340 0%, #130CE8 100%);/* Opera */
 background-image: -o-radial-gradient(center, circle farthest-corner, #010340 0%, #130CE8 100%);/* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #010340), color-stop(1, #130CE8));/* Webkit (Chrome 11+) */ background-image: -webkit-radial-gradient(center, circle farthest-corner, #010340 0%, #130CE8 100%);/* W3C Markup, IE10 Release Preview */ background-image: radial-gradient(circle farthest-corner at center, #010340 0%, #130CE8 100%); /* IE5 6 */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); border-radius:4px; text-shadow:0.05em 0.05em 0.05em #000; font-size:16px; font-weight:bold; line-height:26px; font-family:Arial, Helvetica, sans-serif;}
#slidebox_1 ul .slideboxSlide_1 .slideboxCaption span,#slidebox_1 ul .slideboxSlide_5 .slideboxCaption span,#slidebox_1 ul .slideboxSlide_2 .slideboxCaption span,#slidebox_1 ul .slideboxSlide_3 .slideboxCaption span,#slidebox_1 ul .slideboxSlide_4 .slideboxCaption span{left:20px; bottom:100px;}
.slideboxContainer #slidebox_1+.slideboxThumbs{position:relative; margin-top:30px;}
.slideboxContainer #slidebox_1+.slideboxThumbs .slideboxThumb{border-radius:10px; background:#ccc; box-shadow:inset 0 0 5px rgba(0,0,0,0.3);}
.slideboxContainer #slidebox_1+.slideboxThumbs .slideboxThumb:hover,.slideboxContainer #slidebox_1+.slideboxThumbs .selectedSlideboxThumb{background:#fff; box-shadow:inset 0 0 4px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.2);}
.slideboxContainer #slidebox_1+.slideboxThumbs .slideboxThumb:active{background:#eee;}
.slideboxContainer #slidebox_1~.slideboxNext,.slideboxContainer #slidebox_1~.slideboxPrevious{width:30px; height:30px; border-radius:21px; margin:-35px 0 0 0; background-color:#ccc; background-image:url(../images/slidebox_icons.png); background-repeat:no-repeat; background-position:0px 0px; box-shadow:inset 0 0 10px rgba(0,0,0,0.2); z-index:10000;}
.slideboxContainer #slidebox_1~.slideboxNext{background-position:-30px 0px;}
.slideboxContainer #slidebox_1~.slideboxPrevious:hover,.slideboxContainer #slidebox_1~.slideboxNext:hover{background-color:#fff; background-position:0px -30px; box-shadow:inset 0 0 10px rgba(0,0,0,0.2),0 0 3px rgba(0,0,0,0.2);}
.slideboxContainer #slidebox_1~.slideboxNext:hover{background-position:-30px -30px;}
.slideboxContainer #slidebox_1~.slideboxPrevious:active,.slideboxContainer #slidebox_1~.slideboxNext:active{background-color:#eee;}
/* End of Slidebox jQuery banner rotator and image slideshow plugin styling*/

/*mid-info*/
#mid-info{
	width: 444px;
	float: left;
	position: relative;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 50px;
}
#mid-info p, #st-info h2 { padding: 0 0 0 4px; width: 430px; }
#mid-info p { font-size: 14px; }
#mid-info p a { color: #0f8fba; }
#mid-info p a:hover { color: #00a8d2; }
/*End of mid-info*/

/*Share Menu*/
#mid-social { padding: 2px 0 0 4px; }
#mid-social li {width: 120px;height: 25px;margin: 0 10px 0 0;float: left; list-style-type:none; list-style-image:none;}
#mid-social li a {display: block;text-align: center;color: #ffffff;text-decoration: none;font-weight: bold;
	text-shadow: 1px 1px 1px #000000;}
#mid-social li#share { background: url(../images/st-sprite.png) -204px 0 no-repeat; }
#mid-social li#facebook { background: url(../images/st-sprite.png) -334px 0 no-repeat; }
#mid-social li#twitter { background: url(../images/st-sprite.png) -464px 0 no-repeat; }
#mid-social li#share:hover { background: url(../images/st-sprite.png) -204px -25px no-repeat; }
#mid-social li#facebook:hover { background: url(../images/st-sprite.png) -334px -25px no-repeat; }
#mid-social li#twitter:hover { background: url(../images/st-sprite.png) -464px -25px no-repeat; }
#mid-social li#share:active { background: url(../images/st-sprite.png) -204px -50px no-repeat; }
#mid-social li#facebook:active { background: url(../images/st-sprite.png) -334px -50px no-repeat; }
#mid-social li#twitter:active { background: url(../images/st-sprite.png) -464px -50px no-repeat; }
#mid-social li#share a { margin: 2px 0 0 -5px; }
#mid-social li#facebook a { margin: 2px 0 0 8px; }
#mid-social li#twitter a { margin: 2px 0 0 12px; }
#share-menu {position: absolute;top: 242px;left: 4px;width: 380px;height: 70px;/*height: 110px;*/background: #eee;
	z-index: 99;display: none;background: #e7ebeb url(../images/bg-trans.png);border-radius: 6px;
	-moz-border-radius: 6px;-webkit-border-radius: 6px;}
#share-menu ul {width: 380px;height: 110px;margin: 8px 0 0 8px;}
#share-menu ul li {float: left;margin: 2px 8px 2px 8px;width: 75px;list-style-type: none;}
#share-menu ul li a {display: block;color: #fff;font-size: 11px;font-weight: bold;text-decoration: none;}
#share-menu ul li a:hover {background-color: transparent;text-decoration: underline;}
#share-menu ul li.share-fb { background: url(../images/share-fb.gif) left no-repeat; padding-left: 22px; }
#share-menu ul li.share-tw { background: url(../images/share-tw.gif) left no-repeat; padding-left: 22px; }
#share-menu ul li.share-ms { background: url(../images/share-ms.gif) left no-repeat; padding-left: 22px; }
#share-menu ul li.share-li { background: url(../images/share-li.gif) left no-repeat; padding-left: 22px; }
#share-menu ul li.share-rd { background: url(../images/share-rd.gif) left no-repeat; padding-left: 22px; }
#share-menu ul li.share-em { background: url(../images/share-em.gif) left no-repeat; padding-left: 22px; }
#share-menu .close a { width: 12px;height: 12px;display: block;text-indent: -9999px;background: transparent url(../images/close-button.png) top left no-repeat;position: absolute;top: 8px;right: 8px;}
/*End of share-menu*/

/*mid-menu*/
#mid-menu{float:left;margin:40px 0 0;width:444px;}
#mid-menu ul li{border-bottom:1px solid #C1C4C1;height: 75px;padding:4px;width:360px;list-style-type:none; list-style-image:none;}
#mid-menu ul li#icon-mid-menu-first{background:url(../images/homeleaf.png) no-repeat scroll left center transparent;
	padding-left:10px;}
#mid-menu ul li#icon-mid-menu-sec{background:url(../images/homeRecycle.png) no-repeat scroll left center transparent;
	padding-left:10px;}
#mid-menu ul li#icon-mid-menu-third{background: url(../images/homeRenovation.png) no-repeat scroll left center transparent; padding-left:10px;}
#mid-menu ul li#icon-mid-menu-fourth{background: url(../images/HomeSoundproof.png) no-repeat scroll left center transparent; padding-left:10px;}
.mid-menu-last{border-bottom:medium none;}
#mid-menu ul li#icon-mid-menu-first:hover { background-color: #c4caca; }
#mid-menu ul li#icon-mid-menu-sec:hover { background-color: #c4caca; }
#mid-menu ul li#icon-mid-menu-third:hover { background-color: #c4caca; }
#mid-menu ul li#icon-mid-menu-fourth:hover { background-color: #c4caca; }
#mid-menu ul li h3 { padding: 0 0 0 86px; text-transform: none; font-weight: bold; line-height: 3px; }
#mid-menu ul li a { text-decoration: none; color: #262525; }
#mid-menu ul li a:hover { text-decoration: none; color: #262525; } 
#mid-menu ul li h3 a { text-decoration: none; color: #0f8fba; } 
#mid-menu ul li h3 a:hover { text-decoration: none; color: #00a8d2; } 
#mid-menu ul li span { padding: 2px 0 19px 86px; margin: 0; font-size: 14px; }
#mid-menu ul li img { float: left; margin: -9px 0 0 0; }
#mid-menu ul li.st-actions-last { border-bottom: none; }
/*End of mid-Menu*/

#footer {
	height: 215px;
	width: 100%;
	clear: both;
	background: url(../images/bg-footer.png) repeat-x;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
#footer-nav {width: 944px;height: 156px;margin: 0 auto;position: relative;top: 23px;background: url(../images/bg-footer-nav.png) no-repeat;}
#footer-nav ul {font-weight: bold;font-size: 12px;text-shadow: 1px 1px 1px #000000;margin: 16px 0 13px 26px;width: 700px;float: left;}
#footer-nav ul li { margin: 0 36px 0 0; float: left; list-style-type:none; list-style-image:none }
#footer-nav ul li a { color: #ffffff; text-decoration: none; }
#footer-nav ul li a:hover { color: #5dd5f2; }
.footer-title { width: 66px; text-align: center; }
#footer-company { color: #33ccff; text-transform: uppercase; font-size: 11px; }
#footer-products { color: #33ccff; text-transform: uppercase; font-size: 11px; }
#footer-social { color: #33ccff; text-transform: uppercase; font-size: 11px; }
#footer-ookla { width: 150px;height: 70px;margin: -95px 35px 0 0;float: right;background: url(../images/st-sprite.png) 0 -48px no-repeat;}
#footer-ookla a {display: block;width: 150px;height: 52px;}
#footer-ookla p {font-size: 10px;line-height: 15px;color: #afafaf;width: 147px;margin: 0;text-align: center;}
#footer-ookla p a { color: #a32214; text-decoration: none; width: inherit; height: inherit; display: inline; }
#footer-ookla p a:hover { color: #f64f18; }

#copyright { float: left;margin: 40px 0 0 0;text-align: center;width: 100%;color: #a3a3a3;font-size: 12px;}
#copyright a { color: #a3a3a3; }
#copyright a:hover { color: #bbbbbb; }