/* Stuart Holmes - Hair Holiday - Dec 2009 */
/* CSS coding by; Jamie Brightmore */
/* (c)2009 www.4muladesign.com  */

/*
===============================
 Global
===============================
*/

html body {
	background: #fe6202 url(../images/bkg.gif) repeat-x; 
	font-family: Helvetica, Arial, Sans-Serif;
	color: #a17566;
}

p {
	text-align: left;
	font-size: 16px;
	line-height:21px;
	margin-bottom: 12px;
}

/*
===============================
 Links
===============================
*/

a#logo {
	display: block;
	height: 132px;
	margin: 0 auto;
	width: 370px;
	text-indent: -9999px;
}

p a {border-bottom:1px dotted #A17566; color:#A17566; text-decoration:none;}
p a:hover {border-bottom:1px solid #A17566;}

.pane .footnotes a {border-bottom:1px dotted #fd6202; color:#fd6202; text-decoration:none;}
.pane .footnotes a:hover {border-bottom:1px solid #fd6202;}

a#fbook {background: url(../images/social.jpg) top no-repeat;}
a#twitr {background: url(../images/social.jpg) bottom no-repeat;}

/*
===============================
 Layout
===============================
*/

#wrapper {background:url(../images/bkg.jpg) top no-repeat; height:900px; min-width:960px;}
#inner {width:960px; margin:0 auto;}
.panel {float:left; width:960px;}

ul#panel-a {height:200px; margin:408px 0 0 8px;}

#panel-b {margin:85px auto 0;}
#panel-c {height:60px;	margin:20px auto 0;}

#footer-l {float:left; margin:10px 0 0 20px;}
#footer-l p {color:#ffefe6; font-size:14px;}

#footer-l a {border-bottom:none; color:#ffefe6;}
#footer-l a:hover {border-bottom:1px solid; color:#ffefe6;}


#footer-r {float:right; margin:0 10px 0 0;}
#footer-r li {float:left; margin:0 0 0 10px; }

#footer-r li a {
	background-color: white;
	display: block;
	width: 139px;
	height: 41px;
	text-indent: -9999px;
}

ul#panel-a li {
	float: left;
	height: 200px;
	margin-right: 36px;
	width: 290px;
}

ul#panel-a li.last {margin-right: 0;}


ul#panel-a li p {
	margin: 50px 0 0 20px;
	text-align: center;
	width: 250px;
}

/*
===============================
 Nav
===============================
*/

a.anchorLink {
	color: #4DCFC3;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin: 10px auto 0;
	text-decoration: none;
	text-align: center;
}

a:hover.anchorLink {color:#4CAFA6;}

ul#tabs {
	margin: 0 0 0 8px;
}

a#tab1 {background: url(../images/tab1.jpg) bottom no-repeat;}
a#tab2 {background: url(../images/tab2.jpg) bottom no-repeat;}
a#tab3 {background: url(../images/tab3.jpg) bottom no-repeat;}


a#tab1, a#tab2, a#tab3 {
	display:block;
	float: left;
	height: 35px;
	margin-right: 32px;
	width: 292px;
	text-indent: -9999px;
}

a#tab1.selected {background: url(../images/tab1.jpg) top no-repeat;}
a#tab2.selected {background: url(../images/tab2.jpg) top no-repeat;}
a#tab3.selected {background: url(../images/tab3.jpg) top no-repeat;}

a#tab3.last {margin: 0 0 0 1px;}

.pane {	
	background: url(../images/pane.jpg) top no-repeat;
	height: 397px;
	width: 941px;
	margin: 35px 0 0 8px;
}

#pane2, #pane3 {display: none;}

.txt-block {
	float: left;
	margin: 33px 0 0 30px;
	min-height: 318px;
	width: 430px;
}

div.txt-block p {margin:0 0 15px 0;}
div.txt-block p.nomargin {margin:0;}

div.txt-block ul {
	margin: 16px 0 0 25px;
	line-height: 20px;
	list-style: disc;
	width: 400px;
}

div.txt-block li {margin:0 0 5px 0;}
div.txt-block h2 {font-size:18px; margin:0 0 8px;}
div.txt-block p img {float:right; margin:0 10px 0 15px;}
.footnotes {color:#fd6202; font-size:13px; float:left; margin:12px 0 0 30px;}

a#appstore {
	display: block;
	height: 58px;	
	margin: 8px 0 0 60px;	
	width: 172px;	
	text-indent: -9999px;
}

/*
===============================
 Forms
===============================
*/

div#theForm {margin:7px auto 0; width:221px;}

form#subForm div input {
	background: url(../images/input.png) top no-repeat;
	border: none;
	height: 21px;
	margin: 0 0 5px 0;
	padding: 7px 13px 0;
	width: 195px;
}

form#subForm div input#submit {
	background: url(../images/submit.png) top no-repeat;
	height: 28px;
	margin-top: 5px;
	padding: 0;
	width: 119px;
	text-indent: -9999px;
}

#error {display:none;}
#confirm {display:none; text-align:center; margin:30px 0;}
#confirm span {color:#36AF47; margin:0 auto; font-weight:bold;}
ul#panel-a li #confirm p {margin: 8px auto 0;}

/*
===============================
 Lists
===============================
*/

.list {
	font-size: 1.1em;
	line-height: 1.7em;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	margin: 10px 0 0 10px;
}