/* CSS Document */
/* Created By Anshu */

@import url("dropdown.css"); 

body {
	background-color: #7C6216;
	margin-left: 15px;
	margin-top: 16px;
	margin-right: 21px;
	margin-bottom: 20px;
}
/****common css*****/

.clear {clear:both;}
.clearHeight{ clear:both; overflow:hidden; height:1px;}
.valign {
vertical-align:middle;
}
p{	
	margin:0px;
	margin-top:10px;
	padding:0px;
}

.float_right{float:right;}
/************************/
#main {
	width:964px;
	border:1px solid #92741A;
	margin:0px auto;
	background:#604C11;
}

#header {height:109px;}

#header .logo {
	float:left;
	height:99px;
	width:205px;
	}




.scroller {float:right;}

#marqueecontainer{
	position:relative;
	width: 208px; /*marquee width */
	height: 92px; /*marquee height */
	overflow: hidden;
	padding: 2px;
	padding-left: 4px;
	top:8px;
}

#vmarquee{
	width: 208px;
	padding:10px 16px 0px 0px;
	position:absolute;
}

h4 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}

.scroller_text {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#D3C9AB;
	float:left;
	width:192px;
	padding-top:10px;
}

.designer_container a{float:left; background:url(../images/designer.jpg) no-repeat;height:431px; width:271px;}
.designer_container a:hover{ background:url(../images/designer_hover.jpg) no-repeat; height:431px; width:271px;}
.builder_container a{float:left; background: url(../images/builders.jpg) no-repeat;height:431px; width:272px;}
.builder_container a:hover{ background:url(../images/builders_hover.jpg) no-repeat; height:431px; width:272px;}
.gallery_container {float:left;height:431px; width:421px;}
.gallery_container a{float:left;height:431px; width:421px;}


.footer_links{
	background:#2F2608;
	text-align:center;
	height:26px;
	width:100%;
	font:normal 11px/26px Verdana, Arial, Helvetica, sans-serif;
	color:#625011;
	}
	
.footer_links a{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	padding-right:15px;
	padding-left:15px;
	}
.footer_links a:hover{
	color:#BA4B05;
	}
	
.footer_text {
	height:71px;
	width:100%;
	color:#B0A688;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	line-height:11px;
	}
	
.footer_text a{
	color:#B0A688;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
.footer_text a:hover{
	color:#ffffff;
		}
.copyright_text {
	float:left;
	width:228px;
	background:url(../images/copyryt_brdr.gif) no-repeat right top;
	height:59px;
	padding-left:14px;
	padding-top:12px;
	}
	
.footer_contact {
	float:left;
	padding-left:21px;
	padding-top:14px;
	}

.left_banner{height:430px; width:271px; float:left; background:#7C6216;}
.content_area{width:693px;height:430px; float:left; background:#7C6216;}
.navigation {background:#604C11; height:51px;}
ul#navigation {
	margin:0px;
	padding:0px;
	background:#604C11;
	}
ul#navigation li {
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
	list-style:none;
	
	}
ul#navigation li a{
	text-align:center;
	margin-right:1px;
	padding-top:30px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000;
	background:url(../images/tab_bg.gif) repeat-x bottom;
	display:block;
	width:150px;
	height:21px;
	margin-right:1px;
	color:#000000;
	text-decoration:none;
	}
ul#navigation li a#active{
	background:url(../images/tab_bg_hover.gif) repeat-x left bottom;
	display:block;
	width:150px;
	text-align:center;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	cursor: default;
	}
ul#navigation li a:hover{
	background:url(../images/tab_bg_hover.gif) repeat-x left bottom;
	display:block;
	width:150px;
	text-align:center;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}

.title
{
	margin-top:18px;
	margin-bottom:18px;
	background:#41340B;
	padding:0px;
}
.title_top
{
	margin-top:1px;
	margin-bottom:18px;
	background:#41340B;
	padding:0px;
}

.Titletext {
font:normal 18px/40px "Century Gothic";
text-transform:capitalize;
color:#FFFFFF;
padding-left:19px;
letter-spacing:1px;
}

.SubTitletext {
font:normal 12px/40px "Century Gothic"; 
text-transform:capitalize;
color:#FFFFFF;
padding-left:5px;
letter-spacing:1px;
}


#form
{
margin:0px;
padding:0px;
width:500px;
height:auto;
float:left;
display:inline;
}

#form label{
	padding-left:24px;
	width:100px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
	float:left;
	margin-bottom:6px;
	}
	
#form input{
	background:#DAC68A; 
	width:219px;
	height:16px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	border:1px solid #41340B;
	margin-bottom:6px;
	}

#form textarea {
	background:#DAC68A; 
	width:219px;
	height:45px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	border:1px solid #41340B;
	margin-bottom:6px;
}


#form input.browse{
	background:#DAC68A; 
	height:20px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	border:1px solid #41340B;
	margin-bottom:6px;
	}
#form input.button{
	background:url(../images/btn.gif) no-repeat;
	color:#FFFFFF;
	height:26px;
	width:97px;
	border:none;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}

.content{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding-left:20px;
	padding-right:20px;
}
.content a{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:underline;
}


.border_line { 
	width:643px;
	height:1px;
	background:#2F2608;
	margin-left:23px;
	margin-top:10px;
	margin-bottom:10px;
	line-height:1px;}
.border_line2 { 
	width:auto;
	height:1px;
	background:#2F2608;
	margin-left:23px;
	margin-top:10px;
	margin-bottom:10px;
	line-height:1px;}
.mandatory_text {
	padding-top:15px;
	padding-right:10px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:right;
}

.flash_presentation {
	height:50px;
	width:643px;
	margin-left:23px;
	}
.download_container
{
	background:url(../images/curved_box.gif) no-repeat;
	height:94px;
	width:255px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-left:20px;
	margin-top:8px;
	padding-left:10px;
	padding-top:8px;
}

.download_container a
{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:underline;
	}
.download_container a:hover
{
	color:#FFFFFF;
	text-decoration:none;
	}

.print_container
{
	background:url(../images/curved_box_small.gif) no-repeat;
	height:24px;
	width:255px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-left:20px;
	margin-top:4px;
	padding-left:10px;
	padding-top:8px;
}

.print_container a
{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:underline;
	}
.print_container a:hover
{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.icon{ vertical-align:middle; padding-left:5px; padding-right:5px;}
	
	
.color_sheet{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding-left:20px;
	padding-right:20px;
}
.color_sheet td, th{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	}
.color_sheet a{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:underline;
	}
	.color_sheet a:hover{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration: none;
	}

.color_preview {
	height:192px;
	background: url(../images/color_preview_bg.jpg) no-repeat;
	width:229px;
	padding-top:25px;
	}
.content_area_large{
	width:964px;
	height:auto;
	float:left;
	background:#7C6216;
	}
	
.content_center {
	margin:100px auto;
	width:450px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
	
.content_center a{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
.content_center a:hover{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:underline;
	}
.about_us_img {
	float:left;
	margin-right:20px;
	}
	
#form_innr
{
margin:20px 0px 0px 20px;
padding:0px;
width:600px;
height:auto;
float:left;
display:inline;
}

#form_innr label{
	padding-left:24px;
	width:240px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
	float:left;
	margin-bottom:6px;
	}
	
#form_innr input{
	background:#DAC68A; 
	width:219px;
	height:16px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	border:1px solid #41340B;
	margin-bottom:6px;
	}

#form_innr textarea {
	background:#DAC68A; 
	width:219px;
	height:45px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	border:1px solid #41340B;
	margin-bottom:6px;
}


#form_innr input.browse{
	background:#DAC68A; 
	height:20px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	border:1px solid #41340B;
	margin-bottom:6px;
	}
#form_innr input.button{
	background:url(../images/btn.gif) no-repeat;
	color:#FFFFFF;
	height:26px;
	width:97px;
	border:none;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
.admin_table{
margin:0px;
margin-top:15px;
padding:0px;
width:915px;
}

.admin_table th{
margin:0px;
padding:0px;
width:auto;
background:#604C11;
font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
border-bottom:1px solid #92741A;
border-width:0px;
}

.admin_table td{
margin:0px;
padding:0px;
width:auto;
font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
height:20px;
padding-top:8px;
border-style:none;
border-width:0px;
}
.admin_table td a{
font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

.lbl{
	padding-left:24px;
	width:100px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:right;
	float:left;
	margin-bottom:6px;
	}
.lblasp{
	padding-left:24px;	
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
	float:left;
	margin-bottom:6px;
	}
.txtcolors{
	background:#DAC68A; 
	width:219px;
	height:16px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	border:1px solid #41340B;
	margin-bottom:6px;
	}
.txtcolors2{
	background:#DAC68A; 
	width:219px;
	height:21px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	border:1px solid #41340B;
	margin-bottom:6px;
	}
.txteditcell{
	background:#DAC68A; 
	width:auto;
	height:auto;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	border:1px solid #41340B;
	margin-bottom:6px;
	}
.button1{
	background:url(../images/btn.gif) no-repeat;
	color:#FFFFFF;
	height:26px;
	width:97px;
	border:none;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
.lbl1{
	padding-left:24px;
	width:100px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
	float:right;
	margin-bottom:6px;
	}
	
/******** Drop down css ********************/
.menu {
background:#604C11; height:51px;
/*width:298px; height:32px; font:11px "verdana"; position:relative; z-index:100; border-right:1px solid #000;*/
}
/* hack to correct IE5.5 faulty box model */
/** html .menu {width:299px; w\idth:298px;}/* 
remove all the bullets, borders and padding from the default list styling */
.menu ul {
margin:0px;
padding:0px;
background:#604C11;
list-style-type:none;
}
.menu ul ul {
width:150px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
	list-style:none;
	position:relative;
	/*width:149px;*/
	 }
/* style the links for the top level */
.menu li a{
	text-align:center;
	margin-right:1px;
	padding-top:32px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000;
	background:url(../images/tab_bg.gif) repeat-x bottom;
	display:block;
	width:150px;
	height:19px;
	color:#000000;
	text-decoration:none;
}
/*.menu a, .menu a:visited {
display:block;font-size:11px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#758279; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:164px; w\idth:150px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#695210;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:url(../images/tab_bg_hover.gif) repeat-x bottom; }
.menu ul ul :hover > a.drop {background:url(../images/tab_bg_hover.gif) repeat-x bottom;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#695210;}
/* style the third level hover */
.menu ul ul ul a:hover {background:url(../images/tab_bg_hover.gif) repeat-x bottom;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:50px;left:0; border-top:1px solid #41340B; border-bottom:1px solid #41340B;}
/* another hack for IE5.5 */
* html .menu ul ul {top:0px;t\op:51px; }

/* position the third level flyout menu */
.menu ul ul ul{left:152px; top:-1px; width:150px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#695210;
color:#FFFFFF;
height:auto;
padding-top:5px;
padding-bottom:5px;
width:150px;
border-left:1px solid #41340B;
border-right:1px solid #41340B;
}
/* yet another hack for IE5.5 */
/** html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	background:url(../images/tab_bg_hover.gif) repeat-x left bottom;
	display:block;
	width:150px;
	text-align:center;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;

}
.menu :hover > a, .menu ul ul :hover > a {
	background:url(../images/tab_bg_hover.gif) repeat-x left bottom;
	display:block;
	width:150px;
	text-align:center;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;

/*color:#fff;background:url(../images/tab_bg.gif) repeat-x bottom;*/}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible; }
.BottomBorder{border-bottom:1px solid #41340B;}


/** Created on 27 March **/
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 640px;
height: 220px;
overflow: scroll;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: none;
float:left;
padding: 5px 5px 5px 0px;
}


#mycustomscroll ul{
margin:0px;
padding:0px;
margin-top:10px;
list-style:none;
}
#mycustomscroll li{
margin:0px;
padding:0px;
list-style:none;
padding-left:10px;
line-height:18px;
}
#mycustomscroll  ul.List {
margin:0px;
padding:0px;
margin-top:10px;
}
#mycustomscroll .List li{
margin:0px;
padding:0px;
list-style: inside square;
padding-left:10px;
line-height:18px;
}
.TextBold {font-weight:bold;}