/*BACKGROUND - PANEL - WATERMARK*/
html, body {
margin:0;
padding:0;
}
body {
background:#fff url('../images/design/bg_texture2.gif') repeat-x top; /*Change Background Color Here */
font:11px Verdana, Helvetica, sans-serif; color:#000; /*Change Overall Font Properties Here */
}
/*LOGO AND DESIGN*/
#logo {
position:absolute;
top:0px;
left:2px;
width:950px;
text-align:center;
}
#logo h1 {color:#F0E2BC; font-weight:normal; font-size:45px; margin-bottom:-10px;}
#logo h2 {color:#e2e2e2; font-size:25px; font-weight:normal; margin-top:0px;}
span.logo2 {margin:0 15px;}
/*NAVIGATION*/
#menu {
text-align:right;
position:absolute;
top:100px;
right:3px;
font-size:15px;
}
#menu a {
color:#a9c3c2;
padding-top:0px;
}
#menu a:hover {
color:#7e9998;
}
#menu a {
padding:0 12px 0 14px;
background:url('../images/design/nav-pipe.gif') no-repeat 0 1px;
}
#menu b {padding-top:0px; display:block;}
#menu b.current_page_item {
}
#menu b.first a {background:transparent;}
#menu span b.first a {background:url('../images/design/nav-pipe.gif') no-repeat 0 1px;}
#menu b.current_page_item a{
color:#7e9998;
}
ul#menu {margin:0; padding:0; list-style:none;}
ul#menu li {display:inline; float:left;}
#subMenu1 {width:260px; height:125px; border:5px solid #a9c3c2; clear:both; float:left; padding:15px; margin-right:10px; background:url('../images/design/submenu-1.jpg') no-repeat; margin-top:10px;}
#subMenu1 a, #subMenu2 a {font-size:13px; display:block; font-weight:bold; color:#555555;}
#subMenu1 a:hover, #subMenu2 a:hover {color:#a5a07a;}
#subMenu1 a.current_page_item, #subMenu2 a.current_page_item {color:#a5a07a;}
#subMenu2 {width:570px; height:125px; border:5px solid #a9c3c2; clear:both; float:left; padding:15px; background:url('../images/design/submenu-2.jpg') no-repeat; margin-top:10px;}
#sn1 {float:left; width:170px;}
#sn2 {float:left; width:170px;}
#sn3 {float:right; width:170px;}
#middleBox {border:5px solid #9a9f67; display:block; margin-top:10px;}
#blog-box {border:5px solid #9a9f67; display:block; margin-top:10px; clear:both; float:left; margin-right:10px; }
#call-to-action {width:290px; border:5px solid #9a9f67; float:right; padding:0px; margin-left:10px; background:#5c5c5c; margin-top:10px;}
table {border-collapse:collapse;}
.rule {clear:both; background:#999; height:1px; width:950px; line-height:1px;}
.spacer {width:100%; height:60px;}
/*CONTENT BODY*/
#headerBar {width:100%; position:absolute; top:0px; left:0; height:50px; background:url('../images/design/headerbar.png') repeat-x top !important;
background:url('../images/design/headerbar.gif') repeat-x top;}
#bottomContainer {width:100%; background:#000 url('../images/design/copyright.gif') repeat-x bottom; margin-top:250px; color:#fff;}
#bottomContent {
position:relative;
margin:0px auto;
padding:80px 0px 0px;
width:950px;
background:#000;
}
#bottomContainer a {color:#a8c3c2; text-decoration:underline;}
#bottomContainer a:hover {color:#fff; text-decoration:underline;}
#bottomContainer h1, #bottomContent h2 {font-size:13px; margin:5px 0; color:#fff;}
#bottomContainer h3 {font-size:13px; color:#fff;}
#bottomContainer ul {padding-left:14px; margin-left:2px;}
#bottom-address h3 {color:#9b9670; text-align:right; margin-right:275px; font-size:16px;}
#bcLeft {width:285px; float:left; margin-right:50px;}
#bcRight {width:280px; float:right; margin-left:50px;}
#bcMiddle {width:285px; display:block; float:left;}
#textwrap {
position:relative;
margin:0 auto;
padding:0;
width:970px;
}
#dropshadow {
width:990px;
background:url('../images/design/shadow-middle.png') repeat-y 8px !important;
background:none;
padding:0 9px;
margin:75px 0 0px;
}
#topshadow
{
width:990px;
background:url('../images/design/shadow-top.png') bottom center no-repeat !important;
height:31px;
position:absolute;
top:-31px;
}
#bottomshadow{
width:990px;
background:url('../images/design/shadow-bottom.png') 8px -4px no-repeat !important;
background:none;
height:31px;
}
#siteBox {
width:950px;
margin:0 10px;
background:#fff;
}
#container {
width:920px;
padding:0px 15px 15px 15px;
position:relative;
}
#innerBox {
background:#d4e1e0 url(../images/design/blue_grad.png) repeat-x top;
margin-top:12px;
padding-bottom:15px;
overflow:hidden;
border:5px solid #a9c3c2;
}
#text {float:right; width:540px; margin:33px 50px 0 0;}
#text2 {float:right; width:830px; margin:33px 50px 0 0;}
#text a, #text2 a {text-decoration:underline;}
#text h2, #text2 h2 {margin-top:-10px;}
#header {background:#999e66; height:18px; overflow:hidden; padding:12px 20px;}
#header h1, #barContents h1 {font-weight:normal; margin:0; line-height:16px; color:#fff;}
.orange {color:#fff;}
.white {color:#fff;}
#footer {
position:fixed; bottom:0; left:0; height:30px; width:100%; z-index:1000; background:#ccc; color:#000; overflow:hidden;
}
#contact-us {margin:25px 0;}
#phone {float:left; margin:-3px 10px 0 0;}
#contact-us a {color:#000; text-decoration:none;}
#phone-number {position:absolute; right:25px; top:0px; font-size:18px; color:#7e9998;}
#client-name {position:absolute; left:165px; top:28px;}
#client-name h1 {color:#a5a07a; font-size:26px; font-family:"Times New Roman", Times, serif; font-weight:200;}
#bottomBar {
width:940px;
margin:0 auto;
overflow:hidden;
height:86px;
}
#barContents {margin:0 10px; padding:10px 15px; height:40px; background:#a9c3c2; overflow:hidden; position:relative;}
#barContents h3 {margin:6px 0 0 0; color:#ffffff; font-size:22px; font-family:"Times New Roman", Times, serif; font-weight:100;}
.affiliate {float:right;}
#barContents p {color:#fff; position:absolute; top:-3px; right:80px; text-align:right;}
#flashBox {
background:#000;
height:400px;
width:910px;
margin-top:12px;
border:5px solid #a9c3c2;
}
#flashBox div {
color:#aaa;
text-align:left;
width:320px;
font-size:8pt;
float:left;
margin:270px 0 0 10px;
display:none;
}
#flashBox a {
color:#aaa;
text-decoration:underline;
}
#flashBox a:hover {color:#BCD63D;}
#leftColumn {width:270px; float:left; margin:40px 0 0 20px;}
#leftColumn .glowLeft img {position:static;}
#boxNav{background:none; height:139px; width:139px; position:absolute; right:20px; margin:10px 0 0 0; padding:0;}
#boxNav a#blog{width:48px; height:48px; background:url(../images/design/blog2.gif); margin:11px 8px 0 0px; padding:0; float:right;}
#boxNav a#contact{width:48px; height:48px; background:url(../images/design/contact2.gif); margin:8px 0 0 8px; padding:0; float:left;}
#boxNav a#appt{width:60px; height:60px; background:url(../images/design/appointment2.gif); margin:25px 0 0 0; padding:0; float:right;}
#boxNav a#directions{width:60px; height:60px; background:url(../images/design/directions2.gif); margin:19px 0 0 0; padding:0; float:left;}
#boxNav a:hover#blog{background:url(../images/design/blog2.gif) 0px 48px;}
#boxNav a:hover#contact{background:url(../images/design/contact2.gif) 0px 48px;}
#boxNav a:hover#appt{background:url(../images/design/appointment2.gif) 0px 60px;}
#boxNav a:hover#directions{background:url(../images/design/directions2.gif) 0px 60px;}
#call-to-action a {display:block; margin:0;}
#call-to-action a#directionsIcon {height:69px; width:97px; background:url('../images/design/directions.gif') no-repeat; float:right;}
#call-to-action a:hover#directionsIcon {background:url('../images/design/directions-hover.gif') no-repeat;}
#call-to-action a#contactIcon {height:69px; width:97px; background:url('../images/design/contact.gif') no-repeat; float:left;}
#call-to-action a:hover#contactIcon {background:url('../images/design/contact-hover.gif') no-repeat;}
#call-to-action a#blogIcon {height:69px; width:94px; background:url('../images/design/blog.gif') no-repeat; margin-left:98px;}
#call-to-action a:hover#blogIcon {background:url('../images/design/blog-hover.gif') no-repeat;}
#call-to-action a#appointmentIcon {height:70px; width:290px; background:url('../images/design/appointment.gif') no-repeat; margin-top:1px;}
#call-to-action a:hover#appointmentIcon {background:url('../images/design/appointment-hover.gif') no-repeat;}
#map_canvas {
width:270px;
height:270px;
border: 1px solid #ccc;
margin:15px 0;
float:right;
}
#form {padding-top:16px; padding-right:0;}
.columns {width:100%;}
#searchForm {position:absolute; top:7px; right:19px; height:25px; width:205px; padding:4px 17px; background:url('../images/design/headerbartab.png') no-repeat left !important;
background:url('../images/design/headerbartab.gif') no-repeat left;}
.ajaxSearch_highlight {font-weight:bold; background:#567568; color:#fff; padding:0 2px;}
#searchForm p.ajaxSearch_intro, #searchForm div.ajaxSearch_resultsIntroFailure {display:none;}
#ajaxSearch_input {
width: 148px;
height:14px;
padding: 4px 0 4px 22px;
margin-right: -4px;
vertical-align: top;
line-height: 0;
font: normal 12px Verdana;
vertical-align: top;
color: #333;
border:0;
background: url('../images/design/search-text.gif') no-repeat top;
}
#ajaxSearch_submit {
width: 35px;
height: 22px;
vertical-align: top;
border:0;
background: url('../images/design/search-submit.gif') no-repeat top;
color:#e2e2e2;
font-weight:bold;
}
#submit input {width:60px;}
fieldset {margin:0; padding:0; border:0;}
input, textarea {background:#fff; border:1px solid #999;}
#checkbox_1 {border:none;}
#sidebarlogin a {font-size:15px; margin:5px 0;}
#sidebarlogin label {font-size:15px;}
#sidebarlogin input {margin:5px 0 5px 5px; font-size:15px;}
#container #sidebarlogin h2 {font-style:normal; color:#BBB295; margin-bottom:10px;}
.jot-form input, .jot-form textarea {margin:5px 0;}
.jot-row {border:0px !important; overflow:hidden; border:1px solid #333 !important;}
.jot-row .jot-comment {background:#181818;}
.jot-row-alt .jot-comment {background:#575353;}
.jot-comment {color:#fff;}
.jot-comment a {color:#fff;}
.jot-comment a:hover {color:#fff;}
#directions {
text-align:center;
background:#F2EFE9;
width:200px;
margin:0 auto;
}
#directions a {
padding:5px 5px;
display:block;
border:1px solid #aaa;
}
#directions a:hover {
background:#BCD63D;
color:#000;
border:1px solid #000;
}
.arrow {
float:right;
margin-left:5px;
margin-top:-6px;
}
#address {position:absolute; right:75px; top:131px; color:#E2E2E2; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}
hr, .jot-comment hr {height:1px;border-width:0;color:#9D9C8A;background:#999 !important; margin:0 -9px; border-bottom:0px !important;}
.jot-comment hr {width:450px;}
#checkbox_1 {background:transparent;}
a {
color:#567568; /* Change Content Link Color Here */
text-decoration:none;
}
a:hover {
color:#a8c3c2; /*Change Content Link Hover Color Here */
text-decoration:none;
}
/*CONTENT FOOTER*/
.copyright a {
margin:0 2px;
text-decoration:underline;
}
.copyright a:hover {
}
/*FONT SIZES*/
.copyright {
position:relative;
z-index:200;
padding-top:0;
margin-top:20px;
text-align:center;
font-size:10px;
padding-top:30px;
}
#contact {font-size:2em; margin:10px 0;}
#contact2 {font-size:2em; color:#fff; margin:10px 0 40px 0;}
h1,h2,h3,h4,h5 {font-weight:bold; color:#567568;}
h1 {font-size:18px;}
h2 {font-size:14px;}
h3 {font-size:12px;}
h4 {font-size:11px;}
h5 {font-size:11px;}
/* IMAGES */
.left {
margin-right:1em;
float:left;
}
.right {
margin-left:1.5em;
margin-bottom:1em;
float:right;
}
.left, .right {clear:both;}
img {border:none;}
.case {margin:7px 0 13px 0;}
.caption {text-align:center; margin:-30px 0 40px 0; font-weight:bold;}
#leftColumn .glowLeft {text-align:center; padding:0; width:266px; background:url('../images/design/shadow250-middle.gif') repeat-y top center; margin:0px 10px 30px -8px; font-size:0;}
/*#text .glowLeft p {background:url('../images/design/glowtop.jpg') no-repeat top; padding-top:12px; padding-bottom:0; margin:0;}
#text .glowLeft b {background:url('../images/design/glowbottom.jpg') no-repeat bottom; padding:0 10px 7px 10px; margin:0;}*/
#leftColumn .glowLeft img {margin:0;}
#leftColumn .glowRight {text-align:center; width:266px; background:url('../images/design/shadow250-middle.gif') repeat-y; float:right; margin:-6px 10px 10px -8px;}
/*#text .glowLeft p {background:url('../images/design/glowtop.jpg') no-repeat top; padding-top:12px; padding-bottom:0; margin:0;}
#text .glowLeft b {background:url('../images/design/glowbottom.jpg') no-repeat bottom; padding:0 10px 7px 10px; margin:0;}*/
#leftColumn .glowRight img {margin:0;}
/*DROP SHADOWS*/
.shadowRight {
float:right;
background: url('../images/design/drop-shadow.png') no-repeat bottom right !important;
background: url('../images/design/drop-shadow.gif') no-repeat bottom right;
margin: 24px 0 10px 50px;
}
.shadowRight img {
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
.shadowLeft {
float:left;
background: url('../images/design/drop-shadow.png') no-repeat bottom right !important;
background: url('../images/design/drop-shadow.gif') no-repeat bottom right;
margin: 10px 20px 10px 0;
}
.shadowLeft img {
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
/*MISC */
.nobull {
list-style:none;
margin:0;
padding:0;
}
#validation {
position:absolute;
bottom:-15px;
right:344px;
font-size:.75em;
}
#validation a {text-decoration:none;}
#validation a:hover {text-decoration:underline;}
span.nonie {display:inline;}
.clear {clear:both;}
#leftColumn .glowLeft2 {text-align:center; padding:0; width:266px;
background:url('../images/design/shadow250-middle.png') repeat-y top center !important;
background:transparent;
margin:10px 10px 30px -8px; font-size:0;}
#leftColumn .glowLeft2 img {margin:0;}
.glowtop {background:url('../images/design/shadow250-top.png') no-repeat !important;
background:transparent;
height:10px; width:266px; margin-bottom:-10px; position:relative; top:-10px;}
.glowbottom {background:url('../images/design/shadow250-bottom.png') no-repeat !important;
background:transparent;
height:10px; width:266px; margin-top:-10px; position:relative; bottom:-10px;}