/*  --------------------------------------------------------------------------------
TERRACEINSURANCE.COM, COPYRIGHT: WIGHTMAN & SMITH INSURANCE
CSS Document Author: Terry Evans - SPARK DESIGN WEB & PRINT - WWW.SPARKDESIGNCO.COM
-------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------  Globals
---------------------------------------------------------------------------------- */
 * { padding:0; margin:0; }

body {
	margin: 0; padding: 0; border:0;
	font: 12px/1.4em Arial, Helvetica,  Sans-Serif;
	color:#000000; background:#6A6A6A url(../gfx/bg-y.gif) 50% 0; text-align: center;
}

.clear { clear: both; }

#wrapper {font: 12px/1.4em Arial, Helvetica,  Sans-Serif;}

h1 {margin:0; padding:0; font-weight:900; font: 18px/1em Arial, Helvetica,  Sans-Serif;}
h2 {margin:0; padding:0; font-weight:900; font: 16px/1.4  Arial, Helvetica,  Sans-Serif; }
h3 {margin:0; padding:0; font-weight:bold; font: 14px/1.4 Arial, Helvetica,  Sans-Serif;}
h4 {margin:0; padding:0; font-weight:bold; font: 12px/1.4 Arial, Helvetica,  Sans-Serif;}
h5 {margin:0; padding:0; font-weight:bold; font: 12px/1.4 Arial, Helvetica,  Sans-Serif;}
h6 {margin:0; padding:0; font-weight:bold; font: 12px/1.4 Arial, Helvetica,  Sans-Serif;}
hr {display:none;}
p {margin:0; padding:0;}
span {margin:0; padding:0;}
ul {margin:0; padding:0; list-style: none;}
li {margin:0; padding:0;}
img {margin:0; padding:0;}
blockquote {padding: 0 45px 0 45px; font-size: 14px; line-height:1.2em; font-weight:bold;}
div {position:relative;}
kbd, acronym {font-weight:normal;}
body#staff #content div.padder img a {border-bottom: 0;}
	
/* -----------------------------------------------------------------  Helpers
---------------------------------------------------------------------------------- */
div.clear { width: 488px;height: 1px;}
br.clear {clear: left;}
div.hide, .hidden {display:none;}
p.comingsoon {height: 400px;}
div {position: relative;}
a img { border:0; }
p.right {text-align: right;}
p.center {text-align: center;}

/* ------------------------------------------------------------------------  Links
---------------------------------------------------------------------------------- */
a {color:#841001; text-decoration:none;}
a:hover {color:#666666; text-decoration:none;}

#content a {color:#0079C2; text-decoration:none; border-bottom:1px solid #4DA1D3; font-weight: normal;}
#content a:hover {color: #4DA1D3; text-decoration:none; border-bottom:1px solid #4DA1D3;}
html>body #content a {border-bottom:1px dotted #4DA1D3;}
html>body #content a:hover {border-bottom:1px dotted #4DA1D3;}

#content h2 a {text-decoration:none; font-size: 12px;}
#content h2 a:hover {text-decoration:none;}

#footer p a {color:#999999; text-decoration:none; font-weight:normal;}
#footer p a:hover {color: #666666; text-decoration:none;}

#footer div.left a {color:#999999; text-decoration:none; font-weight:normal;}
#footer div.left a:hover {color: #000000; text-decoration:none; background: #cccccc;}
		
/* -----------------------------------------------------  Primary Layout Divisions
---------------------------------------------------------------------------------- */
#wrapper { margin: 0; padding: 0;}
#skipNav {display:none;}

/* ----------------------------------------------------------  Content Area Layout
---------------------------------------------------------------------------------- */
#container {
	margin: 0 auto;
	width: 750px; padding: 0;
	background: transparent url(../gfx/mid.gif) repeat-y center;
}
#contentarea {
	margin: 0; padding:0; text-align: left;
}
div#subheader {height: 209px;width:750px;margin: 0;
background:transparent url(../gfx/subheader4.jpg) no-repeat 50% 0;
 position: relative;
 }

body#staff div#subheader {height: 109px;width:750px;margin: 0;
background:transparent url(../images/29.gif) no-repeat 50% 0;
 position: relative;
 }
body#commercial div#subheader {height: 109px;width:750px;margin: 0;
background:transparent url(../images/5.gif) no-repeat 50% 0;
 position: relative;
 }
body#automobile div#subheader {height: 109px;width:750px;margin: 0;
background:transparent url(../images/6.gif) no-repeat 50% 0;
 position: relative;
 }
body#personal div#subheader {height: 109px;width:750px;margin: 0;
background:transparent url(../images/7.gif) no-repeat 50% 0;
 position: relative;
 }
body#tips div#subheader {height: 109px;width:750px;margin: 0;
background:transparent url(../images/9.gif) no-repeat 50% 0;
 position: relative;
 }
body#travel-life-disability div#subheader {height: 109px;width:750px;margin: 0;
background:transparent url(../images/10.gif) no-repeat 50% 0;
 position: relative;
 }
body#quote div#subheader {height: 109px;width:750px;margin: 0;
background:transparent url(../images/8.gif) no-repeat 50% 0;
 position: relative;
 }
body#form div#subheader {height: 109px;width:750px;margin: 0;
background:transparent url(../images/8.gif) no-repeat 50% 0;
 position: relative;
 }
body#people div#subheader {height: 109px;width:750px;margin: 0;
background:transparent url(../images/11.gif) no-repeat 50% 0;
 position: relative;
 }
body#contact div#subheader {height: 109px;width:750px;margin: 0;
background:transparent url(../images/12.gif) no-repeat 50% 0;
 position: relative;
 }

div#banner {margin: 0; padding: 0;width: 750px; height: 85px;  text-align: center; position:relative; 
display:block;background: #ffffff url(../gfx/banner.gif) no-repeat 50% 0;
}
div#content {
	float: left; position:relative;
	width: 525px; padding:0 0 20px 0;
}
div#sidebar {
	float: right; position:relative;
	width: 210px; margin: 0; padding: 0 0 10px 0;
}
div#footer {clear: both;margin:0; padding:0;display: block;height: 52px;
background: transparent url(../gfx/foot.gif) no-repeat bottom;
}

/* --------------------------------------------------------------------  BANNER
---------------------------------------------------------------------------------- */
#banner h1 span {display:none;}
#banner h1 a {margin: 10px 0 0 15px; display:block; width: 170px; 
float:left; height: 70px; position: relative;}

#banner h2  {display: none;}

/* ----------------------------------------------------------  Global Navigation
---------------------------------------------------------------------------------- */
#banner ul#global-nav {font-size: 10px; float: right; width: 210px; 
margin: 40px 15px 0 0; line-height: 12px; font-weight:bold;}
#banner ul#global-nav li { text-align: right;}

body#sitemap #banner ul#global-nav li.sitemap a {color:#0079C2}
body#contact #banner ul#global-nav li.contact a {color:#0079C2}

/* ----------------------------------------------------------  Main Navigation Bar
---------------------------------------------------------------------------------- */
#navbarcontainer {margin: 0; padding:0;clear:both; height: 30px; 
background: transparent url(../gfx/navbar.gif) no-repeat 50% 0;}

#navbarcontainer div.navbar {margin:0; padding: 0; width: 100%; position: relative;}

#navbarcontainer div.navbar ul {text-align:right;padding: 0;margin:0;}

#navbarcontainer div.navbar li {padding:0; margin:0; width:60px;list-style:none;display:inline;}
#navbarcontainer div.navbar li a span {display:none;}
#navbarcontainer div.navbar li a {float:left;margin: 0; padding:0; text-decoration:none; font-weight:bold;
color: #000000; width: 60px; height: 30px; display:block; font-size:11px; text-align:center; line-height:1.2em;}
#navbarcontainer div.navbar li a:hover {text-decoration:none; color: #666666;font-weight:bold;}

#navbarcontainer div.navbar li.personal a {width: 86px;background:transparent url(../gfx/nav/personal.gif) 133px 0;}
#navbarcontainer div.navbar li.personal a:hover {background-position: -42px -33px;}
body#personal #navbarcontainer div.navbar li.personal a {background-position: -42px -33px;}

#navbarcontainer div.navbar li.commercial a {width: 90px;background:transparent url(../gfx/nav/commercial.gif) 132px 0;}
#navbarcontainer div.navbar li.commercial a:hover {background-position: -43px -33px;}
body#commercial #navbarcontainer div.navbar li.commercial a {background-position: -43px -33px;}

#navbarcontainer div.navbar li.automobile a {width: 94px;background:transparent url(../gfx/nav/automobile.gif) 132px 0;}
#navbarcontainer div.navbar li.automobile a:hover {background-position: -43px -33px;}
body#automobile #navbarcontainer div.navbar li.automobile a {background-position: -43px -33px;}

#navbarcontainer div.navbar li.other a {width: 156px;background:transparent url(../gfx/nav/other.gif) -6px 0;}
#navbarcontainer div.navbar li.other a:hover {background-position: -6px -33px;}

body#travel-life-disability #navbarcontainer div.navbar li.other a {background-position: -6px -33px;}

#navbarcontainer div.navbar li.tips a {width: 60px;background:transparent url(../gfx/nav/tips.gif) -57px 0;}
#navbarcontainer div.navbar li.tips a:hover {background-position: -57px -33px;}
body#tips #navbarcontainer div.navbar li.tips a {background-position: -57px -33px;}

#navbarcontainer div.navbar li.quote a {width: 160px;background:transparent url(../gfx/nav/quote.gif) -5px 0;}
#navbarcontainer div.navbar li.quote a:hover {background-position: -5px -33px;}
body#quote #navbarcontainer div.navbar li.quote a {background-position: -5px -33px;}

#navbarcontainer div.navbar li.people a {width: 90px;background:transparent url(../gfx/nav/people.gif) 130px 0;}
#navbarcontainer div.navbar li.people a:hover {background-position: -45px -33px;}
body#people #navbarcontainer div.navbar li.people a {background-position: -45px -33px;}

/* --------------------------------------------------------  Main Content Styling
---------------------------------------------------------------------------------- */
#content {font-size:12px; color:#ffffff;}

#content div.padder {padding: 10px;}
#content div.padder div.floater {float: right; width: 200px; border: 1px solid #656565; border-bottom: 5px solid #656565;border-top: 3px solid #656565; font-size: 11px;background: transparent url(../gfx/fresh-bg.gif) no-repeat bottom right;margin: 8px 0 0 0;}
#content div.padder div.floater ul {margin: 0 5px 5px 18px; padding: 0;}

div.colA {float: left; width: 52%;}
div.colB {float: left; width: 47%;}
body#sitemap p#to-top {display:none;}
body#contact p#to-top {display:none;}

#content  .fr {float: right; width: 200px}
#content  .fl {float: right; width: 200px}

#content img.border {border: 1px solid #C31700;}
#content img.float {float: left; display:inline; padding: 4px;}

body#staff #content img {border: 2px solid #ffffff; padding: 2px; margin: 0 0 5px 0;}

#content h2 {margin: 10px 0 5px 8px; padding: 0; color: #0079C2;font-weight:bold; font-size: 16px;}
#content h3 {margin: 10px 0 2px 10px; padding: 0; color: #4DA1D3;font-weight:bold; font-size: 14px; }
#content h4 {margin: 2px 0 0px 10px; padding: 0; color: #ffffff;
font-weight:bold; font-size: 14px; }
#content h5 {margin: 2px 0 0px 10px; padding: 0; color: #ffffff;
font-weight:bold; font-size: 12px; }

body#people #content h3 {margin: 10px 0 2px 10px; line-height: 1.1em;}
body#people #content h4 {margin: 0 0 0 10px; line-height: 1.1em; font-size: 12px;}

#content p {margin: 0 0 10px 10px;}
#content p.right {text-align:right;}
#content p.right-box {float: right; width: 200px;}
#content p.center {text-align:center;  font-size:11px;}
#content p.goright {float:right; text-align:right;}
#content p.instruction {color:#cccccc; margin-top: 30px; padding-top: 10px;border-top: 1px solid #ffffff;}

#content div.preview  {float: left; width: 488px; padding: 0 0 5px 0; margin: 10px 0 8px 0; border-bottom: 1px dashed #999999; position: relative;}
#content div.preview h2 {padding: 0px 0px 7px 0px; margin: 0 0 0 130px; color:#C31700;}
#content div.preview p {margin-left:130px;}

#content div.preview img {margin: 0 0 5px 0; float:left; border: 1px solid #C31700;}
#content div.preview p a {float: right;}

#content div.preview div.float {float: left; width: 120px; margin-right: 10px;}

#content ul {padding: 5px 0 10px 25px; list-style: disc;}

#content ol {padding: 0 0 10px 35px;}

table {font-size: 12px; width: 100%;}
td {padding: 2px 5px 2px 2px; background: #eeeeee;}
td:hover {background: #dedede;}

#content blockquote {font-size: 12px; padding:20px; margin: 20px 20px 10px 40px; background: #666666;}
#content blockquote p {padding: 0;}
#content blockquote p strong {font-size: 14px; font-weight: bold;}

body#people #content p img {float: right; border: 2px solid #ffffff; margin: 4px 0 4px 4px; padding: 2px;}

/* -------------------------------------------------------------  Side Bar Content
---------------------------------------------------------------------------------- */
#sidebar h3 {font-size: 14px; color: #000000; font-weight: bold; line-height:1.2em;
font-weight: bold; text-align:left; margin: 0 0 5px 0; padding: 0 8px; background:#4DA1D3;}
#sidebar h3#weekly-tip {background:#0079C2; padding: 0 8px;}
#sidebar h3#featured-products {background:#4DA1D3; padding: 0 8px;}
#sidebar h3#weather {background:#9BC9E5;padding: 0 8px;}
#sidebar h4 {color: #0079C2; margin: 0; padding: 0 9px; font-weight: 900; line-height: 14px;}
#sidebar p {padding: 1px 9px; line-height: 1.1em; font-size: 11px;}
#sidebar div.featured p {padding: 1px 9px 9px 9px;}
#sidebar p.archive {padding-bottom: 5px;}
#sidebar p#location {margin: 0px 12px 10px 12px;padding: 5px; font-weight: bold;text-align: center;border: 1px dashed #666666;color:#333333;background: #cccccc;z-index: 25;} 
#sidebar p#location em {padding: 0 0 2px 0;}

html>body #sidebar p#location {margin: 0 12px 15px 12px;}

#sidebar ul li.current {background: #9BC9E5;}
#sidebar ul li.current a {color: #000000;}

body#contact #sidebar ul li {font-weight: 800; line-height:1.2em; padding:0 0 5px 12px; }
body#contact #sidebar ul li a {font-size: 11px;}
body#people #sidebar ul li {font-weight: 800; line-height:1.2em; padding:0 0 5px 12px; }
body#people #sidebar ul li a {font-size: 11px;}

#sidebar ul {padding: 0 0 8px 0;}
#sidebar ul li {padding: 0 0 0 12px;}
#sidebar #terrace-weather {padding: 0 0 0 5px;}
#sidebar #terrace-weather p {float: right;color:#0079C2;}
#sidebar #terrace-weather #wicon {width: 82px;  float: left;}
#sidebar #terrace-weather ul {float: left;  width: 120px; margin: 0; color: #333333;font-size: 11px;}
#sidebar #terrace-weather ul li {padding: 0 0 0 5px; line-height: 1.2em;}
/* ----------------------------------------------------------------------  Footer
---------------------------------------------------------------------------------- */
#footer p#to-top {text-align: left; margin: -25px 0 0 460px; padding: 0; background: transparent url(../gfx/top-arrow.gif) no-repeat 0 50%;}

#footer ul {margin:5px 0 0 15px; text-align: left;}
#footer ul li {display:inline; font-size:11px; border-right: 1px solid #000000; padding-left: 10px;padding-right: 10px;}
#footer ul li.last {border-right: 0;}
#footer div.left {float:left; width: 475px; padding: 20px 0 0 0; text-align:left;}
#footer div.left div#search {padding: 0 0 0 20px;}
#footer div.left div#search input#input {margin: 0 5px 0 0; background:#cccccc; border:1px solid #000000;}
#footer div.left div#search input#submit {margin: 0 0 0 5px;background:#0079C2; color:#FFFFFF;
border: 1px solid #000000; font-size:11px;padding:0 2px;}
html>body #footer div.left div#search input#submit:hover {background:#999999;color:#000000;}
#footer div.left ul {margin-left: 25px; text-align:left; margin-right: 10px;}

#footer div.right {float:right; width: 240px; color: #999999; padding: 20px 0 0 0;}
#footer div.right ul {text-align:left;font-weight:normal;}

/* ----------------------------------------------------------------------  Extras
---------------------------------------------------------------------------------- */
#extras {clear: both; text-align: center; background: #6A6A6A; font-size: 10px; height: 20px; display:none;}
#extras ul {margin: 0 15px 0 0; text-align: right;}

/* ------------------------------------------------------------  Dynamic Menu
---------------------------------------------------------------------------------- */
div.dmenu {text-align: left;}

ul.dynamicmenu {display: block; background:#ffffff; border-top: 5px solid #ffffff;width: 125px;}
ul.dynamicmenu li {line-height: 1.1em;width: 125px;white-space:inherit;}

ul.dynamicmenu li a {
 display: block; width: 125px;
 padding: 1px 2px 1px 0.5em;
 background: #ffffff;

 color: #000000;font-size: 11px;
 border-bottom: 2px solid #4DA1D3;
 text-decoration: none;
 width:195px;
} 
/* commented backslash hack for hiding stuff from mac-ie5 \*/
html>body ul.dynamicmenu li a { width: auto; }
/* end hack */

ul.dynamicmenu li a:hover {background-color: #9BC9E5;color: #000000;}

ul.dynamicmenu li.current a {background-color: #9BC9E5;color: #000000;}

/* ------------------------------------------------  Homeowners Quote Form
---------------------------------------------------------------------------------- */
div.columnA {float: left; width: 45%;}
div.columnB {float: left; width: 53%;}

body#form div.columnB p {margin: 0; padding:0;}
body#form div.columnB ul {margin: 0; padding:0;}
body#form div.columnB ul li {list-style-type: none;margin: 0; padding:0;}

body#form div.columnA input {margin: 0 0 0 10px; padding:0; display: block;}
body#form div.columnA label {margin: 0 0 0 10px;}

body#form div.columnB input {margin: 0; }
body#form div.columnB label {margin: 8px 0 0 0; padding: 10px 0 0 0;}
body#form div.columnB p {padding: 10px 0 4px 0;}
body#form div.columnB ul li {padding: 10px 0 4px 0;line-height: 1.2em;display:block;}

body#form div.form input#submit {margin: 0 0 0 5px;background:#0079C2; color:#FFFFFF; font: 11px/1.2em Arial, Helvetica,  Sans-Serif;}

body#form input.required {background: #9BC9E5;}
body#form p.required {color: #9BC9E5;}
html>body#form div.form label:hover {color: #4DA1D3;}

/* commented backslash hack for hiding stuff from mac-ie5 \*/
html>body #banner h1 a:hover {background: transparent url(../gfx/logo-hover.png);}

div.clearit { width: 420px;height: 1px;}
/* end hack */