/* CSS Document */

/* nav functionality styles: */
	ul#gal-nav{
	float:left;
	margin:0;
	left:17px;
	padding:0;
	list-style:none;
	width:800px;
	position:relative;
	/**line-height:1em;needs to match height**/
	height:32px;/**needs to match line-height**/
	}
	#gal-nav a{
	display: block;
	width: 133px;
	}
	ul#gal-nav ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	ul#gal-nav li{
	padding:0;
	margin:0;
	width:133px;
	float: left;
	}
	ul#gal-nav li a {
	width:133px;
	height:32px;
	}
	ul#gal-nav li ul {
	position: absolute; 
	left: -999em;
	padding:0px;
	margin:0px;
	}
	ul#gal-nav li ul li {
	width:100%;
	}
	ul#gal-nav li:hover ul, ul#gal-nav li.over ul {
	left:0px;
	}
	ul#gal-nav li:hover ul, ul#gal-nav li.over ul {
	left:0px;
	}

/* nav look/feel styles */
	.dropdown{
	text-align:left;
	width:800px;
	}
	ul#gal-nav li ul.dropdown .dropdown-bg-content{
	background:url(/images/images/opacity_main.png);
	
	}
	ul#gal-nav li ul.dropdown .dropdown-bottom{
	background:url(/images/images/opacity_bottom.png);
	height:20px;
	width:800px;
	}
	.dropdown-inner{
	padding: 5px 20px 0px 20px;
	color:white;
	font-weight:bold;
	position:relative;
	line-height:1.7em;
	}
	ul#gal-nav a{
	display:block;
	text-indent:-999em;
	width:100%;
	height:32px;
	color:white;
	text-decoration:none;
	}
	ul#gal-nav li#roofing a.root{background:url(/images/images/roofing.gif)}
	ul#gal-nav li#roofing:hover a.root,ul#gal-nav li.over#roofing a.root{background:url(/images/images/roofing.gif) left 64px;}
	#roofingpage ul#gal-nav li#roofing a.root{background:url(/images/images/roofing.gif) left 32px;}
	
	ul#gal-nav li#gutters a.root{background:url(/images/images/gutters.gif)}
	ul#gal-nav li#gutters:hover a.root, ul#gal-nav li.over#gutters a.root{background:url(/images/images/gutters.gif) left 64px;}
	#gutterspage ul#gal-nav li#gutters a.root{background:url(/images/images/gutters.gif) left 32px;}
	ul#gal-nav li#gutters{width:134px;}
	ul#gal-nav li#gutters a.root{width:134px;}
	
	ul#gal-nav li#siding a.root{background:url(/images/images/siding.gif)}
	ul#gal-nav li#siding:hover a.root, ul#gal-nav li.over#siding a.root{background:url(/images/images/siding.gif) left 64px;}
	#sidingpage ul#gal-nav li#siding a.root{background:url(/images/images/siding.gif) left 32px;}
	
	ul#gal-nav li#windows a.root{background:url(/images/images/windows.gif)}
	ul#gal-nav li#windows:hover a.root, ul#gal-nav li.over#windows a.root{background:url(/images/images/windows.gif) left 64px;}
	#windowspage ul#gal-nav li#windows a.root{background:url(/images/images/windows.gif) left 32px;}
	
	ul#gal-nav li#insulation a.root{background:url(/images/images/insulation.gif)}
	ul#gal-nav li#insulation:hover a.root, ul#gal-nav li.over#insulation a.root{background:url(/images/images/insulation.gif) left 64px;}
	#insulationpage ul#gal-nav li#insulation a.root{background:url(/images/images/insulation.gif) left 32px;}
	ul#gal-nav li#insulation{width:134px}
	ul#gal-nav li#insulation a.root{width:134px}
	
	ul#gal-nav li#homework a.root{background:url(/images/images/homework.gif)}
	ul#gal-nav li#homework:hover a.root, ul#gal-nav li.over#homework a.root{background:url(/images/images/homework.gif) left 64px;}
	#homeworkpage ul#gal-nav li#homework a.root{background:url(/images/images/homework.gif) left 32px;}

	/*Dropdown links styles - reset anchor tag styles*/
	ul#gal-nav .dropdown a{
	display:inline;
	color:yellow;
	background:none;
	border:none;
	}
	ul#gal-nav .dropdown h2{
	color:white;
	}
	ul#gal-nav .dropdown a:hover{
	color:yellow;
	background:none;
	border:none;
	text-decoration:underline;
	}

	/*Dropdown links structure styles*/
	ul#gal-nav .dropdown dl.navcontent{
	float:none;
	width:760px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	}
	ul#gal-nav .dropdown dl.navcontent dd{
	float:left;
	margin:0px;
	padding:0px;
	}
	ul#gal-nav .dropdown dl.navcontent dd.nextrow{
	padding-top:20px;
	}
	ul#gal-nav .dropdown dl.navcontent a{
	width:auto;
	height:auto;
	text-indent:0;
	display:inline;
	}