/** CSS - Arezzo Salon & Spa
==============================================================================*/



/** Body
==============================================================================*/

html, body {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
margin: 0 auto;
background: #ffffff;
background-image: url(/i/body_bg.gif);
background-position: 0 -36px;
background-repeat: repeat-x;
}

* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}

h1{
	font-size: 24px; 
	line-height: 26px; 
	font-family: georgia, sans-serif;
	padding-bottom: 0px;
	text-align: left;
	width: 445px;
	color:#3776d6;
	margin: 0 0 0 0;
	padding: 0;

}

h2{
	font-size: 14px; 
	line-height: 16px; 
	font-family: georgia, sans-serif;
	padding-bottom: 0px;
	text-align: left;
	width: 445px;
	margin: 0 0 0.5em 0;
	padding: 0;
       color: #b8640f;
}

h3{
	font-size: 14px; 
	line-height: 16px; 
	font-family: georgia, sans-serif;
	padding-bottom: 0px;
	text-align: left;
	width: 445px;
	margin: 0 0 0.5em 0;
	padding: 0;
    color: #e2af7b;
}


h4{
	font-size: 16px; 
	line-height: 18px; 
	font-family: georgia, sans-serif;
	padding-bottom: 0px;
	text-align: left;
	width: 450px;
	margin: 15px 0 0.5em 0;
	padding: 0 0 3px 0;
    color: #3776d6;
	border-bottom: 1px solid #3776d6;
}

h5{
	font-size: 16px; 
	line-height: 18px; 
	font-family: georgia, sans-serif;
	padding-bottom: 0px;
	text-align: left;
	width: 445px;
	margin: 15px 0 0.5em 0;
	padding: 0 0 3px 0;
    color: #b8640f;
}

h6{
	font-size: 14px; 
	line-height: 18px; 
	font-family: georgia, sans-serif;
	padding-bottom: 0px;
	text-align: left;
	width: 445px;
	margin: 15px 0 0.5em 0;
	padding: 0 0 3px 0;
    color: #3776d6;
}

/** Main Container
==============================================================================*/

#container {
width: 770px;
margin: 0 auto;
}


/** Logo
==============================================================================*/

img#logo {
float: left;
margin-top: 0px;
margin-right: 62px;
height: 100px;
overflow: hidden;
padding-bottom: 6px;
}




/** Header Images
==============================================================================*/

#headerimages {
float: left;
margin-top:2px;
height: 200px;
width: 770px;
}

ul#imagerotation {
padding: 0px;
margin: 0px;
list-style-type: none;
}

/** Misc
==============================================================================*/

a img {
border: none;
}

.clear {
clear: both;
}

/** Left Column
==============================================================================*/

#leftcol {
float: left;
margin-top: 20px;
width: 475px;
height: auto;
background-image: url(/i/home_para_bg.gif);
background-position: top right;
background-repeat: no-repeat;
}

#leftcol p {
width: 440px;
font-size: 12px;
margin-bottom: 10px;
}

#content-ad {
float: left;
width: 770px;
text-align:center;
padding:10px auto 10px auto;
margin-bottom:0px;
background-color:#e2af7b;
margin:5px 0;
border:1px solid #960;
}

#content-ad h9 {
font-size: 16px;
text-align:center;
}

#content-ad p {
font-size: 12px;
text-align:center;
}



ul.list {
list-style-type: none;
font-size: 14px;
line-height: 28px;
}

ul.list li {
padding-left: 25px;
background-image: url(/i/tick_white_bg.gif);
background-position: 0 6px;
background-repeat: no-repeat;
}

ul#links {
list-style-type: none;
font-size: 14px;
line-height: 28px;
}

ul#links li {
padding-left: 25px;
background-image: url(/i/icons/link_go.gif);
background-position: 0 6px;
background-repeat: no-repeat;
}




ul.list2 {
list-style-type: none;
font-size: 14px;
line-height: 28px;
margin:0 20px 20px 20px;
}

ul.list2 li {
padding-left: 25px;
background-image: url(/i/tick_white_bg.gif);
background-position: 0 6px;
background-repeat: no-repeat;
}




p.note {
margin-top: 25px;
background-color: #c4d4da;
color: #333333;
text-align: center;
width: 400px;
padding: 15px;
}

/** Right Column
==============================================================================*/

#rightcol {
float: right;
margin-top: 20px;
width: 254px;
}

#rightcol p {
font-size: 11px;
margin-bottom: 10px;
width: 254px;
}

#rightcol ul {
list-style-type: none;
font-size: 11px;
line-height: 28px;
width: 254px;
}

#rightcol ul li {
padding-left: 25px;
background-image: url(images/icons/tick_white_bg.gif);
background-position: 0 6px;
background-repeat: no-repeat;
}

#rightcol h1,#rightcol h2,#rightcol h3,#rightcol h4{
width: 254px;
}

/** Right Column - STAFF
==============================================================================*/

#rightcol-staff {
float: right;
margin-top: 20px;
width: 254px;
}

#rightcol-staff p {
font-size: 11px;
margin-bottom: 10px;
width: 254px;
}

#rightcol-staff ul {
list-style-type: none;
font-size: 11px;
line-height: 28px;
width: 254px;
}

#rightcol-staff ul li {
padding-left: 25px;
background-image: url(images/icons/tick_white_bg.gif);
background-position: 0 6px;
background-repeat: no-repeat;
}

#rightcol-staff h1,#rightcol-staff h2,#rightcol-staff h3,#rightcol-staff h4{
width: 254px;
}

#rightcol-staff img {
border:4px solid #e2af7b; margin:4px;
}

/** Left Column ONLY
==============================================================================*/

#leftcol-only {
float: left;
margin-top: 20px;
width: auto;
}

#leftcol-only p {
width: auto;
font-size: 14px;
margin-bottom: 20px;
}

#staff-desc {
	font-size: 12px;
	line-height:15px;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}

#staff-desc h2{
	font-size: 14px; 
	font-family: georgia, sans-serif;
	text-align: left;
	width: auto;
	margin: 0 0 0 150px;
	padding: 0;
    color: #b8640f;
}
#staff-desc h3{
	font-size: 10px; 
	font-family: georgia, sans-serif;
	padding-bottom: 0px;
	text-align: left;
	width: auto;
	margin: 0 0 3px 150px;
	padding: 0;
    color: #b8640f;
	font-weight:normal;
}

#staff-desc p {
	font-size: 12px;
	line-height:15px;
	margin: 7px 10px 7px 0;
	margin-left: 150px;
	width:auto;
}

#P7ShowPL99, 
#P7ShowPL1, 
#P7ShowPL2, 
#P7ShowPL3,  
#P7ShowPL4,  
#P7ShowPL5,  
#P7ShowPL6, 
 #P7ShowPL7,
  #P7ShowPL8,
   #P7ShowPL9,
    #P7ShowPL10,
	 #P7ShowPL11,
	 	 #P7ShowPL12,
		 	 #P7ShowPL13,
			 	 #P7ShowPL14,
				 	 #P7ShowPL15,
#P7ShowPL16,
#P7ShowPL17,
#P7ShowPL18,
#P7ShowPL19,
#P7ShowPL20,
#P7ShowPL21,
#P7ShowPL22,
#P7ShowPL23,
#P7ShowPL24,
#P7ShowPL25,
#P7ShowPL26,
#P7ShowPL27,
#P7ShowPL28,
#P7ShowPL29,
#P7ShowPL30,
#P7ShowPL31,
#P7ShowPL32,
#P7ShowPL33,
#P7ShowPL34{

	font-size: 12px;
	line-height:18px;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}

#P7ShowPL99 h2,
#P7ShowPL1 h2, 
#P7ShowPL2 h2, 
#P7ShowPL3 h2,
#P7ShowPL4 h2,
#P7ShowPL5 h2,
#P7ShowPL6 h2,
#P7ShowPL7 h2,
#P7ShowPL8 h2,
#P7ShowPL9 h2,
#P7ShowPL10 h2,
#P7ShowPL11 h2,
#P7ShowPL12 h2,
#P7ShowPL13 h2,
#P7ShowPL14 h2,
#P7ShowPL15 h2,
#P7ShowPL16 h2,
#P7ShowPL17 h2,
#P7ShowPL18 h2,
#P7ShowPL19 h2,
#P7ShowPL20 h2,
#P7ShowPL21 h2,
#P7ShowPL22 h2,
#P7ShowPL23 h2,
#P7ShowPL24 h2,
#P7ShowPL25 h2,
#P7ShowPL26 h2,
#P7ShowPL27 h2,
#P7ShowPL28 h2,
#P7ShowPL29 h2,
#P7ShowPL30 h2,
#P7ShowPL31 h2,
#P7ShowPL32 h2,
#P7ShowPL33 h2,
#P7ShowPL34 h2{
	font-size: 14px; 
	font-family: georgia, sans-serif;
	text-align: left;
	width: auto;
	margin: 0 0 0 150px;
	padding: 0;
    color: #3776d6;
}
#P7ShowPL99 h3,
#P7ShowPL1 h3, 
#P7ShowPL2 h3,
#P7ShowPL3 h3,
#P7ShowPL4 h3,
#P7ShowPL5 h3,
#P7ShowPL6 h3,
#P7ShowPL7 h3,
#P7ShowPL8 h3,
#P7ShowPL9 h3,
#P7ShowPL10 h3,
#P7ShowPL11 h3,
#P7ShowPL12 h3,
#P7ShowPL13 h3,
#P7ShowPL14 h3,
#P7ShowPL15 h3,
#P7ShowPL16 h3,
#P7ShowPL17 h3,
#P7ShowPL18 h3,
#P7ShowPL19 h3,
#P7ShowPL20 h3,
#P7ShowPL21 h3,
#P7ShowPL22 h3,
#P7ShowPL23 h3,
#P7ShowPL24 h3,
#P7ShowPL25 h3,
#P7ShowPL26 h3,
#P7ShowPL27 h3,
#P7ShowPL28 h3,
#P7ShowPL29 h3,
#P7ShowPL30 h3,
#P7ShowPL31 h3,
#P7ShowPL32 h3,
#P7ShowPL33 h3,
#P7ShowPL34 h3{
	font-size: 10px; 
	font-family: georgia, sans-serif;
	padding-bottom: 0px;
	text-align: left;
	width: auto;
	margin: 0 0 3px 150px;
	padding: 0;
    color: #b8640f;
	font-weight:normal;
}

#P7ShowPL99 p, 
#P7ShowPL1 p, 
#P7ShowPL2 p, 
#P7ShowPL3 p,
#P7ShowPL4 p,
#P7ShowPL5 p,
#P7ShowPL6 p,
#P7ShowPL7 p,
#P7ShowPL8 p,
#P7ShowPL9 p,
#P7ShowPL10 p,
#P7ShowPL11 p,
#P7ShowPL12 p,
#P7ShowPL13 p,
#P7ShowPL14 p,
#P7ShowPL15 p,
#P7ShowPL16 p,
#P7ShowPL17 p,
#P7ShowPL18 p,
#P7ShowPL19 p,
#P7ShowPL20 p,
#P7ShowPL21 p,
#P7ShowPL22 p,
#P7ShowPL23 p,
#P7ShowPL24 p,
#P7ShowPL25 p,
#P7ShowPL26 p,
#P7ShowPL27 p,
#P7ShowPL28 p,
#P7ShowPL29 p,
#P7ShowPL30 p,
#P7ShowPL31 p,
#P7ShowPL32 p,
#P7ShowPL33 p,
#P7ShowPL34 p{
	font-size: 12px;
	line-height:18px;
	margin: 7px 10px 7px 0;
	margin-leftx: 150px;
	width:auto;
}

#P7ShowPL99 br, 
#P7ShowPL1 br, 
#P7ShowPL2 br, 
#P7ShowPL3 br,
#P7ShowPL4 br,
#P7ShowPL5 br,
#P7ShowPL6 br,
#P7ShowPL7 br,
#P7ShowPL8 br,
#P7ShowPL9 br,
#P7ShowPL10 br,
#P7ShowPL11 br,
#P7ShowPL12 br,
#P7ShowPL13 br,
#P7ShowPL14 br,
#P7ShowPL15 br,
#P7ShowPL16 br,
#P7ShowPL17 br,
#P7ShowPL18 br,
#P7ShowPL19 br,
#P7ShowPL20 br,
#P7ShowPL22 br,
#P7ShowPL23 br,
#P7ShowPL24 br,
#P7ShowPL24 br,
#P7ShowPL25 br,
#P7ShowPL26 br,
#P7ShowPL27 br,
#P7ShowPL28 br,
#P7ShowPL29 br,
#P7ShowPL30 br,
#P7ShowPL31 br,
#P7ShowPL32 br,
#P7ShowPL33 br,
#P7ShowPL34 br{
clear: none; line-height: 0; display: block; 
}

#staff-contactinfo {
width:420px; background-color:#f3d0ac; border: 4px solid #b8640f; padding: 20px; text-align:center;
}

/** Contact Form
==============================================================================*/

label{
float: left;
width: 390px;
font-weight: bold;
}

input, textarea{
width: 400px;
margin-bottom: 5px;

}

textarea{
width: 400px;
height: 150px;
}

.boxes{
width: 100px;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}

input:focus, textarea:focus, input.sffocus, textarea.sffocus {
background: #ffffde;
}

#submitbutton{
margin-left: 305px;
margin-top: 0px;
width: 100px;
}

/** Footer
==============================================================================*/

#footer {
float: left;
width: 760px;
margin-top: 35px;
border-top: 1px solid #aaaaaa;
}

#footer ul {
margin-top: 15px;
list-style-type: none;
}

#footer ul li {
display: block;
float: left;
}

#footer ul li a {
display: block;
float: left;
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #aaaaaa;
color: #aaaaaa;
text-decoration: none;
}

#footer ul li a:hover {
color: #346d80;
}

#footer ul li#first a {
padding-left: 0px;
}

#footer ul li#last a {
border-right: none;
}

#copyright {
font-size: 10px;
color: #aaaaaa;
padding-top: 15px;
}

#siteby {
margin-top: 0px;
color: #aaaaaa;
font-size: 10px;
}

#footer a:link {
color: #aaaaaa;
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.indentmenu{
font: bold 12px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #8a4b0b; /*dark purple border*/
border-width: 1px 0;
background: black url(/i/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(/i/indentbg2.gif) center center repeat-x;
}

#contactus {
margin: 0 0 0 50px ;
}

#contactus input, #contactus textarea{
width: 300px;
}