@charset "UTF-8";

/* CSS Document --- */

/*-----------------------------------
	
	Chris Gaines
	Strategic Marketing & Design
	Greenville, NC
	www.smdagency.com
	 
-----------------------------------*/ 


/* ---- GLOBAL ELEMENTS -------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
html { overflow-y: scroll; background-image: url(images/pagestructure/grad.png); background-color: #003366; background-repeat: repeat-x; }

body { margin-top: 0px; }

p { padding: 0px; margin: 0px; color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 8pt; line-height: 1.5em; orphans: 3; widows: 3; background: none; }

h2 { margin-top: 0px; color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-style: normal; font-weight: bold; }

h3 { color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12pt; line-height: 1.5em; }

h4 { color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; margin-bottom: 5px; font-weight: bold; }

h5 { margin-top: 0px; color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-style: italic; font-weight: normal; }

h6 { margin-top: 0px; color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-style: normal; font-weight: normal; text-align: left; }

#mainpara a { color: #003366; text-decoration: none; clear: both; }

#mainpara a:hover { color: #FF9900; }

#mainpara ul p { margin-top: 0px; } 
/* ---- GLOBAL ELEMENTS END ---------------------------------------------- */


/* ---- TEXT & LIST CLASSES ---------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* -- TABLE STYLES -- */
table	{ border-collapse:collapse; }

thead th { font:bold 10px verdana; text-align:center; color:#333; padding:8px 16px 8px 8px; border-right:0px solid #fff; border-bottom:1px solid #333; }

thead th.null {background:#fff; }

tbody th { font:bold 10px verdana; text-align:left; line-height: 1.5em; background: #eee; color:#222; padding:8px; border-bottom:1px solid #333; }

tbody td { font:normal 10px verdana; color:#333; padding:8px; border-bottom:1px solid #333; }

thead th.optional { font: bold 12px verdana; text-transform: uppercase; text-align:left; color: #003366; border-right: 0px solid #fff;}
/* -- STYLE LINKS ------------------------------- */
/* ---------------------------------------------- */

.links, .links li { color: #FF9900; padding-left: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; line-height: 2em; list-style-type: none; text-decoration: none; }

.links a { color: #003366; margin-left: 4px; }

.links a:hover { color: #003366; border-bottom: 1px dotted #FF9900; }

.links ul { color: #555; padding-left: 20px; padding-bottom: 20px; list-style-type: none; text-decoration: none; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */


/* -- Style Email Rollovers ----------------------*/
/* ---------------------------------------------- */
.mail { list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 7.5pt; background: url(images/pagestructure/mail.png) no-repeat left center; padding: 5px 0px 10px 24px; width: 300px; height: 20px; }

.mail a { color: #003366; text-decoration: none; }

.mail a[href^="mailto"]:hover:after { content: " > " attr(title); color: #660000; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */


/* -- SPECIAL ----------------------------------- */
/* ---------------------------------------------- */
.phone { list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 7.5pt; background: url(images/pagestructure/call.png) no-repeat left center; padding: 10px 0px 10px 24px; width: 300px; height: 20px; }

.medium { margin-top: 0px; color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-style: normal; font-weight: bold; }

.q { color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; line-height: 1.5em; text-align: left; padding-bottom: 5px; }

.a { color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 8pt; line-height: 1.5em; text-align: left; padding-bottom: 20px; }

.plist { list-style-type: none; display: block; }

.greenbullet { color: #FF9900; list-style-type: none; }

.note { font-style: italic; font-size: 7pt; color: #222; }

.emergency { height: 23px; width: 300px; float: right; position: relative; padding: 6px 10px 6px 2px; }

.emergency a { display: block; color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 7pt; background : url(images/pagestructure/emergency.png) no-repeat top left; padding-top: 7px; padding-left: 30px; width: 100px; height: 23px; float: left; margin-left: 20px; position: relative; text-decoration: none;}

.emergency a:hover { color: #990000; }

.employeelinks a { font-weight: bold; color: #333;}

.employeelinks a:hover { color: #ff9900; }

.employeelinks h4 { text-transform: uppercase; }

.employeelinks h6 { color: #ff9900; font-weight: bold; }

.top { padding-bottom: 5px; }

.top a { padding: 6px; color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: normal; font-style: italic;  font-size: 7.5pt; border: 1px solid #999; border-bottom: 1px solid #999; }	

.top a:hover { color: #fff; background: #003366; }	

.questions a { color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; font-size: 9pt; line-height: 1.5em; padding: 0;margin: 0; }

.questions { border-bottom: 1px dashed #333; margin-bottom: 20px; }

.return2questions { font-style: none; font-size: 7pt; font-weight: lighter; color: #222;}

.return2questions a { font-style: italic; font-size: 7pt; font-weight: lighter; color: #003366; }

blockquote { margin-left: 0px; padding: 15px; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 7.5pt; border: 1px solid #999; }

#certs { background: #E0DDD3; position: relative; float: right; width: 297px; border-bottom: 1px dashed #999; border-top: 1px dashed #999;}

#certs p { position: relative; text-align: left; float: right; width: 190px; margin-bottom: 8px; margin-top: 8px; padding: 8px 4px; }

#wc { background: url(images/WCcertified.png) no-repeat; margin-left: 5px; margin-top: 10px; padding: 0px; position: relative; z-index: 600; float: left; width: 80px; height: 71px; }

#flood { margin-left: 5px; margin-top: 10px; padding: 0px; position: relative; z-index: 600; float: left; }

#flood a { display: block; width: 193px; height: 59px; background: url(images/flood.png) no-repeat; text-indent: -9999px; background-position: 0 0;}

#flood a:hover { display: block; background-position: 0 -60px; outline: none; }

li.phly { background: url(images/pagestructure/phlylogo.jpg) no-repeat top center; float:left; position:relative; width:100%; height:46px; clear:both; padding:4px 0px; text-indent:-9999px; border-bottom:1px dashed #999;}

#mywave {padding:0; margin:0; position:relative; z-index:600; float:left; }
#mywave tr, #mywave td {border:none;}

#homelinks { background: #E0DDD3; position: relative; float: right; width: 297px; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */


/* -- STYLE LISTS ------------------------------- */
/* ---------------------------------------------- */
.topquestions { margin: 0; padding: 0; color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; line-height: 1.5em; border-top: 1px dotted #003366; border-bottom: 1px dotted #003366; margin-right: 10px; margin-bottom: 10px; margin-top: 10px; }

.topquestions li { margin: 0px 0px 0px 12px; padding: 4px 0px 4px 0px; text-indent: -12px; background: transparent; list-style: none; }

.bulleted-list { padding-left: 15px; color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; list-style-type: square; line-height: 1.5em; border-top: 1px dotted #222; border-bottom: 1px dotted #222; margin-right: 5px; }

.bulleted-list li { padding-top: 4px; padding-bottom: 4px; }

.bulleted-list blockquote { margin-left: 0px; padding-left: 10px; border: none; }

.bulleted-list blockquote p { padding-left: 16px; }

.also { margin-top: 4px; color: #222; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 8pt; line-height: 1.5em; list-style-type: none; text-decoration: none; border-top: 1px dashed #999; border-bottom: 1px dashed #999; width: 280px; background: #DDEBC4; }

.also a , a:visited { color: #222; margin-left: 0px; }

.also a:hover { color: #003366; border-bottom: 1px dotted #FF9900; }

.documents { margin: 8px 0px 10px 0px; padding: 6px 0px 6px 10px; position: relative; float: left; width: 287px; list-style-type: none;  border-top: 1px dashed #999; border-bottom: 1px dashed #999; }

.documents li { color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 7.5pt; text-align: left; line-height: 1.5em; }

.documents li a , a:visited { color: #460800; text-decoration: none; }

.documents li a:hover { color: #003366; border-bottom: 1px dotted #FF9900; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---- TEXT CLASSES END ------------------------------------------------- */


/* ---- LAYOUT ELEMENTS -------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* -- QUICK MENU -------------------------------- */
#quickmenucontainer { position: relative; z-index: 700; float: right; margin-top: 116px; background: #fdedb8; height: 64px; width: 300px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; }

.autobutton a { position: relative; z-index: 701; margin: 10px 0 0 12px; display: block; background-position: 0 0; background: url(images/pagestructure/autobutton.png) no-repeat; width: 45px; height: 45px; float: left; text-indent: -9999px; }

.autobutton a:hover { display: block; background-position: -45px 0; outline: none; }

.homebutton a { position: relative; z-index: 702; margin: 10px 0 0 10px; background-position: 0 0; background: url(images/pagestructure/homebutton.png) no-repeat; width: 45px; height: 45px; float: left; text-indent: -9999px; }

.homebutton a:hover { display: block; background-position: -45px 0; outline: none; }

.businessbutton a { position: relative; z-index: 703; margin: 10px 0 0 10px; background-position: 0 0; background: url(images/pagestructure/businessbutton.png) no-repeat; width: 45px; height: 45px; float: left; text-indent: -9999px; }

.businessbutton a:hover { display: block; background-position: -45px 0; outline: none; }

.medicalbutton a { position: relative; z-index: 704; margin: 10px 0 0 10px; background-position: 0 0; background: url(images/pagestructure/medicalbutton.png) no-repeat; width: 45px; height: 45px; float: left; text-indent: -9999px; }

.medicalbutton a:hover { display: block; background-position: -45px 0; outline: none; }

.disabilitybutton a { position: relative; z-index: 705; margin: 10px 0 0 10px; background-position: 0 0; background: url(images/pagestructure/disabilitybutton.png) no-repeat; width: 45px; height: 45px; float: left; text-indent: -9999px; }

.disabilitybutton a:hover { display: block; background-position: -45px 0; outline: none; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */

#infobar { position: relative; float: right; background: #E7E6E7; width: 805px; height: 35px; }

#infobar p { position: relative; float: right; color: #003366; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }

#container { margin: auto; width: 805px; }

#lefttopcontent { float:left; width: 100%;  height: 180px; background : #fff; }

#container2 { margin-right:auto; margin-left:auto; height: auto; width:805px; background: #fff; }

#logo { float: left; position: relative; margin-top: 30px; margin-left: 32px; width : 350px; height : 121px; background : url(images/pagestructure/Clementlogo.png) no-repeat top left; text-indent: -9999px; clear: both; }

/* ---- MAIN MENU ------------------------------- */
/* ---------------------------------------------- */
#menucontainer { float: left; width: 805px; position: relative; background: #003366; border-top: 2px solid #FF9900; z-index: 800;}

#solidblockmenu { font: bold 9.25px Verdana, Arial, Helvetica, sans-serif; }

#solidblockmenu ul { padding: 0; margin: 0; height: auto; list-style-type:none; }

#solidblockmenu li { display: inline; float:left; position: relative; }

#solidblockmenu li a { float: left; color: #fff; width: 115px; padding: 8px 0px 8px 0px; text-decoration: none; text-align: center; }

#solidblockmenu li a:hover { color: #fff; background: #FF9900; }

#solidblockmenu li .current { background-color: #FF9900; color: #fff; }

#solidblockmenu li { color: #003366; }

#solidblockmenu ul ul { visibility: hidden; position: absolute; height: 1px; top: 27px; left: 0;  width: 115px; border: 0px; }

#solidblockmenu ul ul li{ border: 0px; }

#solidblockmenu table { position: absolute; top: 0; left: 0; border-collapse: collapse; }

#solidblockmenu ul ul a, #solidblockmenu ul ul a:visited { background: #003366; color: #fff; line-height: 1em; width: 105px; text-align: left; padding-left: 9px; border: 0px; }

#solidblockmenu ul li a:hover { color: #fff; background: #FF9900; border: none; }

/* make the second level visible when hover on first level list OR link */
#solidblockmenu ul li:hover ul, #solidblockmenu ul a:hover ul { visibility: visible; }
/* --------------------------------------------- */
/* --------------------------------------------- */

#menudrop { position: relative; width: 805px; height: 44px; background: url(images/pagestructure/menudrop.png) no-repeat; z-index: 10; }

#maincontainer { float: left; padding-bottom: 24px; width: 805px; background: #efeaff; }

#mainpara { float:left; position: relative; width: 450px; margin-left: 32px; margin-bottom: 0px; text-align: left; padding-right: 8px }


/* -- Contact Page Paragraph -------------------- */
/* ---------------------------------------------- */	
#mainpara_Contact { float:left; width: 330px; margin-left: 24px; text-align: left; padding-right: 8px; }

#mainpara_form { float:left; width: 600px; margin-left: 24px; text-align: left; padding-right: 8px; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */


/* -- FORM -------------------------------------- */
/* ---------------------------------------------- */
#form { margin-top: 20px; }
#form td { padding-bottom: 5px; }
#form td { color: #333; font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: normal;  font-size: 7.5pt; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */

#map { margin-top: 20px; position: relative; z-index: 100; float: right; text-align: left; font: 9px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #003366; border-right: 0px; }
		
#rightpicture { position: relative; z-index: 100; float: right; width: 297px; height: 297px; margin-top: 24px; background-color: none; }

#employeepicture { position: relative; z-index: 100; float: right; width: 297px; height: 297px; margin-top: 20px; }

#pulloutquotes { float: left; position: relative; background: url(images/pagestructure/lquote.png) no-repeat top left; background-color: none; width: 300px; height: auto; margin-left: 24px; margin-top: 28px; color: #666; padding-top: 5px; padding-left: 48px; }

#pulloutquotes h1 { background: url(images/pagestructure/rquote.png) no-repeat bottom right; background-color: none; padding-bottom: 15px; margin-top: auto; margin-bottom: auto; padding-right: 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style:italic; font-size: 10pt; line-height: 1.5em; text-align: left; }

#pulloutquotes h2 { margin-top: -10px; padding-right: 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style:italic; font-size: 9pt; line-height: 1.5em; text-align: right; background-color: none; }

#bottom { float:left; width: 805px; height: 165px; background: #efeaff url(images/pagestructure/bottompeice3.png) no-repeat bottom left; padding: 0px; margin: 0px; }


/* ---- FOOTER ---------------------------------- */
/* ---------------------------------------------- */
#footercontainer { float: left; position: relative; margin-left: auto; margin-right: auto; }

#footer { width: 805px; height: 50px; text-align: center; font: bold 7pt Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin-right: auto; margin-left: auto; background: #002347; padding: 5px 0px 15px 0px; }

#footermenu li { display: inline; width: auto; }

#footermenu a { color: #222; margin-left: 2px; margin-right: 2px; text-decoration: none; }

#copyright { color: #fff; }

#footermenu a.scrollover { /* Default Colour/Styles here */ color: #fff; }

#footermenu a.scrollover em:first-line { /* Rollover Colour/Styles here */ color: #FF9900; }
/* --------------------------------------------- */
/* --------------------------------------------- */
/* -- HOME MENU -------------------------------- */
#homemenucontainer { width: 450px; height: 45px; margin-top: 10px; padding: 10px 0px 10px 0px; position: relative; float: left; }

#homemenucontainer ul { width: 100%; margin: 0px; padding: 0; list-style-type: none; }

#homemenucontainer li { display: inline; float: left; position: relative; border-top: 3px solid #ff9900; font: bold 9px Verdana, Arial, Helvetica, sans-serif; }

#homemenucontainer li a { background: #003366; float: left; color: #fff; height: 25px; width: 99px; padding: 9px 6px; text-decoration: none; text-align: center; }

#homemenucontainer li a:hover { color: #fff; background: #ff9900; }
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---- LAYOUT ELEMENTS END ---------------------------------------------- */




/* ---- EMPLOYEE PICTURE CLASSES ----------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
.bill { background: #fff url(images/employees/Bill_Jenkins.jpg); }
.bob { background: #fff url(images/employees/Bob_Hyatt.jpg); }
.cindy { background: #fff url(images/employees/Cindy_Braddy.jpg); }
.darlene { background: #fff url(images/employees/Darlene_Jones.jpg); }
.james { background: #fff url(images/employees/James_Morgan.jpg); }
.jennifer { background: #fff url(images/employees/Jennifer_Crawford.jpg); }
.jim { background: #fff url(images/employees/Jim_Clement.jpg); }
.joni { background: #fff url(images/employees/Joni_Faulkner.jpg); }
.linda { background: #fff url(images/employees/Linda_Peele.jpg); }
.lynell { background: #fff url(images/employees/Lynell_McDowell.jpg); }
.marsha { background: #fff url(images/employees/Marsha_Harrington.jpg); }
.sara { background: #fff url(images/employees/Sara_Jenkins.jpg); }
.scott { background: #fff url(images/employees/Scott_Cooper.jpg); }
.spruill { background: #fff url(images/employees/Spruill_Alexander.jpg); }
.tim { background: #fff url(images/employees/Tim_Kelly.jpg); }
.jeff { background: #fff url(images/employees/Jeff_Fisher.jpg); }
.craig { background: #fff url(images/employees/Craig_Rouse.jpg); }
.jason { background: #fff url(images/employees/Jason_Wall.jpg); }
.bermey { background: #fff url(images/employees/bermey_stevens.jpg); }
/* ---- EMPLOYEE PICTURE CLASSES END ------------------------------------- */




/* ---- PAGE PICTURE CLASSES --------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
.about { background: url(images/businessdeal.jpg) no-repeat top center; }
.annuities { background: url(images/annuities.jpg) no-repeat top center; }
.auto { background: url(images/istock_auto.jpg) no-repeat top center; }
.boat { background: url(images/boat.jpg) no-repeat top center; }
.bonds { background: url(images/bonds.jpg) no-repeat top center; }
.commercial { background: url(images/comm.jpg) no-repeat top center; }
.contactus { background: url(images/contactus.jpg) no-repeat top center; }
.crime { background: url(images/istock_crime.jpg) no-repeat top center; }
.dental { background: url(images/istock_dental.jpg) no-repeat top center; }
.disability { background: url(images/pt.jpg) no-repeat top center; }
.epli { background: url(images/business4.jpg) no-repeat top center; }
.faq { background: url(images/employee2.jpg) no-repeat top center; }
.financial { background: url(images/fin.jpg) no-repeat top center; }
.fsa { background: url(images/fsa.jpg) no-repeat top center; }
.flood { background: url(images/floyd.jpg) no-repeat top center; }
.home { background: url(images/pagestructure/indeximage.jpg) no-repeat top center; }
.homeowners { background: url(images/familyroom.jpg) no-repeat top center; }
.hra { background: url(images/hra.jpg) no-repeat top center; }
.hrsupport { background: url(images/business1.jpg) no-repeat top center; }
.hsa { background: url(images/istock_hsa.jpg) no-repeat top center; }
.ilife { background: url(images/family.jpg) no-repeat top center; }
.life { background: url(images/beach.jpg) no-repeat top center; }
.link { background: url(images/istock_business.jpg) no-repeat top center; }
.longterm { background: url(images/longterm.jpg) no-repeat top center; }	
.majmed { background: url(images/majmed.jpg) no-repeat top center; }
.marine { background: url(images/istock_marine.jpg) no-repeat top center; }
.med { background: url(images/medxray.jpg) no-repeat top center; }
.placeholder { background: url(images/blk.jpg) no-repeat top center; }
.property { background: url(images/istock_property.jpg) no-repeat top center; }
.services { background: url(images/serv.jpg) no-repeat top center; }
.umbrella { background: url(images/istock_umbrella.jpg) no-repeat top center; }
.workmans { background: url(images/istock_wc.jpg) no-repeat top center; }
/* ---- PICTURE CLASSES END ---------------------------------------------- */