/*
	Author:Shumon Iqbal 
	Date: April 26, 2008.
	Title:New York hair Extensions 
====================================       
*/


* {
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		padding:0;	margin:0;

}


table {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 105%;
		padding-left: 10px;
		padding-right: 10px;
}

.title {
  
	border-bottom: 1px dotted #aaa;
	padding-left: 20px;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#280101;
	font-weight:bold;
	padding-bottom:10px;

}

#clearer
{
	clear: both;
	float:left;
}

body{
	font-size:11px;
	text-align:left;
	color:#333;
	padding:0;
	background:url(images/bg.jpg);
	background-repeat: repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 
}

img,fieldset{
	border:0;
}
ul,ol{
	list-style: circle;
 	font-size: 12px;
 	padding-left: 25px;

}	
a{
	color:#fff; 
	font-size:12px; 
}
a:hover{
	color:#ff5b5d;
}
.hide,i,#hdr h1
{
     position: absolute;
     left: -9999px;
} 

a.column:link {color: #7f7e7e; font-size: 11px; text-decoration: none;}
a.column:visited {color: #999999;}
a.column:hover {color: #fff; font-size: 11px; text-decoration: underline;}
a.column:focus {color: #333333;}
a.column:active {color: #676767;}



#photos {
	width: 326px;
	height: 326px;
}


/*------------------------------Page Structure
*/
#wrap{
	width:984px;
	margin:0 auto;
	text-align:left;  
}
#hdr{
	background:url(images/new-york-hair-extensions.jpg) no-repeat;
	height:225px;
	display:block;
	overflow:hidden;
}
.logoLink{
	width:345px;
	height:150px;
	float:right;
	display:block; 
	margin:31px 11px 0 0;
}
.hdrBtn{
	/*background:url(images/hdrBtn.gif) no-repeat;*/
	height:60px;
	display:block;
	width:395px;
	float:left;
	margin:100px 0 0 165px;
	font-weight:bold;
	padding:3px 0 0 40px;
	text-decoration:none;
	line-height:20px;
	font-size:14px;
	color: #8b8574;
}


.h1 { color: #483c24; font-size: 13px; }
/*--------------------------------Main Area With Navigation*/
#main{
	background:#FFFFFF url(images/mainBg.gif) repeat-x;
	width:980px;
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;

}
#nav{
	background:url(images/hMenuBg.gif) repeat-x;
	width:100%;
	border:1px solid #dcd9d2;
	height:28px;
	display:block;
	margin:0 10px;
	overflow:hidden;
}
#nav li{
	display:inline;
	line-height:28px;
	background:url(images/divider.gif) no-repeat right;
	height:28px;
	float:left; 
}
#nav li a{
	text-decoration:none;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0 7px;
}
#nav .selected{
	color:#FFE632;
}
#nav #rdivider{
	background:none;
}
#mainBdy{
	width:980px;
	overflow:hidden;
	padding:10px 2px  6px 10px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:968px;	
}
html>body  #mainBdy{
	width:968px;
}
#mainBdyLft{
	float:left;
	width:648px;
	background:#FFFFFF;
	padding:25px 10px 0 0; 
	voice-family:"\"}\"";
	voice-family:inherit;
	width:638px;	
}
html>body  #mainBdyLft{
	width:638px;
}
#mainBdyLft h2{
	
	height:25px;
	display:block;
	margin-left:10px;  
	color: #63251b;
	font-family: Arial, sans-serif;
	font-size: 18px;
}
.homeHdr{
	background:url(images/welHdr.gif) no-repeat;
}
.aboutHdr{
	background:url(images/aboutUsHdr.gif) no-repeat;
}

.appoinmentHdr{
	background:url(images/appoinMentHdr.gif) no-repeat;
}
.extensionHdr{
	background:url(images/extenHdr.gif) no-repeat;
}

.methodsHdr{
	background:url(images/mathodHdr.gif) no-repeat;
}
.careHdr{
	background:url(images/careHdr.gif) no-repeat;
}
.galleryHdr{
	background:url(images/pGalleryHdr.gif) no-repeat;
}
.contactHdr{
	background:url(images/contactHdr.gif) no-repeat;
}
.privacyHdr{
	background:url(images/privacyHdr.gif) no-repeat;
}
.sitemapHdr{
	background:url(images/siteMapHdr.gif) no-repeat;
}

#mainBdyLft h4{
	height:26px;
	background:#E7E7E7; 
	display:block;
	line-height:26px;
	margin-top:5px;
	font-size:13px;
	font-weight:bold;
	color:#000;
	padding-left:10px;
}
#mainBdyLft p{
	margin:15px 0 18px 10px;
	font-size:12px;
	color:#000;
}
#imgBx{
	width:628px;
	height:170px;
	background:#A5A5A5;
	margin-left:10px;
}
#imgBx img{
	margin-top:6px; 
}
#mainBdyRght{
	float:right;
	width:311px;  
}
#formArea{
	background:url(images/formBEndn.gif) no-repeat;
	width:311px;
	overflow:hidden;
	height:415px;
	margin-top:13px;
	padding:25px 0 0 22px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:289px;
	height:408px;	
}
html>body  #formArea{
	width:289px;
	height:408px
}
#formArea input{
	width:240px;
	float:left;
	height:19px;
	border:1px solid #f1dbad;
	background:#fff;
	margin-top:2px;
	font-size:12px;
	color:#777465;
	padding:3px 0 0 5px;
	font-family:Arial; 
}

#formArea select{
	width:248px;
	float:left;
	height:22px;
	border:1px solid #f1dbad;
	background:#fff;
	margin-top:2px;
	font-size:12px;
	color:#777465;
	padding:3px 0 0 0px;
	font-family:Arial; 
}

#formArea b{
	width:240px;
	float:left;
	height:19px;
	margin-top:0px;
	font-size:12px;
	color:#686650;
	padding:3px 0 0 2px;
	font-family:Arial; 
}

#formArea textarea{
	width:242px;
	height:62px;
	border:1px solid #d4cec0;
	background:#fff;
	margin-top:2px;
	padding-top:3px;
	padding-left:5px;
	color:#777465;
	font-size:12px;
}
#formArea .subBtn{
	width:78px;
	height:22px;
	display:block;
	margin-top:10px;
	padding:0; 
}
#formArea h4{
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#280101;
	font-weight:bold;
	padding-bottom:10px;
}


#address {
	height: auto;
}
#address{
	/*background:url(images/addressBg.gif) no-repeat; */
 	display:block;
	margin-top:9px;
	padding:20px 17px 0 0;
	voice-family:"\"}\"";
	voice-family:inherit;
 
}
html>body  #address{
	width:294px;
}
#address h4{
	font-size:14px;
	color:#280101;
	font-weight:bold;
	line-height:24px;
	display:block;
	margin-left:22px;
}
#address b{
	color:#534b34;
	margin-left:22px;
	display:block;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:208px;
}
#address p{
	font-size:12px;
	font-weight:bold;
	color:#686650; 
	height:21px; 
	margin:2px 0 0 0;
	width:294px;
	padding-left:22px; 
	voice-family:"\"}\"";
	voice-family:inherit;
	width:264px; 	
}
html>body  #address p{
	width:264px; 
}
#ftr{
	height:182px;
	width:100%;
	background:url(images/ftr.gif);
	background-repeat: repeat-x;
	padding-top: 15px;
	text-align: center;
	
}
#ftr p{
	margin-left:18px;
}
#ftr p a{
	text-decoration:none;
	line-height:32px;
	padding:0 3px;
}

.quicklinks {	
 	font-size: 18px;
 	color: #dfdfdf;
 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 
}
#progress {
	position:absolute;
	margin: 20px auto;
	margin-left:280px;
	width: 200px;
	height: 15px;
	padding: 2px;
	border: 2px solid #dfdfdf;
}
 
#progress .bar {
	width: 0px;
	text-align: center;
	font-size: 10px;
	height: 15px;
	background: #2a2a2f;
	color: #fff;
	font-weight: bold;
}

#map{
   margin-top:82px;
}

#map p{
  margin-left:22px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#686650;
}

#map a{
  display:block;
  margin: 4px 0 0 2px;
}
 

.err {
	background-color: #CC0033;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	padding: 5px 0;
	width: 260px;
}

.ok {
	background-color: #6DA22E;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	width: 260px;
	padding: 5px 0;
}

/* CSS Menu start */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
	margin: 0;
	padding: 0;

	font: 10px Arial;
	width: 100%;
	overflow: hidden;
	margin-bottom: 1em;
	border: 1px solid #625e00;
	border-width: 1px 0;
	background: black url(media/blockdefault.gif) center center repeat-x;
	clear: both;

}

.solidblockmenu li{
	display: inline;
}

.solidblockmenu li a{
	float: left;
	color: white;
	padding: 9px 11px;
	text-decoration: none;
	border-right: 1px solid white;
}

.solidblockmenu li a:visited{
	color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
	color: white;
	background: transparent url(media/blockactive.gif) center center repeat-x;
}

/* CSS Menu ends */