@charset "UTF-8";

/* Screen Styles                                    */
/* Copyright(C)2009 Source Internet Development Ltd */

/* Common Styles */

html {height: 100%; margin: 0;}
body {height: 100%; background: top center no-repeat url(../images/bg-border-lines.gif) #fff; margin: 0; text-align: center;}

p, span, h1, h2, h3, h4, h5, a, label, table	{font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-decoration: none; color: #687782;}

#header100				{width: 100%; margin: 0; text-align: center; padding: 18px 0 15px 0;}
#headerArea				{width: 930px; margin: 0 auto; text-align: left;}
#headerArea h1			{font-style: italic; color: #0e5993; font-size: 130%; line-height: 100%; margin: 0; padding: 35px 0 0 0;}
#logo					{float: left; margin: 0 15px 0 5px;}
#logo img				{border: none;}

#headerLeft				{margin: 0 0 12px 0; float: left; width: 470px;}
#headerRight			{margin: 5px 15px 0 0; float: right;}
#headerRight #top		{margin: 0; padding: 0; width: 357px; height: 60px; background: #ededed;}
#button 				{height: 27px; width: 357px; margin: 0; cursor: hand; border-bottom: 3px solid #fff;}

#menuBar 				{float: left; margin: 0; padding: 0 0 0 35px;}
#menuBar ul 			{margin: 0; padding: 0; list-style: none; position: absolute; top: 135px;}
#menuBar li 			{float: left; margin: 0 5px 0 0; padding: 0;}
#menuBar a 				{text-decoration: none;}

#menuBar #tab1 a		{display: block; background: top left no-repeat url("../images/tab-home.png"); width: 63px; height: 26px;}
#menuBar #tab1 a:hover	{background-position: 0 -26px;}

#menuBar #tab2 a		{display: block; background: top left no-repeat url("../images/tab-about.png"); width: 87px; height: 26px;}
#menuBar #tab2 a:hover	{background-position: 0 -26px;}

#menuBar #tab3 a		{display: block; background: top left no-repeat url("../images/tab-services.png"); width: 113px; height: 26px;}
#menuBar #tab3 a:hover	{background-position: 0 -26px;}

#menuBar #tab4 a		{display: block; background: top left no-repeat url("../images/tab-contact.png"); width: 99px; height: 26px;}
#menuBar #tab4 a:hover	{background-position: 0 -26px;}

#footer100				{width: 100%; margin: 0; padding: 0; clear: both;}
#footerArea				{margin: 0 auto; width: 960px; height: 136px; border: 1px solid #d9d9d9; border-bottom: none; background: #f8f8f8 top right no-repeat url(../images/bg-footer.png); text-align: left; overflow: hidden;}
#footerArea h5			{font-size: 80%; color: #03477c; margin: 0;}
#footerArea p			{font-size: 80%; color: #5f5f5f; margin: 0; line-height: 130%;}
#footerArea p a			{font-size: 100%; color: #03477c; text-decoration: underline; font-weight: bold;}
#footerArea p a:hover	{color: #fff; background: #03477c; text-decoration: none;}
#footerArea p strong	{color: #565454;}

#footerArea #leftCol1	{float: left; margin: 35px 60px 0 30px; padding: 0;}
#footerArea #leftCol2	{float: left; margin: 35px 0 0 0; padding: 0;}

#pageBanner100			{width: 100%; margin: 0; text-align: center; padding: 0; clear: both;}
#pageBannerArea			{width: 990px; height: 150px;  margin: 0 auto 5px auto; text-align: left;}
#pageBannerArea h1		{color: #fff; font-size: 180%; margin: 0 0 -3px 35px; padding: 55px 0 0 0; clear: both;}
#pageBannerArea h2		{color: #90a9bb; font-size: 100%; margin: 0 0 0 36px; padding: 0; font-weight: normal;}

#stdContent100					{width: 100%; margin: 0; text-align: center; padding: 0; clear: both;}
#stdContent2col					{width: 960px; margin: 0 auto; text-align: left;}
#stdContent2col #left			{float: left; text-align: left; margin: 0 0 75px 25px; width: 545px;}
#stdContent2col #left h1		{font-size: 170%; color: #064473; margin: 0 0 2px 0;}
#stdContent2col #left p			{font-size: 90%; margin: 0 0 20px 0; clear: both;}
#stdContent2col #left p strong	{font-weight: bold; color: #515c65;}
#stdContent2col #left p a		{color: #0e5993; font-weight: bold; text-decoration: underline; font-size: 100%; margin: 0;}
#stdContent2col #left p a:hover	{background: #0e5993; text-decoration: none; color: #fff;}

#stdContent2col #right	{float: right; text-align: left; text-decoration: none; margin: 0 25px 50px 0; padding: 0 5px 0 0; width: 300px;}

#leftBullets			{float: left; text-align: left; margin: 0 40px 25px 15px; overflow: hidden; max-width: 245px;}
#rightBullets			{float: left; text-align: left; margin: 0 0 25px 0; max-width: 245px;}
#arrowBullets			{margin: 0; padding: 0; list-style-type: none;}
#arrowBullets li		{margin: 0; padding: 0 0 12px 28px; background: no-repeat url(../images/icon-arrow-bullet.png); line-height: 100%;}
#arrowBullets li span	{font-weight: bold; color: #0e5993; font-size: 100%; margin: 0; padding: 0;}

#fullBullets			{text-align: left; margin: 0 40px 25px 15px; overflow: hidden;}
#tickBullets			{margin: 0; padding: 0; list-style-type: none;}
#tickBullets li			{margin: 0; padding: 0 0 12px 28px; background: no-repeat url(../images/icon-tick-bullet.png); line-height: 100%;}
#tickBullets li span	{font-weight: bold; color: #515c65; font-size: 90%; margin: 0; padding: 0;}

#breadcrumbs			{margin: 0 0 28px 0; font-size: 90%;}
#breadcrumbs p			{margin: 0; color: #0e5993;}
#breadcrumbs p a		{font-weight: bold; color: #0e5993; text-decoration: underline;}
#breadcrumbs p a:hover	{background: #0e5993; color: #fff; text-decoration: none;}

a.blueLink				{color: #0e5993; font-weight: bold; font-size: 100%; margin: 0; text-decoration: underline;}
a.blueLink:hover		{background: #0e5993; text-decoration: none; color: #fff;}

.stdBanner				{background: top left no-repeat url(../images/banner-standard.png);}



/* Slider Menu Styles */
ul, li 					{margin: 2px 0 0 0; padding: 0; list-style: none; position: relative; z-index: 2;}

.menu_class 			{border: 0;}
.the_menu 				{display: none; width: 357px; border: none;}
.the_menu ul			{padding: 0 0 20px 0;}
.the_menu li 			{background-color: #ff9000; padding: 13px 28px 0 18px; margin: 0;}
.the_menu li p 			{color: #fff; font-size: 80%; padding: 0; margin: 0 0 15px 0; line-height: 110%;}
.the_menu li label		{font-weight: bold; font-size: 80%; color: #fff; margin: 0 0 2px 0;}
.signupField			{font-weight: bold; font-size: 90%; color: #111; margin: 0 0 10px 0; border: 3px solid #f17700; padding: 2px; width: 280px;}
.signupRolldown			{font-weight: bold; font-size: 90%; color: #111; margin: 0 0 10px 0; padding: 2px; width: 200px;}
.signupBtn				{font-weight: bold; font-size: 80%; padding: 2px; color: #111; margin: 0 0 20px 0;}




/* Homepage Styles */
#homeFeature100			{width: 100%; margin: 0; text-align: center; background: none; padding: 0; clear: both;}
#homeFeatureArea		{width: 990px; height: 380px; background: none; margin: 0 auto 25px auto; text-align: left; outline: none;}
#homeFeatureArea:hover 	{border:0px solid;}

#homeContent100			{width: 100%; margin: 0; text-align: center; padding: 0; clear: both;}
#homeContentArea		{width: 960px; margin: 0 auto; text-align: left;}

#homeColL				{float: left; text-align: left; margin: 0 0 75px 25px; width: 545px;}
#homeColL h1			{font-size: 180%; color: #3d9ce9; margin: 0 0 8px 0;}
#homeColL h1 strong		{font-size: 100%; color: #064473;}
#homeColL p				{font-size: 100%; margin: 0 0 25px 0;}
#homeColL p strong		{font-weight: bold; color: #515c65;}

#homeColR				{float: right; text-align: left; margin: 0 25px 50px 0; width: 329px;}
#homeColR #header		{background-color: #0e5993; margin: 0; padding: 7px 17px 9px 17px;}
#homeColR #header h3	{color: #fff; font-weight: bold; font-size: 80%; margin: 0;}
#homeColR #main			{border: 1px solid #a6a6a6; padding: 15px 30px 30px 18px;}

#homeServiceBox				{margin: 0 0 15px 0; background: none; overflow: hidden; clear: both;}
#homeServiceBox h2			{font-weight: bold; margin: 0;}
#homeServiceBox h2 a		{color: #004993; text-decoration: none; font-size: 100%;}
#homeServiceBox h2 a:hover	{color: #fff; background: #004993; text-decoration: none;}
#homeServiceBox p			{color: #515c65; font-size: 80%; line-height: 110%; margin: 0 0 3px 0;}
#homeServiceBox p a			{color: #ff9000; font-size: 100%; margin: 0; text-decoration: underline;}
#homeServiceBox p a:hover	{color: #fff; background: #ff9000; text-decoration: none;}

#homeServiceBox #tick		{float: left; text-align: left; padding: 6px 0 0 0; width: 21px; margin: 0;}
#homeServiceBox #stuff		{float: left; width: 250px; text-align: left; margin: 0; padding: 0;}




/* About Page */
#profileContainer		{margin: 0; padding: 40px 0 0 25px;}
#profileBox				{margin: 0 0 30px 0; width: 240px; background: #0d5993; border: 5px solid #0d5993;}
#profileBox img			{margin: 0;}
#profileBox h5			{margin: 0; padding: 6px 0 0 5px; color: #fff; font-size: 90%;}
#profileBox p			{margin: 0; padding: 0 0 6px 5px; color: #fff; font-size: 80%;}




/* Service Pages */
#servicesContainer		{margin: 0; padding: 40px 0 0 25px;}
#servicesContainer h5	{margin: 0 0 8px 0; padding: 0; font-weight: normal; font-size: 75%; color: #687782;}

#serviceRow				{margin: 0 0 16px 0; width: 250px; clear: both;}
.rFloatBox				{float: right;}
#serviceBox				{margin: 0; width: 100px; text-align: center; background: #0d5993; border: 5px solid #0d5993; text-decoration: none;}
#serviceBox:hover		{margin: 0; display: block; cursor: pointer; background: #ff9000; border: 5px solid #ff9000; text-decoration: none;}
#serviceBox img			{margin: 0; border: none; color: #fff; font-size: 80%; text-decoration: none;}
#serviceBox h4			{margin: 0; padding: 4px 0 3px 0; color: #fff; text-decoration: none; font-size: 90%;}


#serviceBoxDead			{margin: 0; width: 100px; text-align: center; background: #a6a6a6; border: 5px solid #a6a6a6; text-decoration: none;}
#serviceBoxDead img		{margin: 0; border: none; color: #fff; font-size: 80%; text-decoration: none;}
#serviceBoxDead h4		{margin: 0; padding: 4px 0 3px 0; color: #fff; text-decoration: none; font-size: 90%;}

.mortgageBanner			{background: top left no-repeat url(../images/banner-mortgage.png);}
.insuranceBanner		{background: top left no-repeat url(../images/banner-insurance.png);}
.propertyBanner			{background: top left no-repeat url(../images/banner-property.png);}
.taxBanner				{background: top left no-repeat url(../images/banner-tax.png);}
.willsBanner			{background: top left no-repeat url(../images/banner-will.png);}
.utilitiesBanner		{background: top left no-repeat url(../images/banner-utilities.png);}
.legalBanner			{background: top left no-repeat url(../images/banner-legal.png);}
.travelBanner			{background: top left no-repeat url(../images/banner-travel.png);}

#content1col			{width: 910px; padding: 0 25px 0 25px; margin: 0 auto; text-align: left; font-size: 90%;}
#content1col #gridRow	{margin: 0 0 25px 0; overflow: hidden;}

#serviceCell			{width: 200px; float: left; margin: 0 23px 0 0;}
#serviceCell img		{margin: 0; border: none;}
#serviceCell a			{margin: 0; border: none;}
#serviceCell h5			{font-size: 130%; margin: 5px 0 2px 0;}
#serviceCell h5 a		{font-size: 100%; color: #064473; text-decoration: none;}
#serviceCell h5 a:hover	{color: #fff; background: #004993; text-decoration: none;}
#serviceCell p			{font-size: 90%; margin: 0 0 10px 0; line-height: 120%;}




/* Contact Page */
#contactBox				{background: #fbfbfb; border: 1px solid #b8b8b8; margin: 0; padding: 28px;}
#contactBox p			{color: #687782; margin: 0 0 20px 0; font-size: 90%;}
#contactBox p strong	{color: #515c65; margin: 0;}
#contactBox table		{margin: 0 0 20px 0; text-align: left;}
#contactBox table th	{font-size: 80%; font-weight: normal; margin: 0; padding: 0 5px 3px 0;}
#contactBox table td	{font-size: 80%; font-weight: bold; color: #0e5993; margin: 0; padding: 0 0 3px 0;}
#contactBox table td a	{font-size: 100%; font-weight: bold; color: #0e5993; margin: 0;}
#contactBox table td a:hover	{font-weight: bold; color: #000;}

#contactForm			{margin: 0 0 15px 0; padding: 0;}
#contactForm ul			{margin: 0; padding: 0; list-style: none;}
#contactForm li			{margin: 0; padding: 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}
#contactForm li.box		{margin: 0 0 10px 0; padding: 0;}
#contactForm li label	{color: #206fac;}
#contactForm li span	{color: #206fac;}
#contactForm li small	{color: #206fac; font-weight: normal; margin: 0 0 10px 0; font-size: 90%;}
#contactForm table		{margin: 0;}
#contactForm table TD	{text-align: left; margin: 0; width: 270px;}
#contactForm table TD.leftCol	{padding-right: 15px;}

#radioDIV	{margin: 10px 0 0 0; padding: 0;}
#radioDIV p	{color: #206fac; margin: 0;}

.contactRadio			{margin: 0;}
.contactFormBox			{width: 250px; padding: 3px; border: 2px solid #a0cdf1; font-family: Arial, Helvetica, sans-serif; color: #444; font-size: 1.1em;}
.contactRolldown		{width: 250px; padding: 2px; font-family: Arial, Helvetica, sans-serif; color: #444; font-size: 1.1em;}
.contactFormArea		{width: 530px; padding: 3px; border: 2px solid #a0cdf1; font-family: Arial, Helvetica, sans-serif; color: #444; font-size: 1.1em;}
.contactBtn				{color: white; font-size: 1.0em; font-weight: bold; padding: 4px 12px; background: #61abe7; border: 1px solid #61abe7;}