/* Basic Elements */

body{background:#666 url('bkground-body.gif') repeat-x; font-size: 12px; color:#000; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; text-align:center; background-color:#666}
a img { border: none; }
h1, form { margin: 0px; padding: 0px; }
p { text-align: justify; line-height: 18px; margin: 10px 0px 10px 0px; padding: 0px; font-size: 12px;}

/* Containers */

#wrapper{width:760px; position: relative; margin:0px auto; padding: 0px; text-align:left; background: #fff url('bkground-wrapper.gif') repeat-y;   }

#sidebar {width: 251px; float: left;}
#sidebar h3 { font-size: 12px; font-weight: bold; margin: 0px 0px 0px 12px; padding: 0px; color: #000080;}
#sidebar ul {margin: 7px 0px 5px 12px; padding: 0px; list-style: none; line-height: 19px; }
#sidebar ul li { background: url('submenu-bullet.gif') no-repeat 0px 3px; }
#sidebar ul li a {background-color: #fff; margin: 0px 0px 0px 18px; padding: 2px; color: #0000ff;}
#sidebar ul li a:hover {background-color: #004885; color: #fff; font-weight: bold; text-decoration: none;}
#sidebar ul li #active {background-color: #004885; color: #fff; font-weight: bold; text-decoration: none;}

#sidebar #box-rounded { width: 216px; background: url('bkground-boxrounded.gif') repeat-y; padding: 0px; margin-left:15px; margin-right:0px; margin-top:10px; margin-bottom:10px}
#sidebar #box-rounded p { font-size: 11px; line-height: 14px; padding: 0px 12px 0px 12px; margin: 5px 0px 5px 0px; text-align: left; }
#sidebar #box-rounded address { font-size: 14px; font-style: normal; line-height: 18px; margin: 4px 0px 0px 14px;}
#sidebar #box-rounded-header { width: 216px; height: 21px; background: url('bkground-boxrounded-header.gif') no-repeat; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:-10px}
#sidebar #box-rounded-footer { width: 216px; height: 15px; background: url('bkground-boxrounded-footer.gif') no-repeat; }
#sidebar #box-rounded-footer-form { width: 216px; height: 50px; background: url('bkground-boxrounded-footer-form.gif') no-repeat; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:0px }
#sidebar #box-rounded-footer-form input { margin: 5px 0px 0px 60px; }
#sidebar #box-rounded-or { width: 216px; height: 15px; background: url('bkground-boxrounded-or.gif') no-repeat; margin: 5px 0px;}

#sidebar form { margin: 0px 0px 0px 0x; padding: 0px; }
#sidebar form .field {font-size:11px; margin:0px 0px 0px 12px; color: #666; }
#sidebar form label {font-weight:bold; display: block; margin: 5px 0px 5px 12px;}
#sidebar form select, #sidebar form input { margin: 0px 0px 0px 12px; }
#sidebar form .textbox {border-bottom:1px solid #c3c3c3; border-right:1px solid #c3c3c3; background:url('bkground-textbox.gif') no-repeat -1px 0px; width: 180px; padding: 2px}

#languagebar {width: 240px; height: 42px;background: url('bkground-languagebar.gif') no-repeat; font-size: 11px; font-weight: bold; color: #333; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:-5px; padding-left:10px; padding-right:0px; padding-top:11px; padding-bottom:0px}
#languagebar p { margin: -1px 5px 0px 0px; padding: 0px; float: left; }

#content-container {width: 509px; margin: 0px 0px 0px 0px; float: right;}
#content { padding: 0px 15px 15px 15px; }
#content .highlight {padding: 0px 10px 0px 10px; background-color: #edf9fa; border: 1px solid #a5e1e5; margin: 10px 0px 10px 0px;}
#content h1  { font-size: 10px; color: #000080; font-weight: bold; margin: 10px 0px 10px 0px; padding: 0px; clear: both;} 
#content h2  { font-size: 17px; color: #000080; font-weight: bold; margin: 10px 0px 10px 0px; padding: 0px; clear: both;} 
#content ul {margin: 10px 0px 10px 25px; list-style: none; line-height: 18px; font-size: 12px;}
#content ul li { background:url('bullet-arrow.gif') no-repeat 0px 3px; padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:0px }
#content blockquote { font-style: italic; font-size: 12px; line-height: 18px; background:url('bkground-blockquote-left.gif') no-repeat top left; margin-left:20px; margin-right:30px; margin-top:10px; margin-bottom:10px; padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:0px }
#content blockquote strong { display: block; padding: 5px 0px 0px 0px; }
#content blockquote img { margin: 0px 0px 0px 5px; }

#footer {height: 13px; background: #666 url('bkground-footer.gif') no-repeat; color:#fff; text-align:center; clear:both; background-color:#666 }
#footer h5 { font-size: 12px; font-weight: bold; margin: 10px 0px 10px 0px; padding: 0px;}
#footer h5 a { color: #fff;  }
#footer p { text-align: center; color: #d1d1d1; font-size: 11px; line-height: 14px; padding: 0px 0px 15px 0px;}
#footer p a { color: #d1d1d1; }
#footer ul a { color: #fff; }
#footer ul {list-style: none; margin: 0px; padding: 25px 0px 0px 0px; }
#footer ul li { display: inline; }

#header-noflash p, #menu-noflash p {background: #fff; border: 1px solid red; padding: 10px; text-align: center; margin: 10px; font-weight: bold;}

/* Image Replacement */

#sidebar h2{ overflow:hidden;  background-repeat:no-repeat; height:0px !important; font-size:0px; margin: 0px 0px 0px 15px; padding:25px 0px 0px 0px; height /**/:25px}
#sidebar #find-a-janpro-location {background-image:url('h2-find-a-janpro-location.gif')}
#sidebar #the-janpro-guarantee {background-image:url('h2-the-janpro-guarantee.gif')}
#sidebar #get-to-know-janpro {background-image:url('h2-get-to-know-janpro.gif')}
#sidebar #refer-this-site {background-image:url('h2-refer-this-site.gif')}
#sidebar #get-to-know-janpro {background-image:url('h2-get-to-know-janpro.gif')}
#sidebar #contact-us {background-image:url('h2-contact-us.gif')}
#sidebar #jan-pro-locations {background-image:url('h2-jan-pro-locations.gif')}

#content-container #welcome {background-image:url('h1-welcome.gif')}
#content-container #why-jan-pro {background-image:url('h1-whyjanpro.gif')}
#content-container #case-studies {background-image:url('h1-whyjanpro.gif')}
#content-container #find-a-location {background-image:url('h1-findalocation.gif')}
#content-container #request-a-consultation {background-image:url('h1-requestconsult.gif')}
#content-container #franchising-opportunities {background-image:url('h1-franchising-opportunities.gif')}
#content-container #master-franchise {background-image:url('h1-master-franchise.gif')}
#content-container #unit-franchise {background-image:url('h1-unit-franchise.gif')}
#content-container #contact-us {background-image:url('h1-contact-us.gif')}

/* Misc Styles */

.left{float:left; }
.right { float: right; }
.lightgrey { color: #d1d1d1; }
.center { text-align: center; }
.margin-right{margin-right: 10px;}
.margin-top{ margin-top: 10px;}
.margin-bottom { margin-bottom: 10px; }
.small{font-size:11px; line-height:14px; }
.large{font-size:14px; line-height:20px;}
.img-left{float:left; margin:0px 10px 0px 0px; }
.line{height:1px; background-color:#cecdcd; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
.nodis { display: none; }
.clear{ clear: both; }
#formhead 
{ 
	font-size:08pt;
	font-weight:bold;
}
#formsub
{
	font-size:8pt;	
}
#formbtn
{
	background-color:#1b83db;
	color:#FFFFFF;
	border-width:1px;
	border-color:#FFFFFF;
	cursor:hand;
	margin-top:10px;
	
}
#moreabout  {
color: #FF0000;
font-weight: bold;
margin: 10px auto;
text-align: center;
width: 245px;
font-size: 13px;
}
#moreabout a {
color: #FF0000;
font-weight: bold;	
}
#moreabout2  {
color: #FF0000;
font-weight: bold;
margin: 10px auto;
text-align: center;
width: 245px;
font-size: 13px;
}
#moreabout2 a {
color: #FF0000;
font-weight: bold;	
}