@charset "utf-8";

/* CSS Document */



/* YUI Reset

Copyright (c) 2009, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt

version: 2.7.0

--------------------------------------------------------------------*/
* {margin: 0; } 
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}



/* Universal

--------------------------------------------------------------------*/


html{height:100%}
body {
	margin-top:10px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #977f67;
	color:#ffffff;
}

.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
	#height:98%;
    #min-height: 98%; 
    margin: 0 auto -20px; 
} 
.footer_out, .push_out { height: 20px; } 



/* Typography

--------------------------------------------------------------------*/

p {

font-size:smaller;

font-family: Arial, Helvetica, sans-serif;

}
table.noBorder
{
	border:none;
	border-width:0px;
}

table.noBorder td
{
	border:0px solid #000;padding:.5em;
}


h1,h2 {

font-family: Arial, Helvetica, sans-serif;

text-decoration: underline;

}



h1 {

font-size: 18px;

}



h2 {

margin-left: 10px;

}



/* Menu

--------------------------------------------------------------------*/

a img {border:none;}



a {color:#ffffff;}



a:hover {

color:#5a442e;

}



/* Main Divs

--------------------------------------------------------------------*/



#main_container {

width: 1004px;

margin-top:-10px;

margin: -20px auto 0;
min-height:800px;
}



#top_header {

width:100%;

height:22px;

background-image: url(../images/head_bar_top.png);

z-index:10;

background-repeat:repeat;

margin: -10px; 

position: relative; 

padding: 0 10px;

}



#left_col {

width:59px;

height:1px;

float:left;

clear:both;

}



#content {

width: 833px;

float:left;

z-index:5;

}



#right_col {

width:112px;

height:1px;

float:left;

}



#footer {
width:100%;
float:left;
background-image:url(../images/footer_pattern.jpg);
background-repeat:repeat-x;
margin: -10px; 
padding: 0 10px;
background-color: #395666;
}




#footer p{
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-align:center;
margin-top:5px;
}

#footer_short {
width:100%;
float:left;
background-image:url(../images/footer_pattern.jpg);
background-repeat:repeat-x;
margin: -10px; 
padding: 0 10px;
background-color: #395666;
position: absolute;
bottom: 0;
z-index: 60;
}




#footer_short p{
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-align:center;
margin-top:5px;
}



/* Content Divs

--------------------------------------------------------------------*/



#main_header {

width:833px;

height:367px;

background-image: url(../images/about_header1.jpg);



}



#about_header {

width:833px;

height:367px;

background-image: url(../images/about_header.jpg);

}





/* Main Menu

--------------------------------------------------------------------*/



#menu_bar {

width:771px;

height:33px;

float:left;

top:342px;

z-index:15;

overflow: hidden;

background-image: url(../images/menu_divider.jpg);

margin-left:54px;

margin-top:-10px;

}



#home {

width:110px;

height:33px;

float:left;

background-image: url(../images/button_home1.jpg);

}



#aboutus {

width:127px;

height:33px;

float:left;

background-image: url(../images/button_aboutus1.jpg);

}



#services {

width:121px;

height:33px;

float:left;

background-image: url(../images/button_services1.jpg);

}



#projects {

width:121px;

height:33px;

float:left;

background-image: url(../images/button_projects1.jpg);

}



#testimonials {

width:153px;

height:33px;

float:left;

background-image: url(../images/button_testimonials1.jpg);

}



#menu_bar a {

padding: 0;

margin-right: -2px;

}



#menu li {

list-style: none;

}



#menu_container {

padding-left:0px;

}



#menu {

  list-style: none;

  padding: 0;

  margin: 0;

  width: 774px;

  height: 33px;

  position:relative;

  z-index:20;

}



#menu span {

  display: none;

  position: absolute;

}

#menu a {

  display: block;

  text-indent: -900%;

  position: absolute;

  outline: none;

}

#menu a:hover {

  background-position: left bottom;

}

#menu a:hover span {

  display: block;

}



#menu .home {

  width: 110px;

  height: 33px;

  background: url(../images/button_home1.jpg) no-repeat;

  left: 54px;

  top: 332px;

}



#menu .home_onpage {

  width: 110px;

  height: 33px;

  background: url(../images/button_home1_onpage.jpg) no-repeat;

  left: 54px;

  top: 332px;

}



#menu .aboutus {

  width: 127px;

  height: 33px;

  background: url(../images/button_aboutus1.jpg) no-repeat;

  left: 164px;

  top: 332px;

}



#menu .aboutus_onpage {

  width: 127px;

  height: 33px;

  background: url(../images/button_aboutus1_onpage.jpg) no-repeat;

  left: 164px;

  top: 332px;

}



#menu .services {

  width: 121px;

  height: 33px;

  background: url(../images/button_services1.jpg) no-repeat;

  left: 291px;

  top: 332px;

}



#menu .services_onpage {

  width: 121px;

  height: 33px;

  background: url(../images/button_services1_onpage.jpg) no-repeat;

  left: 291px;

  top: 332px;

}



#menu .projects {

  width: 121px;

  height: 33px;

  background: url(../images/button_projects1.jpg) no-repeat;

  left: 412px;

  top: 332px;

}



#menu .projects_onpage {

  width: 121px;

  height: 33px;

  background: url(../images/button_projects1_onpage.jpg) no-repeat;

  left: 412px;

  top: 332px;

}



#menu .testimonials {

  width: 153px;

  height: 33px;

  background: url(../images/button_testimonials1.jpg) no-repeat;

  left: 533px;

  top: 332px;

}



#menu .testimonials_onpage {

  width: 153px;

  height: 33px;

  background: url(../images/button_testimonials1_onpage.jpg) no-repeat;

  left: 533px;

  top: 332px;

}



#menu .contactus {

  width: 138px;

  height: 33px;

  background: url(../images/button_contactus1.jpg) no-repeat;

  left: 686px;

  top: 332px;

}



#menu .contactus_onpage {

  width: 138px;

  height: 33px;

  background: url(../images/button_contactus1_onpage.jpg) no-repeat;

  left: 686px;

  top: 332px;

}



#content_left {

width:292px;

height:360px;

float:left;

background-image: url(../images/left_content.jpg);

}



#content_left_top {

width:292px;

height:183px;

background-image: url(../images/content_left_top.jpg);

float:left;

}



#content_left_top img {

	margin-left: 65px;

	margin-top: 20px;

}



#content_left_mid {

width:292px;

height:124px;

background-image: url(../images/content_left_mid.jpg);

float:left;

}



#content_left_mid img {

	margin-left: 65px;

}



#content_left_bot {

width:292px;

height:53px;

background-image: url(../images/content_left_bot.jpg);

float:left;

}



#content_left_bot p{

margin-left:200px;

font-size: smaller;

}



#content_right {

width:541px;

height:360px;

float:left;

}



#content_rtext_wrap {

width:282px;

height:211px;

float:left;

}



#content_right_text {

width:282px;

height:158px;

float:left;

}



#content_right_text ul {

	font-size: smaller;

	color: #371d06;

	margin-top: 30px;

	padding: 0px;

}



#content_right_text_more {

width:82px;

height:43px;

padding-left:200px;

padding-top:15px;

float:left;

}



#content_right_text_more p {

	font-size: smaller;

}



#content_right_images {

width:259px;

height:211px;

float:left;

}



#image_top_left {

width:113px;

height:84px;

padding-left:10px;

padding-top:20px;

float:left;

}



#image_top_right {

width:126px;

height:84px;

padding-left:10px;

padding-top:20px;

float:left;

}



#image_bot_left {

width:113px;

height:97px;

padding-left:10px;

padding-top:10px;

float:left;

}



#image_bot_right {

width:126px;

height:97px;

padding-left:10px;

padding-top:10px;

float:left;

}



#content_right_top {

width:541px;

float:left;

}



#home_text {

width:321px;

height:149px;

float:left;

}



#home_logo {

width:220px;

height:149px;

background-image: url(../images/home_logo.jpg);

float:left;

}



#content_right_bot {

width:541px;

height:211px;

background-image: url(../images/home_recent_projects.jpg);

float:left;

}



#content_right_bot ul {

font-size:14px;

font-family:Geneva, Arial, Helvetica, sans-serif;

}



#footer {

	margin-top:30px;

}



/* Interior Divs

--------------------------------------------------------------------*/



#interior_content {

width:833px;

float:left;

}



#tour_banner {

width:833px;

height:367px;

background-image: url(../images/tour_image.jpg);

float:left;

}



#right_more {

  list-style: none;

  padding: 0;

  margin: 0;

  width: 50px;

  height: 15px;

  position: relative;

}



#right_more li {

list-style: none;

}



#right_more span {

  display: none;

  position: absolute;

}

#right_more a {

  display: block;

  text-indent: -900%;

  position: absolute;

  outline: none;

}

#right_more a:hover {

  background-position: left bottom;

}

#right_more a:hover span {

  display: block;

}



#right_more .recentprojects {

  width: 50px;

  height: 14px;

  background: url(../images/right_text_more_int.jpg) no-repeat;

  left: 225px;

  top: 170px;

}



/* Left More

--------------------------------------------------------------------*/

#left_more {

  list-style: none;

  padding: 0;

  margin: 0;

  width: 50px;

  height: 15px;

  position: relative;

}



#left_more li {

list-style: none;

}



#left_more span {

  display: none;

  position: absolute;

}

#left_more a {

  display: block;

  text-indent: -900%;

  position: absolute;

  outline: none;

}

#left_more a:hover {

  background-position: left bottom;

}

#left_more a:hover span {

  display: block;

}



#left_more .ourlocations {

  width: 50px;

  height: 14px;

  background: url(../images/left_text_more_int.jpg) no-repeat;

  left: 220px;

  top: 320px;

}



/* Flash Gallery

--------------------------------------------------------------------*/



#flash_gallery {

width: 846px;

background: url(sandsgallery.swf) no-repeat;

float:left;

padding-left:7px;

margin-left:47px;

left: 0px;

top: -35px;
position:relative;
z-index: 5;

}



/* Interior Pages

--------------------------------------------------------------------*/



	/* Contact Us

	--------------------------------------------------------------------*/



#aboutus_interior h1 {

margin-left: 90px;

}



#aboutus_interior p {

margin-left: 90px;

width: 700px;

}



#header_contactus {

width: 833px;

height: 30px;

float: left;

margin-top: 20px;

margin-left: 90px;

}



#header_contactus h1 {

margin-left: 50px;

}



#left_contactus_bak {

width: 410px;

height: 381px;

background-image: url(../images/interior_contactus_left2.jpg);

float: left;

}

#left_contactus {

width: 330px;

height: 381px;

float: left;

}



#left_contactus_1 {

width: 126px;

height: 335px;

float: left;
}



#left_contactus_2 {
 
width: 266px;

height: 335px;

float: left;
}


#left_contactus_3 {

width: 18px;

height: 335px;

float: left;

}



#left_contactus p{

text-align:center;

margin-top: 14px;

margin-left: -3px;

}



#right_contactus_bak {

width: 423px;

height: 381px;

background-image: url(../images/interior_contactus_right2.jpg);

float: left;

}

#right_contactus {

width: 330px;

height: 381px;

float: left;

}


#right_contactus_1 {

width: 64px;

height: 335px;

float: left;

}



#right_contactus_2 {

width: 266px;

height: 335px;

float: left;

}



#right_contactus_3 {

width: 93px;

height: 335px;

float: left;

}



#right_contactus p{

text-align:center;

margin-top: 14px;

margin-left: -3px;

}



	/* Testimonials

	--------------------------------------------------------------------*/



#testimonials_top {

width: 833px;

height: 152px;

float: left;

}

#testimonials_top_bak {

width: 833px;

height: 152px;

background-image:url(../images/interior_testimonial.jpg);

float: left;

}

#testimonials_top_1 {

width: 71px;

height: 152px;

float: left;

}



#testimonials_top_2 {

width: 742px;

height: 152px;

float: left;

}



#testimonials_top_3 {

width: 20px;

height: 152px;

float: left;

}



#testimonials_top h1,p {

margin-left: 10px;

}



#testimonials_content {

width: 833px;

float: left;

}



#testimonials_content p{

margin-left: 60px;

margin-right: 40px;

}



	/* Products and Services

	--------------------------------------------------------------------*/



#services_top_bak {

width: 833px;

height: 175px;

background-image:url(../images/interior_prodserv.jpg);

float: left;

}

#services_top {

width: 833px;

height: 175px;

float: left;

}



#services_top_1 {

width: 71px;

height: 175px;

float: left;

}



#services_top_2 {

width: 742px;

height: 175px;

float: left;

}



#acontainer {
padding-top:43px;
width: 833px;

height: 140px;

background-image: url(../images/about.jpg);

}

#acontainer img{
	float:right;
	margin-top: -30px;
	margin-right: 20px;
}



#About p {

	width: 450px;
	font-size: smaller;

}



#services_top_3 {

width: 20px;

height: 175px;

float: left;

}



#services_top h1,p {

margin-left: 10px;

}



#services_content {

width: 833px;

float: left;

}





#services_content_fleft {

width: 71px;

height: 100px;

float: left;

}



#services_content_left {

width: 371px;

float: left;

margin-left: 20px;

}



#services_content_left img {

	margin-right: 8px;

}



#services_content_left p {

	width: 300px;

	margin-left: 20px;

}



#services_content_right {

width: 371px;

float: left;

}



#services_content_right img {

	margin-right: 8px;

}



#services_content_right p {

	width: 300px;

	margin-left: 20px;

}



#services_content_fright {

width: 20px;

height: 100px;

float: left;

}

#fix img{
	float:right;
	margin-top:15px;
	margin-right:10px;
}

#fix p {

	margin-top:48px;
	margin-left: 10px;

	width: 420px;

	font-size: smaller;

}



	/* Featured Projects

	--------------------------------------------------------------------*/

	

#projects_header {

width: 833px;

height: 111px;

float: left;

}



#projects_header_1 {

width: 71px;

height: 111px;

float: left;

}



#projects_header_2 {

width: 742px;

height: 111px;

float: left;

}



#projects_header_2 img {

	margin-left: 7px;

}



#projects_header_3 {

width: 20px;

height: 111px;

float: left;

}



#projects_content {

width: 833px;

float: left;

}



#projects_content p {

font-size: 12px;

}



#projects_images {

width: 833px;

float: left;

}



#projects_images_fleft {

width: 97px;

height: 1px;

float: left;

}



#projects_images_left_img1 {

width: 164px;

float: left;

}



#projects_images_left_img2 {

width: 164px;

float: left;

}



#projects_images_middle {

width: 43px;

height: 1px;

float: left;

}



#projects_images_right_img1 {

width: 164px;

float: left;

}



#projects_images_right_img2 {

width: 164px;

float: left;

}



#projects_images_fright {

width: 37px;

height: 1px;

float: left;

}



#projects_text {

width: 833px;

height: 174px;

float: left;

}



#projects_content_fleft {

width: 97px;

height: 174px;

float: left;

}



#projects_content_left {

width: 328px;

height: 174px;

float: left;

background-image: url(../images/img_fp_box.jpg);

background-repeat: no-repeat;
}



#projects_content_middle {

width: 43px;

height: 174px;

float: left;

}



#projects_content_right {

width: 328px;

height: 174px;

float: left;

background-image: url(../images/img_fp_box.jpg);

background-repeat: no-repeat;

}



#projects_content_fright {

width: 37px;

height: 174px;

float: left;

}



#content_right_text_more p {

margin-top: -5px;

}



.thumbnail{

position: relative;

z-index: 0;}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: lightyellow;

padding: 5px;

left: -1000px;

border: 1px dashed gray;

visibility: hidden;
display:none;
color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;
display:block;
top: 0;

left: 0px; /*position where enlarged image should offset horizontally */



}



.thumbnail1{

position: relative;

z-index: 0;}



.thumbnail1:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail1 span{ /*CSS for enlarged image*/

position: absolute;

background-color: lightyellow;

padding: 5px;

left: -1000px;

border: 1px dashed gray;

visibility: hidden;
display:none;
color: black;

text-decoration: none;

}



.thumbnail1 span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail1:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: 0;

left: -320px; /*position where enlarged image should offset horizontally */

display:block;

}



.thumbnail2{

position: relative;

z-index: 0;}



.thumbnail2:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail2 span{ /*CSS for enlarged image*/

position: absolute;

background-color: lightyellow;

padding: 5px;

left: -1000px;

border: 1px dashed gray;

visibility: hidden;
display:none;
color: black;

text-decoration: none;
height:0px;

}



.thumbnail2 span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail2:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

bottom: 0;

left: 165px; /*position where enlarged image should offset horizontally */

display:block;
height:326px;
}



.thumbnail3{

position: relative;

z-index: 0;}



.thumbnail3:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail3 span{ /*CSS for enlarged image*/

position: absolute;

background-color: lightyellow;

padding: 5px;

left: -1000px;

border: 1px dashed gray;

visibility: hidden;
display:none;
color: black;

text-decoration: none;
height:10px;
}



.thumbnail3 span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail3:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

bottom: 0;

left: -650px; /*position where enlarged image should offset horizontally */

display:block;
height:326px;

}

table.GContainer {background:#B7A696;}
table.GContainer td {border:0px solid #000;padding:0;}
.GContainer_TopRight{ background-image:url(../images/GContainer_TopRight.gif); background-repeat:no-repeat;height:14px;width:14px;}
.GContainer_TopLeft{ background-image:url(../images/GContainer_TopLeft.gif); background-repeat:no-repeat;height:14px;width:12px;}
.GContainer_BottomRight{ background-image:url(../images/GContainer_BottomRight.gif); background-repeat:no-repeat;height:19px;width:14px;}
.GContainer_BottomLeft{ background-image:url(../images/GContainer_BottomLeft.gif); background-repeat:no-repeat;height:19px;width:12px;}
.GContainer_Top{ background-image:url(../images/GContainer_Top.gif); background-repeat:repeat-x;height:14px;}
.GContainer_Bottom{ background-image:url(../images/GContainer_Bottom.gif); background-repeat:repeat-x;height:19px;}
.GContainer_Left{ background-image:url(../images/GContainer_Left.gif); background-repeat:repeat-y;width:12px;}
.GContainer_Right{ background-image:url(../images/GContainer_Right.gif); background-repeat:repeat-y;width:14px;}
.GContainer_Body{height:30px;width:30px;}

div.contactus_inner{text-align:center;width:250px; margin:0px;padding:0px;}
div.contactus_content{text-align:center; padding-left:130px;}