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

html, body {
	background: #E7D8AF;
	font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
	font-size: 12px;
	margin:	0;
	padding:0 0 10px 0;
	}
.clear {clear: both;}	
	
a {
	color:				#6B1D25;
	text-decoration:	none;
	}	
	a:hover {
		text-decoration:	underline;}
	
#wrapper {
	margin: 0 auto;
	width: auto;	
	}
	
#utilities {
	background:#d3ba98;
	height: 30px;
	margin:0;
	padding:0;
	text-align:right;
	width: 100%;
	}	
	#utilities ul {
		list-style-type:none;
		margin:0 auto;
		padding:5px 0 0 0;
		width: 	960px;
		}
	#utilities ul li{
		border-right:1px solid #7a1225;
		display: inline;
		padding: 0 10px 0 0;
		}
		#utilities ul li.last{
		border-right:none;
		padding:0 0 0 10px;
		}
	#utilities ul li a{
		color: #7a1225;
		text-decoration:none;}
		#utilities ul li.flag{
		background: url(http://www.knotjustdreads.com/images/iceland_flag.gif) no-repeat;
		margin: 0 0 0 5px;
		padding:0 10px 0 30px;
		}

#header {
	background:	url(http://www.knotjustdreads.com/images/header_bg.jpg) no-repeat;
	height:		125px;
	margin: 	10px auto;
	width: 		960px;
	}
	#header span {display: none;}

#container {
	margin: 0 auto;
	padding:0;	
	width:	965px;		}
	
#navigation{
	background:		#e5d6af url(http://www.knotjustdreads.com/images/menu-home.jpg) no-repeat;
	border:			1px solid #D8C49F;
	float:			left;
	margin:			0 0 10px 0;
	padding:		130px 0 0 0;
	width:			184px;
	}
	#navigation ul {
		list-style-type:none;
		margin:0 0 16px;
		padding:0 0 0 10px;
		width:174px;}
	#navigation ul li {
		background: url(http://www.knotjustdreads.com/images/hrzline.gif) no-repeat scroll right top;
		display:	block;
		padding-left:35px;
		padding-top:10px;
		text-align:left;
	}
	html* #navigation ul li {
		background: url(http://www.knotjustdreads.com/images/hrzline.gif) no-repeat scroll right top;
		display:	block;
		padding: 2px 0 2px 45px;
		text-align:left;
	}
	#navigation li a {
		color:				#7a1225;
		font-size:			12px;
		display:			block;
		font-weight:		bold;
		text-decoration: 	none;
		}
		#navigation li a:hover {
			text-decoration: underline;
			}
	#navigation #service {
		background: url(http://www.knotjustdreads.com/images/menu-services.jpg) no-repeat;
		padding-top:21px;
		}
	#navigation #appointments	{
		background: url(http://www.knotjustdreads.com/images/menu-appointments.jpg) no-repeat;
		padding-top:21px;}
	#navigation #galleries {
		background: url(http://www.knotjustdreads.com/images/menu-galleries.jpg) no-repeat;
		padding-top:21px;
		}
	#navigation #about	{
		background: url(http://www.knotjustdreads.com/images/menu-about.jpg) no-repeat;
		padding-top:21px;}	
	#navigation #more	{
		background: url(http://www.knotjustdreads.com/images/menu-more.jpg) no-repeat;
		padding-top:21px;}
		
	#navigation #searchForm {
		background: url(http://www.knotjustdreads.com/images/menu-search.jpg) no-repeat;
		padding-top:23px;
		}
		#navigation ul#searchForm li {
			height:50px;
			padding: 10px 0 2px 5px;}
		#navigation ul#searchForm li span {display: none;}
		#navigation ul#searchForm li #searchsubmit {
			float:right;
			margin-right:25px;
			margin-top:10px;}
	#navigation #archives {
		background: url(http://www.knotjustdreads.com/images/menu-archives.jpg) no-repeat;
		padding-top:23px;
		}	
	#navigation #meta {
		background: url(http://www.knotjustdreads.com/images/menu-meta.jpg) no-repeat;
		padding-top:23px;
		}	
	#navigation #tags {
		background: url(http://www.knotjustdreads.com/images/menu-tags.jpg) no-repeat;
		padding-top:23px;
		}	
	#navigation .bottom	{
		background: url(http://www.knotjustdreads.com/images/menu-bottom.jpg) no-repeat;
		margin: 0;
		padding:85px 0 0 0;}		

#content {
	background-color:	#E6D5AF;
	border:				1px solid #D8C49F;
	float: 				left;
	margin: 			0 0 10px 12px;	
	padding: 			0 15px 15px 15px;
	width:				534px;
	}
	#content p {
		font-size: 12px;
		line-height:18pt;
		margin:	10px 0;
		}
.home_flash #content {
	position:relative;
	width: 730px;}	
	
		
	
		
.line {
	border:thin solid #660000;
	margin:15px;
	padding:15px;
}	
	
#miniMenu {
	background:			#e5d6af;
	border:				1px solid #D8C49F;
	float: 				left;
	margin: 			0 0 10px 12px;	
	padding: 			5px;
	width:				175px;
	}
	
#footer {
	border:				1px solid #D8C49F;
	clear: 				both;
	color:				#6B1D25;
	font-size:			10px;
	height:				20px;
	margin: 			10px auto 0 auto;
	padding:			10px 0 5px 10px;
	text-align:			center;
	width:				965px;
	}
	
/** Headers **/
*html h2 {
	padding: 10px 0;}
h2 {margin:20px 0 10px;}

 h2.welcome {
	 background:  url(http://www.knotjustdreads.com/images/title-welcome.gif) no-repeat;
	 height: 17px;
	 width: 454px;
	 }
	  h2.welcome span {display: none;}

/*
h2.contact {
	 background:  url(http://www.knotjustdreads.com/images/title-contact.gif) no-repeat;
	 height: 17px;
	 width: 164px;
	 }
	  h2.contact span {display: none;}
h2.glossary {
	 background:  url(http://www.knotjustdreads.com/images/title-glossary.gif) no-repeat;
	 height: 17px;
	 width: 130px;
	 }
	  h2.glossary span {display: none;}
	  

 h2.location {
	 background:  url(http://www.knotjustdreads.com/images/title-location.gif) no-repeat;
	 height: 17px;
	 width: 301px;
	 }
	  h2.location span {display: none;}
	  
 h2.links {
	 background:  url(http://www.knotjustdreads.com/images/title-links.gif) no-repeat;
	 height: 17px;
	 width: 71px;
	 }
	  h2.links span {display: none;}	  
 h2.prices {
	 background:  url(http://www.knotjustdreads.com/images/title-prices.gif) no-repeat;
	 height: 17px;
	 width: 80px;
	 }
	  h2.prices span {display: none;}	
	  
 h2.deposits {
	 background:  url(http://www.knotjustdreads.com/images/title-deposits.gif) no-repeat;
	 height: 17px;
	 width: 114px;
	 }
	  h2.deposits span {display: none;}	
 h2.aboutkaren {
	 background:  url(http://www.knotjustdreads.com/images/title-aboutkaren.gif) no-repeat;
	 height: 17px;
	 width: 173px;
	 }
	  h2.aboutkaren span {display: none;}	
	  
 h2.aboutkrista {
	 background:  url(http://www.knotjustdreads.com/images/title-aboutkrista.gif) no-repeat;
	 height: 17px;
	 width: 173px;
	 }
	  h2.aboutkrista span {display: none;}	

h2.testimonials {
	 background:  url(http://www.knotjustdreads.com/images/title-testimonials.gif) no-repeat;
	 height: 17px;
	 width: 176px;
	 }
	  h2.testimonials span {display: none;}	

h2.workshop {
	 background:  url(http://www.knotjustdreads.com/images/title-workshop.gif) no-repeat;
	 height: 17px;
	 width: 146px;
	 }
	  h2.workshop span {display: none;}	
	  
h2.clientofthemonth {
	 background:  url(http://www.knotjustdreads.com/images/title-clientofthemonth.gif) no-repeat;
	 height: 17px;
	 width: 268px;
	 }
	  h2.clientofthemonth span {display: none;}		  
	  	  
h2.questions {
	 background:  url(http://www.knotjustdreads.com/images/title-questions.gif) no-repeat;
	 height: 20px;
	 width: 152px;
	 }
	  h2.questions span {display: none;}
	  
h2.specials {
	 background:  url(http://www.knotjustdreads.com/images/specials_bg.jpg) no-repeat;
	 height: 30px;
	 margin: 0;
	 width: 172px;
	 }
	  h2.specials span {display: none;}	*/
	  
h2.merch {
	 background:  url(http://www.knotjustdreads.com/images/merch_bg.jpg) no-repeat;
	 height: 30px;
	 margin: 0;
	 width: 172px;
	 }
	  h2.merch span {display: none;}		  
	  	
/*
 h2.videos {
	 background:  url(http://www.knotjustdreads.com/images/title-videos.gif) no-repeat;
	 height: 17px;
	 margin: 15px 0;
	 width: 90px;
	 }
	  h2.videos span {display: none;}	*/
	  	  		  	  	  		  
				  
	  
/* Service */

ul.submenu {
	list-style-type: none;
	margin:10px 0;
	padding:0;
	position: relative;
	}
ul.submenu li{
	border-right: 1px solid #666;
	display:block;
	float: left;
	font-size: 12px;
	padding: 0 10px 0 5px;
	}
ul.submenu li.first {
	padding:0 10px 0 0;}	
ul.submenu li.last {
	border-right: none;
	height:30px;
	padding:0 0 0 5px;
	position:relative}	
	ul.submenu li.last a {}
	
/* Dropdown mini submenus */



      ul.submenu li.last ul{ display: none; }
      ul.submenu li.last:hover ul { display: block; }
	  ul.submenu li.last ul.dropmenu {
		  background: #E7D8AF;
		  border: 1px solid #3d3d3d;
		  left:0;
		  list-style-type: none;
		  margin: 0;
		  padding:0;
		  position: absolute;
		  top: 20px;
		  width:120px;
		  z-index:1000;}
		  ul.submenu li.last ul.dropmenu li {
			  border: none;
			  display: block;
			  float:none;
			  margin: 0;
			  padding: 5px;}
			   ul.submenu li.last ul.dropmenu li a {display: block;}
			  
			#content .cushycms-wysiwyg p {clear: left;}  
	/*
 h2.dreadlocks {
	 background:  url(http://www.knotjustdreads.com/images/title-dreadlocks.gif) no-repeat;
	 height: 17px;
	 width: 159px;
	 }
	  h2.dreadlocks span {display: none;}	
	  
	   h2.dreadlocksmaintenance {
		 background:  url(http://www.knotjustdreads.com/images/title-dreadlocksmaintenance.gif) no-repeat;
		 height: 18px;
		 width: 341px;
		 }
	  h2.dreadlocksmaintenance span {display: none;}
	  
	   h2.dreadlockshomecare {
		 background:  url(http://www.knotjustdreads.com/images/title-dreadlockshomecare.gif) no-repeat;
		 height: 18px;
		 width: 304px;
		 }
	  h2.dreadlockshomecare span {display: none;}
	  
	  h2.dreadlocksfaq {
		 background:  url(http://www.knotjustdreads.com/images/title-dreadlocksfaq.gif) no-repeat;
		 height: 18px;
		 width: 232px;
		 }
	  h2.dreadlocksfaq span {display: none;}
	  

 h2.synthdreads {
	 background:  url(http://www.knotjustdreads.com/images/title-synthdreads.gif) no-repeat;
	 height: 17px;
	 width: 183px;
	 }
	  h2.synthdreads span {display: none;}
	  
	   h2.synthmaintenance {
		 background:  url(http://www.knotjustdreads.com/images/title-synthmaintenance.gif) no-repeat;
		 height: 18px;
		 width: 366px;
		 }
	  h2.synthmaintenance span {display: none;}
	  
	   h2.synthfaq {
		 background:  url(http://www.knotjustdreads.com/images/title-synthfaq.gif) no-repeat;
		 height: 18px;
		 width: 257px;
		 }
	  h2.synthfaq span {display: none;}
	  
	  
 h2.extensions {
	 background:  url(http://www.knotjustdreads.com/images/title-extensions.gif) no-repeat;
	 height: 17px;
	 width: 152px;
	 }
	  h2.extensions span {display: none;}		  

h2.cutandcolour {
	 background:  url(http://www.knotjustdreads.com/images/title-cut.gif) no-repeat;
	 height: 17px;
	 width: 178px;
	 }
	  h2.cutandcolour span {display: none;}	

 h2.gallery {
	 background:  url(http://www.knotjustdreads.com/images/title-gallery.gif) no-repeat;
	 height: 17px;
	 width: 108px;
	 }
	  h2.gallery span {display: none;}	

 h2.faqs {
	 background:  url(http://www.knotjustdreads.com/images/title-faqs.gif) no-repeat;
	 height: 17px;
	 width: 152px;
	 }
	  h2.faqs span {display: none;}	
	  
 	h2.contests {
		 background:  url(http://www.knotjustdreads.com/images/title-contests.gif) no-repeat;
		 height: 20px;
		 width: 120px;
		 }
	  h2.contests span {display: none;}	  */

/* Lists */

ol {
	padding: 0 0 0 20px;
	margin:0;}
	ol li {
		font-size: 12px;
		line-height:18pt;
		padding:0 0 10px 0;}
	ol li a {font-size: 12px;}	
		
ul.faq {
	list-style-type:none;
	margin:0;
	padding:0;}
ul.faq li{
	font-size: 12px;
	margin: 0;
	line-height:12pt;
	padding:0 0 3px 0;}
ul.faq li a{}

ul#videos {
	list-style-type: none;
	margin:	20px;
	padding:0;}
ul#videos li{
	display: block;
	float: left;
	height: 200px;
	margin:	0 10px 5px 0;
	width:	120px;
	}
ul#videos li a{
	text-decoration: none;}
ul#videos li a img{
	border: 1px solid #6B1D25}
ul#videos li a span {display: block;}	

/** Flash Rotations **/

.flash_rotation {
	display:	block;
	float:		right;
	margin:		5px 0 5px 10px;
	padding:	0;
	position:	relative;
	height: 	302px;
	width:		251px;
	z-index:	1;}

/** Text styles **/

.bold {font-weight: bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
.alert {color: #F00;}
p.question {
	font-weight: bold;
	margin:0!important;
	padding:0 0 2px 0;
	text-transform:capitalize;}
	
p.answer {
	padding:0;
	margin:0!important;}	
	
body.workshop h2 {
	color:#600;}
	body.workshop .cushycms-wysiwyg {clear: both;}
	
h3 {
	color:#600;
	font-weight: bold;}	
body.workshop ul.workshop {
	line-height: 18pt;}
/** Links **/

.www_links {
	list-style-type:none;
	margin: 10px 0;
	padding:0;
	}
.www_links li {
	display: block;
	margin: 0 0 5px 0;
	padding:3px 0;
	}
	
/* Rows */	

div.row {
	clear: both;
	padding-top: 10px;}
	
span.left {
	float: left;
	padding: 8px 0 0 0;
	text-align:right;}
span.right {
	float:right;
	text-align:left;
	width: 400px;}

/* Right hand links */

.twitter {
	background: url(http://www.knotjustdreads.com/images/twitter3gif.gif) no-repeat;
	display:block;
	height: 63px;
	margin:0 0 10px 10px;
	width:	143px;
	}
	.twitter a {	
		display: 	block;
		height: 63px;
		text-indent:-2000px;
		width:	143px;
		}
		
	
.facebook {
	background: url(http://www.knotjustdreads.com/images/facebook_link.gif) no-repeat;
	display:block;
	height:50px;
	margin:0;
	width:175px;
	}
	.facebook a {
		display:block;
		height:50px;
		text-indent: -2000px;
		width:175px;}


.home_flash #content .flash_cover .twitter {
	background:transparent url(http://www.knotjustdreads.com/images/twitter_link.gif) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:127px;
	margin:0 0 20px;
	width:175px;
	}
.home_flash #content .flash_cover .twitter a {	
		display: 	block;
		height: 127px;
		text-indent:-2000px;
		width:	175px;
		}
		
	
.home_flash #content .flash_cover .facebook {
	background:transparent url(http://www.knotjustdreads.com/images/facebook_link.gif) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:50px;
	margin:50px 0 0 25px;
	width:175px;
	}
.home_flash #content .flash_cover .facebook a {
		display:block;
		height:50px;
		text-indent: -2000px;
		width:175px;}



/* Contact Form */

#bookingAppt {}

	#bookingAppt h2 {
		border-bottom: 1px solid #6B1D25;
		color:			#6B1D25;
		font-size:		14px;}
	#bookingAppt .row {
		clear:			both;
		padding-top:	10px;
		width: 			520px;
		}
	#bookingAppt .row .label {
		float: 			left;
		text-align:		right;
		width:			220px;}
	#bookingAppt .row .form_input {
		float: 			right;
		text-align:		left;
		width:			290px;}
	#bookingAppt #appointment{
		list-style-type: none;
		margin: 		2px 0 0 0;
		padding: 		0;
		}
		#bookingAppt #appointment li {
			margin: 	0;
			padding:	0 0 6px 0;}
	#bookingAppt .service_options {
		list-style-type:none;
		margin: 		0;
		padding:		0;
		}
		#bookingAppt .service_options li{
			margin: 	0;
			padding:	0 0 6px 0;}
			#bookingAppt .service_options li input {
				margin:0;
				padding:0;}
	
	#bookingAppt textarea {
			border:1px solid #666;
			height:150px;
			width:270px;}			
	#bookingAppt .required_field{
		color:		#6B1D25;
		font-size:	14px;}
	#bookingAppt .submit {
		clear:			both;
		padding:		10px 0 0 240px;
		width: 			280px;
		}
		#bookingAppt .captcha {
		clear:			both;
		padding:		10px 0 0 195px;
		width: 			280px;
		}
		
		.ServiceType {list-style-type: none;}
		
/* FAQ Question Form */

#faqForm {
	background: #b58e77;
	border:	1px solid #6B1D25;
	padding:10px;
	margin: 20px auto;
	width:	400px;
	}
#faqForm fieldset {
		border: none;
		margin:0;
		padding:0;
		}	
#faqForm .row {
	display: block; 
	
	}
	#faqForm .row label {
			display: block;
			float:	left;
			width:80px;}
	#faqForm .row input {
			border: 1px solid #666;
			height: 22px;
			width: 180px;}
		#faqForm .row textarea {
			border: 1px solid #666;
			height: 80px;
			width: 180px;}	
			
/* New home page */

div.specials {
		background: #d3ba98 url(../images/specials_bottom.jpg) no-repeat bottom;
		clear:both;
		padding: 0;
		width: 172px;}
		div.specials .cushycms-wysiwyg {
			margin: 0 auto;
			padding:0 0 10px 0;
			width:	152px;}
		
div.social_links {
	float: left;}
div.social_links ul{
	clear: both;
	margin:20px 0 0 0;
	padding:0;}
div.social_links ul li{
	}
	div.social_links ul li.facebook {
		margin:10px 0;}

div.recent_clients {
	background: url(../images/recentclients_bg.jpg) no-repeat;
	display: block;
	float: left;
	height:450px;
	width:172px;}
div.syndicated {
	background:url(../images/news_client_bg.jpg) no-repeat;
	float: left;
	margin: 0 0 40px 15px;
	padding-top:25px;
	position:relative;
	width:	540px;}	
	
	*:first-child+html div.syndicated {
		background:url(../images/news_client_bg.jpg) no-repeat;
		float: left;
		margin: 0 0 40px 15px;
		padding-top:45px;
		position:relative;
		width:	540px;}	
		* html div.syndicated{
			background:url(../images/news_client_bg.jpg) no-repeat;
			float: left;
			margin: 0 0 40px 15px;
			padding-top:45px;
			position:relative;
			width:	540px;}	
	
div.syndicated ul{
	clear:both;
	list-style-type: none;
	margin:0;
	padding:0;}
div.syndicated ul li {
	background:url(../images/syndication_icon.jpg) no-repeat;
	border-bottom: 1px solid #c79887;
	padding: 3px 0 3px 35px;}
div.syndication ul.more_posts a{ text-decoration:none;}	
div.client_of_the_month{
	height:	35px;
	position: absolute;
	right:	45px;
	top:	0;
	width:	170px;}
	
div.client_of_the_month a{
	display: block;
	height:35px;
	width:200px;
	
	}	
	div.client_of_the_month a span {display: none;}
	
	/** Blog **/
	
	.post {
		border-top:1px solid #c79887;
		clear: both;
		margin-top:25px;}
	
	 h2.blog {
		 background:  url(http://www.knotjustdreads.com/images/title-blog.gif) no-repeat;
		 height: 20px;
		 width: 68px;
		 }
	  h2.blog span {display: none;}
	 
	/** Testimonials **/
	#dsq-content h3 {display: none!important;}
	
	/** About pages **/
	.book_with {
		display: block;
		margin: 5px 0 5px 3px;}
		.book_with a {
			font-size: 14px;
			font-weight: bold;}