/* GuentherHomes.ca .CSS file based on the flexi skin */
body   { background-color: #000; margin: 0; padding: 0 }
#FlexiAll    { background-color: #f4ecd1; background-image: url("gfx/menu-background.jpg"); background-repeat: repeat-y; background-position: left 0 }
#topleft  { background-image: url("gfx/top-left.jpg"); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 275px; height: 30px }
#topbackground  { background-image: url("gfx/top-bkgnd.jpg"); background-repeat: repeat-x; position: absolute; top: 0; right: 30px; left: 275px; width: auto; height: 30px }
#topright  { background-image: url("gfx/top-right.jpg"); background-repeat: no-repeat; background-position: right top; top: 0; right: 0; width: 30px; height: 30px }
#FlexiTop    { background: url("gfx/flash-placeholder.jpg") no-repeat; z-index: 3; top: 30px; left: 0; width: 275px; height: 150px }
#FlexiLeft    { background-image: url("gfx/menutop-whitegrad.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding-top: 50px; padding-right: 25px; padding-left: 30px; z-index: 8; left: 0; width: 220px; height: auto; float: left }
#FlexiLeft .selflink { color: #fcca23; text-decoration: underline; border-bottom: 1px solid #fcca23 }
#FlexiLeft a:link  { color: #fff; text-decoration: none; margin-left: 10px }
#FlexiLeft a:visited  { color: #fff; text-decoration: none; margin-left: 10px }
#FlexiLeft a:hover  { color: #ccc; text-decoration: none; margin-left: 10px; border-bottom: 1px solid #ccc }
#FlexiLeft h2 { color: #acb; font-weight: bold }
#FlexiLeft h2 a:link { color: #acb; text-decoration: none }
#FlexiLeft h2 a:visited { color: #acb; text-decoration: none }
#FlexiLeft h2 a:hover { color: #ccc; text-decoration: none; border-bottom: 1px solid #ccc }
#FlexiLeft .indent { color: #fff; text-decoration: none; margin-left: 15px }
#FlexiHeader  { color: #c3c3c3; font-size: 0.7em; font-family: Arial; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding-right: 5px; position: relative; z-index: 5; top: 0; width: auto; height: 25px; float: right }
#FlexiHeader a:link  { color: #c3c3c3; text-decoration: none }
#FlexiHeader a:visited { color: #c3c3c3; text-decoration: none }
#FlexiHeader a:hover  { color: #909090; text-decoration: underline }
#FlexiTitle  { color: #ccc; font-size: 0.9em; font-family: Arial; font-weight: bold; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding-top: 5px; padding-left: 2%; position: relative; z-index: 3; right: 0; width: auto; height: 25px }
#FlexiTitle a:link { color: #ccc; text-decoration: none }
#FlexiTitle a:visited { color: #ccc; text-decoration: none }
#FlexiTitle a:hover { color: #909090; text-decoration: underline }
#FlexiMain       { background-color: #f4ecd1; background-attachment: scroll; padding: 2% 40px 2% 2%; right: 0; width: auto; height: auto; min-height: 90% }
#FlexiMain a:link   { color: #0083dc; text-decoration: none }
#FlexiMain a:visited   { color: #0083dc; text-decoration: none }
#FlexiMain a:hover  { color: #909090; text-decoration: underline }
#FlexiRight { text-decoration: none }
.lowres { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; visibility: hidden; position: absolute; right: 0; bottom: 0; width: 0; height: 0; clear: both; border-left: solid #c3c3c3 }
.hires { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-left: 20px; padding-left: 20px; right: 0; width: 175px; height: auto; float: right; border-left: 1px solid #c3c3c3 }
#FlexiFooter   { color: #d3d3d3; font-size: 0.7em; font-family: Arial; background-image: url("gfx/bottom-background.jpg"); background-repeat: repeat-x; background-attachment: scroll; background-position: center 0; padding-top: 12px; right: 0; left: 0; width: auto; height: 34px; clear: both }
#FlexiFooter a:link  { color: #fff; font-weight: bold; text-decoration: none }
#FlexiFooter a:visited  { color: #fff; font-weight: bold; text-decoration: none }
#FlexiFooter a:hover  { color: #fff; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #fff }
#FlexiBottom   { color: #858585; background-color: #000; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding-right: 40px; right: 0; left: 0; width: auto; height: auto }
#FlexiBottom a:link  { color: #c3c3c3; font-size: 0.8em; font-weight: bold; text-decoration: none }
#FlexiBottom a:visited  { color: #c3c3c3; font-size: 0.8em; font-weight: bold; text-decoration: none }
#FlexiBottom a:hover  { color: #c3c3c3; font-size: 0.8em; font-weight: bold; text-decoration: underline }
#FlexiMain h2 { color: #0083dc; font-size: 1.4em; font-weight: bold }
#FlexiMain h3 { font-size: 1.2em; font-weight: bold }
#FlexiMain h4 { font-size: 1.1em; font-style: italic; font-weight: bold }
#FlexiMain h5 { color: #0083dc; font-size: 1.1em; font-style: italic; font-weight: bold }