@charset "utf-8";
/* CSS Document */
body{
	background: url(images/body_bg3.jpg);
	font-size:11pt;
	font-family:'Verdana', Arial, Helvetica, sans-serif;
	color:#000;
	margin-top: 0px; 
	margin-bottom: 20px;
	height:100%;
	width:100%;
	background-color:#000;
}

.logopane{
	width:148px;
	height:102px;
	background:url(images/logo.png) no-repeat;
	vertical-align:top;
}

.flashpane{
	width:980px;
	background:url(images/charlotte-roofing-header.png) no-repeat;
	height:190px; 
	vertical-align:top;
	/*margin:25px;*/
}
/*********************** CONTENT & STUFF ***********************/
.Normal{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
.contentpane{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding:10px 10px;
	vertical-align:top;
	background-color:#fff
}
.footerpane{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding:10px 10px;
	width:850px;
/*height: 900px; */
}

.rightpane{
	width:200px;
	vertical-align:top;
/*	height:500px; */
}
h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	font-weight:bold;
	line-height:14px;

}
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	line-height:14px;
}
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000;
	line-height:14px;
	text-decoration:underline;
}
.bottom_links{
	vertical-align:middle;
	text-align:center;
	background-color:#fff;
	font-weight:bold;
}
.Layout-Content-Center{
	background:#FFFFFF;
	width:930px;
	margin:0 0 0 26px;
	*margin:0 0 0 0;
}
/*********************** OTHER MENU STUFF ***********************/
.menu_bg{
	background:url(images/menu_bg.png) top repeat-y;
	width:175px;
	margin: 0px 20px;
	height:255px;
}
.menu_top{
	height:29px;
	background:url(images/menu_top.png) top center no-repeat;
	width:175px;
	margin: 0px 20px;
}
.menu_bottom{
	height:36px;
	background:url(images/menu_bottom.png) top no-repeat;
	width:175px;
	margin: 0px 20px;
}
.menu_wrapper {
	width:200px;
	margin:18px;
}
/*********************** MENU STARTS ***********************/
.SEOMenu {
font-family:'Verdana', Geneva, sans-serif;
font-size:12px;
}

.SEOMenu ul{
list-style-type:none;
padding:0;
margin:0;
}

.SEOMenu li{
float:left;
list-style-type:none;
position:relative;
}

.SEOMenu table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}

.SEOMenu a, .SEOMenu :visited {
color:#fff;
text-decoration:none;
font-family:'Verdana', Geneva, sans-serif;
font-size:12px;font-weight:bold;
}

.SEOMenu a em.left, .SEOMenu :visited em.left {
display:block;
float:left;
width:46px;
height:36px;
background: transparent url(lefta.gif);
}
.SEOMenu a b, .SEOMenu :visited b {
display:block;
font-weight:bold;
float:left;
padding:0;
width:122px;
height:36px;
line-height:36px;
cursor:hand;
color:#fff;
text-align:left;
}
.SEOMenu a em.right, .SEOMenu :visited em.right {
display:block;
float:left;
width:7px;
height:36px;
background: transparent url(righta.gif);
}

.SEOMenu ul li ul {
display: none;
}

.SEOMenu .CurrentItem a em.left, .SEOMenu .CurrentItem :visited em.left, .SEOMenu .ParentItem a em.left, .SEOMenu .ParentItem :visited em.left{
	background:url(images/menu_sel_left.png) no-repeat;
}
.SEOMenu .CurrentItem a b, .SEOMenu .CurrentItem :visited b, .SEOMenu .ParentItem a b, .SEOMenu .ParentItem :visited b {
	background:url(images/menu_sel_mid.png) center repeat-x;
}
.SEOMenu .CurrentItem a em.right, .SEOMenu .CurrentItem :visited em.right, .SEOMenu .ParentItem a em.right, .SEOMenu .ParentItem :visited em.right {
	background:url(images/menu_sel_right.png) no-repeat;
}

.SEOMenu :hover, a:hover {
color:#000;
white-space:normal;
text-decoration:none;
}

.SEOMenu a:hover b {
color:#000;
background: url(images/menu_hover_mid.png) center repeat-x;
text-decoration:none;
}
.SEOMenu a:hover em.left {
background: url(images/menu_hover_left.png) no-repeat;
}
.SEOMenu a:hover em.right {
background: url(images/menu_hover_right.png) no-repeat;
}

.SEOMenu :hover > a b {
color:#000;
background: url(images/menu_hover_mid.png) bottom repeat-x;
text-decoration:none;
}
.SEOMenu :hover > a em.left {
background: url(images/menu_hover_left.png) bottom left no-repeat;
}
.SEOMenu :hover > a em.right {
background: url(images/menu_hover_right.png) bottom right no-repeat;
}


.SEOMenu .CurrentItem a:hover b, .SEOMenu .ParentItem a:hover b {
color:#fff;
background: url(images/menu_hover_mid.png) bottom repeat-x;
text-decoration:none;
}
.SEOMenu .CurrentItem a:hover em.left, .SEOMenu .ParentItem a:hover em.left {
background: url(images/menu_hover_left.png) bottom left no-repeat;
}
.SEOMenu .CurrentItem a:hover em.right, .SEOMenu .ParentItem a:hover em.right {
background: url(images/menu_hover_right.png) bottom right no-repeat;
}

.SEOMenu .CurrentItem :hover > a b, .SEOMenu .ParentItem :hover > a b  {
color:#000;
background: url(images/menu_hover_mid.png) bottom repeat-x;
text-decoration:underline;
}
.SEOMenu .CurrentItem :hover > a em.left, .SEOMenu .ParentItem :hover > a em.left {
background: url(images/menu_hover_left.png) bottom left no-repeat;
}
.SEOMenu .CurrentItem :hover > a em.right, .SEOMenu .ParentItem :hover > a em.right {
background: url(images/menu_hover_right.png) bottom right no-repeat;
}

.SEOMenu ul ul .CurrentItem a:hover b {
color:#000;
background: transparent;
text-decoration:underline;
}
.SEOMenu ul ul .CurrentItem a:hover em.left {
background: transparent;
}
.SEOMenu ul ul .CurrentItem a:hover em.right {
background: transparent;
}
.SEOMenu ul ul .CurrentItem :hover > a b
{
color:#ffffff;
background: transparent;
text-decoration:underline;
}
.SEOMenu ul ul .CurrentItem :hover > a em.left {
background: transparent;
}
.SEOMenu ul ul .CurrentItem :hover > a em.right {
background: transparent;
}

/********************************************/
.SEOMenu ul li:hover ul {
display:block; position:absolute;top:29px; background:#b1b1b1; margin-top:16px; margin-left:3px; left:0; width:93px;
}

.SEOMenu ul li:hover ul.scroller {
height:138px; width:172px; overflow:auto;}

.SEOMenu ul li:hover ul.endstop {
left:-90px;
}
.SEOMenu ul li:hover ul li ul {
display: none;
}
/*flyout width*/
.SEOMenu ul li:hover ul li a {
display:block; background:#fff; color:#000; height:auto; line-height:15px;padding:4px 14px; width:114px; border:1px solid #000;
}
.SEOMenu ul li:hover ul li a.drop {
background:#B6B0A4; 
}
.SEOMenu ul li:hover ul li a:hover {
color:#ff0000; background: #fff;
}
.SEOMenu ul li:hover ul li a:hover.drop {
background: #888; color:#ff0;
}
.SEOMenu ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#B1B1B1;
}
.SEOMenu ul li:hover ul li:hover ul li a {background:#888;}
.SEOMenu ul li:hover ul li:hover ul li.group {width:162px; padding:5px 0;}

.SEOMenu ul li:hover ul li:hover ul.left {
left:-172px;
}
.SEOMenu ul li:hover ul li:hover ul li a:hover {background:#ff0; color:#fff;}

/* specific to IE5.5 and IE6 browsers */
.SEOMenu ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:29px; background:#aaa;left:0; marg\in-top:1px;
}
.SEOMenu ul li a:hover ul.scroller {
height:138px; overflow:auto;}

.SEOMenu ul li a:hover ul.endstop {
left: -90px;
}
.SEOMenu ul li a:hover ul li a {
display:block; color:#fff; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px;
}
.SEOMenu ul li a:hover ul li a.drop {
background:#888; padding-bottom:5px;
}
/********************* END MENU *******************/
.SkinObject{
	color:#fff;
	font-weight:bold;
	text-align:center;
}
a.SkinObject,a.SkinObject:link, a.SkinObject:active, a.SkinObject:visited{
	color:#fff;
	font-weight:bold;
}
a.SkinObject:hover{
	text-decoration:underline;
	font-weight:bold;
	text-align:center;
}

.Layout-Background
{
	width: 100%;
	background-repeat: repeat-x;
	background-position: 0 0;
	text-align: center;
	padding-bottom: 50px;
}
.Layout-Grid
{
	width:980px;
	margin-left: auto;
	margin-right: auto;
}
.Layout-Site
{
	width:980px;
}