/* -----------------------------------------------------------------------

 Accent CSS Framework 0.1
 Based on http://blueprintcss.org and http://code.google.com/p/css-boilerplate/
 Written 06/2009

----------------------------------------------------------------------- */

@import "/css/lib/reset.css";
@import "/css/lib/grid.css";
@import "/css/lib/typography.css";
@import "/css/lib/forms.css";
@import "/css/lib/plugins/tabs.css";
@import "/css/lib/plugins/buttons/screen.css";
/*@import "/css/lib/plugins/link-icons/screen.css";*/


/* Site
-------------------------------------------------------------- */
body { background-color:#000; color:#f5f5f5; }
a { text-decoration:none; color:#F08E00;}
a:hover { text-decoration:underline; color:#F90 }
.container { width:760px; /*background-color:#CCC;*/ position:relative; }
#header { position:relative; width:100%; height:230px; padding-top:20px; clear:both; margin-top:0px; /*background-color:#9F0;*/ }
#header div.logo { position:absolute; }
#header div#topNavigation { position:absolute; top:100px; width:100%; z-index:10; }

#topNavigation ul li a {
	color:#fff; 
	padding:5px; 
	padding-left:8px; 
	padding-right:8px; 
	text-decoration:none;
}	
#topNavigation ul li a.current { color:#f0037f; }	
#topNavigation ul li a:hover{ color:#f0037f;  }
#topNavigation ul{ padding:0px 0px 0px 0px; margin:auto; }
#topNavigation ul li { display:inline; font-size:13px; float:left; }
#topNavigation ul li a { display:block;  }
#topNavigation li ul { position: absolute; margin-left:0px; width:200px; display:none; z-index:100; background-color:#293A42; }
#topNavigation li ul li {  display:inline; font-size:11px; float:none; }
#topNavigation li ul a.last { padding-bottom:12px; }
#topNavigation li ul a.subNav{ background-image:url(/imgs/arrowr.gif); background-repeat:no-repeat; background-position:96% 40%; }
#topNavigation li ul a { display:block; height:10px; background-image:none; }
#topNavigation ul li ul a:hover{ background-color:#405159; }
#topNavigation li ul li ul { position: absolute; width: 20em; left: -999em; display:none; z-index:100; }
#topNavigation li:hover>ul,
#topNavigation li.sfhover ul { display:block; z-index:100; }
#topNavigation li ul li:hover>ul, #topNavigation li ul li.sfhover ul { left: auto; left: 60px; display:block; }
#topNavigation li.first { margin-left:8px; }
#topNavigation li a.last { background-image:none; }
#topNavigation li a.notice { color:#ffcc00; }

#topNavigation .mini { height:32px; padding:0; }

#header div.header-buttons { position:absolute; right:0; }
#header div.header-buttons a { display:block; width:165px; color:#FFF; }
#header div.header-buttons .franchise a { color:#000;padding-top:2px; padding-bottom:2px; font-size:11px;/*background-color:#E89C3A; */}
#header div.header-buttons .franchise a:hover { color:#fff; }

#header #services-navigation .current .service-thumb-button { background-color:#f0037f; }

.rounded { -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.quoteButt { border:2px solid #61A946; background-color: #399318; }
.quoteButt a { font-size: 11px; color: #fff;}
.headingWrapper { position: relative; }
.headingWrapper h1 { padding-right: 16px;}
.headingWrapper .quoteButt { position:absolute; top:6px; right:80px;}


#services-navigation { /*background-color:#666;*/ position:absolute; top:145px;}
.service-thumb { float:left; width:87px; margin-right:9px; }
.service-thumb-pic { height:61px; }
.service-thumb-button a { font-size:.75em; color:#FFF;}
.service-thumb-button { text-align:center;}
.service-thumb .mini { padding:2px 0 4px 0;}
.service-thumb .pic { padding:0; }

.bevel-box { position:relative; background-color:#293A42; }
#main .bevel-box { padding:16px; }
#main .bevel-box p { margin-bottom:.8em;}
#secondary-content .mini { padding:12px;}
.mini { padding:4px 12px 4px 12px; margin-bottom:4px; }
.pic { padding:0; }


.franchise { background-color:#E89C3A; }

.med .corner-tr, .med .corner-tl, .med .corner-bl, .med .corner-br { position:absolute; width:10px; height:10px; }
.med .corner-tl { background-image:url(/imgs/corners/medium-tl.png); top:0; left:0; }
.med .corner-tr { background-image:url(/imgs/corners/medium-tr.png); top:0; right:0; }
.med .corner-bl { background-image:url(/imgs/corners/medium-bl.png); bottom:0; left:0; }
.med .corner-br { background-image:url(/imgs/corners/medium-br.png); bottom:0; right:0; }


.mini .corner-tr, .mini .corner-tl, .mini .corner-bl, .mini .corner-br { position:absolute; width:6px; height:6px; }
.mini .corner-tl { background-image:url(/imgs/corners/small-tl.png); top:0; left:0; }
.mini .corner-tr { background-image:url(/imgs/corners/small-tr.png); top:0; right:0; }
.mini .corner-bl { background-image:url(/imgs/corners/small-bl.png); bottom:0; left:0; }
.mini .corner-br { background-image:url(/imgs/corners/small-br.png); bottom:0; right:0; }


#additional-nav { float:left; /*background-color:#999;*/ }

#main { float:left; margin-top:8px; }
#main.cols2 { width:573px; float:left; }
#main.cols3 { float:left; }
h1 { color:#f0037f; font-style:italic; }
h1 span.small { font-size:.7em;}
#main h2 { color:#f0037f; margin-bottom:.2em; line-height:1.2em; font-style:italic; }
#main h3 { color:#f0037f; margin-bottom:.2em; line-height:1.1em; font-style:italic;} 

#secondary-content { float:right; width:148px; margin-top:8px; margin-left:32px; text-align:center; }
#secondary-content p { margin-bottom:.5em; } 
#secondary-content.lady-wall { background-image:url(/imgs/pl-wall.jpg); background-position:right; background-repeat:no-repeat; height:355px;} 



#footer { clear:both; font-size:.9em; position:relative; }
#footer a { color:#F08E00;}
#footer a.normal { color:#FFF; text-decoration:underline;}
#footer a.normal:hover { text-decoration:none; } 
#footer ul.tabs { margin-bottom:8px;}
#footer ul.tabs li { padding-right:6px; padding-left:6px; border-right:1px solid #FFF; } 
#footer ul.tabs li.last { border-right:0; padding-right:0px; }
#footer ul.tabs li.first { padding-left:0px; }
#footer p { margin-bottom:5px;}
#footer { margin-bottom:24px; }

/*
	footer css
*/
#footer ul { list-style-type:none; margin-left:0; line-height:1.8em;}
#footer a:hover { text-decoration:underline; }
#footer p { line-height:1em;}
#footer a { color:#FFF;}
#footer div.explore { border-right:2px solid #4D4D4D; float:left; padding-right:10px; }
#footer div.explore ul.col1 { float:left; padding-right:20px; }
#footer div.explore ul.col2  {float:left; }
#footer div.link { float:left; padding-left:20px; }
#footer div.additional { clear:both; padding-top:50px; }
#footer div.contact { position:absolute; right:0px; z-index:2; }
#footer div.heading {font-size:14px; color:#B3B3B3; clear:both; margin-bottom:8px;}
#footer p.credit, #footer p.credit a { color:#B3B3B3;}

#footer ul.social { width:224px; line-height:2.3em; }
#footer .social li { width:72px; float:left; padding-left:24px; padding-right:16px; background-repeat:no-repeat; }
#footer li.delicious { background-image:url(/imgs/icons/delicious.png); }
#footer li.digg { background-image:url(/imgs/icons/digg.png); }
#footer li.reddit { background-image:url(/imgs/icons/reddit.png); }
#footer li.facebook { background-image:url(/imgs/icons/facebook.png); }
#footer li.stumbleUpon { background-image:url(/imgs/icons/stumbleUpon.png); }
#footer li.twitter { background-image:url(/imgs/icons/twitter.png); }


/*
.button { display:block; text-decoration:none; text-align:center; background-color:#e89c3a; color:#000000; font-weight:bold; padding:2px 4px 3px 4px; margin-bottom:1em; -moz-border-radius:6px; -webkit-border-radius:6px; }
.button:hover { color:#FFF; text-decoration:none; }
*/
ul.tick { list-style-image:url(/imgs/tick.png); margin-bottom:30px; margin-left:0; padding-left:25px;}
ul.tick li { margin-bottom:8px;}

.loud { font-size:1.6em; color:#FFF; }
.large { line-height:1.4em;}
.small { line-height:1.4em;}
.box { background-color:#333; padding-bottom:.5em;}
p img.right { margin-top:0;}
p img.left { margin-top:0;}
.right { float: right; }
.left { float: left; }

.right p { padding-left: 16px;}
.clear { clear: both; }

hr { color:#999; background-color:#999; margin-top:14px; margin-bottom:14px;}
.panel-head {color:#7F8E8F; font-size:1.4em; line-height:1em;}
.hide-s { display:none; }

#header .telNumber {position:absolute; right:220px; top:32px; text-align:center; }
#header .telNumber p {margin-bottom:0px; font-size:10px;}
#header .telNumber p.large {font-size:22px;}
#header .ie {right:200px;}
#header .ie p.large {font-size:20px;}