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

*
{
	margin: 0pt;
	padding: 0pt;
}

html
{
}

body {
	background: url(../images/Melbourne-Barber-Shop-Location-Background.jpg) no-repeat #FFF center top;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:13px;	
	margin:0px;
	padding:0px;
}

#InsideShopMainContainer {
	margin:0 auto;
	width:970px;

}

#Column1 {
	width:225px;
	height:525px;
	float:left;
}

#Column2 {
	width:431px;
	height:200px;
	float:left;
}

#Column3 {
	width:314px;
	height:200px;
	float:left;
}

#MenuContainer {
	width:215px;
	height:250px;
	float:left;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #fff;
	padding: 0px;
	filter:alpha(opacity=80);  
    -moz-opacity:0.8;       
    opacity: 0.8; 
	margin-top:40px;
	text-align:center;
	color:#000;
}

#MenuContainer h1 a{
	font-size:15px;
	color:#621006;
	text-decoration:none;
	line-height:40px;
	font-weight:bold;
}
#MenuContainer h1 a:hover{
	color:#000;
}

#LogoContainer {
	width:431px;
	height:177px;
	float:left;
	text-align: center;
}

#LocationButtonContainer {
	width:510px;
	height:209px;
	float:left;
}

#NavigationTop {
	width:314px;
	*width:240px;
	_width:240px;
	height:30px;
	;
	color:#FFF;
	margin:0;
	text-align:left;
	padding:0;
	float:left;
}

#NavigationTop h1{
	font-size:10px;
	color:#fff;
	text-align:right;
	vertical-align:top;
	margin-top:10px;
}

#NavigationTop h1 a{
	color:#FFF;
	text-decoration:none;
}

#NavigationTop h1 a:hover{
	color: #CCC;
}

#MainContainer {
	width:960px;
	height:100%;
	margin:0 auto;
}

#MakeAnAppointmentContainer {
	width:277px;
	height:188px;
	float:left;
	background:url(../images/Barber-Melbourne-Haricuts-BlocksBackground.png) no-repeat;
	margin:95px 170px 0px 20px;
}

#MakeAnAppointmentContainer h1{
	padding:10px 10px 10px 10px;
	color:#000;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
}

#MakeAnAppointmentContainer p{
	color:#000;
	font-size:14px;
	padding:10px 10px 10px 10px;
}

#MakeAnAppointmentContainer h2{
	padding:18px 0px 10px 0px;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}

#WelcomeTextContainer {
	width:410px;
	height:243px;
	float:left;
	color:#FFF;
	padding-top:20px;
	margin:10px 53px 10px 30px;
}

#WelcomeTextContainer h2{
	font-size:18px;
	font-weight:bold;
	font-style:italic;
}

#WelcomeTextContainer p{
	font-size:13px;
	font-style:italic;
}

#LocationContainer {
	width:280px;
	height:200px;
	float:left;
	background:url(../images/Barber-Melbourne-Haricuts-BlocksBackground.png) no-repeat;
	margin:20px 0px 0px 20px;
}

#LocationContainer h1{
	padding:10px 10px 10px 10px;
	color:#000;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
}

#LocationContainer p{
	color:#000;
	font-size:13px;
	padding:10px 10px 10px 10px;
}

#LocationContainer h2{
	padding:5px 0px 0px 0px;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}

#ServicesAvailableContainer {
	width:280px;
	height:200px;
	float:left;
	background:url(../images/Barber-Melbourne-Haricuts-BlocksBackground.png) no-repeat;
	margin:20px 0px 0px 50px;
}

#ServicesAvailableContainer h1{
	padding:10px 10px 10px 10px;
	color:#000;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
}

#ServicesAvailableContainer p{
	color:#000;
	font-size:13px;
	padding:10px 10px 10px 10px;
}

#ServicesAvailableContainer h2{
	padding:5px 0px 0px 0px;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}

#ComeInsideContainer {
	width:280px;
	height:200px;
	float:left;
	background:url(../images/Barber-Melbourne-Haricuts-BlocksBackground.png) no-repeat;
	margin:20px 0px 0px 50px;
}

#ComeInsideContainer h1{
	padding:10px 10px 10px 10px;
	color:#000;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
}

#ComeInsideContainer p{
	color:#000;
	font-size:13px;
	padding:10px 10px 10px 10px;
}

#ComeInsideContainer h2{
	padding:20px 0px 0px 0px;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}

#ExtraInformationContainer {
	width:960px;
	height:20px;
	background-color: #3a0802;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #3a0802;
	padding: 10px;
	filter:alpha(opacity=80);  
    -moz-opacity:0.8;       
    opacity: 0.8; 
	margin:0 auto;
	text-align:center;
	color:#FFF;
}

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

#MakeAnAppointContainer {
	width:225px;
	height:274px;
	float:left;
}

#SpecialNews {
	width:160px;
	height:235px;
	float:left;
	margin: 0px 50px 0px 15px;
}

#ContactInfo {
	width:960px;
	height:20px;
	background-color: #3a0802;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #3a0802;
	padding: 10px;
	filter:alpha(opacity=80);  
    -moz-opacity:0.8;       
    opacity: 0.8; 
	text-align:center;
	color:#FFF;
	float:left;
}

#ContactInfo a{
	color:#FFF;
	text-decoration:none;
}

#ProductsContainer {
	width:960px;
	height:80px;
	background-color: #3a0802;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #3a0802;
	padding: 10px;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity: 0.95;
	text-align:center;
	color:#FFF;
	float:left;
}

#Spacer {
	width:960px;
	height:15px;
	float:left;
}

.ThumbImageContainer {
	width:50px;
	height:50px;
	padding:5px;
	float:left;
}

#HoursOpenContainer {
	width:215px;
	height:250px;
	float:left;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #fff;
	padding: 10px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	margin-top:40px;
	text-align:center;
	color:#000;
}

#BookingFormContainer {
	width:690px;
	height:270px;
	float:left;
	background-color: #3a0802;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #3a0802;
	padding: 10px;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity: 0.95;
	margin-top:20px;
	color:#FFF;
	line-height:18px;
}

