/* CSS Document */


/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
html								{margin: 0px; padding: 0px}
body 								{position: relative; height: 100%; margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; color: #333333; background:url(../images/bkg_in.gif) repeat-x #fdfcfd}
h1, h2, h3, h4, h5, h6, li, 
ol, ul, form, fieldset, input,
p, blockquote, img					{margin: 0px; padding: 0px; list-style:none}
img									{border: none}
table, tr, td, th					{padding: 0px; margin: 0px; vertical-align:top; border-collapse:collapse}/* sets declarations for all tables throughout the site */
table th							{text-align: left; speak-header: always}
th									{speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/
a:link, a:visited					{color: #178095; text-decoration:underline; cursor: pointer}
a:hover, a:active					{color: #515151; text-decoration:none}

/* CONTENT & FORMATTING
---------------------------------------------------*/
#content							{position: relative; width: 750px; min-height: 300px; margin: 0px auto; clear: both}
#contentbox							{position: relative; top:0px; width: 533px; margin: 0px auto; padding: 20px; float:right; background:url(../images/bkg_incontent.gif) repeat-x #fff}
#home #content						{min-height: 0px}
#content img						{border: 1px solid #d4bdd5}
#content ul, #content ol			{margin: 10px 5px 10px 20px}
#content li							{margin-bottom: 10px; margin-left: 20px}
#content ul li						{list-style: disc}
#content ol li						{list-style: decimal}
#content ol li ol li				{list-style: lower-alpha; margin-bottom: 5px}

p									{margin: 0px 0px 15px}
#content h6							{width: 100%; height: 43px; text-align: right; margin: -20px 0px 20px 0px; display:block; border-bottom: 1px solid #c2a1c2} /*graphic pg titles*/
#content h6 img						{border: none}
h1, h4								{font-size: 16px; margin: 27px 0px 5px; color: #531152; font-weight:normal}
h2									{font-size: 12px; margin: 2px 0px; color: #333333}
h3									{font-size: 12px; color:#d34e70}
.left								{width: 48%; padding-right:5px; float: left}
.right								{width: 48%; float: left; clear:right}
.clearright							{clear: right}

/* SIDEBAR
---------------------------------------------------*/
#sidebar							{position: relative; top:0px; left: 0px; width: 177px; float:left; text-align:center}
#sidebar img						{border: none}
.siteinfoin							{text-align: right}

/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding 							{position: relative; width: 760px; height: 130px; margin: 0px auto; clear: both; background: url(../images/bkg/intBranding.jpg) no-repeat bottom center}
#branding h1						{width: 302px; height: 87px; margin:0px; padding:0px; border:none}
#branding h2						{position: absolute; top: 0px; right: 0px; width: 367px; height: 87px; margin:0px; padding:0px; border:none}
#branding ul						{width: 750px; height: 44px; margin: 0px auto}
#branding ul li						{display: block; margin: 0px; padding: 0px; float: left}
#branding li a 						{display: block}

* html a:hover 						{visibility:visible}
#branding li a:hover img			{visibility:hidden}

#nav_home 							{width: 48px; height: 44px; background:url(../images/nav/home_o.gif) no-repeat}
#nav_about 							{width: 60px; height: 44px; background:url(../images/nav/about_o.gif) no-repeat}
#nav_coverages 						{width: 70px; height: 44px; background:url(../images/nav/coverages_o.gif) no-repeat}
#nav_beauty 						{width: 124px; height: 44px; background:url(../images/nav/beauty_o.gif) no-repeat}
#nav_ind							{width: 154px; height: 44px; background:url(../images/nav/ind_o.gif) no-repeat}
#nav_links							{width: 92px; height: 44px; background:url(../images/nav/links_o.gif) no-repeat}
#nav_apps							{width: 128px; height: 44px; background:url(../images/nav/apps_o.gif) no-repeat}
#nav_contacts						{width: 73px; height: 44px; background:url(../images/nav/contacts_o.gif) no-repeat}

#home #nav_home img,
#about #nav_about img,
#coverages #nav_coverages img,
#beauty #nav_beauty img,
#ind #nav_ind img,
#links #nav_links img,
#apps #nav_apps img,
#contacts #nav_contacts img			{visibility: hidden}

/* SITE INFO (footer)
---------------------------------------------------*/
#siteinfo 							{width: 760px; height: 60px; margin: 20px auto 20px; clear: both; padding-top: 20px; border-top: 1px solid #d5d5d5; color:#333333; font-size:11px; text-align:center; display:block}
#siteinfo a:link,
#siteinfo a:visited					{color: #555555; text-decoration: underline; font-weight: normal}
#siteinfo a:hover,
#siteinfo a:active					{color: #555555; text-decoration: none}

/* HOME
---------------------------------------------------*/
#home 								{background:url(../images/bkg_home.gif) repeat-x #fff}
#home img							{border: none}
#home ul							{list-style: url(../images/checkbullet.gif); font-weight:bold; color: #000}
#home ol li							{list-style: none; margin-bottom: 3px; font-weight:bold; color: #000}
#home #content						{margin: 8px auto 10px; background:none; padding: 0px; padding-top: 8px}
#home #contentbox					{width: 722px; border-right: 28px solid #7d347d; float: left; padding: 0px}
#topbox								{width: 465px; height: 274px; display: block; background: url(../images/home_splash.jpg) no-repeat center; margin: 0px auto; text-align:center; padding-right: 285px}
#topbox h1							{font-size: 26px; color: #000; margin-bottom: 22px; line-height:25px}
#topbox h2							{font-size: 14px;  margin-bottom: 22px}

#home #contentright					{position: relative width: 343px; min-height: 300px; margin: 0px auto 20px; clear: both; float: right}
* html #home #contentright			{position: absolute}
#ribbon								{width: 339px; height: 44px; background: url(../images/ribbon.gif) no-repeat; font-size: 15px; font-weight: bold; color: #fff; text-align:center; padding-top: 18px; margin: 17px 0px 15px}
#home #contentleft					{position: relative; top:0px; left: 0px; width: 376px; min-height: 200px; display: block; float:left; background: url(../images/bkg_homelft.gif) repeat-x #f9f7fa; border: 1px solid #beb8bf; border-bottom: 0px; border-top: 0px; margin: 38px 0px 20px 0px; padding-top: 10px}
#home #contentleft h2				{font-size: 13px; font-weight: bold; color: #b00631; margin-left: 12px}
#home #whybuy						{position: absolute; top: 8px; left: 0px; z-index:2; display:block}
#coverage							{height: 13px; display: block; margin: 10px 0px; float: left; clear: both}
#homefooter							{position: absolute; bottom: -4px; left: -1px}
#home #partners						{position: relative; top:0px; left: 0px; display: block; float:left; background: url(../images/bkg_homelft.gif) repeat-x #f9f7fa; border: 1px solid #beb8bf; margin: 0px; padding: 12px}


/* PAGE - SPECIFIC
---------------------------------------------------*/
#coverages td, 	
#coverages th,
form td, 	
form th								{height: 25px; border-bottom: 1px solid  #CCCCCC; vertical-align:middle}

#coverages th						{vertical-align:bottom}

form table td,
form table th						{padding: 4px}

form table input					{width: 50px}

form label							{cursor: pointer}

#beauty #contentbox h1,
#ind #contentbox h1					{font-size: 14px; font-weight: bold; border-bottom:  1px solid #CCCCCC; display: block; clear:both; margin-top: 40px}

#beauty div h3,
#beauty div h3						{font-size: 14px; display: inline; margin-right: 10px}

.row								{width: 533px; display:block; clear: both; padding: 5px 0px}
.row h2								{width: 150px; height: 100%; display:block; float: left; clear: left}
.row div							{width: 383px; float: right}
#quoteservices .row					{padding: 10px 0px; border-bottom: 1px solid #ccc}
#quoteservices h2					{width: auto; float: none; margin-bottom: 8px}
#quoteservices .row div				{width: auto; float: none}

table h2							{display: block; vertical-align: bottom}