/* =THE BIG GUYS */
html { margin:0; padding:0 }
body { background:#fff; margin:0; padding:0; color:#000; font:83%/1.5 arial,tahoma,verdana,sans-serif; }

/* =LINKS */
a,a:link,a:link,a:link,a:hover { background:transparent; text-decoration:underline; cursor:pointer } 
a:link { color:#0093D0 } 
a:visited {color:#0093D0 } 
a:hover,a:active { color:#0093D0 } 

/* =GENERAL */
form { margin:0 }
input { font-family:arial,tahoma,verdana,sans-serif; margin:2px 0 }
input.f-submit { padding:1px 3px; font-weight:bold; margin-bottom:1px }
img { border:none } 
hr { margin: 1em 0; background:#E3E8EE; height:1px; color:#E3E8EE }
li { list-style-image:url( "../images/bullet.gif" ); margin-top:8px; color:#0181AC }
.clear { clear:both; position:relative; font-size:0px; height:0px; line-height:0px }  
.largeBracket { font-size:1.6em }

/* =HEADINGS */
h1, h2 { letter-spacing:1px; font-family: arial,verdana,sans-serif; margin:0; padding-bottom: .2em; }
h1 { font-size: 270%; font-weight:normal; color:#000; }
h2 { font-size: 95%; color:#0181AC; }
h3 { font-size: 83%; color:#0181AC; }
/*h4 { font-size: 116%; color:#0093D0; }
h5 { font-size: 106%; color:#0093D0; }
h6 { font-size: 96%; color:#0093D0; }*/


/* WYSIWYG HEADINGS */
.subHeadingTwoGreen { font-size:95%; color:#80BB3D; font-weight:bold; }
.subHeadingThreeGreen { font-size:83%; color:#80BB3D; }

.subHeadingTwoBlue { font-size:95%; color:#0181AC; font-weight:bold;  }
.subHeadingThreeBlue { font-size:83%; color:#0181AC; }

.subHeadingTwoYellow { font-size:95%; color:#F7F410; font-weight:bold; }
.subHeadingThreeYellow { font-size:83%; color:#F7F410; }

.subHeadingTwoOrange { font-size:95%; color:#DA9A23; font-weight:bold; }
.subHeadingThreeOrange { font-size:83%; color:#DA9A23; }


/* =TYPOGRAPHY */
p { margin:0 0 1.5em }
ul, ol { margin-top:0 }

#wrap { min-width:780px; }

/* =LAYOUT =HEADER */
#header { background: #0193CE url("../images/header_bg.jpg") no-repeat right; height:102px; border-left:24px solid #8BCBEB }
	#header h1 { margin:0 20px 10px; padding:0; color:#fff; border:none }

	#headerLogo { float:left; margin-left:40px; margin-top:6px; }
	
	* html #headerLogo { margin-left:20px }
	
	#nav { height:1.6em; font-weight:bold; margin-right:50px; padding-top:10px; text-align:right; }
	#nav a { display:inline; padding:4px 5px }	
	#nav a:link { color:#fff } 
	#nav a:visited { color:#fff } 
	#nav a:hover,a:active { color:#FFC600 } 
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active { text-decoration:none; cursor:pointer } 				


/* =LAYOUT GENERAL */
#contentWrap { background: #fff; background: url("../images/logo.gif") no-repeat bottom left; min-height:480px; }
* html #contentWrap { height:480px; }
#content { margin:0 0 0 192px; padding-top:10px; }
#content p { padding-right:10px; }

/* = PAGE HEADER BACKGROUND */
#headerBackgroundblue { background: #0093D0 url("../images/header_background_blue.gif") no-repeat 0 0px; height:66px; padding-left:35px; padding-top:12px; margin-bottom:15px; }
#headerBackgroundgreen { background: #80BB3D url("../images/header_background_green.gif") no-repeat 0 0px; height:66px; padding-left:35px; padding-top:12px; margin-bottom:15px; }
#headerBackgroundorange { background: #DA9A23 url("../images/header_background_orange.gif") no-repeat 0 0px; height:66px; padding-left:35px; padding-top:12px; margin-bottom:15px; }
#headerBackgroundyellow { background: #F7F410 url("../images/header_background_yellow.gif") no-repeat 0 0px; height:66px; padding-left:35px; padding-top:12px; margin-bottom:15px; }

/* =LAYOUT HOMEPAGE */
#homePics { margin-bottom:15px; }
#homePicGreen { background:#80BB3D; margin-bottom:15px; height:149px; }
#homePicYellow { background:#F7F411; height:149px; }

.leftImage { float:left }
.rightLink { float:right; padding-top:50px; text-align:right; margin-right:20px; font-size:104%; }


#homeBody { background:#0093D0; color:#fff; font-weight:bold; padding:15px 30px; margin-bottom:20px; }

/* =LAYOUT CONTACT, QUOTATION AND BECOME A FRANCHISEE FORMS */
#formDiv { display:block; padding: 10px 0 10px 192px }
	.headingblue { display:block; width: 582px; background-color: #8BCBEB; margin-bottom: 15px; text-indent: 5px; color: black; margin-top: 10px }
	.headinggreen { display:block; width: 582px; background-color: #9FC870; margin-bottom: 15px; text-indent: 5px; color: black; margin-top: 10px }
	.headingyellow { display:block; width: 582px; background-color: #FFFE9A; margin-bottom: 15px; text-indent: 5px; color: black; margin-top: 10px }

/* =SECONDARY NAVIGATION */
#navSecondary { margin:0; padding:0; float:left; width:182px; background:#8BCBEB; margin-bottom:160px; }
#navSecondary ul { list-style:none; margin:0; padding-left:0; margin-top:20px; }
#navSecondary li { background: url("../images/leftNav_blue.gif") no-repeat 0 0; margin-top: 4px; width:100%;}
#navSecondary li ul { margin-top:0 }

#navSecondary li.blue:hover, #navSecondary li.blueActive, { background: url("../images/leftNav_blue.gif") no-repeat 0 0; }
#navSecondary li.green:hover, #navSecondary li.greenActive { background: url("../images/leftNav_green.gif") no-repeat 0 0; }
#navSecondary li.orange:hover, #navSecondary li.orangeActive { background: url("../images/leftNav_orange.gif") no-repeat 0 0; }
#navSecondary li.yellow:hover, #navSecondary li.yellowActive { background: url("../images/leftNav_yellow.gif") no-repeat 0 0; }

#navSecondary li.blue:hover a { background: #0093D0 }
#navSecondary li.green:hover a { background: #80BB3D }
#navSecondary li.orange:hover a { background: #DA9A23 }
#navSecondary li.yellow:hover a { background: #F7F410 }

#navSecondary a { margin:0px 0 1px 26px; padding-left:4px; display:block; width:152px; min-height:20px; font-size:86%; }
* html #navSecondary a { height:20px; }
#navSecondary a, #navSecondary a:link, #navSecondary a:visited, #navSecondary a:hover, #navSecondary a:active { text-decoration:none; cursor:pointer } 
#navSecondary li a:link { color:#000; } 
#navSecondary li a:visited { color:#000; } 
#navSecondary li a.blue:hover, #navSecondary a.blue:active, #navSecondary li.blueActive a.blue:link, #navSecondary li.blueActive a.blue:visited { background:#0093D0; } 
#navSecondary li a.green:hover, #navSecondary a.green:active, #navSecondary li.greenActive a.green:link, #navSecondary li.greenActive a.green:visited { background:#80BB3D; } 
#navSecondary li a.orange:hover, #navSecondary a.orange:active, #navSecondary li.orangeActive a.orange:link, #navSecondary li.orangeActive a.orange:visited { background:#DA9A23; } 
#navSecondary li a.yellow:hover, #navSecondary a.yellow:active, #navSecondary li.yellowActive a.yellow:link, #navSecondary li.yellowActive a.yellow:visited { background:#F7F410; } 

#navSecondary li.blueActive a { font-weight:bold; }
#navSecondary li.blue a { font-weight:normal; }
#navSecondary li.greenActive a { font-weight:bold; }
#navSecondary li.green a { font-weight:normal; }
#navSecondary li.orangeActive a { font-weight:bold; }
#navSecondary li.orange a { font-weight:normal; }
#navSecondary li.yellowActive a { font-weight:bold; }
#navSecondary li.yellow a { font-weight:normal; }

#navSecondary li.blueParent a { background:#0093D0 }
#navSecondary li.blueParent li:hover, #navSecondary li.blueParent li.blueActive{ background:none }
#navSecondary li.blueParent { background: url("../images/leftNav_blue.gif") no-repeat 0 0; }
#navSecondary li.greenParent a { background:#80BB3D }
#navSecondary li.greenParent li:hover, #navSecondary li.greenParent li.greenActive{ background:none }
#navSecondary li.greenParent { background: url("../images/leftNav_green.gif") no-repeat 0 0; }
#navSecondary li.yellowParent a { background:#F7F410 }
#navSecondary li.yellowParent li:hover, #navSecondary li.yellowParent li.yellowActive{ background:none }
#navSecondary li.yellowParent { background: url("../images/leftNav_yellow.gif") no-repeat 0 0; }
#navSecondary li.orangeParent a { background:#DA9A23 }
#navSecondary li.orangeParent li:hover, #navSecondary li.orangeParent li.orangeActive{ background:none }
#navSecondary li.orangeParent { background: url("../images/leftNav_orange.gif") no-repeat 0 0; }


/* =SECONDARY NAVIGATION - 2nd TIER*/
#navSecondary li li { background:#8BCBEB; margin-top:1px; padding-top:1px; }	
#navSecondary li.blueActive li:hover { background:#8BCBEB; margin-top:1px; padding-top:1px; }	
#navSecondary li.yellowActive li:hover { background:#8BCBEB; margin-top:1px; padding-top:1px; }	
#navSecondary li.greenActive li:hover { background:#8BCBEB; margin-top:1px; padding-top:1px; }	
#navSecondary li.orangeActive li:hover { background:#8BCBEB; margin-top:1px; padding-top:1px; }	

/*#navSecondary li li a.yellow:hover, #navSecondary li li a.yellow:active, #navSecondary li li.active a.yellow:link, #navSecondary li li.active a.yellow:visited { background:#F7F410 } */
 
#siteMap { list-style:none; }

/* =LAYOUT =FOOTER */
#footer { clear:both; background: #0193CE url( "../images/footer.gif" ) no-repeat right; height: 27px; text-align:right; padding-right:50px; align:right; }
	#footer p { margin:0 }
	#footer a, #footer a:link, #footer a:visited { color: #FFF; padding-left:20px; }