﻿
/*========================== General ===============================*/

body {
	margin:0; padding:30px 0;
	font:normal 15px/16px Georgia, Verdana, Arial, Helvetica, sans-serif;
	background-image:url('images/goldcanvas1.png');}

img
{
	border:5px #333333 solid;
}

span {
	padding:0; margin:0;
}
h7 {
	padding:0; margin:0;
}

h6 {
	padding:0; margin:0;
}

h5 {
	padding:0; margin:0;
}

h4 {
	padding:0; margin:0;
}

h3 {
	padding:0; margin:0;
}

h2 {
	background: #CE9E34;
	margin: 5px ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;line-height: 20px;

}

h1 {
	font-size: 18px;
}

input {
	padding:0; margin:0;
}

label {
	padding:0; margin:0;
}

li {
	padding:0; margin:0;
}

ul {
	padding:0; margin:0;
}

form {
	padding:0; margin:0;
}

a {
	padding:0; margin:0;
}

img {
	padding:0; margin:0;
}

p {
	padding:0; margin:0;
}
a {
	text-decoration:none;
}
ul {
	list-style:none;
}
a:link {color: #304012;}
a:active {color: #304012;}
a:visited {color: #304012;}
a:hover {color: #9C9941; font-weight:bold;}

/*========================= HEADER =============================*/
.bodycontainerleft {
	padding: 5px;
	margin: 0 auto;
	background: #F2E4C2;
	color: #474747;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 22px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #666666;
	width: 50%;
	vertical-align: top;
	text-align: left;
}
.header {
	background-position: top center;
	position: relative;
	height: 298px;
	background: url('images/hdr_bg1.jpg') no-repeat ;
	width: 768px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	vertical-align: top;
}
ter;
	vertical-align: top;
}
.header img {
	position:absolute; left:124px; top:30px;
}
.header h1 {
	text-indent:-2000px; background:url(images/punchline.gif) left top no-repeat;
	height:52px; position:absolute; left:505px; top:113px; width:237px;
}
.header ul {
	position:absolute; left:492px; top:37px;
}
.header ul li {
	float:left;
}
.header ul li a {
	font-size:12px; font-weight:bold; width:90px; margin-right:1px;
	height:25px; line-height:25px; text-align:center; color:#F8F7F2;
	display:block;
}
.header ul li a:hover {
	color:#232321;
}
.header ul li a.sitemap {
	color:#232321; background:#FFC01B;
}
.header ul li a.sitemap:hover {
	color:#F8F7F2; background:#FFC01B;
}

/*--------------- TOP MENU ---------------------*/
.topMenu ul {
	background:url(images/top_menubg.gif) left top repeat-x; 
	border:#fff 2px solid; height:31px; margin:0 7px 0 7px;
}
.topMenu ul li {
	float:left; border-right:#fff 1px solid;
}
.topMenu ul li.contact {
	border-right:none;
}

.topMenu ul li a {
	display:block; height:31px; text-indent:-2000px;
}
.topMenu ul li a.home {
	background:url(images/home_btn.gif) 0 0 no-repeat; width:92px;	
}
.topMenu ul li a.portfolioMenu {
	background:url(images/portfolio_btn.gif) 0 0 no-repeat; width:113px;	
}
.topMenu ul li a.interior {
	background:url(images/interior_btn.gif) 0 0 no-repeat; width:163px;	
}
.topMenu ul li a.color {
	background:url(images/color_btn.gif) 0 0 no-repeat; width:144px;	
}
.topMenu ul li a.colorful {
	background:url(images/colorful_btn.gif) 0 0 no-repeat; width:139px;	
}
.topMenu ul li a.contact {
	background:url(images/contact_btn.gif) 0 0 no-repeat; width:106px;
}

/*------------hover---------*/
.topMenu ul li a.home:hover {
	background:url(images/home_btn_hover.gif) 0 0 no-repeat; width:92px;	
}
.topMenu ul li a.portfolio:hover {
	background:url(images/portfolio_btn_hover.gif) 0 0 no-repeat; width:113px;	
}
.topMenu ul li a.interior:hover {
	background:url(images/interior_btn_hover.gif) 0 0 no-repeat; width:163px;	
}
.topMenu ul li a.color:hover {
	background:url(images/colol_btn_hover.gif) 0 0 no-repeat; width:144px;	
}
.topMenu ul li a.colorful:hover {
	background:url(images/colorful_btn_hover.gif) 0 0 no-repeat; width:139px;	
}
.topMenu ul li a.contact:hover {
	background:url(images/contact_btn_hover.gif) 0 0 no-repeat; width:106px;
}
.navbuttons {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #333333;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #333333;
	width: 137px;
	background-repeat: no-repeat;
	background-color: #CE9E34;
	margin-top: 5px;
	margin-bottom: 5px;
}
.navbuttons a:link{
		font-weight: bold;
	color: #333333;
	text-decoration:none;	}

.navbuttons a:active{
		font-weight: bold;
	color: #333333;
	text-decoration:none;	}

.navbuttons a:visited{
		font-weight: bold;
	color: #333333;
	text-decoration:none;	}
.navbuttons a:hover{
		font-weight: bold;
	color: #333333;
	text-decoration:none;	
	width:128px;
	background-image:url('images/btn_hover.gif');
	background-repeat: no-repeat;
	}
.menubkg {
	background-image: url('images/navbkg.png');
	background-repeat: no-repeat;
}



/*========================== COLORFUL TIPS ===========================*/
.colorfulTips {
	padding: 5px;
	border: #fff 2px solid;
	background: #EDDFB9;
	color: #54471E;
	margin: 10px 0 0 0;
}
.colorfulTips p.click a {
	color:#4F6708; text-decoration:underline;
}
.colorfulTips p.click a:hover { text-decoration:none; }

/*========================== PORTFOLIO  ===========================*/
.portfolio {
	border:#fff 4px solid; background:#DCD6C0; color:#615B4E; font-size:13px; margin:0 0 13px 0;
}

.portfolio h2 {
	width:63px; height:232px; text-indent:-2000px;
	background:#B4AF9A url(images/portfolio_hdr.gif) 0 0 no-repeat;
	border-right:#E6E6E6 2px solid;
}
.imgcontainer {
	background:url(images/portfolio_picbdr.gif) 0 26px no-repeat;
}
.imgcontainer a:link{
		color: #000000;
}
.imgcontainer a:active{
		color: #000000;
}
.imgcontainer a:visited{
		color: #000000;
}
.imgcontainer a:hover{
		color: #000000;
}

.imgcontainer1 {
	background:none;
}
.imgcontainer1 img {
	margin:20px 0 12px 0; border:#fff 1px solid;
}

.imgcontainer img {
	margin:20px 0 12px 0; border:#fff 1px solid;
}

.portfolio p {
	text-align:center;
}
.portfolio strong {
	font-size:14px; color:#433025; font-weight:bold;
}

/*=========================== FOOTER ================================*/
.footerTop { background:url(images/footer_topbg.gif) left top repeat-x; height:5px; }

.footer {
	background: #CE9E34;
	margin: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.footer ul { width:600px; margin:0 auto; padding:10px 0 0 0; }

.footer ul li {
	float:left; padding:0 1px 0 1px;
}
.footer ul li a {
	padding:0 8px 0 8px; color:#5E8686; background:#EBEEDD;
	font:bold 15px/15px Georgia, Verdana, Arial, Helvetica, sans-serif;
}
.footer ul li a:hover {
	background:#DADDCA; color:#456161;
}
.footer p.copyright {
	clear:both; padding:12px 0 30px 0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; color:#1D4545; background:#EBEEDD;
}


.footer a:link {
	color:#1D4545;	
	text-decoration:none;}
.footer a:visited {
	color:#1D4545;	
	text-decoration:none;}
.footer a:active {
	color:#1D4545;	
	text-decoration:none;}

.footer a:hover {
	color:#5E8686; 	
	}





.boxtop {
	padding: 5px;
	border: 2px solid #CE9E34;
	background: #B4AF9A;
	color: #FFFFFF;
	margin: 10px 0 0 0;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	width: 33%;
	height: 20px;
	vertical-align: middle;
	text-align: center;
}





.maintext {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 22px;
	vertical-align: top;
	text-align: left;
}
.maintext a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	}
.maintext a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	}

.maintext a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	}

.maintext a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	background: #EDDFB9;

	}



.textsidebar {
	padding: 5px;
	border: #fff 2px solid;
	background: #EDDFB9;
	color: #54471E;
	margin: 0px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	vertical-align: top;
}
.tagline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	vertical-align: top;
	text-align: left;
	background-color: #F6F7EC;
	width: 462px;
}
.tipbutton {
	width: 306px;
	height: 34px;
	text-align: right;
}





.maintable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	vertical-align: top;
	text-align: left;
	background-color: #F2E4C2;
	border: 7px solid #000000;
	padding: 0px;
	width: 960px;
}
.tags {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
.bodyContainerright {
	padding: 5px;
	margin: 0 auto;
	background: #F2E4C2;
	color: #474747;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	width: 50%;
	text-align: left;
	vertical-align: top;
}
.box {
	padding: 5px;
	color: #666666;
	margin: 10px 0 0 0;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	width: 33%;
	vertical-align: top;
	text-align: left;
	line-height: 18px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-color: #CE9E34;
	border-bottom-color: #CE9E34;
	border-left-color: #CE9E34;
}





.top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #F2E4C2;
	text-align: right;
	vertical-align: top;
}





