/* DianeV.com CSS */
body {color:#000; margin:0 auto; padding:0 0 40px 0; font-size:82.5%; text-align:center; font-family:arial,helvetica,sans-serif; background:#fff url(images/l8/bkbody.jpg) repeat-x /*5F87BA*/}

h1,h2,h3,p,ul,ol {margin-top:0} /* for Opera */
table, td, form {margin:0; padding:0; border:none}

#pagewrap {width:980px; margin:auto; position:relative; text-align:center; padding-top:20px; background: url(images/l8/bkpage.png) no-repeat}

/* HEADER & LOGO */
#headerwrap {width:924px; height:190px; margin:auto; text-align:center}

/* HNAV DROPDOWNS */
#hnav {width:900px; height:26px; margin:0 auto; padding:0; font-size:13px; font-weight:bold; background:#E2E3E6 url(images/l8/hnav.jpg) repeat-x}
	#hnav ul {width:900px; list-style:none; margin:0; padding:0; text-transform:uppercase}
	#hnav li {float:left; display:inline}
	#hnav li a {color:#1D222C; padding:5px 15px; display:block; text-decoration:none; line-height:1.2em; border-left:1px solid #DFE0E3}
	#hnav li a:hover {color:#fff; text-decoration:none; background:#3994BE url(images/l8/hnav-o.jpg) repeat-x}
		#hnav li.navleft a, #hnav #navleft a {border-left:none}
		#hnav li#hnavquotes a {}

/* CONTENT          */
#contentwrap  {clear:both; width:900px; margin:auto; padding-bottom:30px; text-align:left; background:#fff}
#pagecontentarea {width:900px; margin:auto; background:#fff}
#thecontent {float:right; width:680px; padding-top:20px}

/* LNAV & LOGO */
#lnav {float:left; width:200px; color:#000}
	#thelogo {width:200px; height:157px; padding-left:4px}
	#thelogo img {width:200px; height:157px}
	#thelogo a img {text-decoration:none}

	#lnav ul#lnavmain {list-style:none; margin:7px 0 18px 0; padding:0; font-size:12px}
	#lnav #lnavmain li a {color:#2D3544; display:block; text-decoration:none; padding:1px 10px; border-bottom:1px solid #dedede}
	#lnav #lnavmain li a:hover {color:#fff; text-decoration:none; background:#3994BE}

	/* editable area inside #lnav */
	#leftcol ul {list-style:none; margin:32px 0 18px 0; padding:0; font-size:12px; border-top:1px solid #dedede}
	#leftcol ul li a {color:#2D3544; display:block; text-decoration:none; padding:4px 10px; border-bottom:1px solid #dedede}
	#leftcol ul li a:hover {color:#fff; text-decoration:none; background:#3994BE}

/* FOOTER  */
#footercont {clear:both; width:980px; margin:auto; padding:27px 0 3px 0; text-align:center; background: url(images/l8/bk-btm.png) top center no-repeat}

#thefooter {width:660px; margin:auto}
  div#theaddy {float:right; width:390px; padding-top:20px; color:#333; font-size:12px; line-height:1.5em; text-align:left}
  div#theaddy p {margin-top:0}
  div#theaddy a {color:#333; text-decoration:underline}
  div#theaddy a:hover {color:#333; text-decoration:none}
	ul#addyul {float:right; width:150px; color:#ccc}
		ul#addyul li.tellmelink a {color:#005988}

#footercallsticky {float:left; width:265px; height:203px}
#footercallsticky img {width:265px; height:203px}
#footercallsticky a, #footercallsticky:link, #footercallsticky:visited {border:none; text-decoration:none}

#theccont {clear:both; width:980px; margin:auto; padding:5px 0 2px 0}
#thec {clear:both; width:980px; margin:0 auto 10px auto; color:#696969; font-size:11px; line-height:1em; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif}
#thec a {color:#696969; text-decoration:underline}
#thec a:hover {color:#696969; text-decoration:none}

#pagewrap .ieweirdness {clear:both; height:1px; line-height:1px}

/* END LAYOUT STYLES               */
div#breadcrumbs h1 {margin-top:0}
div#breadcrumbs p {color:#7D7863; font-size:11px; letter-spacing:1px; margin:0}
div#breadcrumbs p a {color:#7D7863; font-size:11px; letter-spacing:1px; text-decoration:none; border-bottom:1px dotted #7D7863}
div#breadcrumbs p a:hover {color:#7D7863; text-decoration:none; border-bottom:none}

/*                                 */
h1,h2,h3,h4,.h1,.h2,.h3,.h4 {color:#252B38; font-weight:bold; line-height:1em; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif}
h1,.h1 {font-size:21px}
h2,.h2 {font-size:20px}
h3,.h3,h4,.h4 {font-size:17px}

.b {font-weight:bold}
.i {font-style:italic}
.bi {font-weight:bold; font-style:italic}
.new {color:#c06; font-weight:bold; font-style:italic}
.fuschia {color:#B40272 /*C2126E*/}
.gold {color:#83823C}
.dv {color:#FF3333; font-weight:bold; font-style:italic}
.mb0 {margin-bottom:0}
.mt0 {margin-top:0}

.testimonials {font-size:.85em; line-height:1.6em; font-family:Verdana, Arial, Helvetica, sans-serif}

ul.ul1 li {margin-bottom:1em}
ul.ul15 li {margin-bottom:1.5em}
ul.ulnext {margin:2.5em 0 1em 25px; padding:0 0 15px 35px; background:url(images/b/carrow.gif) no-repeat}
/*ul.ulnext {margin:2.5em 0 15px 25px; padding-left:25px; background:url(images/b/dab.gif) no-repeat}*/
ul.ulnext li {list-style:none}

/* HOME PAGE */
	/* portfolio slide show on home page */
#homeshowthumbs {width:270px; margin-bottom:3px}
#homeshowthumbs img {width:60px; height:44px; margin-bottom:3px}
#homeshowthumbs  a img {border:2px solid #ccc; text-decoration:none}

	a#gototestimonials {width:147px; height:32px; line-height:32px; display:block; background: url(images/b/testimonials.gif) no-repeat; text-decoration:none}
	a#gototestimonials:hover {width:147px; height:32px; background: url(images/b/testimonials-on.gif) no-repeat; text-decoration:none}

	a#gotoportfolio {width:204px; height:33px; display:block; background: url(images/b/portfolio-visit.gif) no-repeat; text-decoration:none}
	a#gotoportfolio:hover {width:204px; height:33px; background: url(images/b/portfolio-visit-on.gif) no-repeat; text-decoration:none}

/* TESTIMONIALS PAGE */
.testimonialboxon, .testimonialboxoff {clear:both; width:600px; padding:10px; margin-bottom:20px}
.testimonialboxon {border:1px solid #B6B584}
.testimonialboxon img, .testimonialboxoff img {float:left; margin-right:10px; margin-bottom:10px}

.formtiny {color:#888; font-size:11px; line-height:1em}
.fee {color:#C37B93; font-size:12px; font-weight:bold; background-color:transparent}

/* PORTFOLIO INDEX PAGE */
.portfolioindex {text-align:center; width:680px}
.portfolioindex div {float:left; width:160px; height:118px; height:136px; color:#5f5f5f; font-size:11px; line-height:1em; margin:0 5px 14px 5px; text-align:center}
.portfolioindex div img         {width:160px; height:118px; border:none}
.portfolioindex div a img  {border:none; text-decoration:none}
.portfolioindex div h2     {color:#bbb; padding-top:42px; margin:0}

	/* individual portfolio pages */
	#portfolioreview {float:left; width:510px}
	#portfolioreview img.portfolioimg, #portfolioreview a img.portfolioimg {width:510px; height:376px; border:none}

	/* portfolio links list */
	ul#portfoliolist {float:right; width:148px; list-style-type:none; margin-left:0; padding-left:0; font-size:11px; line-height:1.3em}
	#portfoliolist li a {width:143px; display:block; color:#666; padding:1px 0 1px 5px; text-decoration:none}
	#portfoliolist li a:hover   {color:#fff; text-decoration:none; background:#3994BE}

.clientquote {margin:auto; background:url(images/b/leftquote.gif) top left no-repeat; padding-left:60px}

	/* popups */
h1#poptitle {color:#ccc; font-size:23px; letter-spacing:normal; line-height:19px; text-align:center; padding-top:1em}
h1#poptitle span.poph3sub {color:#efefef; font-size:19px}

#popcontainer {width:780px; margin:10px auto 0 auto; background-color:#fff}
#popcontent {float:left; width:530px; text-align:center; padding:45px 0 0 40px; border:1px solid #f00}

#poplogo {width:195px; float:right; text-align:right}
ul#popclist   {width:155px; color:#666; font-size:11px; margin:5px 0 0 0; padding:0 35px 0 0; list-style-type:none}
  #popclist li {width:155px; line-height:1.3em}
  #popclist li a  {color:#666; display:block; padding-right:2px; text-decoration:none}
  #popclist li a:hover {color:#fff; text-decoration:none; background:#c06}

	#popbnav    {color:#999; font-size:12px; float:right}
	#popbnav img {}
	#popbnav a  {color:#999; font-size:13px; font-weight:bold; text-decoration:none}
	#popbnav a:hover  {color:#c06; text-decoration:underline}
#popfooter {width:700px; margin:auto; padding:2px; background:#E5E5E7; border-top:1px solid #999}
#popfooter p.c   {color:#777; width:650px; font-size:10px; margin:3px}
#popfooter p.c a {color:#777; text-decoration:underline}
#popfooter p.c a:hover {color:#83823C; text-decoration:none}

	/* clists for sitemap */
	#clistsitemap {width:470px}
	#clistsitemap #portfoliolist, #clistsitemap #popclist {float:none; padding:0; font-size:12px; line-height:1.3em; text-align:left; border:none}
	#clistsitemap #portfoliolist {float:none; float:left}
	#clistsitemap #popclist {float:none; float:right; text-align:right}

/* site map */
#sitemap a, #sitemap #clistsitemap a {color:#000; text-decoration:underline}
#sitemap a:hover, #sitemap #clistsitemap a:hover {color:#5F87BA; text-decoration:none; background:none}

/* inquiry page(s) */
.inquirybox {width:600px; padding:10px 5px 1em 15px; line-height:1.3em; background:url(images/b/bkupcurve.jpg) top left no-repeat}
.inquirybox h2 {font-size:17px; font-weight:bold}

/* SERVICES */
h2.svcstitle {color:#558EAC; font-size:19px}

/* table chart */
table.tblchart {border:1px solid #CED4E0}
table.tblchart th {color:#333; text-align:center; padding:2px 3px; border-bottom:none; background:#efefef; border-bottom:1px solid #DADFE8}
table.tblchart td {text-align:left; padding:2px 3px 2px 5px; border-bottom:1px solid #DADFE8}

/* TABBIES */
#tabbies {width:100%; margin-bottom:2em}
#tabbies ul {line-height:30px; list-style:none; margin:0; padding:0}
#tabbies li {display:inline; color:#fff; font-weight:bold; font-size:1em} 
#tabbies li a {color:#777236; padding:4px 18px; margin-right:-3px; text-decoration:none; border:1px solid #ccc; background:url(images/b/tabbytop.jpg) repeat-x}
#tabbies li.tabbyon a {border:1px solid #ccc; border-bottom:none; background:transparent}
#tabbies ul li a:hover {color:#fff; background:#88814D}

/* fuschia:CC0066 D41174 C91A70  purple:302d4c khaki:83823C  turquoise:558EAC */
div.clear {clear:both; margin:0; height:1px; line-height:.1em}
a img {border:none; text-decoration:none}

#thecontent .tabby a {color:#fff; padding:1px 5px; background:#6197B0; text-decoration:none}
#thecontent .tabby a:hover {color:#fff; background:#A3A258; text-decoration:none}

a, a:link, a:visited  {color:#005988 /*575325*/; text-decoration:underline}
/*a:visited {color:#464646 /*575325*//*; text-decoration:underline}*/
a:hover {color:#5486CA; text-decoration:none}