/* Skin CSS for Round2 Communications 
--------------------------------------- */
/* 2005_06_06
--------------------------------------- */
/*

	1.  	display
	2.  	float and position
	3.  	width and height
	4.  	Specific element properties
	5.  	margin
	6.  	border
	7.  	padding
	8.  	background
	9.  	color
	10.  	font related properties

*/

/* Document
------------------------------------------------------------------------------ */

body
{
	background:#ccc;
	color:#000;
}

img
{
	border:none;
}

a
{
	Color:#blue;
}

a:hover, a:visited
{
	color:#b12222;
}

abbr
{
	cursor: help;
	border-bottom: 1px dotted #878787;
}

/* Basic IDs  used in layout
------------------------------------------------------------------------------ */


#branding
{
	background: url(/_i/brand_bg.jpg) no-repeat right 0px;
}

#branding-logo a
{
	background: url(/_i/brand_logo.gif) no-repeat;
	text-indent:-9999em;
}

#branding-tagline
{
	background: url(/_i/brand_tagline.jpg) no-repeat;
	text-indent:-9999em;
}

#content
{
	background: url(/_i/bg_content.gif);
}

#sub h4
{
	margin-left:2px;
	height:22px;
	width:182px;
	background:#CF1C1C;
	color:#fff;
}

#sub p
{
	font-weight:bold;
	color:#006;
}

#sub ul
{
	list-style:none;
}

#sub p span
{
	margin:0 15px;
	font-weight:bold;
	color:#eabc2d;
}

#sub ul li
{
	margin-left:2px;
	list-style:none;
	background:#cf1c1c;
	color:#fff;
}

#interior div.special h4
{
	display:block;
	padding:5px 5px 2px 5px;
	font-size:12px;
	font-weight:bold;
	background:#cf1c1c;
	color:#fff;
}

#interior div.special p
{
	padding:5px;
}

#interior.iframe #content
{
	background:#fff;
}

#content iframe
{
	border:none;
	margin:0;
	padding:0;
}

#nav-tier1
{
	background:#fff;
}

/* Tier 1 Nav
------------------------------------------------------------------------------ */

#interior #nav-tier1
{
	background:#fff;
}

#nav-tier1 ul li
{
	background:#eabc2d;
}

#nav-tier1 li.window
{
	margin:0 0 0 2px;
	background: url(/_i/nav_window_bg.jpg) no-repeat;
}

#interior #nav-tier1 li.window
{
	background:#eabc2d;
}
#nav-tier1 li.kitchen
{
	margin:0 3px 0 3px;
	background: url(/_i/nav_kitchen_bg.jpg) no-repeat;
}

#interior #nav-tier1 li.kitchen
{
	background:#eabc2d;
}

#nav-tier1 li.siding
{
	margin:0 3px 0 0px;
	background: url(/_i/nav_roof_bg.jpg) no-repeat -91px 0;
}

#interior #nav-tier1 li.siding
{
	background:#eabc2d;
}

#nav-tier1 li.roofing
{
	margin: 0;
	background: url(/_i/nav_roof_bg.jpg) no-repeat;
}

#nav-tier1 li.coatings
{
	margin: 0;
	background: url(/_i/nav_coatings_bg.jpg) no-repeat;
}

#interior #nav-tier1 li.roofing, #interior #nav-tier1 li.coatings
{
	background:#eabc2d;
}

#nav-tier1 a
{
	background:#eabc2d;
}

#nav-tier1 .window a
{
	background: url(/_i/nav_window.gif) no-repeat 0px 0px;
}
#nav-tier1 .window a:hover, #nav-tier1 .window a.here
{
	background: url(/_i/nav_window.gif) no-repeat 0 -27px;
}
#nav-tier1 .kitchen a
{
	background: url(/_i/nav_kitchen.gif) no-repeat 0 0;
}
#nav-tier1 .kitchen a:hover, #nav-tier1 .kitchen .here
{
	background: url(/_i/nav_kitchen.gif) no-repeat 0 -27px;
}
#nav-tier1 .siding a
{
	background: url(/_i/nav_siding_sml.gif) no-repeat 0 0;
}
#nav-tier1 .siding a:hover, #nav-tier1 .siding .here
{
	background: url(/_i/nav_siding_sml.gif) no-repeat 0 -27px;
}
#nav-tier1 .roofing a
{
	background: url(/_i/nav_roofing_sml.gif) no-repeat 0 0;
}
#nav-tier1 .roofing a:hover, #nav-tier1 .roofing .here
{
	background: url(/_i/nav_roofing_sml.gif) no-repeat 0 -27px;
}

#nav-tier1 .coatings a
{
	background: url(/_i/nav_coatings.gif) no-repeat 0 0;
}
#nav-tier1 .coatings a:hover, #nav-tier1 .coatings .here
{
	background: url(/_i/nav_coatings.gif) no-repeat 0 -27px;
}

/* Local Interior Nav
------------------------------------------------------------------------------ */



#nav-local ul li
{
	background:#006;
	color:#fff;
}

#nav-local #l_nav_01
{
	background: url(/_i/l_nav_01.gif) 0 0 no-repeat;
}

#nav-local #l_nav_02
{
	background: url(/_i/l_nav_02.gif) 0 0 no-repeat;
}

#nav-local #l_nav_03
{
	background: url(/_i/l_nav_03.gif) 0 0 no-repeat;
}

#nav-local #l_nav_04
{
	background: url(/_i/l_nav_w_04.gif) 0 0 no-repeat;
}

#nav-local #l_nav_08
{
	background: url(/_i/l_nav_b_08.gif) 0 0 no-repeat;
}

#nav-local #l_nav_05
{
	background: url(/_i/l_nav_05.gif) 0 0 no-repeat;
}

#nav-local #l_nav_coating
{
	background: url(/_i/l_nav_coating.gif) 0 0 no-repeat;
}

#nav-local #l_nav_coating a:hover, #nav-local #l_nav_coating a.here
{
	background: url(/_i/l_nav_coating.gif) 0 -22px no-repeat;
}

#nav-local #l_nav_coating_video
{
	background: url(/_i/l_nav_coating_video.gif) 0 0 no-repeat;
}

#nav-local #l_nav_coating_video a:hover, #nav-local #l_nav_coating_video a.here
{
	background: url(/_i/l_nav_coating_video.gif) 0 -22px no-repeat;
}

/**** Window Hover Properties ****/

#nav-local a, #nav-local a:hover
{
	color:#006;
}

#nav-local #l_nav_01 a:hover, #nav-local #l_nav_01 a.here
{
	background: url(/_i/l_nav_01.gif) 0 -22px no-repeat;
}

#interior.window #nav-local #l_nav_01
{
	background: url(/_i/l_nav_w_01.gif) 0 0 no-repeat;
}

#interior.window #nav-local #l_nav_01 a:hover, #interior.window #nav-local #l_nav_01 a.here
{
	background: url(/_i/l_nav_w_01.gif) 0 -22px no-repeat;
}

#nav-local #l_nav_02 a:hover, #nav-local #l_nav_02 a.here
{
	background: url(/_i/l_nav_02.gif) 0 -22px no-repeat;
}

#nav-local #l_nav_03 a:hover, #nav-local #l_nav_03 a.here
{
	background: url(/_i/l_nav_03.gif) 0 -22px no-repeat;
}

#nav-local #l_nav_04 a:hover, #nav-local #l_nav_04 a.here
{
	background: url(/_i/l_nav_w_04.gif) 0 -22px no-repeat;
}

#nav-local #l_nav_08 a:hover, #nav-local #l_nav_08 a.here
{
	background: url(/_i/l_nav_b_08.gif) 0 -22px no-repeat;
}

#nav-local #l_nav_05 a:hover, #nav-local #l_nav_05 a.here
{
	background: url(/_i/l_nav_05.gif) 0 -22px no-repeat;
}

/**** Kitchen Nav ****/

#interior.kitchen #nav-local #l_nav_01 
{
	background: url(/_i/l_nav_k_01.gif) 0 0 no-repeat;
}

#interior.kitchen #nav-local #l_nav_01 a:hover, #nav-local #l_nav_01 a.here
{
	background: url(/_i/l_nav_k_01.gif) 0 -22px no-repeat;
}

#interior.kitchen #nav-local #l_nav_02
{
	background: url(/_i/l_nav_2_02.gif) 0 0 no-repeat;
}

#interior.kitchen #nav-local #l_nav_03
{
	background: url(/_i/l_nav_2_03.gif) 0 0 no-repeat;
}

#interior.kitchen #nav-local #l_nav_04
{
	background: url(/_i/l_nav_2_04.gif) 0 0 no-repeat;
}

#interior.kitchen #nav-local #l_nav_05
{
	background: url(/_i/l_nav_k_04.gif) 0 0 no-repeat;
}

#interior.kitchen #nav-local #l_nav_06
{
	background: url(/_i/l_nav_05.gif) 0 0 no-repeat;
}

#interior.kitchen #nav-local #l_nav_07
{
	background: url(/_i/l_nav_05.gif) 0 0 no-repeat;
}

/**** Kitchen Rollover *****/

#interior.kitchen #l_nav_02 a:hover, #interior.kitchen #l_nav_02 a.here
{
	background: url(/_i/l_nav_2_02.gif) 0 -22px no-repeat;
}

#interior.kitchen #l_nav_03 a:hover, #interior.kitchen #l_nav_03 a.here
{
	background: url(/_i/l_nav_2_03.gif) 0 -22px no-repeat;
}

#interior.kitchen #l_nav_04 a:hover, #interior.kitchen #l_nav_04 a.here
{
	background: url(/_i/l_nav_2_04.gif) 0 -22px no-repeat;
}

#interior.kitchen #l_nav_05 a:hover, #interior.kitchen #l_nav_05 a.here
{
	background: url(/_i/l_nav_k_04.gif) 0 -22px no-repeat;
}

#interior.kitchen #l_nav_06 a:hover, #interior.kitchen #l_nav_06 a.here
{
	background: url(/_i/l_nav_05.gif) 0 -22px no-repeat;
}

#interior.kitchen #l_nav_07 a:hover, #interior.kitchen #l_nav_07 a.here
{
	background: url(/_i/l_nav_05.gif) 0 -22px no-repeat;
}

/**** Cabinet Navigation ****/

/**** Roofing Nav ****/

#interior.roofing #nav-local #l_nav_01
{
	background: url(/_i/l_nav_r_01.gif) 0 0 no-repeat;
}

#interior.roofing #nav-local #l_nav_01 a:hover, #interior.roofing #nav-local #l_nav_01 a.here
{
	background: url(/_i/l_nav_r_01.gif) 0 -22px no-repeat;
}

#interior.roofing #l_nav_02
{
	background: url(/_i/l_nav_4_02.gif) 0 0 no-repeat;
}

#interior.roofing #l_nav_03
{
	background: url(/_i/l_nav_r_04.gif) 0 0 no-repeat;
}

#interior.roofing #l_nav_02 a:hover, #interior.roofing #l_nav_02 a.here
{
	background: url(/_i/l_nav_4_02.gif) 0 -22px no-repeat;
}

#interior.roofing #l_nav_03 a:hover, #interior.roofing #l_nav_03 a.here
{
	background: url(/_i/l_nav_r_04.gif) 0 -22px no-repeat;
}

/* Siding Nav Properties
------------------------------------------------------------------------------ */

#interior.siding #nav-local #l_nav_01
{
	background: url(/_i/l_nav_s_01.gif) 0 0 no-repeat;
}

#interior.siding #nav-local #l_nav_01 a:hover, #interior.siding #nav-local #l_nav_01 a.here
{
	background: url(/_i/l_nav_s_01.gif) 0 -22px no-repeat;
}

#interior.siding #l_nav_02
{
	background: url(/_i/l_nav_3_02.gif) 0 0 no-repeat;
}

#interior.siding #l_nav_03
{
	background: url(/_i/l_nav_3_03.gif) 0 0 no-repeat;
}

#interior.siding #l_nav_04
{
	background: url(/_i/l_nav_s_04.gif) 0 0 no-repeat;
}

#interior.siding #l_nav_05
{
	background: url(/_i/l_nav_05.gif) 0 0 no-repeat;
}

#interior.siding #l_nav_06
{
	background: url(/_i/l_nav_05.gif) 0 0 no-repeat;
}

/* Siding Hover Properties
------------------------------------------------------------------------------ */

#interior.siding #l_nav_02 a:hover, #interior.siding #l_nav_02 a.here
{
	background: url(/_i/l_nav_3_02.gif) 0 -22px no-repeat;
}

#interior.siding #l_nav_03 a:hover, #interior.siding #l_nav_03 a.here
{
	background: url(/_i/l_nav_3_03.gif) 0 -22px no-repeat;
}

#interior.siding #l_nav_04 a:hover, #interior.siding #l_nav_04 a.here
{
	background: url(/_i/l_nav_s_04.gif) 0 -22px no-repeat;
}

#interior.siding #l_nav_05 a:hover, #interior.siding #l_nav_05 a.here
{
	background: url(/_i/l_nav_05.gif) 0 -22px no-repeat;
}

#interior.siding #l_nav_06 a:hover, #interior.siding #l_nav_06 a.here
{
	background: url(/_i/l_nav_05.gif) 0 -22px no-repeat;
}

/* Utility Nav
------------------------------------------------------------------------------ */


#nav-utility li
{
	background:#878787;
	color:#fff;
}

#nav-utility li a, #nav-utility a:hover
{
	color:#878787;
}

#nav-utility #u_nav_01, #interior.utility #nav-utility #u_nav_01
{
	background:#878787 url(/_i/u_nav_01.gif) 0 0 no-repeat;
}

#nav-utility #u_nav_02, #interior.utility #nav-utility #u_nav_02
{
	background:#878787 url(/_i/u_nav_02.gif) 0 0 no-repeat;
}

#nav-utility #u_nav_03, #interior.utility #nav-utility #u_nav_03
{
	background:#878787 url(/_i/u_nav_03.gif) 0 0 no-repeat;
}

#nav-utility #u_nav_04, #interior.utility #nav-utility #u_nav_04
{
	background:#878787 url(/_i/u_nav_04.gif) 0 0 no-repeat;
}

#nav-utility #u_nav_05, #interior.utility #nav-utility #u_nav_05
{
	background:#878787 url(/_i/u_nav_05.gif) 0 0 no-repeat;
}

#nav-utility #u_nav_06, #interior.utility #nav-utility #u_nav_06
{
	background:#878787 url(/_i/u_int_nav_03.gif) 0 0 no-repeat;
}

#nav-utility #u_nav_07, #interior.utility #nav-utility #u_nav_07
{
	background:#878787 url(/_i/u_nav_07.gif) 0 0 no-repeat;
}

#nav-utility #u_nav_01 a:hover, #nav-utility #u_nav_01 a.here, #interior.utility #nav-utility #u_nav_01 a:hover, #interior.utility #nav-utility #u_nav_01 a.here
{
	background: url(/_i/u_nav_01.gif) 0 -22px no-repeat;
}

#nav-utility #u_nav_02 a:hover, #nav-utility #u_nav_02 a.here, #interior.utility #nav-utility #u_nav_02 a:hover, #interior.utility #nav-utility #u_nav_02 a.here
{
	background: url(/_i/u_nav_02.gif) 0 -22px no-repeat;
}

#nav-utility #u_nav_03 a:hover, #nav-utility #u_nav_03 a.here, #interior.utility #nav-utility #u_nav_03 a:hover, #interior.utility #nav-utility #u_nav_03 a.here
{
	background: url(/_i/u_nav_03.gif) 0 -22px no-repeat;
}

#nav-utility #u_nav_04 a:hover, #nav-utility #u_nav_04 a.here, #interior.utility #nav-utility #u_nav_04 a:hover, #interior.utility #nav-utility #u_nav_04 a.here
{
	background: url(/_i/u_nav_04.gif) 0 -22px no-repeat;
}

#nav-utility #u_nav_05 a:hover, #nav-utility #u_nav_05 a.here, #interior.utility #nav-utility #u_nav_05 a:hover, #interior.utility #nav-utility #u_nav_05 a.here
{
	background: url(/_i/u_nav_05.gif) 0 -22px no-repeat;
}

#nav-utility #u_nav_06 a:hover, #nav-utility #u_nav_06 a.here, #interior.utility #nav-utility #u_nav_06 a:hover, #interior.utility #nav-utility #u_nav_06 a.here
{
	background: url(/_i/u_int_nav_03.gif) 0 -22px no-repeat;
}

#nav-utility #u_nav_07 a:hover, #nav-utility #u_nav_07 a.here, #interior.utility #nav-utility #u_nav_07 a:hover, #interior.utility #nav-utility #u_nav_07 a.here
{
	background: url(/_i/u_nav_07.gif) 0 -22px no-repeat;
}

#interior #nav-utility #u_nav_02
{
	background:#878787 url(/_i/u_int_nav_02.gif) 0 0 no-repeat;
}

#interior #nav-utility #u_nav_03
{
	background:#878787 url(/_i/u_int_nav_03.gif) 0 0 no-repeat;
}

#interior #nav-utility #u_nav_04
{
	background:#878787 url(/_i/u_int_nav_04.gif) 0 0 no-repeat;
}

#interior #nav-utility #u_nav_02 a:hover, #nav-utility #u_nav_02 a.here
{
	background: url(/_i/u_int_nav_02.gif) 0 -22px no-repeat;
}

#interior #nav-utility #u_nav_03 a:hover, #nav-utility #u_nav_03 a.here
{
	background: url(/_i/u_int_nav_03.gif) 0 -22px no-repeat;
}

#interior #nav-utility #u_nav_04 a:hover, #nav-utility #u_nav_04 a.here
{
	background: url(/_i/u_int_nav_04.gif) 0 -22px no-repeat;
}

/* Specials Nav
------------------------------------------------------------------------------ */
#nav-special ul li
{
	background:#006;
	color:#fff;
}

#nav-special ul #s_nav_01
{
	width:37px;
	background:url(/_i/s_nav_01.gif) 0 0 no-repeat;
}

#nav-special ul #s_nav_02
{
	width:47px;
	background:url(/_i/s_nav_02.gif) 0 0 no-repeat;
}

#nav-special ul #s_nav_03
{
	width:93px;
	background:url(/_i/s_nav_03.gif) 0 0 no-repeat;
}

#nav-special ul #s_nav_01 a:hover
{
	width:37px;
	background:url(/_i/s_nav_01.gif) 0 -22px no-repeat;
}

#nav-special ul #s_nav_02 a:hover
{
	width:47px;
	background:url(/_i/s_nav_02.gif) 0 -22px no-repeat;
}

#nav-special ul #s_nav_03 a:hover
{
	width:93px;
	background:url(/_i/s_nav_03.gif) 0 -22px no-repeat;
}

/*** Third Tier navigation
------------------------------ */
#nav-sub-local .level-up
{
	padding-right:8px;
	padding-left:8px;
	border-right:1px solid #8A8888;	margin-right:5px;
}

#nav-sub-local .sub-quote
{
	padding-right:8px;
	padding-left:8px;
	border-left:1px solid #8A8888;	margin-left:5px;
}

#nav-sub-local a
{
	color:#036;
	text-decoration: underline;
}



#nav-sub-local a:hover, #nav-sub-local a.here
{
	color:#b12222;
	text-decoration:underline;
}

/* nav Global Elements
------------------------------------------------------------------------------ */
#interior div#nav-global
{
	background:#a2a1a1 ;
	color:#fff;
}

#nav-global a
{
	display:block;
	text-decoration:none;
	font-size:8px;
	line-height:12px;
	color:#fff;
}

#nav-global a:hover
{
	text-decoration:underline;
}

/* Basic classes  used in layout
------------------------------------------------------------------------------ */

#horizon .wrap
{
	background:#f2f4e5;
}

#siteinfo
{
	background:#575757;
}

#siteinfo a
{
	text-decoration:none;
	color:#fff;
}

#siteinfo a:hover
{
	text-decoration:underline;
}

.list_img
{
	list-style:none;
}

.list_img li
{
	padding-left:10px;
	list-style:none;
	background:url(/_i/li_arrow.gif) no-repeat 0 .4em;
}

.sitemap .list_img li
{
	font-weight:bold;
}

.sitemap .list_img li ul li
{
	padding-left:12px;
	font-weight:normal;
}

.window_styles
{
	border:1px solid #006;
}

/* Typography Stuff
------------------------------------------------------------------------------ */

#main h1,h2,h3,h4,h5,h6,p, ul, li
{
	color:#000;
}

#main h3
{
	color:#006;
	background-color: #CF1C1C;
}

#index #main h3.phone_num
{
	background:#CF1C1C url(/_i/hd_phone_number.gif) no-repeat;
	color:#fff;
	text-color: #CF1C1C;
}

#interior #main h3.window
{
	background:#CF1C1C url(/_i/hd_solution_windows.gif) no-repeat;
	color:#fff;
}

#interior #main h3.roofing
{
	background:#CF1C1C url(/_i/hd_solution_roofin.gif) no-repeat;
	color:#fff;
}

#interior #main h3.kitchen
{
	background:#CF1C1C url(/_i/hd_solution_kitchen.gif) no-repeat;
	color:#fff;
}

#interior #main h3.siding
{
	background:#CF1C1C url(/_i/hd_solution_siding.gif) no-repeat;
	color:#fff;
}

#interior #main h3.coating
{
	background:#CF1C1C url(/_i/hd_solution_coating.gif) no-repeat;
	color:#fff;
}

#interior #main h3.about
{
	background:#8A8888 url(/_i/hd_about.gif) no-repeat;
}

#interior #main h3.gallery
{
	background:#8A8888 url(/_i/hd_gallery.gif) no-repeat;
}

#interior #main h3.quote
{
	background:#8A8888 url(/_i/hd_estimate.gif) no-repeat;
}

#interior #main h3.news
{
	background:#8a8888 url(/_i/hd_news.gif) no-repeat;
}

#interior #main h3.contact
{
	background:#8a8888 url(/_i/hd_contact.gif) no-repeat;
}

#interior #main h3.sitemap
{
	background:#8a8888 url(/_i/hd_sitemap.gif) no-repeat;
}

#interior #main h3.testimonials
{
	background:#8a8888 url(/_i/hd_testimonials.gif) no-repeat;
}

#main .window_styles h5
{
	background:#060;
	color:#fff;
}

#main .window_styles h5.mid
{
	background:#f00;
}

#main .window_styles h5.high
{
	background:#0f0;
}

#interior.styles #main .styles span
{
/*	border-bottom:1px solid #666;*/
	font-weight:bold;
	color:#666;
}

/* Kitchen Styles
------------------------------ */

#interior.kitchen .style dt
{
	font-weight:bold;
	color:#006;
}


#interior.construction .features h6
{
	background:#8a8888;
	color:#fff;
}

/* End Kitchen Styles
------------------------------ */

#interior.news div.news
{
	border-bottom:1px solid #036;
}

#interior.story div.news
{
	border:none;
}

#interior.news .news h5
{
	color: #b12222;
}

#sub h3
{
	background:url(/_i/hd_online_special.gif) 0 0 no-repeat;
	color:#fff;
}

#special p
{
	color:#006;
}

#special .offer
{
	color:#b12222;
}



