/*resetter */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;}
:focus {	outline: 0;}

ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}
* { 	padding: 0; margin: 0;} .clear { clear: both; }

/* Customized Base Elements */
h1{	font-size: 21px; font-weight: 700; 	color: #000; line-height: 16px;	}
h2{	font-size: 14px; font-weight: 700; line-height: 16x;}
h3,h4{ font-size: 13px; font-weight: 700; line-height: 14px;}
h4 {font-size: 12px;  }

blockquote, p { font-size: inherit; line-height:inherit; margin: 12px 0;}
p.small { font-size: 10px; color:#999;}

a{ color: #9b0d0d;}

ul { font: inherit; margin: 12px 0 12px 15px; }
ol { margin: 12px 0 12px 20px; }
	ol li, ul li { font: inherit; line-height: 18px; }
	ol li { list-style-type: decimal; position: outside;}
	ul li { list-style-image: url(images/bullet-arrow.gif); position: outside; }

img{ border: none; }
img.thumb { background: #fff; padding: 5px; }
.float-left { float: left; }
.float-right { float: right; }
.jsvalidation {color: #641727; background:#ffb8c7; font-size: 11px; display: block; padding: 0 2px; }

hr { height: 1px ; border: none;  border-bottom: 1px solid #ccc; margin: 12px 0; display: block; }

/* Form Elements */
input[type="text"], .field{ 
	background: #fff;
	border: 1px solid #ccc;
	font-size: 13px;
	padding: 3px;
	margin: 0 0 5px 0;
	width: 210px;
	}
	
label { font-size: 9px; color:#ccc; }	
textarea { width: 215px; height: 100px; margin:0 0 5px 0;  	overflow : auto; font: inherit;}
	
input[type="submit"], .submitBttn{ 
	font-weight: 700; 
	color:#000;
	background: #fafafa url(images/submit-bg.gif) repeat-x bottom;
	border: 1px solid #888;
	font-size: 11px;
	padding: 2px 5px;
	margin: 5px 0;
	float: right;
}

/* Page Specific Elements */
body { font: 12px arial, sans-serif; background:#fff url(images/bg-repeat.gif) repeat-x top; }
#container {	 margin: 0 auto;  width: 900px; clear: both;}	

/* header */
#header { margin: 0; padding: 20px 0; color:#fff;  }
	
	#businessName { float: left; padding: 0 40px 0 0; border-right: 1px solid #a8a7a8;} /* style-change */
		#businessName h2 { font-size:30px; line-height:30px; text-transform: uppercase; }
		#businessName h2 strong{ font-family: "Arial Black"; }
		#businessName h3 { font-size: 16px; font-family: "Arial"; color:#cbcbcb; text-transform: lowercase; } /* style-change */
	
	#locationServed {  float: right; padding: 0 0 0 45px; text-align:right; }
		#locationServed h2 { font-size: 20px; font-weight: 700;  line-height:30px; margin: 2px 0 0 0;}
		#locationServed h3 { font-size: 13px; font-weight: 700;  }

/* Main Head Content & Menu */
#mainH { margin:  0 0 1px 0; padding: 0; }						
	#mainNav { margin:  0 0 1px 0; background: #ccc url(images/nav-bg.gif) repeat-x top; font-size: 14px; height: 40px; overflow: hidden;}
		#mainNav ul {  margin: 0; padding: 0;  }
		#mainNav ul li{ list-style: none; display: inline; margin: 0; padding: 0; font-weight: 700;}
		#mainNav ul li a {  height: 20px; display: block; float: left; margin: 0; padding: 10px 15px ; color:#fff; text-decoration: none; border-right:1px solid #763b3b; }/* style-change */
		#mainNav ul li a:hover { background: #cc1212; } /* style-change */
		
		#mainNav ul.tab1 li#t1 a,	#mainNav ul.tab2 li#t2 a,
		#mainNav ul.tab3 li#t3 a,	#mainNav ul.tab4 li#t4 a,
		#mainNav ul.tab5 li#t5 a,	#mainNav ul.tab6 li#t6 a,
		#mainNav ul.tab7 li#t7 a  #mainNav ul.tab8 li#t8 a{	background: #a00e0e; 	}/* style-change */
		
	#banner { background:red; margin: 0; padding: 0; height: 150px;   }	
		#banner #callToAction { height: 110px; width: 410px; padding: 20px; background:#202020; color:#fff; float: right;} /* style-change */
		#banner #callToAction h3{ font-size: 34px; color: inherit;}
		#banner #callToAction h4{ font-size: 24px; color: inherit;}
		#banner #callToAction span{ color: #ffa800;}	/* style-change */	

		
/* the body */
#body {padding: 20px 0; margin: 0; border-top: 5px solid #434343; clear: both;}
	#left {width: 240px; padding: 0; float: left; }
		#left h4.title { background:#9d0d0d; padding: 10px;font-size: 17px; color:#fff; }/* style-change */
		#left form { padding: 10px; margin: 0; background: #3c0707; color:#fff; }/* style-change */
		#left #sidebar { padding: 10px; }
		#left #sidebar h2 { border-bottom: 2px solid #cdcccc; padding: 5px 0; font:16px; color:#000; }
		
	#right { width: 620px; padding: 0 20px; float: right; }
		#right h1 { margin-bottom: 30px; }
		#right h2 { color:#600b0b; } /* style-change */
		#right p { line-height: 16px; }
		#right #endContent { border-top: 1px dotted #000; text-align: center; }
		#right #endContent p { font-size: 14px; color:#000; font-weight: 700;  }
		#right #endContent strong {  color:#c47c7c;  }/* style-change */
#right form {	 width: 400px;}
#right label {	 color: #333; font-weight: bold; display: block;}
#right input[type=text], #right textarea { width: 75%; }

/* Footer */
#footer { 
	clear: both; 
	margin: 20px auto 5px auto; 
	font-size: 9px;
	font-family: "verdana", arial;
	color: #757575;
	background: #ebebeb;
	padding: 25px; 
}/* style-change */
	#footer p { margin: 0; padding: 0;}
		#footer p#loc { width: 380px; float: left;}
		#footer p#ylItems { width: 470px; float: right; text-align: right;}

	#footer strong { color:#c47c7c; font-weight: normal; }/* style-change */
	#footer a {	color: #757575;}
	#footer a:hover {	color: #000;}


/* ===============================================================================================

	 DIFFERENT COLOR THEMES 
	 change the body class to the following to change theme.
	 
	 Default scheme color is red.
	 Available Colors: green, black , blue,
	 
	 Instructions: to use add ( class="[color]" ) where [color] is one of the available colors.

=============================================================================================== */

/*=== BLUE START == */
 body{ background:#fff url(images/bg-blue.gif) repeat-x top; }
 a{ color: #1846b8;}
 a:hover{ color:#406bd5; }
	
 #businessName { border-right: 1px solid #69779b;} /* style-change */
 #businessName h3 { color:#a1aac1; } /* style-change */
		
 #mainNav { background: #ccc url(images/nav-blue.gif) repeat-x top; }

 #mainNav ul li a { border-right:1px solid #495984; }/* style-change */
 #mainNav ul li a:hover { background: #1843ad; } /* style-change */
		
 #mainNav ul.tab1 li#t1 a,  #mainNav ul.tab2 li#t2 a,
 #mainNav ul.tab3 li#t3 a,  #mainNav ul.tab4 li#t4 a,
 #mainNav ul.tab5 li#t5 a,  #mainNav ul.tab6 li#t6 a,
 #mainNav ul.tab7 li#t7 a,   #mainNav ul.tab8 li#t8 a{	background: #133792; 	}/* style-change */

 #banner #callToAction { background:#07122e; } /* style-change */
 #banner #callToAction span{ color: #ffa800;}	/* style-change */
			
 #left h4.title { background:#1b3064;  }/* style-change */
 #left form { background: #0b1a42;  }/* style-change */
		
 #right h2 { color:#858ca0; } /* style-change */
 #right #endContent strong {  color:#1846b8;  }/* style-change */
		
 #footer { color: #858ca0;	background: #0a1941;}
 #footer a { color: #858ca0; }
 #footer strong { 	color: inherit; }/* style-change */
/*===== BLUE THEME END ============*/

/*=== BLACK START == */
body.black { background:#fff url(images/bg-black.gif) repeat-x top; }
body.black a{ color: #1846b8;}
body.black a:hover{ color:#3665d9; }
	
body.black #businessName { border-right: 1px solid #474747;} /* style-change */
body.black #businessName h3 { color:#8c8c8c; } /* style-change */
		
body.black #mainNav { background: #ccc url(images/nav-black.gif) repeat-x top; }

body.black #mainNav ul li a { border-right:1px solid #6c6c6c; }/* style-change */
body.black #mainNav ul li a:hover { background: #a7a7a7; } /* style-change */
		
body.black #mainNav ul.tab1 li#t1 a, body.black #mainNav ul.tab2 li#t2 a,
body.black #mainNav ul.tab3 li#t3 a, body.black #mainNav ul.tab4 li#t4 a,
body.black #mainNav ul.tab5 li#t5 a, body.black #mainNav ul.tab6 li#t6 a,
body.black #mainNav ul.tab7 li#t7 a,  body.black #mainNav ul.tab8 li#t8 a{	background: #818181; 	}/* style-change */

body.black #banner #callToAction { background:#00154c; } /* style-change */
body.black #banner #callToAction span{ color: #ffa800;}	/* style-change */
			
body.black #left h4.title { background:#001b62;  }/* style-change */
body.black #left form { background: #000f36;  }/* style-change */
		
body.black #right h2 { color:#1b2f64; } /* style-change */
body.black #right #endContent strong {  color:#1846b8;  }/* style-change */
		
body.black #footer { 	color: #757575;	background: #e2e2e2;}
body.black #footer strong { 	color: #757575; }/* style-change */
/*===== BLACK THEME END ============*/

/*=== YELLOW START == */
body.yellow { background:#fff url(images/bg-yellow.gif) repeat-x top; }
body.yellow a{ color: #676709;}
body.yellow a:hover{ color:#98980e; }
	
body.yellow #businessName { border-right: 1px solid #b99660;} /* style-change */
body.yellow #businessName h3 { color:#e7dcc9; } /* style-change */
		
body.yellow #mainNav { background: #ccc url(images/nav-yellow.gif) repeat-x top; }

body.yellow #mainNav ul li a { border-right:1px solid #a7403f; }/* style-change */
body.yellow #mainNav ul li a:hover { background: #ca2120; } /* style-change */
		
body.yellow #mainNav ul.tab1 li#t1 a, body.yellow #mainNav ul.tab2 li#t2 a,
body.yellow #mainNav ul.tab3 li#t3 a, body.yellow #mainNav ul.tab4 li#t4 a,
body.yellow #mainNav ul.tab5 li#t5 a, body.yellow #mainNav ul.tab6 li#t6 a,
body.yellow #mainNav ul.tab7 li#t7 a,  body.yellow #mainNav ul.tab8 li#t8 a{	background: #b91110; 	}/* style-change */

body.yellow #banner #callToAction { background:#2f2f2f; } /* style-change */
body.yellow #banner #callToAction span{ color: #ccac4c;}	/* style-change */
			
body.yellow #left h4.title { background:#a20a0a;  }/* style-change */
body.yellow #left form { background: #720a0a;  }/* style-change */
		
body.yellow #right h2 { color:#720a0a; } /* style-change */
body.yellow #right #endContent strong {  color:#c39d29;  }/* style-change */
		
body.yellow #footer { 	color: #fff;	background: #c39d29;}
body.yellow #footer a, body.yellow #footer strong { 	color: #fff; }/* style-change */
/*===== YELLOW THEME END ============*/