@charset "utf-8";

body,html,div,img,a,p,h1,h2,h3,h4,h5,h6,ul,li,span,input,textarea {margin:0;padding:0;border:0;background:transparent;text-decoration:none;outline:none;list-style:none;font-family:arial,sans-serif;}

body {margin-bottom:100px;font-family: arial, sans-serif;}

a {outline: none;}
em {font-style: normal;font-weight: 300;}
hr {clear:both;}
img {border: 0;}

#mainContainer {position: relative;margin: 10px auto;width: 680px;background: #FFF;}

#top {width: 680px;background: #aaa;}

	#home1 {background: url('../resources/urban-home1.gif') no-repeat;height: 100px;}
	#home2 {background: url('../resources/urban-home2.gif') no-repeat;height: 100px;}
	#home3 {background: url('../resources/urban-home3.gif') no-repeat;height: 90px;}
	#home4 {background: url('../resources/urban-home4.gif') no-repeat;height: 63px;}

	#beauty1 {background: url('../resources/urban-beauty1.gif') no-repeat;height: 100px;}
	#beauty2 {background: url('../resources/urban-beauty2.gif') no-repeat;height: 100px;}
	#beauty3 {background: url('../resources/urban-beauty3.gif') no-repeat;height: 90px;}
	#beauty4 {background: url('../resources/urban-beauty4.gif') no-repeat;height: 63px;}
	  
	#hair1 {background: url('../resources/urban-hair1.gif') no-repeat;height: 100px;}
	#hair2 {background: url('../resources/urban-hair2.gif') no-repeat;height: 100px;}
	#hair3 {background: url('../resources/urban-hair3.gif') no-repeat;height: 90px;}
	#hair4 {background: url('../resources/urban-hair4.gif') no-repeat;height: 63px;}

	#offers1 {background: url('../resources/urban-offers1.gif') no-repeat;height: 100px;}
	#offers2 {background: url('../resources/urban-offers2.gif') no-repeat;height: 100px;}
	#offers3 {background: url('../resources/urban-offers3.gif') no-repeat;height: 90px;}
	#offers4 {background: url('../resources/urban-offers4.gif') no-repeat;height: 63px;}

#menu {margin: -55px 0 0 10px;height: 38px;}
	#menu li {float: left;position: relative;}
	#menu a {margin-right:5px;padding-top:9px;width: 138px;height: 30px;display: block;font-size:14px;font-family:verdana,arial,sans-serif;color: #FFF;text-align: center;}
	#menu a:hover {color: #AAA;}

#primaryContent {margin-top:20px;padding-top:10px;width: 670px;background: #E0EFC5;}
  
	#pcText {width: 340px;float: left;}
		#pcText h1 {margin-left:10px;padding-bottom:5px;font-size:18px;font-family:verdana,arial,sans-serif;color: #444;text-align: left;}
		#pcText h2 {margin-left:10px;padding: 10px 0;font:normal 600 11px verdana,arial,sans-serif;color: #444;text-align: left;}
		#pcText p {margin: 0 0 5px 10px;padding-bottom:3px;font-size:11px;color: #444;text-align: justify;}
		#pcText a {color: #2D1405;}
		#pcText a:hover {color: #999;text-decoration: underline;}
		#pcText ul {margin-left:20px;padding-left:5px;list-style-type: disc;}
		#pcText li {font-size:11px;color: #444;}
		#pcText p.offer, #rightbar p.offer {padding-bottom:3px;font-size:11px;color: #444;text-align: left;}

	#openingTimes {margin: 10px 10px 10px 20px;width: 141px;height: 300px;background: #2D1405;float: left;text-align: center;}
		#openingTimes.hairOT {background: #827668;}
		#otTop {width: 141px;height: 10px;background: #827668;font-size: 5px;}
		#openingTimes h2 {margin: 20px 0;font: normal 100 14px verdana,arial,sans-serif;color: #DDD;text-align: center;}
		#openingTimes p.fLeft {clear: left;padding: 0 0 5px 5px;font: normal 100 9px verdana,arial,sans-serif;color: #DDD;text-align: left;float: left;}
		#openingTimes p.fRight {padding: 0 5px 5px 0;font: normal 100 9px verdana,arial,sans-serif;color: #DDD;text-align: right;float: right;}
		#openingTimes p.center {padding: 0 5px 5px 0;font: normal 100 11px verdana,arial,sans-serif;color: #DDD;text-align: center;clear: both;}
	
	#specials {margin: 10px 0 0 5px;width: 141px;height: 300px;background: #827668;float: left;text-align: center;}
		#specTop {width: 141px;height: 10px;background: #2D1405;font-size: 5px;}
		#specials h2 {margin: 20px 0 10px 0;font: normal 100 14px verdana,arial,sans-serif;color: #DDD;text-align: center;}
		#specials p {margin-bottom:15px;font: normal 100 11px verdana,arial,sans-serif;color: #DDD;}
		#specials a {color: #DDD;text-decoration: none;}
		#specials a:hover {text-decoration: underline;}


	#tips {clear: both;margin-bottom:30px;width: 100%;display: block;}
	#tips p {padding: 5px 10px;font-size:11px;color: #444;text-align: justify;}


/* --------------------------------------- beauty prices --------------*/

#col1, #col2, #col3 {margin: 20px 5px 20px 15px;width: 200px;float: left}
  
	.ptTop {width: 200px;height: 10px;background: #D2E8A8;font-size:5px;clear: both;}
	h2.ptH2 {margin: 0;padding: 2px;width: 196px;background: #827668;font: normal 100 13px verdana,arial,sans-serif;color: #DDD;text-align: center;}
	h2.ptTitle {clear: left;margin: 5px 0 0 0;padding: 0;font-size:11px;color: #2d1405;text-align: left;float: left;}
	p.ptPrice {clear: right;margin: 5px 0 0 0;font-size:11px;color: #2d1405;text-align: right;float: right;}
	p.ptDesc {clear: both;padding: 10px 0;width: 200px;font-size:10px;color: #2d1405;text-align: justify;}
	p.ptLeft {clear: both;margin: 5px 0 0 0;font-size:11px;color: #2d1405;text-align: left;float: left;}
	p.ptGap {clear: both;width: 200px;font-size:2px;}
  


#rightbar {margin: 0 0 0 20px;width: 297px;float: left;} 
	#rightbar h2 {padding: 10px 0 5px 0;font: normal bold 11px verdana,arial,sans-serif;color: #444;text-align: left;}
	#rightbar p {padding: 0 0 3px 0;font: normal 100 11px arial,sans-serif;color: #444;text-align: justify;}
	#rightbar a {color: #2D1405;text-decoration: none;}
	#rightbar a:hover {color: #999;text-decoration: underline;}
	#rightbar ul {padding: 0 0 0 5px;list-style-type: none;}
	#rightbar li {padding: 0 0 0px 0;font: normal 100 11px arial,sans-serif;color: #444;}
	#fb {clear: left;float: left;}

#footer {margin: 5px 0 0 0;width: 670px;height: 30px;background: url('../resources/urban-home-bg.gif') no-repeat;clear: both;}
	#footer p {font: normal 100 10px arial,sans-serif;  color: #999;  line-height: 0.9em;  text-align: right;  }  
	#footer p.design {margin: 14px 20px 0 0;float: right;}
	#footer a {color: #999;text-decoration: none;}
	#footer a:hover {color: #2D1405;text-decoration: none;}
 
	#address {margin: 0 0 100px 0;width: 560px;height: 20px;float: left;}
	.addressText {padding: 2px 0 0 0;font: normal 100 11px verdana,arial,sans-serif;color: #2D1405;}
	#address a {color: #2D1405;text-decoration: none;}
	#address a:hover {color: #999;text-decoration: underline;}