/* CSS Document */
/** CSS REFERENCE CARD
http://www.w3schools.com/css/css_reference.asp ***/
/** Prep/Equalization **/
* {margin:0;padding:0;}
h1, h2, h3, h4, h5 {margin:0;padding:0;line-height:1em;font-weight:bold;
fxxxxilter:dxxxxropshadow(color=black, offx=1, offy=1, positive=true);}
/**Line-Height fouls UL-LI (refuses pad), Put UL Image on LI not A **/
ul, li, table, table tr, table td, form, input, select, textarea, div {
margin:0;padding:0;font-size:inherit;}
.hide, .hiddenpic, .hidden, {display:none;}
.cleardiv, #cleardiv {clear:both;}
.blink {text-decoration:blink;}
input, select {cursor:hand;}
a, img, a img {margin:0;padding:0;border-style:none;background:none;}
html {height: 100%}
body {
margin:0 auto;
padding:0;
background-color: #92847B;
height:100%;
font-size:85%;
font-family:verdana, arial, helvetica, sans-serif;
text-align:center;
font-family:verdana;}
/**** Header Styles *****/
h1, h2, h3, h4 {color:black;font-weight:bold;
fxxxxilter:dxxxxropshadow(color=black, offx=1, offy=1, positive=true);}
h1 {font-size:22px;letter-spacing:-2px;}
h1 span {font-size:.75em;letter-spacing:0px;}
h2 {font-size:16px;letter-spacing:-2.25px;}
h3 {font-size:14px;letter-spacing:-1.0px;}
h4 {font-size: 1.0em;color:black;}
.banner_wrap h1, .banner_wrap h2, .banner_wrap h3, .banner_wrap h4,
.abtitle_refit h1, .abtitle_refit h2, .abtitle_refit h3, .abtitle_refit h4 {
color:white;}
.body_wrap h4 {
padding:1px 0px;
background:#FBFAF7;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align:center;}
.left_column h4 {
background:#736B68;
text-indent:2px;
text-align:left;
color:white;}
.right_column h4 {
text-align:left;
text-indent:2px;}
.main_content h4 {
text-align:center;
border:none;
background:none;}
/**** HeaderLink Styles *****/
h1 a, h2 a, h3 a {
background:none;border:none;color:#FFFFFF;text-decoration:none;
}
h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited {
background:none;color:#FFFFFF;
}
h1 a:hover, h1 a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active {
background:none;text-decoration:underline;color:#FFFFFF;
}
p {
margin:1em auto 1em; /** space above/below paragraph 1em the same as break **/
padding:0px 0px 2px 0px; /** 2px fix for border bottom on possible links **/
text-indent:0px; /** text-indent or margin/pad **/
}
/**** PageLink Styles *****/
a:link, a:visited {color:#B48181;font-weight:normal}
a:hover, a:active {color:#336699;background-color:#eaeaea;}
.wrap {/** clearing float wraps entirely without float **/
display:block;
margin:0 auto;
padding: 0;
width:97%;
height:100%;
height:auto;
text-align:center;
}
/*** VERY IMPORTANT NOTE ***/
/*** ONLY IF PAGE CONTAINS MORE THAN ONE ABSOLUTE POSITIONED
Content DIV: PUT ALL ABSOLUTE POSITIONED DIVS INSIDE OF THE
MAIN WRAP DIV, AND SET THE Z-INDEX STACK ORDER. THIS KEEPS
ALL ABSOLUTE POSITIONED WORK BOXES VISIBLE IN coder/designer
editors. IT's JUST A FIX CROSS-BROWSER FIX, AND WYSIWYG HTML
EDITOR FIX. ***/
/** NOT USED IN THIS TEMPLATE: THIS IS THE ONLY ABSOLUTE, SO
KEEP THE HTML ABOVE THE WRAP **/
.absolute_title {/** IF USED IN THIS TEMPLATE **/
position:absolute;
top:10px;
left:2.6%;
margin:0;
padding:0px 0px 0px 0px;
height:auto;
width:97.39%;
background-color:transparent;
border:0px solid #FFFFFF;
color:#FFFFFF;
font-weight:bold;
text-align:left;
z-index:1000;
}
.absolute_title a {background:none;}
.abtitle_containerrow {clear:both;margin:0 auto}
.abtitlerowone_left {float:left;}
.ablogo_refit {padding:0;}
.abtitlerowone_center {float:left;}
.abtitle_refit {display:block;margin:0 auto;padding-top:5px;}
/** IE 5 needs this here, again, for font sizing **/
form, table, input, select, textarea {font-size:inherit;}
.leftshadowimage {
display:block;
margin:0 auto;
padding:0;
background: transparent url('../img_c16/shadow_leftontaupe.jpg') repeat-y left;
}
.leftshadowpad_rightshadowimage {
display:block;
margin:0 auto;
padding: 0;
padding-left:9px;
background: transparent url('../img_c16/shadow_rightontaupe.jpg') repeat-y right;
}
.rightshadowpad {
display:block;
margin:0 auto;
padding: 0;
padding-right:9px;
}
/*** Here's another CSS image preload trick:
/*** PRELOAD IMAGES AGAIN, BY PUTTING IMAGES
IN THIS CLASS, AT THE BASE OF THE HTML, Below the Wrap *******/
.hiddenpic {display:none;}
/**** end preload images ****/
/** clearing float wraps entirely without float **/
.banner_wrap {
display:block;
margin:0 auto;
padding:0;
height:auto;
}
.banner_left {
display:block;
float:left;
margin:0 auto;
padding:0;
padding-top:10px;
width:25%;
background: #5C5C5C;
color:#ffffff;
overflow:hidden;
}
.bannerleft_rowone {
display:block;
margin:0 auto;
padding:0;
width:auto;
height:5px;
background-color:#372F2C;
color:#ffffff;
font-size:2px;
overflow:hidden;
}
.bannerleft_rowtwo {
display:block;
margin:0 auto;
padding:0;
width:auto;
height:75px;
background: #000000 url('../img_c16/brush.gif') repeat-x;
color:#ffffff;
overflow:hidden;
}
.site_logo {
display:none;
}
/** LEFT LOGO IMAGE **/
.bannerleft_rowtwo img {
display:none;
margin:0 auto;
margin-top:6px;
padding:0;
text-align:center;
overflow:hidden;
}
/** LEFT LOGO LINK STYLE IMAGE **/
.bannerleft_rowtwo a {
background:none;
border:none;
text-decoration:none;
}
.bannerleft_rowthree {
display:block;
margin:0 auto;
padding:0;
width:auto;
height:20px;
background-color: #372F2C;
color:#736B68;
overflow:hidden;
}
.banner_right {
display:block;
float:right;
margin:0 auto;
padding:0;
padding-top:10px;
width:75%;
background: #ffffff;
overflow:hidden;
}
.bannerright_rowone {
display:block;
margin:0 auto;
padding:0;
width:auto;
height:5px;
background-color: #736B68;
color:#FFFFFF;
font-size:2px;
overflow:hidden;
}
.bannerright_rowtwo {
display:block;
margin:0 auto;
padding:0;
width:auto;
height:75px;
background: #000000 url('../img_c16/brush.gif') repeat-x;
text-align:left;
color:#000000;
overflow:hidden;
}
.site_headers {
display:none;
margin: 0;
padding: 6px 0px 0px 20px;
width:auto;
}
.bannerright_rowthree {
display:block;
margin:0 auto;
padding:0;
width:auto;
height:20px;
background-color: #736B68;
overflow:hidden;
}
/** clearing float wraps entirely without float **/
.body_wrap {
display:block;
margin:0 auto;
padding:0;
height:auto;
height:100%;
background: #5C5C5C;
}
.left_column {
display:block;
float:left;
margin:0 auto;
padding:0;
width:24.95%;
height:auto;
height:100%;
}
.left_content {
display:block;
margin:0 auto;
padding:5px 5px 5px 5px;
width:auto;
height:auto;
height:100%;
}
/***** Adding overflow:auto = auto-scrollbar if needed. ******/
/** This holds the mid and right columns, and footer below ***/
/** Note: Instead of margin, this inner is a
centered 95% wide div, for fake left/right 2.5% margin **/
/** Holds mid_and_right_inner ***/
.container_mid-and-right {
display:block;
float:right;
margin:0 auto;
padding:0;
width:75%;
height:auto;
height:100%;
background:#ffffff;
}
/** This is the center column ***/
.main_column, mid_column {
display:block;
float:left;
margin:0 auto;
padding:0;
height:auto;
height:100%;
width:68%;
}
.main_content {
display:block;
margin:0 auto;
padding:10px 10px 0px 20px;
height:auto;
height:100%;
text-align:left;
}
/** This is the right (third) column ***/
.right_column {
display:block;
float:right;
margin:0 auto;
padding:0;
width:31.5%;
height:auto;
height:100%;
}
.right_content {
display:block;
margin:0 auto;
padding:5px;
width:auto;
height:auto;
height:100%;
}
.footer {
display:block;
margin:0 auto;
padding:0;
height:auto;
height:100%;
}
/*** Horizontal Bar Menu ***/
/** UL inline for inline title before list **/
/** Add
and text for inline-block text under img **/
.horizbarnav, .horizbarnav_left, .horizbarnav_right {
margin:0 auto;padding:0;}
.horizbarnav {/** li already float left **/}
.horizbarnav_left {text-align:left;}
.horizbarnav_right {float:right;}
.horizbarnav ul.hbn, .horizbarnav_left ul.hbn, .horizbarnav_right ul.hbn {}
.horizbarnav ul.hbn, .horizbarnav_left ul.hbn, .horizbarnav_right ul.hbn,
.horizbarnav li, .horizbarnav_left li, .horizbarnav_right li {display:inline;
list-style:none;margin:0;}
/** Link Properties **/
/** removed display block (voids padding) due to link.poweredby **/
ul.hbn a {margin:0;padding:0;text-decoration:none;
padding:0px 0px 0px 5px;border-left:1px solid #ffffff;margin-left:0px;}
ul.hbn a:link, ul.hbn a:visited {border-bottom:0px dashed white; color:#cccccc;}
ul.hbn a:hover, ul.hbn a:active {text-decoration:underline;background:none;}
/** First Child Correctly **/
ul.hbn li:first-child a, .hbn li a.lefta {border-left:0;}
/** removed widths and line-height & added block **/
/** moved list image to li to stop the border change jumpiness **/
/*** subtopicnav_underlines ***/
/*** Did width:auto, except on nav ul li, which is 100%,
to force cross-browser compatibility ***/
.subtopicnav_underlines {display:block;margin:0 auto; padding:5px 0px;
text-align:center;}
/**** Main Topic UL+LI Styles ****/
.subtopicnav_underlines ul {display:block;clear:both;
margin:0;padding:0;text-align:left;}
.subtopicnav_underlines ul li {
display:block;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;list-style: none;
text-indent:2px;overflow:hidden;font-weight:bold;color:#ffffff;}
/** First Child DOES NOT WORK WITH SUBTOPIC NAVS **/
.xxxxxxxxsubtopicnav_underlines ul.main_ul:first-child li,
.subtopicnav_underlines ul.main_ul li.top_li {border-top: 1px solid #cccccc;
background-color:#736B68;filter:dropshadow(color=#000000, offx=1, offy=1, positive=true);}
/**** Main Topic Links ****/
.subtopicnav_underlines ul.main_ul li a {color:#cccccc;}
.subtopicnav_underlines ul.main_ul li a:link, .subtopicnav_underlines ul li a:visited {}
.subtopicnav_underlines ul.main_ul li a:hover, .subtopicnav_underlines ul li a:active {text-decoration:underline;color:#CCCCCC;}
/* SubTopics LINK STYLES: */
.subtopicnav_underlines ul ul.sub_ul {display:block;clear:both;margin:0;padding:0;
border-top:1px solid #cccccc;}
.subtopicnav_underlines ul ul.sub_ul li {display:block;margin:0;padding:4px 0px;
fxxxxxxxxxont-size:.85em;overflow:hidden;border-bottom:1px solid #666666;text-indent:5px;
background: url('../img_c16/duoarrowsleft_blackandwhite.gif') no-repeat right 9px;}
.subtopicnav_underlines ul ul.sub_ul li:hover {
background: url('../img_c16/duoarrowsleft_blackandwhite.gif') no-repeat right -63px;}
.subtopicnav_underlines ul ul.sub_ul li a {color:#cccccc;text-decoration:none;
/** removing block stops jumpy **/}
.subtopicnav_underlines ul ul li a:link, .subtopicnav_underlines ul ul li a:visited {}
.subtopicnav_underlines ul ul li a:hover, .subtopicnav_underlines ul ul li a:active {
color:#CCCCCC;text-decoration:underline;background:None;}
/*** Rules for active current topic and subtopic ***/
.subtopicnav_underlines .current_topic {}
.subtopicnav_underlines .current_subtopic {}
/*** end subtopicnav_underlines ***/
/** FEATURED SERVICES6 - MUST SET IMG TAG ALIGN **/
.featuredservices6 {display:block;margin:0 auto;padding:5px 0px;
border-style:none;text-align:center;overflow:hidden;}
.article_a, .article_b, .article_c, .article_d, .article_e {
display:block;margin: 5px 0px; padding:0; height:auto;
background: none; border-left:1px dashed #999999;
border-bottom:0px dashed #999999;;text-align:left;
color:#000000;overflow:hidden;}
.featuredservices6 img {margin:2px;padding:0;}
.featuredservices6 p {margin:0;padding:2px 4px;}
.article_a .cat_p, .article_b .cat_p {text-indent:16px;
background: url('../img_c16/star-gold15.gif') no-repeat 2px 2px;}
/*** end ***/
/** Need To Study This (can't remove70px height, needs inline)**/
/** Sidebox_Img - April 2014 Liquid Version **/
/** random + heightfix stacked intentional vertical spacing **/
.sidebox-alt-images_inline-fix {/** removed width 98% **/
display:block;margin:0;padding:5px 0px;text-align:center;}
/** CAUTION: TO FIX BROKEN DIV/FLOAT/Border, turn on the red/Yellow/Gray
div borders to TO SEE WHO IS DOING WHAT. LOOOK: FLOAT CANCELS AUTO WIDTH,
BUT DON'T ADD WIDTH, USE AUTO WIDTH INSTEAD WITH THE OUTER CONTAINER BLOCKED
AND CENTERED WITHOUT FLOAT. Clear any float divs; and check html/css errors. **/
.sidebox_a, .sidebox_b, .sidebox_c, .sidebox_d, .sidebox_e, .sidebox_z {
/** removed width 98%, wild margin and pad **/
display:block; margin:0;margin-top:5px;padding:0;height:auto;min-height:70px;
border:1px solid #7f7f7f;color:#ffffff;text-align:center;overflow:hidden;}
.sidebox_a {
background: transparent url('../img_c16/camera1.jpg') no-repeat center;}
.sidebox_b {
background: transparent url('../img_c16/camera2.jpg') no-repeat center;}
.sidebox_c {
background: transparent url('../Ximg_c16/camera3.jpg') no-repeat center;}
.sidebox_d {
background: transparent url('../Ximg_c16/camera4.jpg') no-repeat center;}
.sidebox_z {background:#666666; color:white;}
.random_image {/** removed float & width **/
margin:0; padding:0; height:auto; border:none;
overflow:hidden;text-align:center;font:0px;}
/** These are minimum height hacks for IE, for sideboxes **/
/** Fixheight Using height+font@70px **/
/** img+fixheight uses display:inline with no float **/
/** Third: Content cant be 100% wide, wont float inline **/
.fixheight_one { /** Removed Float + width **/
/** Try display inline with overflow visible? **/
display:inline;margin:0;padding:0;height:70px;width:0px;
border:0px solid yellow;overflow:hidden;font-size:70px;}
.sidebox_images p {margin:0;padding:2px 4px;text-align:left;}
/** NOTE: PHYSICAL IMG TAG NEEDS ALIGN TOP/LEFTorRIGHT **/
.Xsidebox_a:after {color:#cccccc; content:"Sample1";}
.Xsidebox_b:after {color:#cccccc;content:"Sample2";}
.sidebox_c:after {color:#cccccc;content:"Styles & Finishes";}
.sidebox_d:after {color:#cccccc;content:"Styles & Finishes";}
/*** Theme a16 shadowed sidebox padleft styling **/
.sidebox_padleft {display:block;margin:0 auto;margin-top:10px;
padding-left:9px;width:auto;color:#FFFFFF;overflow:hidden;}
.sidebox_padleft select, .sidebox_padleft input {
background-color:#cccccc;color:#000000;}
/** end **/
/** CompanyFAQ_ThreeColumnNav **/
.companyinfo_box {display:block;margin:0 auto;padding:0px 15px 0px 15px;}
.companyinfo_box h4 {margin:0;padding:0;text-decoration:underline;background:none;text-align:left;}
.companyinfo_rowone {display:block;margin:0;padding:0em 0em;}
.companyinfo_rowone h4 {text-align:center;}
.companyinfo_rowtwo {display:block;margin:0;padding:.75em 0em;}
.companyinfo_rowthree {display:block;margin:0;padding:.75em 0em;border-top:1px solid #eaeaea;}
.companyinfo_rowthree h4 {border:none;}
.companyinfo_rowfour {display:block;margin:0;padding:.75em 0em;border-top:1px solid #eaeaea;}
.companyinfo_rowfive {display:block;margin:0;padding:.75em 0em;border-top:1px solid #eaeaea;}
/** LINK STYLES FOR bBnav ***/
.companyinfo_box .bnav a:link, .companyinfo_box .bnav a:visited {}
.companyinfo_box .bnav a:hover, .companyinfo_box .bnav a:active {}
/** end **/
/*** MulticolumnNavs VerticalInline ***/
.multicolumn_nav {display:block;margin:0 auto; padding:0;text-align:center;}
.multicolumn_nav h4 {border:none;}
.multicolumn_left, .multicolumn_right {
display:block; float:left; margin:0; padding:0px 0px;width:49.5%;text-align:center;
}
.multicolumn_right {}
.multicolumn_left {}
.multicolumn_ul {display:block;clear:both;margin:0; padding:0;width:auto;height:auto;
text-align:left;}
.multicolumn_ul li {margin:0;padding:0;color:#000;list-style:none;}
.multicolumn_left ul li {}
.multicolumn_right ul li {padding-left:13px;
background: url("../img_c16/star-gold12.gif") no-repeat left top;}
/**** bodylinks_column Link/hover Styles ****/
.multicolumn_nav a {padding-left:15px;}
.multicolumn_nav a:link, .multicolumn_nav a:visited {font-weight:normal;color:#336699;text-decoration:underline;background: url("../img_c16/dualarrowgold.gif") no-repeat left bottom;}
.multicolumn_nav a:hover, .multicolumn_nav a:active {font-weight:normal;color:#B48181;
text-decoration:underline;background: transparent url("../img_c16/dualarrowgold.gif") no-repeat left top;}
/** end **/
/*** Reviews Nav ***/
.reviews {display:block;text-align:left;}
.review_span {display:block;padding: .5em 0em 0em 0em;text-indent:0em;}
/*** Social Sites Nav ***/
/** THIS IS THE HTML IMAGE VERSION, NON-CSS BACKGROUND IMAGES **/
/** UL inline for inline title before list **/
/** Add
and text for inline-block text under img **/
.socialsites_nav {display:block;margin:0 auto;padding:0;}
.htmlimglistnav-inlineblk-horizcenter {
display:block;margin:0 auto;padding:0;padding-top:2px;color:#000000;
text-align:center;font-weight:bold;}
.htmlimglistnav-inlineblk-horizcenter span {/** dud **/ margin:0;padding:0;}
ul, li {margin:0;padding:0;}
ul.htmlimg {/** display inline for side title **/
font-weight:bold;font-size:8px;
display:inline;margin:0;padding:0;text-align:center;/*center the list items*/
list-style:none;background:transparent;border-bottom:0px solid #000;}
ul.htmlimg li {
display: -moz-inline-box;/* for FF2 (inline-box must be used for shrink wrapping)*/
display:inline-block;/* for modern browsers */}
* html ul.htmlimg li {display:inline;}/* inline-block trigger for IE6 */
*+html ul.htmlimg li {display:inline;}/* inline-block trigger for IE7 */
ul.htmlimg li a {display:inline-block;/*IE6/7 need this (haslayout)*/
padding:0;border-right:0px solid #cccccc;
txext-transform:uppercase;color:#000000;text-decoration:none;color:#000;}
ul.htmlimg li a img {display:inline-block;}
ul.htmlimg li span {display:none;}
/**** "basemenu" menu link styles ****/
/** If Turn this off: will get linking from center_content styling **/
.htmlimg a.lefta {border-left:0px solid #cccccc;}
/** END **/
/*** FOOTER ***/
.footer_rows {display:block;margin:0;padding:0;}
.footer_rowone {display:block;margin:0 auto;padding:2px 0px;
background:#736b68;color:#cccccc;}
.footer_rowtwo {display:block;margin:0 auto;padding:2px 0px;
background:#372F2C;color:#cccccc;}
.footer_rowthree {display:block;margin:0 auto;padding:0;
background:#000000;color:#cccccc;}
/** LINK STYLES FOR FOOTER ***/
.footer_rows .bnav a:link, .footer_rows .bnav a:visited {}
.footer_rows .bnav a:hover, .footer_rows .bnav a:active {}
/** END **/
/** Google Map Iframe **/
.map_wrap {
margin:0 auto;padding:5px 0px;text-align:center;}
.map {margin:0 auto;padding:20px 0px;text-align:center;}
.map_footer {display:block;padding:5px 0px;text-align:center;}
.map_footer a {background:#fff;color:#336699;text-align:left}
/** END **/
/** Photo Select Nav **?
/** THIS IS THE HTML IMAGE VERSION, NON-CSS BACKGROUND IMAGES **/
/** UL inline for inline title before list **/
/** Add
and text for inline-block text under img **/
.roomselect_wrap {
margin:0 auto;padding:5px 0px;text-align:center;}
.roomselect_nav {
margin:0 auto;padding:20px 0px;text-align:center;}
.roomselect_nav ul, .roomselect_nav li {margin:0;padding:0;}
ul.tsn {/** inline for pretext, inline-block for border-wrap**/
margin:0;padding:0;text-align:center;/*center the list items*/
list-style:none;background:transparent;}
ul.rsn li {
display: -moz-inline-box;/* for FF2 (inline-box must be used for shrink wrapping)*/
display:inline-block;/* for modern browsers */}
* html ul.rsn li {display:inline;}/* inline-block trigger for IE6 */
*+html ul.rsn li {display:inline;}/* inline-block trigger for IE7 */
ul.rsn li a {display:inline-block;/*IE6/7 need this (haslayout)*/
padding:2px 1px 0px 1px;border:none;text-decoration:none;
text-transform:uppercase;color:#fff;}
ul.rsn li a:hover {text-decoration:none;border:none;}
ul.rsn li a img {display:inline-block;}
ul.rsn li span {position: relative; top:-20px;font-weight:bold;}
ul.rsn li .finishes span {font-size:.68em;}
ul.rsn li .facility span {background-color:#666666;}
/** END **/
.gallery_container {
display:block; margin:0 auto; padding: 0; text-align:center;}
.gallery_container .controlTable {padding: .5em 0em;}
.gallery_container .controlTable td {border:1px solid #eaeaea;}
.phpshow_wrap {
display:block; margin:0 auto; padding: 5px 0px; background:#fff;}
/*** contact1 Form Styles ****/
.contact1 {margin:0 auto; padding:5px 0px;width:100%;
text-align:center;
border-left:1px dashed #666666;border-right:1px dashed #666666;}
.contact1 h2 {margin:0;padding:0;padding-bottom:5px;}
.form_fb {margin:0 auto; width:96%;font-weight:normal;}
.form_fb LABEL {
DISPLAY: block; float:left;MARGIN-bottom: .15em; WIDTH: 28%; TEXT-ALIGN: right}
.form_fb P {CLEAR: left; MARGIN: .10em 0px}
.form_fb label {}
.form_fb INPUT#fb_subject, .form_fb INPUT#fb_name,
.form_fb INPUT#fb_email {
padding:0px 2px;width:67.5%;border:1px solid #cccccc;}
.form_fb SELECT {margin:0;padding:0;font-size:inherit;
width:68%;border:1px solid #cccccc;text-indent:2px;}
.form_fb TEXTAREA {
padding:0px 2px;width:67.5%;height:200px;border:1px solid #cccccc;}
/*** NOTE: All LINKS + BUTTON STYLES ARE THEME-COLORED ON MAIN STYLESHEET ***/
.form_fb .theme_submit, .form_fb .theme_reset {
display:inline;width:auto;margin:0 auto;text-align:center;cursor:pointer;}
/*** END contact1 Form Styles ****/
#statcounter_image {display:inline;margin:0;padding:0;}
.statcounter {}
.statcounter img {}
/*** Colors Used In the Original Template:
#92847B: Taupe Body Background
#5c5c5c: Canvas Left Column Dark Gray:
#FFFFFF: White Center/Right Canvas
#372F2C: Darkest Black Rose Left banner
#736B68: Lighter Taupe Rose, Right banner
#7F7F7F: Medium Gray, Left Nav Hover and banner Title Gray
#336699: *Ezportal H2 Description & Blue Links, Center Column
#B48181: Mauve Links and Mauve H4 h5 Margin
#B69223: *Gold, H3 Gold & Nav Border/Underlines
#9C7478: Dusty Mauve in Logo and Theme Buttons
#A25151: *Ezportal H2 Phone# Rosey Mauve
#CCCCCC LeftNav Med Gray Text
#FBFAF7 Off White, almost white
#666666 LeftNav Darker Med Gray Underlines
---
****/
/** I first designed this from Boris Cherny's fix-width original, in
2004 or 2005, made a dozen or so liquid width versions. Twice more,
2006 and 2014, basically just updates, to current standards. **/
/** Divs, by default, are 100% width. If you add pad px or margin px to
a div, just set width:auto, and the div will find it's own "remainder". **/
/** The real trick to putting shadow images on liquid width templates
is to use nested divs. It's the only way that padding will not interfere
with the liquidity percentage, at different resolutions. Sure, you are
confused, but believe me, when you nest, you can set widths at auto on the
inners, which means comprehension; "LIQUID". ****/
/** Used overflow:hidden many times, and used table-layout:fixed; also,
just to stop wrapping if filenames become too long; or images too big for the box,
at different resolutions. **/