/*H.A. Marketing LLC CSS by George Hornberger*/

body {font:75%/1.3 Oxygen, Verdana, Geneva, Lucida, Arial, sans-serif; padding: 0px; margin: 0px; background-image:url(images/bodyBG.gif); height:165px; background-repeat:repeat; }
h1 {font-size:140%; font-weight:normal; margin: 0px; color: #333399; }
h2 {font-size:120%; font-weight:normal; margin: 0px; color: #333399; }
h3 {font-size:110%; font-weight:bold; margin: 0px;}
h4 {font-size:120%; font-weight:normal; margin: 0px;}
a { text-decoration: none !important;}
p {color:#000; margin:15px 40px; padding:0; text-indent: 15px;  }
img {border:0px; vertical-align: middle; }
span { color: #333399; font-weight: 600; font-family: Oxygen, verdana, arial, geneva, sans-serif; font-size: 16px;}


#wrapperHome {width: 1000px; background: #fff; margin: 20px auto; box-shadow: 0 2px 24px 4px #636363; border-radius: 10px;}
#wrapperContact {width: 1000px; height: 1305px; margin: 20px auto; box-shadow: 0 23px 8px 8px #888888;}

#contentWrap { width: 1000px; float: left;}


#header { background-image:url("images/headerBG.gif"); height:165px; background-repeat:repeat-x; border-radius: 10px 10px 0 0; border-bottom: solid 2px #333399;}
#mainNav {float: right; height: 41px; margin: 77px 20px 0 0; }
#contentPane {float: left; background-color:#fff; border-top: solid 2px #333399; width: 1000px; height: 100%; text-align: justify; font-family: oxygen, verdana, arial, geneva, sans-serif; font-size: 15px;}
#contentPane2 {float: left; background-color:#f9f0d0; width: 800px; height: 100%; text-align: justify; font-family: oxygen, verdana, arial, geneva, sans-serif; font-size: 15px; display: inline-block; border-radius: 15px 15px 0 0; border-left: solid 1px #000; border-right: solid 1px #000;}
.contentCoverage {float: left; background-color:#fafafa; width: 800px; height: 100%; text-align: justify; font-family: oxygen, verdana, arial, geneva, sans-serif; font-size: 15px; display: inline-block; border-top: solid 1px #000; border-left: solid 1px #000; border-right: solid 1px #000;}
#slidePane {float: left; background-color:#000; width: 1000px; height: 450px; border-top: solid 3px #fff; border-bottom: solid 3px #fff;}
#panelsPane{  float: left; height: 400px; width: 1000px; margin: 0px; padding: 0px;}
#leftPane { width: 175px; height:100%; float: left; display: inline-block; padding: 20px 7px 20px 5px; text-align: center;}
.insLogos {}
#contactWrap { background-image:url("images/contactBG.gif"); height:750px; background-repeat:repeat-x;width: 1000px; float: left; }
#contactInfo { font-family: Oxygen; font-size: 14px; font-weight: normal; text-align:  center; line-height: 30px; margin: 10px 0 20px 0;}


#footer { clear: both; background-image:url("images/headerBG.gif"); height:80px; background-repeat:repeat-x; border-radius: 0 0 10px 10px !important; border-top: solid 2px #333399;}
#footText {float:right; color: #fff; width: 235px; height: 20px; margin: 20px 40px 0 0; }
#ha {float:left; color: #fff; width: 180px; height: 20px; margin: 20px 0 0 40px; }
#ha a { color: #ffffff;}
#ha a:hover {color: #333399;}
#logo { float: left; display: inline-block; margin: 10px 0 0 20px;}
#address { float: right; font-size: 14px; color: #fff; display: inline-block; margin: 30px 35px 0 0;}

#personal { float: left; margin-left: 30px; background-image:url("images/personalPanel.jpg"); height:350px; width:300px; background-repeat:no-repeat; }
#business { float: left; margin-left: 20px; background-image:url("images/businessPanel.jpg"); height:350px; width:300px; background-repeat:no-repeat; }
#contact { float: left; margin-left: 20px; background-image:url("images/contactPanel.jpg"); height:350px; width:300px; background-repeat:no-repeat; }
.panelHeader {margin: 200px 0 0 0; text-align: center; font-weight: 600;}
.panelCopy { color:#000; margin:3px 0 3px 100px; padding:0; }
.call { font-weight: 600; text-align: center;}
.contactCopy { text-align: center; margin:3px 0 3px 0; padding:0 12px; text-indent: 0px !important;}
#form { text-align: center;}

/*NAV*/
ul#navlist { padding: 0;  list-style-type: none; float: left; width: 652px; color: #fff; }
ul#navlist li { display: inline;  }
ul#navlist li a { float: left; width: 10em; color: #fff; margin-right: 5px; background-color: #333399; border:solid 1px #333399; line-height: 20px; line-height: 25px; text-align: center;
padding: 0.2em 1em; text-decoration: none; /*border-right: 2px solid #fff;*/ border-radius: 10px 10px 0px 0px; box-shadow: 5px 0 25px 4px #d4d4d4;  }
ul#navlist li a:hover { background-color: #f9f0d0; color: #333399; border:solid 1px #333399 !important; }
ul#navlist li#selected a{ background-color: #f9f0d0; color: #333399; border:solid 1px #333399 !important; font-weight: 600;}

/*@media screen and (max-width: 400px) {

	
	p { margin:30px 0px 0px 10px; width:450px;}
	body {font:75%/1.4 Verdana,Geneva, Lucida, Arial, sans-serif; margin: 0px; padding: 0px;}
	h1 {font-size: 1.6em; font-weight:bold;background-image: none; margin-top:20px; padding-top:20px;} 
	#wrapperHome {position: absolute; left: 50%; width: 450px; margin-left: -225px; margin-top: 10px;}
	#slidePane {display: none;}
	#rightContainer {position: relative; left:10px; width:440px; background:#ffcc00; margin-top: -12px; padding-left: 10px; padding-bottom: 20px;}
	#middleContainer {position: relative; top: 10px; width: 450px; left:10px; background-color:#ffcc00;  padding: 0px; margin:0px} 		
	#bottomContainer { width:440px; margin: 0px; padding-left:10px; text-decoration: none; }
	#flower	{display:none;}
	#redBar {display: none;}
	#footer {display: none;}
	#logo	{display: none;}
	.form 	{display: none;}
	.nav ul {position: absolute; top: 0px; left: 0px; width: 460px; margin-bottom: -21px; padding: 0px;}
	.nav li {display: inline; padding-right: 1px; }
	.nav a  {font-size: 1em;text-decoration: none; color: #900;}
	.nav a: visited {color: #c00; }	
}*/


/*SLIDES*/
#slides {position: relative; margin: 10px 30px 0 140px;}

/* Slides container Important:Set the width of your slides container Set to display none, prevents content flash*/

.slides_container {width: 700px; height: 335px; overflow: hidden; position: relative;}

/* Each slide Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {width: 700px; height: 335px; display:block;}

.slides_container a img {display: block;}

/* Next/prev buttons */

#slides .next, #slides .prev {
	position:absolute;
	top:135px;
	left: 0px;
	width: 24px;
	height: 43px;
	display: block;
	z-index:101;
}

#slides .next { left: 660px;}

/* Pagination */

.pagination {margin: 26px auto 0 auto; width: 100px;}

.pagination li {float: left; margin:0 1px; list-style: none;}

.pagination li a {display: block;
			   width: 12px;
			   height: 0;
			   padding-top: 12px;
			   background-image: url(../img/pagination.png);
			   background-position:0 0;
			   float: left;
			   overflow: hidden;
			   }

.pagination li.current a {background-position: 0 -12px;}