/******************************
For Netscape compatibility, must define body margins
and padding at the HTML level as well as the BODY level
*******************************/

html, body {
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 45px;
}

body {
min-width: 756px;
}

body.black {
background-image:  url(images/backgrounds/blackback.gif);
}

body.green {
background-image: url(images/backgrounds/greenback.gif);
}

body.orange {
background-image: url(images/backgrounds/orangeback.gif);
}

body.yellow {
background-image: url(images/backgrounds/yellowback.gif);
}

body.rasp {
background-image: url(images/backgrounds/raspback.gif);
}

body.cyan {
background-image: url(images/backgrounds/cyanback.gif);
}

body.blue {
background-image: url(images/backgrounds/blueback.gif);
}


/******************************
Global Options
*******************************/

.right {
float: right;
}

.left {
float: left;
}

.border {
border: 1px solid #990000;
}

/******************************
Div Options
*******************************/

#top_links_wrapper {
margin: 0 auto;
width: 756px;
padding: 15px 0px 5px 0px;
}

#top_links_black {
text-align: right;
color: #000000;
}

#top_links_white {
text-align: right;
color: #FFFFFF;
}

#wrapper {
margin: 0 auto;
width: 756px;
border: 2px solid #FFFFFF;
background-color: #000000;
}

#left_col {
float: left;
width: 274px;
text-align: right;
}

#sidebar {
text-align: center;
margin: 0px 25px 10px 25px;
}

#right_col {
float: right;
width: 482px;
line-height: 16px;
}

#body_text {
background-image: url(images/right_col_bottom.gif);
background-repeat: no-repeat;
padding: 15px 0px 0px 14px;
}

#footer {
width: 756px;
clear: both;
}

div.left_body_column {
float: left;
width: 220px;
padding-left: 5px;
}

div.right_body_column {
float: right;
width: 220px;
padding-left: 5px;
}

div.copyright {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
text-align:right; 
color:#FFFFFF; 
padding-right: 20px;
}

/******************************
Photo Gallery Div Options
*******************************/

.thumbnail {
float: left; 
margin: 0px 5px 5px 0px;
width: 120px;
}

.clearboth { 
clear: both; 
}

/******************************
Title Div Options
*******************************/

#profile_title {
margin-bottom: 8px;
padding-bottom: 9px;
border-bottom: 1px dashed #5EA438;
}

#services_title {
margin-bottom: 8px;
padding-bottom: 9px;
border-bottom: 1px dashed #F25508;
}

#design_gallery_title {
margin-bottom: 8px;
padding-bottom: 9px;
border-bottom: 1px dashed #F1CA43;
}

#the_process_title {
margin-bottom: 8px;
padding-bottom: 9px;
border-bottom: 1px dashed #890345;
}

#feng_shui_title {
margin-bottom: 8px;
padding-bottom: 9px;
border-bottom: 1px dashed #2AD9BA;
}

#contact_us_title {
margin-bottom: 8px;
padding-bottom: 9px;
border-bottom: 1px dashed #274165;
}

/******************************
Img Options
*******************************/

img.right_border {
float: right;
border: 1px solid #990000;
margin: 5px 0px 7px 13px;
}

img.left_border {
float: left;
border: 1px solid #990000;
margin: 5px 15px 7px 0px;
}

/******************************
Text Options
*******************************/

p {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 20px;
color: #FFFFFF;
margin: 0px;
text-align: left;
}

p.small_caps:first-line {
font-variant: small-caps;
font-size: 14px;
font-weight: bold;
}

span.small_caps {
font-variant: small-caps;
font-size: 14px;
font-weight: bold;
}

#left_col p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#sidebar p {
font-size: 11px;
text-align: center;
margin-bottom: 20px;
}

#right_col p {
margin: 0px 0px 0px 0px;
padding: 0px 10px 17px 12px;
}

blockquote {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 20px;
color: #FFFFFF;
margin: 5px 60px 20px 72px;
text-align: left;
}

strong {
font-size: 14px;
font-variant: small-caps;
color: #FFFFFF;
}

strong.album_title {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
font-variant: small-caps;
color: #FFFFFF;
display: block;
margin: 0 5px 5px 8px;
}

strong.lowercase {
font-size: 12px;
font-variant: normal;
color: #FFFFFF;
}

strong.list_header {
font-size: 12px;
font-variant: normal;
color: #FFFFFF;
display: block;
margin-top: 10px;
}

h1 {
}

h2 {
font-variant: small-caps;
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
color: #F1CA43;
margin: 0px 0px 8px 0px;
}

h3 {
font-variant: small-caps;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
color: #FFFFFF;
padding: 0px 0px 2px 0px;
margin: 0px 0px 8px 0px;
border-bottom: 1px dashed #F1CA43;
}

ul {
margin: 0px;
text-indent: 0px;
padding-left: 0px;
list-style-type: disc;
list-style-position: outside;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
margin-left: 1em;
}

li {
margin-bottom: 5px;
margin-top: 6px;
}

ul.site_map {
}

ul.site_map li {
padding-bottom: 10px;
}

ul.faq li {
margin: 0px 30px 10px 0px;
}

ul.faq li:first-line {
color: #FFFFFF;
font-variant: small-caps;
font-size: 14px;
}

span.red {
color: #FF0000;
}

/******************************
Form Options
*******************************/

table.contact td {
font-family: Verdana, Arial, sans-serif;
color: #FFFFFF;
font-size: 12px;
vertical-align: top;
}

form {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 20px;
color: #333333;
text-align: left;
margin: 0px
}

.dashed_gray{
border: 1px dashed #666666;
}

input {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color:#333333;
margin-bottom: 3px;
padding-left: 2px;
}

option, select {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color:#333333;
}

input.required {
font-size: 12px;
color: #FF0000;
}

textarea {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color:#333333;
padding-left: 2px;
margin-top: 6px;
}

/******************************
Link Options
*******************************/

a:link,
a:visited {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #FFFFFF;
}

a:hover {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
color: #FFFFFF;
}

#top_links_black a:link,
#top_links_black a:visited {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
}

#top_links_black a:hover {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
color: #000000;
}

a.small:link,
a.small:visited {
font-size: 11px;
color: #FFFFFF;
}

a.small:hover {
font-size: 11px;
text-decoration: none;
color: #FFFFFF;
}

a.white:link,
a.white:visited {
text-decoration: underline;
color:#FFFFFF;
}

a.white:hover {
text-decoration: none;
color:#FFFFFF;
}

a.no_link:link,
a.no_link:visited,
a.no_link:hover {
text-decoration: none;
font-size: 11px;
color:#FFFFFF;
}

a.h3 {
display: block;
padding: 0px 0px 2px 0px;
margin: 0px 0px 8px 0px;
font-variant: small-caps;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
color: #FFFFFF;
}

a.h3:link,
a.h3:visited {
text-decoration: none;
border-bottom: 1px dashed #F1CA43;
font-size: 16px;
}

a.h3:hover,
a.h3:active {
text-decoration: none;
border-bottom: 1px solid #F1CA43;
font-size: 16px;
}


a.gallery_link {
display: block;
padding: 2px;
}
a.gallery_link:link, 
a.gallery_link:visited {
text-decoration: none;
}
a.gallery_link:hover, 
a.gallery_link:active {
text-decoration: none;
background-color: #274165;
}