body {
	font-family:Arial,Helvetica,sans-serif;
	font-size:75%;
}

.clear { clear:both }

a
{
color:#8aa5ac;
}

/* LAYOUT */
#sitecontainer
{
	width:800px;

	margin:0 auto;
}

#header
{
	color:#00BDF2;
	margin-bottom:10px;
}

#logo
{
	font-size:4em;
	float:left;
}

#logo a 
{
	text-decoration:none;
}

#city{color:#00BDF2;}
#chiropody{color:#C7C8CA;}

#currentpage
{
	float:right;
	font-size:3em;
	margin-top:15px;
	margin-right:180px;
}

#locationnav
{
	width:175px;
	float:right;
	height:425px;
	display:inline;
}

#pagecontainer
{
	width:620px;
	float:left;
	display:inline;
	height:420px;
	overflow:auto;
}

#locations #pagecontainer { background:url(img/zebra-crossing.jpg) no-repeat center center; }
#locations #pagecontainer.locationmap { background:none }
#home #pagecontainer { border:2px solid #C7C8CA;padding:20px;width:580px;height:377px; }
#contactus #pagecontainer { border:2px solid #C7C8CA;padding:20px;width:580px;height:377px; }
#booking #pagecontainer { border:2px solid #C7C8CA;padding:20px;width:580px;height:377px; }
#advice #pagecontainer { width:620px;height:420px; }

#advice #innerpage { background:url(img/advice-home.jpg) no-repeat center center;height:420px}

#navlinks
{
	height:25px;
	font-size:1.8em;
	margin-top:10px;
}

#navlinks a
{
	display:block;
	height:25px;
	background:url(img/nav-button.gif) no-repeat left center;
	padding-left:25px;
	color:#939598;
	text-decoration:none;
	margin-right:25px;
	
	float:left;
}

#locationnav .location
{
	margin-left:10px;
}

.location a
{
	color:#939598;
	font-size:1em;
	font-weight:bold;
	display:block;
	height:56px;
	width:135px;
	
	padding:10px;
	text-align:center;
	text-decoration:none;
}

.location .morelink
{
	font-weight:normal;	
}


.location .adress
{
	margin-bottom:5px;
	display:block;
}

.location .number
{
	margin-bottom:5px;
	display:block;
}

#locationnav #loc1 a{	background: url(img/loc-bg-sprite.gif) no-repeat 0px -304px; margin-bottom:10px;}
#locationnav #loc2 a{	background: url(img/loc-bg-sprite.gif) no-repeat 0px -76px; margin-bottom:10px; color:#717479}
#locationnav #loc3 a{	background: url(img/loc-bg-sprite.gif) no-repeat 0px -152px; margin-bottom:10px;}
#locationnav #loc4 a{	background: url(img/loc-bg-sprite.gif) no-repeat 0px -76px; margin-bottom:10px; color:#717479}
#locationnav #loc5 a{	background: url(img/loc-bg-sprite.gif) no-repeat 0px -228px;  }

#locationnav #loc1 a:hover,
#locationnav #loc2 a:hover,
#locationnav #loc3 a:hover,
#locationnav #loc4 a:hover,
#locationnav #loc5 a:hover {	background: url(img/loc-bg-sprite.gif) no-repeat 0px 0px; color:#000; }

#advicenav 
{
	float:left;
	width:155px;
}

#advicenav .advice
{
	/*margin-right:10px;*/
}

.advice a
{
	color:#939598;
	font-size:1.4em;
	font-weight:bold;
	display:block;
	height:56px;
	width:135px;
	text-align:center;
	text-decoration:none;
	padding:10px;
	
	background: url(img/advicenav.gif) no-repeat center center;
}

#advicenav #adv1{margin-bottom:10px;}
#advicenav #adv2{margin-bottom:10px;}
#advicenav #adv3{margin-bottom:10px;}
#advicenav #adv4{margin-bottom:10px;}

#advicenav #adv1 a{padding-top:25px; height:41px;}
#advicenav #adv2 a{padding-top:5px; height:61px;}
#advicenav #adv3 a{padding-top:25px; height:41px;}
#advicenav #adv4 a{padding-top:15px; height:51px;}
#advicenav #adv5 a{padding-top:25px; height:41px;}

#innerpage
{
	float:right;
	width:450px;
}

#advice #innerpage.advicecontent
{
	background:none;
	 border:2px solid #C7C8CA;
	 padding:20px;
	 width:405px;
	 height:376px;
	
}

#locationdetails
{
	width:200px;
	height:400px;
	background:url(img/locationbg.gif) no-repeat center center;
	float:left;
	
	color:#fff;
	text-align:center;
	
	padding-top:20px;
}
#locationdetails p
{
	font-size:1.2em;color:#fff;	
}

#locationinner
{
	height:300px;
}

.locationmap #innerpage
{
	height:420px;
	width:405px;
	background-color:#CF0;
}

#locationname
{
	font-size:1.6em;
	font-weight:bold;
}

#locationaddress { margin-top:20px; font-size:1.4em}
#locationphone { margin-top:20px; font-size:1.5em; font-weight:bold; }

#locationcompany,
#locationcompany a { font-weight:bold; color:red; text-decoration:none }
#locationcompany { margin-top:20px; font-size:1.8em;  } 

#locationnotes { height:100px;font-size:1.1em; padding-left:20px;padding-right:20px;}

#map_canvas { height:420px;width:405px; }

/* TYPOGRAPHY */
p
{
	font-size:1.4em;
	color:#939598;
	margin:0;
	margin-bottom:10px;
}

#contactus #pagecontainer p
{
	margin-bottom:10px;	
}

.bluehighlight
{
	color:#00BDF2;	
	font-weight:bold;
}

.floatlistright,
.floatlist
{
	float:left;
	width:216px;
}

.floatlistright
{
	width:340px;	
}

.floatlistright li,
.floatlist li
{
	list-style-image:url(img/listitem.gif);
	font-size:1.4em;
	color:#939598;
}


#preul { margin-bottom:0; }

ul
{
	margin-top:5px;
	margin-bottom:25px;	
	padding-left:15px;
}

label { width: 11em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; display:block;width:auto; }
p { clear: both; }
.submit { margin-left: 190px; }
em { font-weight: bold; vertical-align: top; color:red; }
input { width:26em;padding:5px; }