/* Claire's Hairdressing */

body {
background-color: #AC2292;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

h1 {
font-size: 20px;
font-weight: bold;
color: #AC2292;
text-align: center;
}

h2 {
font-size: 16px;
color: #444444;
text-align: center;
margin-bottom: 0px;
}

h3 {
font-size: 13px;
color: #444444;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
}

#container {
position: relative;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 942px;
height: 768px;
background-image:url(images/background.gif);
background-position: center;
background-repeat: no-repeat;
}

#content {
position: absolute;
width: 750px;
height: 597px;
margin-top: 76px;
margin-bottom: 76px;
margin-left: 96px;
margin-right: auto;
border: 0px;
padding: 0px;
}

#flowers {
position: absolute;
left: 4px;
top: 4px;
height: 262px;
width: 259px;
background-image: url(images/flowers.jpg);
background-repeat: no-repeat;
padding-left: 4px;
padding-top: 4px;
}

#title {
position: absolute;
background-image: url(images/logo.jpg);
background-repeat: no-repeat;
background-position: top;
left: 475px;
margin-top: 16px;
width: 275px;
height: 109px;
}

.hr1 {
position: absolute;
top: 104px;
width: 257px;
height: 2px;
color: #818181;
background-color: #818181;
left: 18px;
}

#menu {
position: absolute;
top: 135px;
right: 6px;
height: 150px;
width: 110px;
}

.menuitem {
position: relative;
margin-top: 7px;
width: 100px;
height: 15px;
font-weight: bold;
}

.menuitem a {
color: #fff;
text-decoration: none;
}

.left {
background-color: #AC2292;
width: 15px;
height: 15px;
float: left;
}
.left_o {
background-color: #4C4C4C;
width: 15px;
height: 15px;
float: left;
}

.right {
background-color: #4C4C4C;
height: 15px;
text-align: right;
padding-right: 3px;
}
.right_o {
background-color: #AC2292;
height: 15px;
text-align: right;
padding-right: 3px;
}

#mainimage {
position: absolute;
left: 1px;
bottom: 0px;
width: 318px;
height: 301px;
background-image: url(images/image3.jpg);
}

#text {
position: absolute;
top: 155px;
left: 283px;
width: 331px;
height: 345px;
vertical-align: middle;
}

.frame {
height: 400px;
width: 331px;
border: 0px;
scrollbar-base-color: red;
}

.prices {
width: 100%;
padding: 4px;
}

.prices td {
font-size: 11px;
}

#logos {
position: absolute;
top: 461px;
right: 16px;
width: 70px;
height: 97px;
text-align: center;
}

.footer {
position: absolute;
bottom: 0px;
right: 0px;
width: 550px;
height: 16px;
text-align: center;
font-size: 10px;
color: #666666;
}

.footer a {
color: #666666;
text-decoration: none;
}

#hr2 {
	position: absolute;
	right: 0px;
	margin: 0px;
	width: 560px;
	height: 2px;
	padding: 0px;
	color: #818181;
	background-color: #818181;
	top: 575px;
}