/* css style -5086 - Vivian Ting Custom CSS***/

/*.......((  Site Layout Elements ))...........................*/

html, body 		 { margin: 0; padding: 0; border: 0; height: auto; }
body	{ border: 0px; margin: 0px 0px 10px 0px; padding: 0px; font: 12px Verdana, Arial; text-align: center; color: #EFE0CA; background: #746551 url(../images/bg.jpg) top left repeat-x ; height: auto; }
#Container	{ margin: 0 auto; margin-top: 55px; width: 771px; text-align: left;  height: auto;  /*firefox,safari fix*/ }
#Liner				{ position: relative; width: 771px; } /*Right  Div - Container*/
#Float-wrap	{ float: left; width: 771px;  /*Use Above total + Add Margin 1 Fix*/ overflow: visible;}

#header		{ border: 0px; margin: 0px 0px 0px 0px; padding: 0px; width: 771px; float: left; /* border-bottom: 5px solid #EBE2C9; */ margin-bottom: 14px; }
#flash 			{ border: 0; margin: 0; padding: 0px 0px 0px 0px ; width: 771px; height: 458px; float: left; /*border-bottom: 4px solid #F5FAFF;*/  margin-bottom: 9px; }
#ban   			{ border: 0px; margin: 0px; padding: 0px 0px 0px 0px ; width: 771px; height: 165px; float: left; margin-bottom: 9px;}
.ctxt { border: 0px; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px ; }


	hr                                  { color: #AFA18F; background-color: #AFA18F; margin: 0px; padding: 0px; border-collapse: collapse; height: 1px; border: 0; }
	
	ul                                  { margin: 0px; list-style: none; padding: 10px 0px 10px 15px; }
	li                                  { padding-left: 15px; background: url(../images/bullet.gif) 0 .5em no-repeat; margin: 0px 5px 5px 0px; }
	ol li                               { background-image: none; padding-left: 0px; }
	
	fieldset                            { border: solid 1px #AFA18F; padding: 6px; }
	legend                              { color: #EFE0CA; }
	
	img                                 { border-color: #AFA18F; }
	
	.bold                               { font-weight: bold; }	
	
	.clear                              { clear: both; }

/*.......((  Nav Area )).............................................*/
#Nav {
	text-align: center;
	float: left;
	width: 771px; 
	height: 100%;
	padding: 0px;
	margin: 0px;
	background:  url(../images/nav-bg.jpg)  top left repeat-x;
	border: 0px; 
padding-bottom: 10px;
	}

#Nav p {
	padding: 0px;
	margin: 0px;
	}
	
#Nav-int {
	text-align: center;
	float: left;
	width: 771px; 
	height: 100%;
	padding: 0px;
	margin: 0px;
	background:  url(../images/nav-bg-int.jpg)  top left repeat-x;
	border: 0px; 
	}

#Nav-int p {
	padding: 0px;
	margin: 0px;
	}

/*.......(( Content area )).................................*/

#Cbg {  width: 771px; float: left; margin: 0px; padding: 0px;} 		
#Content {  position: relative; padding: 10px 25px 10px 25px; width: 721px;  /*width minus padding-Cheat a few pixels less/Older Browsers  will add to width*/ overflow: visible; float: left;
	height: 100%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 210px;
	}
html>body #Content {  height: auto; }

/*.......((  Footer area ))...............................................*/

#footer {
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	width: 771px;
	height: auto;
	margin-top: 10px;
	}

#footer p {
	color: #EFE0CA;
	padding: 5px 25px 10px 25px;
	margin: 0px;
	}

#footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #EFE0CA; 
	}
	
#footer a:hover {
	text-decoration: underline;
	color: #8FBDC9;
	} 
	
#footer-int {
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	width: 771px;
	height: auto;
	margin-top: 10px;
	border-top: 4px solid #7D6C57;
	}

#footer-int p {
	color: #EFE0CA;
	padding: 5px 25px 10px 25px;
	margin: 0px;
	}

#footer-int a:link, #footer-int a:visited, #footer-int a:active {
	text-decoration: none;
	color: #EFE0CA; 
	}
	
#footer-int a:hover {
	text-decoration: underline;
	color: #8FBDC9;
	} 


/*.......(( Misc. elements ))....................................................*/

.clear { clear: both; }

.Button {
	background-color: #759AA4;
	color: #FFF;
	cursor: hand;
	font-size:10px;
	text-decoration: none;
	border: 1px solid #356879;
	}
	
.ButtonHover {
	background-color:#3E372B;
	color: #FFF;
	cursor: hand;
	font-size:10px;
	text-decoration: none;
	border: 1px solid #3E372B; 
	}


/*.......(( Basic HTML elements ))....................................................*/

p { border: 0px; }

a:link, a:visited, a:active { color: #FFFFFF; text-decoration: underline;  }
a:hover { color: #8FBDC9; text-decoration: none; }


	/*  WYSIWYG CLASSES ***********************************************************************************************************/

	/* PageContact */
	.PageContact_Office                 { margin: 0px 0px 2px 0px; padding: 0px; list-style:none; }
	.PageContact_Office_CompanyName1    { font-size:16px; font-weight: bold; }
	.PageContact_Office_CompanyName2    { font-size:16px; font-weight: bold; }
	.PageContact_Office_OfficeLocation  { font-size:14px; font-weight: bold; }
	.PageContact_Office_Photo           { margin: 0px 0px 10px 15px; float: left; border: solid 1px #AFA18F; }
	.PageContact_Contact                { margin: 15px 0px 2px 0px; padding: 0px; }
	.PageContact_Contact_Name           { margin: 0px; padding: 0px; font-weight: bold; }
	.PageContact_Contact_Photo          { margin: 15px 0px 0px 0px; border: solid 1px #AFA18F; }
	.PageContact_Contact_Seperator      { margin: 20px 0px 0px 0px; padding-top: 5px; border-top: solid 1px #AFA18F; }
	/*nuke bullets*/
	.PageContact_Office li              { margin: 0px; padding: 0px; list-style:none!important; /*ie -->*/ background: none; }
	#_ctl2_pnlForm li                   { margin: 0px; padding: 0px; list-style:none!important; background: none; }
	.PageContact_Contact li             { margin: 0px; padding: 0px; font-weight: bold; list-style: none!important; background: none!important; }
	
	/* PageInternetLink */
	.PageInternetLink_Intro             {}
	.PageInternetLink_Category_Container{ margin: 10px 0px 10px 0px; padding: 10px 0px; border-top: solid 1px #AFA18F; }
	.PageInternetLink_Category          { margin: 0px; margin-top: -10px; padding: 0px; list-style:none; line-height:19px; background: none; }
	.PageInternetLink_Category_Name     { margin: 0px; padding: 0px; font-size:18px; font-weight: bold; background: none; }
	.PageInternetLink_Category_Description { margin: 0px; padding: 0px; background: none; }
	.PageInternetLink_Link              { margin: 0px; padding: 0px; list-style:none; background: none; }
	.PageInternetLink_Link_Url          { margin: 0px; padding: 10px 0px 0px 0px; font-weight: bold; background: none; }
	.PageInternetLink_Link_Description  { margin: 0px; padding: 0px; background: none; }
	
	/* PageTestimonial */
	.PageTestimonial_Intro              { padding-bottom: 18px; border-bottom: solid 1px #AFA18F; }
	.PageTestimonial_Container          { margin: 10px 0px; border-bottom: solid 1px #AFA18F; }
	.PageTestimonial_Quote              { font-style: italic; /* background: url(../images/testimonial-bg.PNG) bottom center no-repeat; Use ONLY if there is a grapHic used in the bg and mini contact form is on*/ }
	.PageTestimonial_ProvidedBy         { font-weight: bold; text-align:right; padding: 7px 0px 10px 0px; }
	
	/* PageFAQ */
	.PageFAQ_PageName                   { font-weight:bold; }
	.PageFAQ_Intro                      { }
	.PageFAQ_Container                  { padding-top: 10px; padding-left: 5px; }
	.PageFAQ_Question                   { padding-bottom:10px; }
	.PageFAQ_Answer                     { display:none; padding-bottom:15px; border-bottom: solid 1px #AFA18F; }
	.PageFAQ_Answer p                   { margin: 0px; padding-bottom: 10px; } 
	
	/* PageService_Intro */
	.PageService_Stylized               { font-size: 24px; }
	.PageService_Intro                  { }
	.PageService_Group                  { margin: 0px 0px 2px 15px; padding: 0px; }
	.PageService_Group_Name             { font-weight: bold; list-style:none; background: none; }
	.PageService_Group_Name a:link, .PageService_Group_Name a:visited, .PageService_Group_Name a:active { }
	.PageService_Group_Name a:hover     { }
	.PageService_Group_Description      { padding-top: 15px; }
	.PageService_Item                   { margin: 0px 0px 2px 30px; padding: 0px; list-style: none; }
	.PageService_Item_Name              { }
	.PageService_Line_Group_Name        { margin: 0px; padding-bottom: 6px; font-size:13px; font-weight: bold; height: 20px; border-bottom: solid 1px #AFA18F; }
	.PageService_Line_Group_Items       { padding: 8px 0px 0px 0px; text-align: right; }
	.PageService_Line_Item_Name         { margin: 0px; padding-bottom: 6px; font-size:13px; font-weight: bold; height: 20px; border-bottom: solid 1px #AFA18F; }
	
	/* PageContact-Form */
	.qcform                             { margin: 0px 0px 0px 15px; text-align: left; border: 1px solid #A49683; float: right; }
	.qcform p                           { padding: 0px 2px 5px 0px; margin: 0px; line-height: 16px; text-align: left; }
	.qcform td                          { padding: 2px 15px; vertical-align: bottom; text-align: center; }
	.qcformcolor                        { font: 12px verdana, arial, sans-serif; padding: 2px; width: 234px; background-color: #54483A!important; border: 1px solid #675A48; color: #fff; }
	.qc-err                             { color:red; }
	hr.qcform                           { display: none; }
	
	/* AppointmentRequestForm */
	#AppointmentRequestForm .qcformcolor{ font: 12px verdana, arial, sans-serif; padding: 2px; width: 234px; background-color: #54483A!important; border: 1px solid #675A48; color: #fff; }

	/* MiniForm*/
	.m-form                             { border: 1px solid #A49683; width: 148px; padding: 10px 13px; margin: 72px 0px 7px 20px; float:right; }
	.m-form-low                         { border: 1px solid #A49683; width: 148px; padding: 10px 13px; margin: 63px 0px 7px 20px; float:right; }
	.m-form-services                    { border: 1px solid #A49683; width: 148px; padding: 10px 13px; margin: 68px 0px 7px 20px; float:right; }
	.m-form-inner-services              { border: 1px solid #A49683; width: 148px; padding: 10px 13px; margin: 63px 0px 7px 20px; float:right; }
	.m-formcolor, .m-form-innercolor    { font: 12px verdana, arial, sans-serif; width: 144px; border: 1px solid #675A48; color: #fff; background-color: #54483A!important;margin-top: 5px; padding: 2px; float: right; }
	.m-error                            { color: red; }
	.m-form .right, .m-form-low .right, .m-form-services .right, .m-form-inner-services .right { float: right; margin-top: 5px; } 
	.m-form h1, .m-form-low h1, .m-form-services h1, .m-form-inner-services h1  { font-size:19px; font-weight:bold; padding:0px; margin:0px; margin-bottom:2px; font-family:arial; }
	.shim                               { float: right; clear: right; height: 20px; }
	.shim-none                          { float: right; clear: right; }
	.shim-left                          { float: left; clear: left; height: 20px; display: block; }
	.return                             { margin: 0 0 8px; display: block; } /* edit margin for address spacing*/