@charset "utf-8";
/* CSS Document */

/* Added by Alex */
.twitter-button {
  position: absolute;
  top: 30px;
  left: 350px;
}

.facebook-button {
  position: absolute;
  top: 90px;
  left: 350px;
}

.launch-hatshop {
  display:block;
  width: 500;
  height: 272px;
}

div.nav_content_lower_bg {
	width: 847px;
	height: 103px;
	background-image:url(/_images/nav_content_lower.gif);
	float: left;
	position: relative;
	}

body.nav_home div.nav_content_lower_bg {
	background-image:url(/_images/nav_home_lower.jpg);
	}

div.content_central_wrapper {
	width: 1000px;
	float: left;
	position: relative;
	background-color:#FFFFFF;
	background-image:url(/_images/content_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}

div.content_right_column {
	width: 605px;
	float: left;
	position: relative;
	}

	
/*div.content_heading {
	width: 605px;
	height: 48px;
	margin: 10px 0 0 0;
	}	*/
	
h1 {
	font-family: Arial Narrow;
	font-weight: normal;
	background-image:url(/_images/content_header_bg.gif);
	background-repeat:no-repeat;
	font-size: 28px;
	margin: 10px 0 0 0px;
	padding: 7px 0 8px 18px;
	color: #8d8d8d;
	}
		
/*div.content_subheading {
	width: 605px;
	height: 36px;
	float: left;
	position: relative;
	background-image: url(/_images/content_smheader_bg.gif);
	background-repeat:no-repeat;
	margin: 0 0 18px 0;
	}*/
	
h2 {
	font-family: Arial Narrow;
	font-size: 20px;
	width:570px;
	color: #8d8d8d;
	background: url(/_images/red_square.gif) 0px 2px no-repeat;
	padding:0 0 5px 15px;
	margin: 0 0 18px 0;
	font-weight:normal;
	border-bottom:1px solid #CCC;
	display: block;
	float: left;
	position: relative;
	}
	
/*h2.h2_subheading {
	font-size: 16px;
	font-family: arialnarrow;
	width:570px;
	color: #8d8d8d;
	background: url(/_images/red_square.gif) 0px 2px no-repeat;
	padding:0 0 5px 15px;
	margin: 0 0 14px 0;
	font-weight:normal;
	border-bottom:1px solid #CCC;
	}
*/
		
div.slide_container {
	width: 605px;
	margin:0 0 10px 0;
	display:block;
	}
	
a.a_reveal {
	font-family: Arial Narrow;
	font-size: 20px;
	width:570px;
	color: #8d8d8d;
	background: url(/_images/red_square.gif) 0px 4px no-repeat;
	padding:0 0 5px 15px;
	margin: 0 0 18px 0;
	font-weight:normal;
	border-bottom:1px solid #CCC !important;
	display:block;
	text-decoration:none;
	outline:none;
	}
	
div.slide_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7c7c7c;	
	width: 605px;
	}

div.slide_content p {	
	font-size: 11px;
	margin: 0 18px 18px 0;
	padding: 0;
	line-height: 20px;
	}

div.content_right_column div.content_area_main  {
	width: 605px;
	float: left;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7c7c7c;
	margin: 18px 0 0 0; 
	}
	
div.content_right_column div.content_area_main p {
	font-size: 11px;
	margin: 0 18px 18px 0;
	padding: 0;
	line-height: 20px;
	}
	
	
div.content_right_column div.content_area_main p a {
	font-size: 11px;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7c7c7c;
	}	
	
div.content_right_column div.content_area_main ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}		
	
div.content_right_column div.content_area_main ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 18px 12px 0;
	padding: 0;
	line-height: 16px;
	}
		
div.quote_area {
	width: 605px;
	float: left;
	position: relative;
	}
	
div.quote_area h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style:italic;
	color: #7c7c7c;
	font-size: 22px;
	line-height: 24px;
	margin: 4px 20px 18px 0;
	}

div.quote_area2 {
	width: 605px;
	float: left;
	position: relative;
	}
	
div.quote_area2 h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style:italic;
	color: #7c7c7c;
	font-size: 14px;
	line-height: 24px;
	margin: 4px 20px 18px 0;
	}
	
/********************* quick nav mods ********************/

div.quick_nav_wrapper {
	width: 588px;
	height: 140px;
	float: left;
	position: relative;
	}
	
div.quicknav_link1, div.quicknav_link2 , div.quicknav_link3, div.quicknav_link4 {
	width: 287px;
	height: 56px;
	float: left;
	position: relative;
	margin: 0;
	background-color:#CCCCCC;
	}
	
div.quicknav_link2 {
	margin: 0 0 0 14px;
	}
	
	
div.quicknav_link3 {
	margin: 14px 0 0 0px;
	}

div.quicknav_link4 {
	margin: 14px 0 0 14px;
	}
	
a.a_quicknav_about, a.a_quicknav_millinery, a.a_quicknav_ladies, a.a_quicknav_boutique, a.a_quicknav_contact {
	width: 287px;
	height: 56px;
	float: left;
	position: relative;
	display: block;
	text-decoration:none;
	background-position:top;
	}
	
a.a_quicknav_about span, a.a_quicknav_millinery span, a.a_quicknav_ladies span, a.a_quicknav_boutique span, a.a_quicknav_contact span {
	visibility: hidden
	}
	
a.a_quicknav_about {
	background-image:url(/_images/minilink_company.gif);
	}

a.a_quicknav_millinery {
	background-image:url(/_images/minilink_millinery.gif);
	}

a.a_quicknav_ladies {
	background-image:url(/_images/minilink_ladies.gif);
	}

a.a_quicknav_boutique {
	background-image:url(/_images/minilink_boutique.gif);
	}

a.a_quicknav_contact {
	background-image:url(/_images/minilink_contactus.gif);
	}
	
a.a_quicknav_about:hover, a.a_quicknav_millinery:hover, a.a_quicknav_ladies:hover, a.a_quicknav_boutique:hover, a.a_quicknav_contact:hover {
	background-position:bottom;
	}

/********************** left column **********************/
	
	
div.content_left_column {
	width: 395px;
	float: left;
	position: relative;
	margin: 0 0 18px 0;
	}
	
div.content_left_column div.content_picture_wrap {
	width: 345px;
	margin: 19px 0px 18px 21px;
	float: left;
	position: relative;
	display: inline;
	}
	
div.content_left_column #course_availability {
	width: 345px;
	margin: 0px 0px 0px 21px;
	padding: 0 0 8px 0;
	float:left;
	position: relative;
	background-image:url(/_images/courses_dates.jpg);
	}
	
div.content_left_column #course_availability p {
	margin: 76px 20px 0 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	}
	
/*********************** about us ************************/

/*#about_pic1, #about_pic2, #about_pic3 {
	width: 345px;
	float: left;
	position: relative;
	}
	
#about_pic1 {
	height: 288px;
	background-image:url(/_images/about_pic1.jpg);
	}
	
#about_pic2, #about_pic3 {
	height: 119px;
	}
	
#about_pic2 {
	background-image:url(/_images/about_pic2.jpg);
	}
	
#about_pic3 {
	background-image:url(/_images/about_pic3.jpg)	
	}*/
	
/*div.picture_comment {
	width: 345px;
	background-color: #e6e6e6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7c7c7c;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	}
		
div.picture_comment p {
	display: block;
	padding: 6px 8px 8px 8px;
	margin: 0;
	font-size: 11px;
	line-height: 14px;
	float: left;
	position: relative;
	}
	*/
/*********************** side images *************************/

div.left_side_pics {
	width: 345px;
	float: left;
	position: relative;
	margin: 0 0 36px 0;
	padding: 0;
	}
	
	
/*********************** facebook link ***********************/

a.facebook_link {
	width: 345px;
	height: 48px;
	background-image:url(/_images/facebook_link.gif);
	float: left;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
	
a.facebook_link span {
	visibility: hidden;
	}
	
/************************** contact us ***********************/

#address_wrapper {
	width: 600px;
	float:left;
	position: relative;
	}

#contact_details_left, #contact_details_right {
	width: 270px;
	float: left;
	position: relative;
	font-family: inherit;
	margin: 0 0 8px 0;
	}
	
#contact_details_right {
	width: 328px;
	}

#contact_details_left p, #contact_details_right p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7c7c7c;	
	}	

form.contact_form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 600px;
	float: left;
	position: relative;
	margin: 0 0 20px 0;
	}
	
fieldset h4, fieldset h4.h4_textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	width: 100%;
	float: left;
	position: relative;
	padding: 0 0 14px 0;
	margin: 0;
	background-image:none;
	}
	
fieldset h4.h4_textarea {
	padding: 20px 0 14px 0;
	}		

fieldset.contact_left, fieldset.contact_right {
	width: 270px;
	float: left;
	position: relative;
	}
	
fieldset.contact_right {
	width: 312px;
	}
	
fieldset.contact_right fieldset.contact_radio {
	width: 312px;
	float: left;
	position: relative;
	}

#map {
	width: 588px;
	height: 436px;
	margin: 0px 0 20px 0;
	float: left;
	position: relative;
	background-image:url(/_images/contactus_map.gif)
	}
	
#map_google {
	width: 588px;
	height: 436px;
	margin: 0px 0 20px 0;
	float: left;
	position: relative;
	}
	
label {
/*	font-weight: bold;*/
	width: 86px;
	float: left;
	position: relative;
	padding: 4px 0 3px 0;
	}
	
fieldset.contact_right fieldset.contact_radio label {
	width: 138px;
	height: 18px;
	float: left;
	position: relative;
	/*	padding: 0 4px 0 3px;
*/	margin: 0;
	vertical-align: top;
/*	height: 20px;*/
	}
	
fieldset.contact_right fieldset.contact_radio label.radio_fields_lower {
	width: 138px;
	float: left;
	position: relative;
/*	padding: 4px 4px 0 3px;
*/	margin: 0;
	height: 18px;
	}
		
 input {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-weight: normal;
	font-size: 11px;
	color: #999999;
	width: 162px;
	border:1px solid #CCCCCC;
	float: left;
	position: relative;
	padding: 3px 0 2px 0;
	margin: 0 0 4px 0;
	background-color: #FFFFFF !important;
	}
	
fieldset.contact_right fieldset.contact_radio input.radio_button, fieldset.contact_right fieldset.contact_radio input.radio_button_lower {
	width: 16px;
	margin: 3px 0 0 0;
	height: 18px;
	padding: 0;
	float:left;
	position: relative;
	display: block;
	border: none;
	}
	
fieldset.contact_right fieldset.contact_radio input.radio_button_lower {
	margin: 3px 0 0 0;
	height: 18px;
	}
	
fieldset.contact_right fieldset.contact_radio textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8d8d8d;
	width: 300px;
	height: 64px;
	float: left;
	position: relative;
	border:1px solid #CCCCCC;	
	}
	
input.submit_button {
	width: 164px;
	height: 22px;
	float: left;
	position: relative;
	margin: 6px 0 0 86px;
	padding: 0;
	clear: both;
	border: none;
	background-image:url(/_images/contactus_submit_button.gif);
	}