/*  CSS Rules */
/*  Style JA Shoe Company */
/*  Written by Joseph */



/*  GENERAL
*******************************************************************************************************************/


	body                                { color: #3A3328; font: 13px Arial, Helvetica, sans-serif; text-align: center; background: #624525 url(../images/bg.jpg) top center repeat-x; margin: 0px; padding: 0px; margin-bottom: 40px; }
	#interior                           { color: #F8F8F8; font: 14px Arial, Helvetica, sans-serif; text-align: center; background: #2B2B2B url(../images/bg-interior.jpg) top center repeat-x ; margin: 0px; padding: 0px; margin-bottom: 25px;  }
	p                                   { border: 0px; }
	h2,h3                               { }
	hr                                  { color: #5A5958; height: 1px; }
	
	a:link, a:visited, a:active         { color: #FFFFFF; text-decoration: none; }
	a:hover                             { color: #937452; text-decoration: none; background: #CABCA7; }
	
	.Button                             { color: #FFF; background: #0398D4 url(../images/button.jpg) top center repeat-x; border: none; font-size:11px; text-decoration: none; padding: 4px; cursor: pointer; }
	.ButtonHover                        { color: #FFF; background: #639830 url(../images/button-hover.jpg) top center repeat-x; border: none; font-size:11px; text-decoration: none; padding: 4px; cursor: pointer; }
	

	#StylizedImage                      { position: relative; top: -12px; left: 0px; padding-top: 0px; margin: 0px; }
	
	ul                                  { /* margin-left: 0; padding-left: 0; */  list-style: none; }
	li                                  { padding-left: 17px; background-image: none; background: url(../images/bullet.gif) 0 .5em no-repeat ;  margin: 5px 5px 5px 0px; }
	
	
/*  LAYOUT RULES
*******************************************************************************************************************/

/*	#container                          { width: 100%; height:auto !important; height:500px; margin: 0; position: relative; min-height:500px; background-image: url(../images/bg-image.jpg); background-repeat: no-repeat; background-position:50% top; }
	#container-interior                 { width: 100%; height:auto !important; height:360px; margin: 0; position: relative; min-height:500px; background-image: url(../images/bg-image-interior.jpg); background-repeat: no-repeat; background-position:50% top; }
*/
	#container                          { margin: 0px auto; width: 940px; padding: 0px 30px; }

	#header                             { width: 940px; height: 130px; margin: 0px; padding: 0px; background: url(../images/header-bg.jpg) top right no-repeat; text-align: left;}
	#flash                              { width: 940px; height: 480px; margin: 0px; padding: 0px; border: 0px; float: left; }
	#banner                             { width: 940px; height: 120px; margin: 0px; padding: 0px; border: 0px; float: left; }
	
	#content-interior                   { width: 940px; margin: 0px; padding: 0px; text-align: left; background: #CABCA7 url(../images/content-bg-interior.jpg) top left repeat-x;  float: left; } 				
	#content-interior #padding          { width: 860px; height: 100%; margin: 0px; position: relative; overflow: visible; text-align: left; padding: 35px 40px 35px 40px; text-align:justify; float: left; line-height: 22px }
	
      
	
/*  NAVIGATION
*******************************************************************************************************************/

	#nav-top                            { width: 940px; height: 10px; margin: 0px; padding: 0px; background: url(../images/nav-top.jpg) top left repeat-x; float: left; }
	#nav                                { width: 940px; margin: 0px; padding: 0px; background: url(../images/nav-bg.jpg) top left repeat-x; float: left; text-align: center; }
	#nav p                              { margin: 0px; padding: 0px; }
	#nav img                            {  }
	
	
	
/*  FOOTER
*******************************************************************************************************************/
	
	#footer                             { width: 940px; margin: 0px auto; text-align: left; font-size: 11px; color: #A0836A; background: url(../images/footer-bg.jpg) top left no-repeat; padding: 40px 0px 40px 0px; }
	#footer p                           {  }
	#footer .info                       { float: left; width: 800px; }
	
	#footer br                          { padding: 0px; margin: 0px; }
	#footer span                        { color: #A0836A; }
	
	#footer a:link, #footer a:visited, #footer a:active     { color: #C0A187; text-decoration: none; }
	#footer a:hover                                         { color: #FFF; text-decoration: none; background: none!important; } 
	
	.pro                                { background: url(../images/prosites.png) 5px 2px no-repeat; padding: 5px 0px 10px 37px;  color: #A0836A!important;  outline: none; width: 140px;  }
	.pro a:hover                        { color: #FFF;} 
	
/*  FORMS
*******************************************************************************************************************/

	#form                               { width:400px; }
	#form label                         { width:100px; font-size:.75em; }
	#form input                         { width:180px; color:#666; padding:2px;  margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; }
	#form select                        { width:192px; color:#666; padding:2px;  height:22px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; }
	#form textarea                      { width:396px; color:#666; padding:2px; height:80px; margin-bottom:.5em; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; }
	#form input.button                  { width:67px; height:20px; font-family:Arial, Helvetica, sans-serif; color:#333; padding:0;}
	#form div.column1                   { width:180px; float:left; }
	#form div.column2                   { width:180px; float:right; }
		
	
	
/*  DEV EDIT CLASSES
*******************************************************************************************************************/

	/* PageContact */
	.PageContact_Office                 { list-style:none; font-size:12px; margin-left: 0px; margin-top: 0px; margin-bottom: 2px; padding: 0px; }
	.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           { border: solid 1px #A4947B; }
	.PageContact_Contact                { font-size:12px; margin-left: 0px; margin-top: 0px; margin-bottom: 2px;}
	.PageContact_Contact_Name           { font-size:14px; font-weight: bold;}
	.PageContact_Contact_Photo          { border: solid 1px #A4947B; }
	.PageContact_Contact_Seperator      { margin-top: 20px; padding-top: 5px; border-top: solid 1px #A4947B; }
	/*nuke bullets*/
	.PageContact_Office li              { list-style:none!important; /*ie -->*/ background: none; margin: 0px; padding: 0px;}
	#_ctl2_pnlForm li                   { background: none; margin: 0px; padding: 0px; list-style:none!important; }
	
	/* PageInternetLink */
	.PageInternetLink_Intro             { font-size: 12px; }
	.PageInternetLink_Category_Container{ padding-top: 0px; border-top: solid 1px #A4947B; margin-top: 10px; margin-bottom: 20px; }
	.PageInternetLink_Category          { list-style:none; line-height:18px; margin-left: 0px; margin-bottom: 2px; margin-top: 0px; background: none; padding: 0px; }
	.PageInternetLink_Category_Name     { font-size:18px; font-weight: bold;background: none; margin: 0px; padding: 0px;}
	.PageInternetLink_Category_Description{ font-size:12px;background: none;margin: 0px; padding: 0px; }
	.PageInternetLink_Link              { list-style:none; font-size:10px; margin-left: 0px; margin-bottom: 5px; margin-top: 3px; background: none; margin: 0px; padding: 0px; }
	.PageInternetLink_Link_Url          { font-size:14px; font-weight: bold; background: none; margin: 0px; padding: 0px; }
	.PageInternetLink_Link_Description  { font-size:12px; background: none; margin: 0px; padding: 0px; }
	
	/* PageTestimonial */
	.PageTestimonial_Intro              { font-size: 12px; padding-bottom: 18px; }
	.PageTestimonial_Container          { padding-top: 10px; border-top: solid 1px #A4947B; }
	.PageTestimonial_Quote              { font-size: 12px; font-style: italic; }
	.PageTestimonial_ProvidedBy         { font-size: 12px; font-weight: bold; text-align:right; padding: 7px 0px 10px 0px; }
	
	/* PageFAQ */
	.PageFAQ_PageName                   { font-size:16px; font-weight:bold; }
	.PageFAQ_Intro                      { font-size: 12px; }
	.PageFAQ_Container                  { padding-top: 10px; padding-left: 5px; }
	.PageFAQ_Question                   { font-size: 12px; padding-bottom:10px; }
	.PageFAQ_Answer                     { font-size: 12px; display:none; padding-bottom:15px; border-bottom: solid 1px #A4947B; }
	 
	/* PageService_Intro */
	.PageService_Stylized               { font-size: 24px; }
	.PageService_Intro                  { font-size: 12px; }
	.PageService_Group                  { margin-left: 15px; margin-bottom: 2px; margin-top: 0px; padding: 0px; }
	.PageService_Group_Name             { font-weight: bold; list-style: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; color: FFF; }
	.PageService_Item                   { margin-left: 30px; margin-bottom: 2px; margin-top: 0px; list-style:none; padding: 0px; }
	.PageService_Item_Name              { font-size:12px; }
	.PageService_Line_Group_Name        { font-size:13px; border-bottom: solid 1px #A4947B; padding-bottom: 6px; font-weight: bold; }
	.PageService_Line_Group_Items       { font-size:12px;  text-align: right; padding: 8px 0px 0px 0px;  }
	.PageService_Line_Item_Name         { font-size:13px; border-bottom: solid 1px #A4947B; padding-bottom: 6px; font-weight: bold; }
	.PageService_Item_Description       { padding-top:15px; }
	
	/* PageContact-Intro */
	.qcform                             { margin: 0px 0px 0px 15px; text-align: left; background: #B5A996;  /*border: 1px solid #A4947B;*/ }
	.qcform p                           { text-align: left; padding: 0px 2px 5px; line-height: 16px; margin: 0px; }
	.qcform td                          { text-align: left; padding: 2px 15px; vertical-align: bottom; text-align: center;  color: #fff; }
	.qcformcolor                        { font: 12px verdana, arial, sans-serif; padding: 2px; width: 234px; background-color: #C2B9A9 !important; border: none; color: #FFF; }
	.qc-err                             { color:red; }
	hr.qcform                           { height:1px; margin: 5px 0px; padding: 0px; border-collapse: collapse; border:  #A4947B solid 0px; }
	
	/* MiniForm*/
	.m-form 							{ background: #B5A996; /*border: 1px solid #CCB884;*/ width: 148px; padding: 10px 13px; margin: 35px 0px 7px 20px; float:right; }
	.m-form-low 						{ background: #B5A996; /*border: 1px solid #CCB884;*/ width: 148px; padding: 10px 13px; margin: 69px 0px 7px 20px; float:right; }
	.m-form-services 					{ background: #B5A996; /*border: 1px solid #CCB884;*/ width: 148px; padding: 10px 13px; margin: 88px 0px 7px 20px; float:right; }
	.m-form-inner-services 				{ background: #B5A996; /*border: 1px solid #CCB884;*/ width: 148px; padding: 10px 13px; margin: 98px 0px 7px 20px; float:right; }
	.m-formcolor, .m-form-innercolor 	{ font: 12px verdana, arial, sans-serif; width: 144px; background-color: #C2B9A9 !important; border: 0px solid #BABABA; color: #FFF; 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*/