/*========================== General ===============================*/

body {
	margin:0; padding:30px 0;
	font:normal 15px/16px Georgia, Verdana, Arial, Helvetica, sans-serif;
	background:#F1F2E8; color:#474747;
}

p, img, a, form, ul, li, label, input, h1, h2, h3, span {
	padding:0; margin:0;
}
a {
	text-decoration:none;
}
ul {
	list-style:none;
}

/*========================= HEADER =============================*/
.bodyContainer {
	border:#DADAD2 1px solid; margin:0 auto; background:#F8F9EF; color:#474747;
}
.header {
	position:relative; height:368px;
	background:url(images/hdr_bg.jpg) 7px 36px no-repeat;
}
.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;
}

/*===================== BODY STARTS =============================*/
.whySection h2 {
	background:url(images/why_hdr.gif) 0 0 no-repeat;
	height:35px; text-indent:-2000px; margin:16px 0 7px 25px;
}
.whySection p {
	padding:5px 31px 0 0;
}
.whySection p span {
	color:#DF1900; background:#F8F9EF;
}
.whySection ul {
	padding:10px 0 10px 30px;
}
.whySection ul li {
	font-size:13px; color:#5E8686; font-weight:bold; padding:0 0 0 21px;
	background:#F8F9EF url(images/whu_bullet.gif) 0 5px no-repeat; 
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height:20px;
}
.whySection ul li span {
	color:#0F5093; background:#F8F9EF
}
.whySection a {
	color:#F41500; background:#F8F9EF;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; font-weight:bold
}
.whySection a:hover {
	text-decoration:underline;
}

/*========================== COLORFUL TIPS ===========================*/
.colorfulTips {
	border:#fff 2px solid; background:#EDDFB9; color:#54471E; margin:10px 0 0 0;
}
.colorfulTips h2 {
	background:url(images/colorful_hdr.jpg) 0 0 no-repeat;
	height:32px; border-bottom:#fff 1px solid; text-indent:-2000px;
}
.colorfulTips .bdy {
	background:#EFE2BC url(images/colorful_bg.gif) left bottom repeat-x;
}
.colorfulTips p {
	background:url(images/colorful_pic.jpg) 8px 12px no-repeat;
	padding:21px 0 0 105px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.colorfulTips p.click {
	padding:22px 0 18px 11px; background:none; color:#D73D06;
	font:bold 13px/12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.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;
}
.imgcontainer1 {
	background:none;
}
.imgcontainer img, .imgcontainer1 img {
	margin:20px 15px 12px 15px; border:#ffffff 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:#EBEEDD; margin:0 0 5px 0; }

.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;
}