/*
Theme Name: columbiaSkylights
*/
.vscroll-slider {
	background:#8c8c8c;
	height:55px !important;
	background: url(images/btn-scroll-slider.gif) no-repeat 50% 0;
	overflow:hidden !important;
	z-index:50 !important;
}
html {height:100%;}
body{
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	height:100%;
	background:#565555;
	color:#e5e5e5;
}
img{ border-style:none;}
a{
	text-decoration:none;
	color:#e5e5e5;
}
ul li {
	list-style-position: inside;
}

table, th, td
{
	font-family: 'Arial Unicode MS', Arial, sans-serif;
	border-collapse:collapse;
	padding: 0;
}

company-info table, td{
	font-family: 'Arial Unicode MS', Arial, sans-serif;
	padding: 2px;
}

a:hover{text-decoration:none;}
input, textarea, select{ vertical-align:middle;}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper {
	width:981px;
	margin:0 auto;
}
.header-top {
	padding:17px 0 7px;
	overflow:hidden;
	width:100%;
}
.header-top ul{
	float:right;
	margin:0;
	margin:0;
	list-style:none;
}
.header-top ul li{
	float:left;
	/*background:url(images/separator.gif) no-repeat 2px 1px;*/
	padding:0 2px 0 10px;
	font-size:10px;
}
.header-top ul li:first-child {
	padding-left:0;
	background:none;
}
.header-top ul li a{
	color:#a6a6a6;
}
.header-top ul li a:hover{
	color:#dba92f;
	text-decoration:none;
}
#nav {
	width:100%;
	position:relative;
	z-index:5000;
}
#nav:after {
	clear: both;
	content:"";
	display: block;
}
#header h1{
	margin:3px 0 0;
	float:left;
	width:135px;
	height:71px;
	background:url(images/logo.gif) no-repeat;
}
#header h1 a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:100%;
}
#nav ul{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
#nav ul li{
	float:left;
	margin-left:9px;
	display:inline;
	position:relative;
	width:160px;
}
#nav ul li:first-child {
	padding-left:0;
}
#nav ul li a{
	display:block;
	width:160px;
	height:78px;
}
#nav ul li a span{
	position:absolute;
	bottom:4px;
	left:6px;
	width:144px;
	height:16px;
	background:url(images/bg-nav.jpg) no-repeat;
	color:#fff;
	padding:2px 0 0 5px;
	font-size:12px;
}
#nav ul li.why a span{left:7px;}
#nav ul li a:hover span, #nav ul li.active a span,
#nav ul li:hover a span, #nav ul li.hover a span{
	height:22px;
	padding:0 0 0 5px;
	background:url(images/bg-nav-hover.jpg) no-repeat;
	bottom:4px;
}

#nav ul li.home a{
	background:url(images/btn-home.jpg) no-repeat;
}
#nav ul li.why a{
	background:url(images/btn-why.jpg) no-repeat;
}
#nav ul li.residential a{
	background:url(images/btn-residential.jpg) no-repeat;
}
#nav ul li.commercial a{
	background:url(images/btn-commercial.jpg) no-repeat;
}
#nav ul li.about a{
	background:url(images/btn-about.jpg) no-repeat;
}
#nav ul li a:hover, #nav ul li.active a,
#nav ul li:hover a, #nav ul li.hover a{
	background-position:0 -78px;
	text-decoration:none;
}
#nav ul li:hover .drop, #nav ul li.hover .drop {
	visibility:visible;
}
#nav .drop {
	visibility:hidden;
	position:absolute;
	left:6px;
	top:74px;
	width:150px !important;
	z-index:99;
}
#nav ul li ul {
	margin:0;
	padding:7px 0;
	list-style:none;
	background:url(images/bg-drop.png);
}
#nav ul li ul li{
	width:auto !important;
	margin-left:0 !important;
}
#nav ul li ul li a{
	background:none !important;
	height:auto !important;
	width:143px;
	padding:2px 0 2px 7px;
}
#nav ul li ul li a:hover{
	background:url(images/bg-drop-hover.gif) repeat-y !important;
	text-decoration:none;
}
#nav ul li ul li a em{
	display: block;
	font-style:normal;
	padding-left:9px;
	background:url(images/bullet.gif) no-repeat 0 6px;
	list-style-position: outside;
}
#main {
	margin-top:22px;
}
.intro {
	overflow:hidden;
	height:1%;
	margin-bottom:24px;
	margin-left:-2px;
	position:relative;
}
.intro img{display:block;}
.intro .img-holder{
	float:left;
	width:606px;
}
.intro .title{
	float:left;
	width:375px;
}
.news {
	padding-left:4px;
	line-height:15px;
}
.news h2{
	margin:0 0 20px;
	font-size:20px;
	font-weight:normal;
	color:#b5cfcc;
}
.news-holder {
	overflow:hidden;
	height:1%;
	position:relative;
}
.news .column {
	float:left;
	width:290px;
	padding-left:49px;
}
.news .first {
	padding-left:0;
}
.news em.date {
	display:block;
	font-style:normal;
	color:#b3b3b3;
	font-size:12px;
	padding-bottom:5px;
}
.news h3{
	margin:0 0 4px;
	font-weight:normal;
	font-size:12px;
	color:#dba92f;
}
.news h3 a{
	color:#dba92f;
}
.news p {
	margin:0 0 24px;
}
.news a.more {
	float:left;
	width:73px;
	height:21px;
	text-align:center;
	line-height:20px;
	color:#b5cfcc;
	background:url(images/btn-read.jpg) no-repeat;
}
.news a.more:hover {
	background-position:0 -21px;
	color:#fff;
	text-decoration:none;
}
#two-columns {
	overflow:hidden;
	height:1%;
}
#content {
	float:right;
	width:830px;
}
#content h2{
	margin:0 0 10px;
	font-weight:normal;
	font-size:28px;
	line-height:28px;
	color:#fff;
}
.about-holder {
	width:821px;
	background:url(images/bg-about-c.gif) repeat-y;
}
.about-holder .holder{
	background:url(images/bg-about-t.gif) no-repeat;
}
.about-holder .frame{
	background:url(images/bg-about-b.gif) no-repeat 0 100%;
	overflow:hidden;
	height:1%;
	padding:27px 30px 40px 34px;
}
.content-holder {
	width:755px;
	height:330px;
	overflow:auto;
	line-height:17px;
}
.content-holder ul li {
	list-style-position: outside;
}
.content-holder ol li {
	list-style-position: outside;
}
.content-holder h3{
	margin:0 0 10px;
	font-size:16px;
	color:#fff;
	font-weight:normal;
}
.content-holder p{
	margin:0 0 17px;
}
.scroll-content table {
	margin-bottom: 20px;
}

.content-holder h4{
	margin:2 0 0;
	color: #fff;
	text-transform: capitalize; /* force text to proper case */
}
.content-holder p a{
	color:#dba92f;
}
.whypage {
	overflow:hidden;
	width:100%;
}
.whypage img.left{
	float:left;
}
.whypage .data {
	float:left;
	width:482px;
	background:url(images/bg-whypage-c.gif) repeat-y;
}
.whypage .data .holder{
	background:url(images/bg-whypage-t.gif) no-repeat;
}
.whypage .data .frame{
	background:url(images/bg-whypage-b.gif) no-repeat 0 100%;
	overflow:hidden;
	height:1%;
	padding:24px 13px 28px 25px;
}
.whypage .data .content-holder {
	width:426px !important;
	padding-right:20px;
	height:373px !important;
}
.products-holder {
	overflow:hidden;
	width:100%;
}
.products-holder a {
	color: #d5a92f;
}
.products-holder a:hover {
	color: #d5a92f;
}
.products-holder .gallery {
	float:left;
	width:341px;
}
.carousel {
	overflow:hidden;
	width:100%;
	position:relative;
	height:424px;
}
.carousel a.link-prev {
	text-indent:-9999px;
	background:url(images/btn-prev.gif) no-repeat;
	width:8px;
	height:13px;
	position:absolute;
	bottom:12px;
	right:45px;
	z-index:99;
	overflow:hidden;
	cursor:pointer;
}
.carousel a.link-next {
	text-indent:-9999px;
	background:url(images/btn-next.gif) no-repeat;
	width:8px;
	height:13px;
	position:absolute;
	bottom:12px;
	right:20px;
	z-index:99;
	overflow:hidden;
	cursor:pointer;
}
.carousel div {
	width:341px;
	overflow:hidden;
	position:relative;
}
.carousel div ul{
	width:99999px;
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	overflow:hidden;
}
.carousel div ul li {
	float:left;
	width:341px;
	background:none !important;
	padding:0 !important;
}
.products-holder .button-holder {
	background:#5e5e5e;
	padding:12px 5px 9px 12px;
}
.products-holder .button-holder ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.products-holder .button-holder ul li{
	float:left;
	padding:0 5px 4px 0 !important;
	background:none !important;
}
.products-holder .button-holder ul li a{
	display:block;
	width:103px;
	height:21px;
	background:url(images/bg-btn.gif) no-repeat;
	text-align:center;
	line-height:20px;
	color:#fff;
	font-size:12px;
	font-weight:normal;
}
.products-holder .button-holder ul li a:hover{
	background:url(images/bg-btn-hover.gif) no-repeat;
	text-decoration:none;
}
.products-holder .gallery img{display:block;}
.products-holder .data {
	float:left;
	width:486px;
	background:url(images/bg-product-info-c.jpg) repeat-y;
}
.products-holder .data .holder{
	background:url(images/bg-product-info-t.jpg) no-repeat;
}
.products-holder .data .frame{
	background:url(images/bg-product-info-b.jpg) no-repeat 0 100%;
	overflow:hidden;
	height:1%;
	padding:12px 11px 33px 43px;
}
.products-holder .content-holder {
	width:415px !important;
	height:380px !important;
	padding-right:17px;
}
.products-holder .content-holder h3{
	font-size:17px;
	margin-bottom:14px;
}
.products-holder ul {
	margin:0;
	padding:4px 0 0 3px;
	list-style:none;
}
.products-holder ul li{
	background:url(images/bullet-disc.gif) no-repeat 0 6px;
	padding:0 0 10px 13px;
	color:#eee;
	font-weight:normal;
	font-size:12px;
}
.products-holder ul li ul li{
	background: none no-repeat 0;
	padding:0 0 10px 10px;
	color:#fff;
	font-weight:normal;
	font-size:11px;
	list-style-type: disc;
}
/* list with degalt bullets */
.products-holder .hackadelic-sliderPanel ul{
	list-style:disc;
}
.products-holder .hackadelic-sliderPanel ul li{
	background:url(images/arrow_bullet.gif) no-repeat 0 6px;
	list-style: disc;
	padding:0 0 10px 13px;
	color:#eee;
	font-weight:normal;
	font-size:12px;
	line-height: 1;
	
}

ul.breadcrumbs {
	margin:0;
	padding:0 0 3px;
	list-style:none;
	font-size:11px;
}
ul.breadcrumbs li{
	display:inline;
	background:url(images/two-arrows.gif) no-repeat 0 5px;
	padding:0 2px 0 11px;
	color:#333;
}
ul.breadcrumbs li:first-child {
	padding-left:0;
	background:none;
}
ul.breadcrumbs li a{color: #333;}
#sidebar {
	float:left;
	width:145px;
}
#sidebar .title {
	width:139px;
	background:url(images/bg-sidetitle-c.gif) repeat-y;
}
#sidebar .title .holder{
	background:url(images/bg-sidetitle-t.gif) no-repeat;
}
#sidebar .title h3{
	background:url(images/bg-sidetitle-b.gif) no-repeat 0 100%;
	margin:0;
	padding:6px 5px 8px;
	font-size:15px;
	font-weight:normal;
	color:#fff;
}
#sidebar ul {
	margin:0;
	padding:5px 0 0 7px;
	list-style:none;
	font-size:12px;
}
#sidebar ul.alt {
	font-size:12px;
	padding-left:0;
}
#sidebar ul.alt li{
	padding:0 0 8px 8px;
}
#sidebar ul li{
	padding:0 0 6px 10px;
	background:url(images/bullet2.gif) no-repeat 0 6px;
}
/*****************************/
#sidebar ul li.current_page_ancestor a,
#sidebar ul li.current_page_parent a,
#sidebar ul li.current_page_item a,
#sidebar ul li a:hover, #sidebar ul li.active a{
	color: #dba92f;
	text-decoration:none;
}
/*#sidebar ul li ul {display:none;}*/
#sidebar ul.alt li ul {
	font-size:11px;
	padding:5px 0 3px 3px;
}

#sidebar ul li.current_page_ancestor ul,
#sidebar ul li.current_page_parent ul,
#sidebar ul li.current_page_item ul,
#sidebar ul li.active ul {display:block;}

#sidebar ul li.current_page_ancestor ul li a,
#sidebar ul li.current_page_parent ul li a,
#sidebar ul li.current_page_item ul li a, 
#sidebar ul li.active ul li a {color:#e5e5e5;}

#sidebar ul li.current_page_ancestor ul li.current_page_parent a,
#sidebar ul li.current_page_parent ul li.current_page_item a,
#sidebar ul li.current_page_parent ul li a:hover,
#sidebar ul li.active ul li a:hover,
#sidebar ul li.active ul li.active a {color:#dba92f;}

#sidebar ul.alt li ul li {padding-bottom:0;}

#sidebar ul li.current_page_ancestor ul li.current_page_parent ul,
#sidebar ul li.current_page_parent ul li.current_page_item ul,
#sidebar ul li.active ul li.active ul{
	display:block ;
}
#sidebar ul li ul li ul{
	display:none;
	padding:3px 0 14px !important;
}
#sidebar ul li ul li ul li {
	background:url(images/arrow.gif) no-repeat 0 3px;
	padding:0 0 1px 12px !important;
}
#sidebar ul li ul li ul li a{
	color:#e5e5e5 !important;
}
#sidebar ul li ul li ul li.current_page_item a,
#sidebar ul li ul li ul li a:hover, #sidebar ul li ul li ul li.active a{
	color:#dba92f;
}
#sidebar ul li.current_page_item a{
	color:#dba92f!important;
}
#sidebar ul li.current_page_item ul a{
	color:#e5e5e5!important;
}
/***************************************************/
/*--- fade gallery ---*/
.fade-gall{
	width:341px;
	height:424px;
	background:url(images/bg-gallery.gif) no-repeat;
	position:relative;
	overflow:hidden;
}
.fade-gall ul{
	width:341px;
	height:424px;
	position:relative;
	z-index:1;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.fade-gall ul li{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	margin:0;
	padding:0;
	background:none;
	width:341px;
	height:424px;
	text-align:center;
	line-height:424px;
	/*visibility:hidden;*/
}
.fade-gall ul img{
	margin:0 auto;
}
.fade-gall .btn-prev,
.fade-gall .btn-next{
	width:15px;
	height:15px;
	background:url(images/gallery-nav.gif) no-repeat;
	text-indent:-6666px;
	overflow:hidden;
	z-index:3;
	position:absolute;
	bottom:10px;
}
.fade-gall .btn-prev{
	background-position:0 -15px;
	right: 16px;
}
.fade-gall .btn-next{
	background-position:0 0;
	right: 41px;
}
#header{
	width:100%;
}
#header:after{
	content:'';
	display:block;
	clear:both;
	overflow:hidden;
}
#main{
	width:100%;
}
#nav .drop{
	background:url(images/none.gif);
}
/*------------------*/
#sidebar ul.alt li ul {
	font-size:11px;
	padding:5px 0 3px 3px;
	display:none;
}
#sidebar ul li.active ul {display:block;}
#sidebar ul li.active ul li a {color:#e5e5e5;}
#sidebar ul li.active ul li a:hover,
#sidebar ul li.active ul li.active a {color:#dba92f;}
#sidebar ul.alt li ul li {padding-bottom:0;}
#sidebar ul li li  li.current_page_parent ul{
	display:block !important;
}
#sidebar ul li li  li.current_page_parent ul
#sidebar  li.current_page_parent > ul{
	display:none !important;
	padding:3px 0 15px !important;
}
#sidebar ul li li  li.current_page_parent ul li {
	background:url(images/arrow.gif) no-repeat 0 3px;
	padding:0 0 1px 12px;
}
#sidebar ul li li  li.current_page_parent ul li a{
	color:#e5e5e5 !important;
}
#sidebar ul li li  li.current_page_parent ul li a:hover, #sidebar ul li li  li.current_page_parent ul li.active a{
	color:#dba92f !important;
}
/*-------------*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/*-----------------*/
.vscroll-slider {
	background:#8c8c8c;
	height:55px !important;
	background: url(images/btn-scroll-slider.gif) no-repeat 50% 0;
	overflow:hidden !important;
}
.vscroll-line {
	
}
/*******/
#sidebar ul li.current_page_ancestor ul li.current_page_parent ul li ul,
#sidebar ul li.current_page_parent ul li.current_page_item ul li ul,
#sidebar ul li.current_page_ancestor ul li ul,
#sidebar ul li.current_page_parent ul li ul,
#sidebar ul li.current_page_item ul li ul,
#sidebar ul li ul{
     display:none;
}
/*#sidebar ul li:hover ul,
#sidebar ul li.hover ul,*/
#sidebar ul li.current_page_ancestor ul li.current_page_parent li.current_page_item ul,
#sidebar ul li.current_page_parent ul li.current_page_item ul,
#sidebar ul li.current_page_ancestor ul,
#sidebar ul li.current_page_parent ul,
#sidebar ul li.current_page_item ul{
	display: block;
}

/********************/
#sidebar ul.alt li.current_page_item ul li ul,
#sidebar ul.alt li.current_page_parent ul li.current_page_item ul li ul,
#sidebar ul.alt li.current_page_ancestor ul li.current_page_parent ul li ul,
#sidebar ul.alt li.current_page_ancestor ul li ul,
#sidebar ul.alt li.current_page_parent ul li ul,
#sidebar ul.alt li ul{
     display:none;
}

#sidebar ul.alt li.current_page_ancestor ul li.current_page_parent li.current_page_item ul,
#sidebar ul.alt li.current_page_parent ul li.current_page_item ul,
#sidebar ul.alt li.current_page_ancestor ul li.current_page_parent ul,
#sidebar ul.alt li.current_page_ancestor ul,
#sidebar ul.alt li.current_page_parent ul,
#sidebar ul.alt li.current_page_item ul{
	display: block;
}

/**********************************************/
#sidebar ul.alt li.current_page_ancestor ul li.current_page_ancestor li.current_page_parent ul,
#sidebar ul.alt li.current_page_ancestor ul li.current_page_ancestor ul,
#sidebar ul.alt li.current_page_ancestor ul li.current_page_parent ul{
	display: block;
}
#sidebar ul.alt li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor a{
	color:#dba92f !important;
}
#sidebar ul.alt li.current_page_ancestor ul li.current_page_ancestor li.current_page_parent a,
#sidebar ul.alt li.current_page_ancestor ul li.current_page_ancestor a,
#sidebar ul.alt li.current_page_ancestor ul li.current_page_parent a{
	color:#dba92f;
}
.products-holder .button-holder ul li.current_page_item a{
	background:url(images/bg-btn-hover.gif) no-repeat;
	text-decoration:none;
}


/*
My additional styles
*/
.hackadelic-sliderPanel {
	border-top: 1px solid #ccc;
	padding: 5px 0px 15px 0px;
}
a.hackadelic-sliderButton {
	padding: 1px 0px 1px 20px;
	font-size: 12px;
	font-weight: normal;
	background: url(images/arrow_slider3.gif) no-repeat 2px 3px;
	display: block;
	color: #fff;
}
a.hackadelic-sliderButton:hover {
	background-color: #6c6b6b;
	text-decoration: none;
}
.entry .hackadelic-sliderPanel {
	background-color: #fcfcfc;
}
.textwidget .hackadelic-sliderButton {
	display: block;
	text-align: center;
	margin: .5em;
}
.textwidget .hackadelic-sliderPanel {
	background-color: #F0F0E0;
}
#nav ul li a{
	cursor:pointer;
}


/*
Language (qtranslate) specific styles
*/
qtranslate-chooser input, textarea, select
{
	font-size: 10px;
	background-color: #565555;
	color: #e5e5e5;
}