@charset "UTF-8";


/* Overflow:hidden breaks top nav  - forces behind flash movie in maint_ct */


/* PNG Hack */


img, div { behavior: url(http://www.roofingsouthwest.com/iepngfix.htc) }


/*PNG Hack end */



#header img {
	margin: 0px;
	padding: 0px;
}


/* whatever hover */
body { behavior: url(http://www.roofingsouthwest.com/css/csshover2.htc); }



ul#SpriteMenu1 {
	margin: 0;
	padding: 0;
	list-style: none;	
}

ul#SpriteMenu1 li {
	float: left;
	margin: 0;
	padding: 0;
	height: 60px;
	
}

ul#SpriteMenu1 li a {
	background: url(http://www.roofingsouthwest.com/i/menu2009923.png) no-repeat;
	display: block;
	height: 60px;
	outline: 0;
	text-indent: -999em;
	overflow:hidden;
	
}


ul#SpriteMenu1 li#Menu1-MenuItem1 a:link, ul#SpriteMenu1 li#Menu1-MenuItem1 a:visited, ul#SpriteMenu1 li#Menu1-MenuItem1 a:focus {
	background-position: -0px -0px;
}

ul#SpriteMenu1 li#Menu1-MenuItem1 a:hover {
	background-position: -0px -60px;
}

ul#SpriteMenu1 li#Menu1-MenuItem1 a:active {
	background-position: -0px -120px;
}

ul#SpriteMenu1 li#Menu1-MenuItem2 a:link, ul#SpriteMenu1 li#Menu1-MenuItem2 a:visited, ul#SpriteMenu1 li#Menu1-MenuItem2 a:focus {
	background-position: -62px -0px;
}

ul#SpriteMenu1 li#Menu1-MenuItem2 a:hover {
	background-position: -62px -60px;
}

ul#SpriteMenu1 li#Menu1-MenuItem2 a:active {
	background-position: -62px -120px;
}

ul#SpriteMenu1 li#Menu1-MenuItem3 a:link, ul#SpriteMenu1 li#Menu1-MenuItem3 a:visited, ul#SpriteMenu1 li#Menu1-MenuItem3 a:focus {
	background-position: -162px -0px;
}

ul#SpriteMenu1 li#Menu1-MenuItem3 a:hover {
	background-position: -162px -60px;
}

ul#SpriteMenu1 li#Menu1-MenuItem3 a:active {
	background-position: -162px -120px;
}

ul#SpriteMenu1 li#Menu1-MenuItem4 a:link, ul#SpriteMenu1 li#Menu1-MenuItem4 a:visited, ul#SpriteMenu1 li#Menu1-MenuItem4 a:focus {
	background-position: -269px -0px;
}

ul#SpriteMenu1 li#Menu1-MenuItem4 a:hover {
	background-position: -269px -60px;
}

ul#SpriteMenu1 li#Menu1-MenuItem4 a:active {
	background-position: -269px -120px;
}

ul#SpriteMenu1 li#Menu1-MenuItem5 a:link, ul#SpriteMenu1 li#Menu1-MenuItem5 a:visited, ul#SpriteMenu1 li#Menu1-MenuItem5 a:focus {
	background-position: -342px -0px;
}

ul#SpriteMenu1 li#Menu1-MenuItem5 a:hover {
	background-position: -342px -60px;
}

ul#SpriteMenu1 li#Menu1-MenuItem5 a:active {
	background-position: -342px -120px;
}

ul#SpriteMenu1 li#Menu1-MenuItem6 a:link, ul#SpriteMenu1 li#Menu1-MenuItem6 a:visited, ul#SpriteMenu1 li#Menu1-MenuItem6 a:focus {
	background-position: -400px -0px;
}

ul#SpriteMenu1 li#Menu1-MenuItem6 a:hover {
	background-position: -400px -60px;
}

ul#SpriteMenu1 li#Menu1-MenuItem6 a:active {
	background-position: -400px -120px;
}

ul#SpriteMenu1 li#Menu1-MenuItem7 a:link, ul#SpriteMenu1 li#Menu1-MenuItem7 a:visited, ul#SpriteMenu1 li#Menu1-MenuItem7 a:focus {
	background-position: -481px -0px;
}

ul#SpriteMenu1 li#Menu1-MenuItem7 a:hover {
	background-position: -481px -60px;
}

ul#SpriteMenu1 li#Menu1-MenuItem7 a:active {
	background-position: -481px -120px;
}

ul#SpriteMenu1 li#Menu1-MenuItem8 a:link, ul#SpriteMenu1 li#Menu1-MenuItem8 a:visited, ul#SpriteMenu1 li#Menu1-MenuItem8 a:focus {
	background-position: -607px -0px;
}

ul#SpriteMenu1 li#Menu1-MenuItem8 a:hover {
	background-position: -607px -60px;
}

ul#SpriteMenu1 li#Menu1-MenuItem8 a:active {
	background-position: -607px -120px;
}

ul#SpriteMenu1 li#Menu1-MenuItem9 a:link, ul#SpriteMenu1 li#Menu1-MenuItem9 a:visited, ul#SpriteMenu1 li#Menu1-MenuItem9 a:focus {
	background-position: -701px -0px;
}

ul#SpriteMenu1 li#Menu1-MenuItem9 a:hover {
	background-position: -701px -60px;
}

ul#SpriteMenu1 li#Menu1-MenuItem9 a:active {
	background-position: -701px -120px;
}

ul#SpriteMenu1 li#Menu1-MenuItem10 a:link, ul#SpriteMenu1 li#Menu1-MenuItem10 a:visited, ul#SpriteMenu1 li#Menu1-MenuItem10 a:focus {
	background-position: -785px -0px;
}

ul#SpriteMenu1 li#Menu1-MenuItem10 a:hover {
	background-position: -785px -60px;
}

ul#SpriteMenu1 li#Menu1-MenuItem10 a:active {
	background-position: -785px -120px;
}

ul#SpriteMenu1 li#Menu1-MenuItem11 a:link, ul#SpriteMenu1 li#Menu1-MenuItem11 a:visited, ul#SpriteMenu1 li#Menu1-MenuItem11 a:focus {
	background-position: -857px -0px;
}

ul#SpriteMenu1 li#Menu1-MenuItem11 a:hover {
	background-position: -857px -60px;
}

ul#SpriteMenu1 li#Menu1-MenuItem11 a:active {
	background-position: -857px -120px;
}



/* Styling for suckerfish menus */


/* get rid of text-indent, as actual text is wanted here */

ul#SpriteMenu1 li ul li a {
	text-indent:0px;
	background:none;
	height: 30px;
	line-height:30px;
	width: 150px;
	padding-left: 5px;
	color:#99001E;
	text-decoration:none;
	/* font-weight:bold; */
	overflow:hidden;
        z-index:99;
} 


/* take subnav out of flow */
ul#SpriteMenu1 li ul {
	position:absolute;
	margin:-10px 0px 0px -2px;
	padding:0px;
	left:-999em;
	border-top:none;
	border-right: 2px solid #232323;
	border-left: 2px solid #232323;
	border-bottom: 2px solid #232323;
	background-color:#060606;
	width: 150px;
	/* overflow:hidden; */
        z-index:99; 		
}





/* change list style to vertical */
ul#SpriteMenu1 li ul li {
	list-style:none;
	float:none;
	background:none;
	height: 30px;
	width: 150px;
	/* overflow:hidden; */ 
} 


ul#SpriteMenu1 li ul li:hover {
    background-color:#262626;
	
	}



/* sfHover class adds Jquery animation */
ul#SpriteMenu1 li:hover ul, ul#SpriteMenu1 li.sfHover ul {
	
	left:auto;

}



/* Footer Menu begin */


#footer ul {
	margin: 35px auto 0px auto;
	padding: 0;
	list-style: none;
	overflow:hidden;
	text-align:center;
	width: 100%;
	text-align:center;
	
	}


#footer ul li {
	display:inline;
	margin: 10px auto 0px auto;
	padding: 0px 5px;
	
}

#footer ul li a {
	text-decoration:none;
	color: #99001E;

}

#footer ul li a:hover {
	
	color: #C3C3C3;

}	










/* Footer Menu end */