﻿
/*========================== General ===============================*/

body {
	margin:0; padding:5px 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:245px;
	background:url(images/hdr_bg.jpg) 7px 36px no-repeat;
}
.header img {
	position:absolute; left:14px; top:8px;
}
.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; float:right;
}
.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 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:#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;
}

/*============================================
  MAIN PULL-DOWN MENU STYLES
==============================================*/
.menu_dynamic_menu_item_style 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color:#3F481C;
	text-decoration: none;
	text-align: left;
	height:auto;
	white-space: nowrap; 
	display: block;
	cursor: pointer;	
	white-space: nowrap; 	
	text-align:left;
	margin: 0px; 	
}

.menu_dynamic_menu_item_style A
{
	width: 100%;
	display: block;
	cursor: pointer;	
}
.menu_static_menu_item_style 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color:#3F481C;
	text-decoration: none;
	text-align: center;
	cursor: pointer;	
	background-image:url(images/menu_main.jpg);
	background-repeat:repeat-x; 
	vertical-align:text-bottom;
}

.menu_static_menu_item_style_hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color:#3F481C;
	text-decoration: none;
	text-align: center;
	cursor: pointer;	
	background-image:url(images/menu_main_hover.jpg);
	background-repeat:repeat-x; 
	vertical-align:text-bottom;
}

.menu_static_menu_item_style A
{
	width: 100%;
	display: block;
	cursor: pointer;
}
.menu_static_hover_style
{
	width:100%;
	cursor: hand;		
}
.menu_static_menu_style
{
	cursor: pointer;	
	width:100%;	
}

/*===================== GENERAL CONTENT STARTS =============================*/
.generalContent h2 {
	font-family: Georgia, Arial; height:15px; 
	font-size:20px;
	margin: 10px 0 2px 0; padding-top:2px; 
	padding-bottom:8px; padding-left:5px;
}
.generalContent p {
	padding:5px 31px 0 0;
}
.generalContent p span {
	color:#DF1900; background:#F8F9EF;
}
.generalContent ul {
	padding:10px 0 10px 30px;
}
.generalContent 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;
}
.generalContent ul li span {
	color:#0F5093; background:#F8F9EF
}
.generalContent a {
	color:#F41500; background:#F8F9EF;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; font-weight:bold; 
}
.generalContent a:hover {
	text-decoration:underline;
}

/*========================== SPONSORS ===========================*/
.sponsorlinks {
	border:#fff 2px solid; background:#EDDFB9; color:#54471E; margin:10px 0 0 0;
}
.sponsorlinks h2 {
	background:url(images/sponsorlinks_hdr.jpg) 0 0 no-repeat;
	height:32px; border-bottom:#fff 1px solid; text-indent:-2000px;
}
.sponsorlinks .bdy {
	background:#EFE2BC url(images/colorful_bg.gif) left bottom repeat-x;
}
.sponsorlinks 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;
}
.sponsorlinks p.click {
	padding:22px 0 18px 11px; background:none; color:#D73D06;
	font:bold 13px/12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.sponsorlinks p.click a {
	color:#4F6708; text-decoration:underline;
}
.colorfulTips p.click a:hover { text-decoration:none; }