/* ---------------------------------------------------------------
 * roofing/ Feature Pages
 * --------------------------------------------------------------- */

/* The top left */
div#feature-top-left-roofing
{
	margin: 0;
	float: left;
	background-image: url(/images/roofing/feature-roofing-top-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 350px;
	height: 0 !important;
	overflow: hidden;
	padding: 154px 0 0;
	height /* */: 154px;
}
div#feature-top-call-roofing
{
	margin: 0;
	float: left;
	width: 183px;
	height: 154px;
}
h2#feature-top-phone-roofing
{
	margin: 0;
	background-image: url(/images/roofing/feature-roofing-top-call.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 183px;
	height: 0 !important;
	overflow: hidden;
	padding: 123px 0 0;
	height /* */: 123px;
}
h2#feature-top-call-link-roofing
{
	margin: 0;
	background-image: url(/images/roofing/feature-roofing-top-link-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 183px;
}
h2#feature-top-call-link-roofing a
{
	display: block;
	margin: 0;
	background-image: url(/images/roofing/feature-roofing-top-link.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 0 !important;
	overflow: hidden;
	padding: 31px 0 0;
	height /* */: 31px;
}
h2#feature-top-call-link-roofing a:hover
{
	background-image: none;
}
div#feature-top-guy-roofing
{
	float: left;
	margin: 0;
	background-image: url(/images/roofing/feature-roofing-top-guy.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 207px;
	height: 0 !important;
	overflow: hidden;
	padding: 154px 0 0;
	height /* */: 154px;
}

/***********************************/


/* ---------------------------------------------------------------
 * roofing Vertical Page
 * --------------------------------------------------------------- */



div#roofing-top
{
	background-color: #D7EAFB;
	margin: 0;
	padding: 0;
	height: 242px;
	width: 540px;
	overflow: hidden;
}

/* The top left */
div#roofing-top-left
{
	margin: 0;
	float: left;
	background-image: url(/images/roofing/roofing-top-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 350px;
	height: 0 !important;
	overflow: hidden;
	padding: 242px 0 0;
	height /* */: 242px;
}
div#roofing-top-call
{
	margin: 0;
	float: left;
	width: 190px;
	height: 242px;
}
h2#roofing-top-guy
{
	margin: 0;
	background-image: url(/images/roofing/roofing-top-guy.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 190px;
	height: 0 !important;
	overflow: hidden;
	padding: 178px 0 0;
	height /* */: 178px;
}
h2#roofing-top-call-link
{
	margin: 0;
	padding: 0;
	background-image: url(/images/roofing/roofing-top-link-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 64px;
	width: 190px;
}
h2#roofing-top-call-link a
{
	display: block;
	margin: 0;
	background-image: url(/images/roofing/roofing-top-link.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 0 !important;
	overflow: hidden;
	padding: 64px 0 0;
	height /* */: 64px;
}
h2#roofing-top-call-link a:hover
{
	background-image: none;
}

p#roofing-button
{
	margin: 0 10px;
	padding: 0;
	background-image: url(/images/roofing/roofing-button-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 126px;
}
p#roofing-button a
{
	display: block;
	margin: 0;
	background-image: url(/images/roofing/roofing-button.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 0 !important;
	overflow: hidden;
	padding: 126px 0 0;
	height /* */: 126px;
}
p#roofing-button a:hover
{
	background-image: none;
}

#vertical-top {

            width: 760px;
            height: 53px;
            margin: 0 0 12px 0;
            background-image: url(/images/shared/verticals/head-roofing.gif);
            background-position: center;
            background-repeat: no-repeat;

}