
* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color:#a20202;
}
#tree dl {
	padding: 0 125px 0 30px;
	}
#tree dt {
    font-size: 14px;
	color:#ECDCB4;	
	text-decoration: none;
	font-weight: bold;
	}
#tree dd {
	color:#ECDCB4;	
	padding-bottom: 1em;
	}
#wrapper { 
 margin: 0 auto;
 width: 732px;
}
#header {
 position: relative;
 width: 732px;
 color: #333;
 padding: 0;
 border: none;
 height: 280px;
 margin: 0;
}
#content { 
 width: 732px;
 height: 681px;
 color: #333;
 border: none;
 margin: 0;
 padding: 0;
 background: url(../images/bg_content2.jpg) no-repeat;
}
#faq { 
 width: 517px;
 height: 641px;
 color: #333;
 border: none;
 margin: 0;
 padding: 20px 185px 20px 20px;
 background: url(../images/bg_content3.jpg) no-repeat;
}
#left_col {
	float: left;
	width:188px;
	padding: 20px 2px 20px 14px;
	}
#right_col {	
	float: right;
	display: inline;
	width:330px;	
	padding: 20px 185px 20px 0;	
	}	
#footer { 
	width: 712px;
	color: #f0f7a8;
	margin: 0;
	padding: 0 20px;
	}
#logo {
	background: url(../images/logo.gif) no-repeat;
	position: absolute;
	top:0;
	left:0;
	width: 240px;
	height: 82px;
	font-size: 1px; 
	color: #a20202;
	}
.gallery_hdr {
	position: absolute;
	top:111px;
	left:33px;
	background: url(../images/professionaldecoratingservices.gif) no-repeat;
	width: 370px;
	height: 32px;
	font-size: 1px; 
	color: #fde07c;	
	}
.left_col_hdr {
	background: url(../images/whychristmasdecor.gif) no-repeat;
	width: 188px;
	height: 34px;
	margin-top:6px;
	font-size: 1px; 
	color: #ecdcb4;	
	}	
.right_col_about,
.right_col_contact,
.right_col_faqs {
	width: 286px;
	height: 40px;
	font-size: 1px; 
	color: #A87848;		
	}
.right_col_about { background: url(../images/about.gif) no-repeat; }
.right_col_contact  { background: url(../images/contactdesignconsultant.gif) no-repeat; }
.right_col_faqs  { background: url(../images/faqs.gif) no-repeat;}

#right_col p {
	padding-bottom: 6px;
	font-size: 13px;
	color: #ecdcb4;
	}
#right_col ul {
	font: bold 13px Arial, Helvetica, sans-serif;
	list-style-type: none;
	text-align: left;
	padding-bottom: 6px;	
	margin-left:6px;
	}
#right_col ul li a {
	background: transparent url(../images/bullet_tri.gif) left center no-repeat;
	padding-left: 15px;
	text-align: left;
	text-decoration: underline;
	color: #ecdcb4;
	}
#right_col ul li a:hover {
	text-decoration: none;
	color: #f5edd9;
	}	
.one {padding-right:42px;}
.two {padding-right:42px;}
.three {padding-right:21px;}		

.phone span {
	display:none;
	}
#gallery {
	width: 488px;
	height: 280px;
	background: transparent url(../images/block_gallery2.gif) no-repeat;
	float:left;
	}
#gallery p {	
	width:375px;
	padding: 144px 0 0 40px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #741d03;	
	}
#portfolio {
	margin: 10px 90px;
	}
#portfolio ul {
	font: normal 24px Arial, Helvetica, sans-serif;
	list-style-type: none;
	text-align: left;
	}
#portfolio ul li a {
	background: transparent url(../images/bullet.gif) left center no-repeat;
	padding-left: 36px;
	text-align: left;
	text-decoration: underline;
	color: #741d03;
	}
#portfolio ul li a:hover {
	background: transparent url(../images/bullet_on.gif) left center no-repeat;
	text-decoration: none;
	color: #a20202;
	}
#photo {
	width: 221px;
	height: 280px;
	padding-right:23px;
	float:right;
	background: url(../images/home_photo.gif) no-repeat;
	}	
.leftcol_img {
	padding: 0 0 0 5px;
	}
.photo_tag {
	padding: 3px 0 0 0;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #741d03;
	text-align: center;
	}
#footer p {
	text-align: center;
	}
.ftr_tag {
	width: 239px;
	height: 89px;
	font-size: 1px; 
	color: #A20202;		
	background: url(../images/footer.gif) no-repeat;
	}
#faq p {
	padding-bottom:6px;
	color:#ecdcb4;
	}
#faq a {
	color:#ecdcb4;
	}	
.cssform p{
	width: 230px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 96px; /*width of left column containing the label elements*/
	border-top: 1px dashed #CF9A67;
	height: 1%;
	}
.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -90px; /*width of left column*/
	width: 90px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 200px;
	}
.cssform textarea{
	width: 250px;
	height: 150px;
	}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
	margin-left: 3px;
	}	