body { font-family: "Georgia", "Times New Roman", serif; line-height: 1.5; /* Unitless for proper inheritance */ color: #1a2538; background: #f1e9d9 url(images/bodybg.gif) no-repeat center top; }
body { font-size: 75%; background-color: #f1e9d9; /* IE */ }
html > body { font-size: 12px; /* Other browsers */ }

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal /*IE sets bold unless specified*/; }

h1 { font-size: 3em; }
h2 { font-size: 2em; line-height: 1; margin-bottom: 0.25em; padding-bottom: 0.25em; /*padding accounts for long stem characters*/ }
h3 { font-size: 1.5em; line-height: 1; margin: 0.75em 0; color: #857758;  }
h4 { font-size: 1.2em; line-height: 1.25; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; }

.hascaption { line-height: 1; margin: 0; padding: 0; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em 0; line-height: 18px; }
p.last { margin-bottom: 0; }
p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top { margin-top: 0; /* Use this if the image is at the top of the <p>. */ }
p.caption { font-size: 11px; font-family: Arial, Helvetica, San-serif; color: #666; text-align: left; margin-bottom: 0.5em; }


ul, ol { margin: 0 0 1.5em 2.25em; padding-left: 0; }
ol { list-style-type: decimal; }
li { line-height: 1.5; }
dl { margin: 1.5em 0; }
dl dt { font-weight: bold; }
ul.bulleted { list-style-type: disc; }
ul.bulleted li { line-height: 1.5em;}
ul.tabulardata { list-style: none; margin-left: 0.5em; }
ul.tabulardata li a { line-height: 1.75em; padding-left: 22px; background: transparent url(images/icon-table.gif) no-repeat left; }

a { color: #2A3C5B; text-decoration: underline; outline: none; }
a:hover { color: #4A6AA1; }

blockquote { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em { font-style: italic; }
pre { margin-bottom: 1.3em; background: #eee; border: 0.1em solid #ddd; padding: 1.5em; }
code { font: 0.9em Monaco, monospace; }
acronym { cursor: help; }
address { margin-bottom: 1.5em; line-height: 18px; font-style: normal; }

/* Use this to create a horizontal ruler across a column. */
hr { background: #d1c2a0; color: #d1c2a0; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.4em 0; border: none; }
* html hr { margin: 0 0 1.2em 0; /* IE6 fix */ }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; border-top: 0.1em solid #ddd; border-left: 0.1em solid #ddd; }
th, td { height: 1em; padding: 0.5em 0.75em; border-bottom: 0.1em solid #ddd; border-right: 0.1em solid #ddd; }
td { font-family: Tahoma, Arial, Helvetica, San-serif; }
th { font-weight: bold; }

/* Case Study Tables */
.casestudytbl { width: 600px; }
.casestudytbl, .casestudytbl th, .casestudytbl td{ border-color: #fff; color: #352f21;}
.casestudytbl th { font-size: 135%; letter-spacing: -1px; line-height: 1.5; background-color: #d1c2a0; border-right: none;}
.casestudytbl td { background-color: #eae1cd; border-color: #f6f0e2; }
.casestudytbl tr.alternativemethod td { background-color: #f6f0e2; border-color: #fffbf1; }
.casestudytbl tfoot * { color: #1a2538; }
.casestudytbl tfoot th { background-color: #a8b0bd; }
.casestudytbl tfoot td { background-color: #e4e7ec; border-color: #f0f3f8;}
.casestudytbl tr.total td { font-weight: bold; }
.casestudytbl td.setfirstcolwidth { width: 350px; }
.indent { text-indent: 1em; }

/*Forms
---------------------------------------------------------*/
form { }
button { padding: 0 .25em; width: auto; overflow: visible; /*IE padding fix - uses auto width and overflow*/ }
label { font-weight: bold; }
textarea { height: 180px; width: 300px; }
.fm-button { background-color: #d1c2a0; font-weight: bold; padding: 5px 18px; cursor: pointer; }
.fm-button:hover { background-color: #e7d8b6; }
input, textarea, select { padding: 2px; font: normal 100% Arial, Helvetica, sans-serif;}
input { margin-right: 2px; *margin-right:0;}
select { font-family: Arial, Helvetica, Sans-Serif; }
option { padding-right: 5px; }

/*Formated Forms - Based on the markup by Derek Featherstone at www.simplyaccessible.org and enhancements by Gayaranga Prabhath Sirisena (Prabhath) at www.nidahas.com*/
div.formwrapper { font-family: Arial, Helvetica, Sans-Serif; }
div.formwrapper fieldset div.clear { clear: both; padding: 0 !important; }
/**/
div.formwrapper p.legend { margin-bottom: 1em; font-size: 0.9em; }
div.formwrapper p.legend em { color: #C00; font-size: 1em; font-weight: bold; font-style: normal; }
/**/
div.formwrapper .errors { margin-bottom: 1.35em; padding: 1em; border: 1px solid #CCC; background-color: #FFC; }
div.formwrapper .errors p { margin: 0; }
div.formwrapper .errors p em { color: #C00; font-size: 1em; font-weight: bold; font-style: normal; }
div.formwrapper .errormessage { margin-left: 170px; font: bold 11px/11px Arial, Trebuchet MS, Sans-Serif; clear: both; padding: 2px 0 2px 18px; background: #ffffcd url(/app_themes/familycare/images/icon-error.gif) no-repeat 0px 0px; }
div.formwrapper .GridView .errormessage { margin-left: 0; }
/**/
div.formwrapper p { margin: 0; }
div.formwrapper p.note { margin-left: 170px; color: #666; font-size: 0.9em; font-family: Arial, Helvetica, Sans-Serif; line-height: 1.1em; }
div.formwrapper fieldset { border: none; padding: 0.5em 0 0.5em 0; position: relative; margin-top: 0.75em; *margin-top: 0;  }
div.formwrapper legend { font-family: "Georgia", "Times New Roman", serif; font-size: 1.5em; line-height: 1.5; font-weight: normal; color: #857758; overflow:visible; clear:both; *position: relative; *left: -0.4em; }
div.formwrapper fieldset fieldset {  border-top: solid 2px #e7d8b6 !important; }
div.formwrapper fieldset fieldset legend {  font-weight: bold;  font-size: 1.2em; line-height: 1;}
div.formwrapper fieldset div, div.formwrapper div { padding: 0.15em 0; }
div.formwrapper fieldset div input, div.formwrapper fieldset div select { width: 200px; }
div.formwrapper fieldset div .checkbox input, div.formwrapper fieldset div .radiobutton input, .fm-button, .fm-button-cancel, .noborder input {width: auto !important; }
div.formwrapper label, div.formwrapper span.label { margin-right: 10px; _margin-right: 8px; padding-right: 10px; width: 150px; float: left; display: block; text-align: right; position: relative; }
div.formwrapper label.error, div.formwrapper span.error { color: #C00; }
div.formwrapper label em, div.formwrapper span.label em { color: #C00; font-size: 1em; font-weight: bold; font-style: normal; font-family: "Trebuchet MS" , Verdana, Helvetica !important; position: absolute; right: 0; }
div.formwrapper input.error { border-color: #C00; background-color: #FEF; }
div.formwrapper div.controlset label, div.formwrapper div.controlset input { float: none; display: inline; }
div.formwrapper div.controlset div { margin-left: 170px; }
div.formwrapper div.buttonrow { margin-left: 170px; }
div.formwrapper div.important p { margin-bottom: 1em; }


/* Some default classes
-------------------------------------------------------------- */

p.small { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.large { font-size: 1.2em; line-height: 2.5em; }
.hide { display: none; }
.clear { clear: both; }
.bold { font-weight: bold; }
.leftcolumn { width: 48%; float: left; padding-right: 1%; }
.rightcolumn { width: 48%; float: right; padding-left: 0; }
.twothird-l-column { width: 64%; float: left; padding-right: 1%; }
.twothird-r-column { width: 64%; float: right; padding-left: 0; }
.onethird-l-column { width: 32%; float: left; padding-right: 1%; }
.onethird-r-column { width: 32%; float: right; padding-left: 0; }
.topofpage { clear: both; font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 11px; }
.topofpage a {float: right; padding: 0.5em; background-color: #586885; color: #e4e7eb; text-decoration: none;}
.topofpage a:hover { background-color: #79869d; color: #fff; } 


/*Structure
-------------------------------------------------------------- */

#Container { width: 830px; margin: 0 auto; margin-top: 18px; position: relative; }
header, nav, footer, #Content, #HomeSplash, #HomeSecondary { margin-bottom: 10px; padding: 24px 32px; position: relative; overflow: hidden; _height: 0.1% /* IE6 (haslayout hack) */; }
header *, nav *, #HomeSplash *, footer * { margin: 0; line-height: 1; _margin-bottom: -0.1% /* IE6 Counters space created by (haslayout) hack */; }
.engineer { position: absolute; top: 27px; _top: 26px /* IE6 fix */; right: -5px; z-index: 5; width: 229px; height: 197px; background: transparent url(images/engineer.jpg) no-repeat 0 0; }

/*Corners*/
.tl-corner, .tr-corner, .bl-corner, .br-corner { height: 6px; width: 6px; position: absolute; overflow: hidden; }
.tl-corner { top: 0; left: 0; background-position: left top; }
.tr-corner { top: 0; right: 0; background-position: right top; }
.bl-corner { bottom: 0; left: 0; background-position: left bottom; }
.br-corner { bottom: 0; right: 0; background-position: right bottom; }

header { color: #1a2538; background-color: #d1c2a0; padding: 12px 32px; }
header .tl-corner, header .tr-corner, header .bl-corner, header .br-corner { background-image: url(images/lighttan-corner.gif); }
header .calltollfree, header .callalternate { position: absolute; text-indent: -9999px; width: 180px; height: 54px; background: transparent url(images/calltollfree.gif) no-repeat 0 0; top: 42px; left: 400px; }
header .callalternate { left: 600px; }
header h1 { height: 107px; width: 338px; text-indent: -99999px; background-image: url(images/ics-logo.gif); }
header h1 a { height: 107px; width: 338px; display: block; position: relative; }
header h1 a span { position: absolute; cursor: pointer; }

nav { padding: 0; height: 52px; background-color: #1a2538; width: 100%; }
nav .tl-corner, nav .tr-corner, nav .bl-corner, nav .br-corner { background-image: url(images/darkblue-corner.gif); }
nav .Navigation, nav .Navigation * { margin: 0; padding: 0; border: 0; font-family: "Georgia", "Times New Roman", serif; }
nav h2 {position: absolute; text-indent: -9999px; }
nav .Navigation { font-size: 18px; letter-spacing: -1px; word-spacing: 0.15em; margin: 0 auto; }
nav .Navigation ul{list-style:none;margin:0 0 0 12px}
nav .Navigation .static a {color: #a0acc6; text-decoration: none; display: block; line-height: 52px; padding: 0 18px; background-image: none /*IE fix - if you use a background in the a:hover that animates - you need to declair a background-image for a*/; }
nav .Navigation .static a:hover { color: #fff; color: #fff; background: transparent url(images/navigation-hover-bg.gif) repeat-x bottom;  }
nav .Navigation .static a.selected { color: #fff; cursor: default; }
nav .Navigation .static a.selected,  
nav .Navigation .static a.selected:hover { color: #fff !important; background: #586885 url(images/navigation-selected-bg.gif) repeat-x center; }

#Content { color: #000; background-color: #fef9f0; padding: 32px; }
#Content .tl-corner, #Content .tr-corner, #Content .bl-corner, #Content .br-corner { background-image: url(images/offwhite-corner.gif); }
#Content .calculator { background: transparent url(images/calculator-bg.jpg) no-repeat right bottom; height: 450px; }
#Content .partnerships { background: transparent url(images/partnership.jpg) no-repeat right bottom; height: 256px; }

footer { color: #fff; background-color: #586885; font: bold 11px "Trebuchet MS" , Arial, san-serif; }
footer .tl-corner, footer .tr-corner, footer .bl-corner, footer .br-corner { background-image: url(images/medblue-corner.gif); }

/*Home Page Customizations*/
#HomeSplash { color: #fff; background-color: #1a2538; height: 209px; }
#HomeSplash .catchphrase { position: absolute; text-indent: -9999px; }
#HomeSplash .tl-corner, #HomeSplash .tr-corner, #HomeSplash .bl-corner, #HomeSplash .br-corner { background-image: url(images/darkblue-corner.gif); }
#HomeSplash .homesplash-bg { height: 257px; width: 541px; position: absolute; top: 0; right: 0; background-position: right top; background-image: url(images/homesplash-bg.jpg); }
#HomeSplash h2 { text-indent: -9999px; position: absolute; }
ul#HomeNav { width: 248px; margin: 0; padding: 0; list-style: none; }
ul#HomeNav li { margin: 0; padding: 0; display: inline /* IE li spacing now behaves */; _zoom: 1 /* IE6 prevents li's from collapsing on hover */; width: 100%; }
ul#HomeNav a { color: #fff; text-decoration: none; display: block; height: 36px; width: 248px; position: relative; margin-bottom: 8px; }
ul#HomeNav a:hover { color: #fff; background-position: left bottom /* IE6 is finiky about background-postion being declaired here as apposed to in a:hover span */; }
ul#HomeNav a span { position: absolute; height: 30px; top: 0; cursor: pointer; background-position: left top; width: 248px;}
ul#HomeNav a:hover span { background-position: left bottom;  }
ul#HomeNav .companyprifile a span { background-image: url(images/btn-companyprofile.gif); }
ul#HomeNav .ourservices a span {  background-image: url(images/btn-ourservices.gif); }
ul#HomeNav .casestudies a span {  background-image: url(images/btn-casestudies.gif); }
ul#HomeNav .faqs a span {  background-image: url(images/btn-faqs.gif); }
ul#HomeNav .additionalresources a span {  background-image: url(images/btn-additionalresources.gif); }
ul#HomeNav .contactus a span {  background-image: url(images/btn-contactus.gif); }

#HomeSecondary { color: #f1e9d9; background-color: #857758; font-size: 14px; }
#HomeSecondary div { _margin-bottom: -0.1% /* IE6 Counters space created by (haslayout) hack */; }
#HomeSecondary .tr-corner, #HomeSecondary .bl-corner, #HomeSecondary .br-corner { background-image: url(images/darktan-corner.gif); }
#HomeSecondary .tl-darktan-highlight { height: 77px; width: 306px; position: absolute; _z-index: -1 /* IE6 force behind */; top: 0; left: 0; background-position: left top; background-image: url(images/tl-darktan-highlight.jpg); }
#HomeSecondary .br-darktan-highlight { height: 108px; width: 265px; position: absolute; _z-index: -1 /* IE6 force behind */; bottom: 0; right: 0; background-position: right bottom; background-image: url(images/br-darktan-highlight.jpg); }
#HomeSecondary .HomeSecondaryContent { position: relative; z-index: 2; /* allows for decorative effects behind content area */  }
#HomeSecondary a { color: #352f21; background-color: #d1c2a0; padding: 2px 3px; text-decoration: none; font-weight: bold; height: 1%;}
#HomeSecondary a:hover { color: #352f21; background-color: #f1e9d9; }

/*Titles*/
.title-whatiscostseg { text-indent: -9999px; background: transparent url(images/title-whatiscostseg.gif) no-repeat 0 0; }
.title-alittleaboutourselves { text-indent: -9999px; background: transparent url(images/title-alittleaboutourselves.gif) no-repeat 0 0; }
.title-companyprofile { text-indent: -9999px; background: transparent url(images/title-companyprofile.gif) no-repeat 0 0; }
.title-ourservices { text-indent: -9999px; background: transparent url(images/title-ourservices.gif) no-repeat 0 0; }
.title-casestudies { text-indent: -9999px; background: transparent url(images/title-casestudies.gif) no-repeat 0 0; }
.title-faqs { text-indent: -9999px; background: transparent url(images/title-faqs.gif) no-repeat 0 0; }
.title-additionalresources { text-indent: -9999px; background: transparent url(images/title-additionalresources.gif) no-repeat 0 0; }
.title-contactus { text-indent: -9999px; background: transparent url(images/title-contactus.gif) no-repeat 0 0; }