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

body {
	background-color: #fff;
	font-family: 'Muli', sans-serif;
	font-size: 62.5%;
	line-height: 62.5%;
	color: #666666;
	padding: 0;
	margin: 0;
	letter-spacing: 0em;
}	 
	 	 
h3, h4, h5, h6, p, ul, li {
	padding: 0;
	margin: 0;
}
		
a {
	text-decoration: none;
	color: #76b4cf;
}

a:hover {
	text-decoration: underline;
}

#container {
    width: 100%;
    max-width: 1010px;
    margin: 30px auto;
    padding: 0;
}

#page {
    margin: 0 30px;
}
#logo a {
	display: block;
	float: left;
	background: url(images/west_cornwall_osteopathy_logo.png) 0 0 no-repeat;
	height: 116px;		
	width: 100%;	
	margin: 0 0 30px 0;			
	text-indent: -9000px;					
	overflow: hidden;					
}

img {
	display: block;
	float: left;
	width: 100%;
	max-width: 950px;
	height: auto;
}


#contentBlock {
	clear: both;
	float: left;
	font-weight: 300;
}

#leftCol {
	display: block;
	float: left;
	font-size: 4em;
	line-height: 1.3em;
	color: #76b4cf;
	margin: 20px 0 0 0;
	width:35%;
}

#rightCol {
	display: block;
	float: left;
	font-size: 2.2em;
	line-height: 1.5em;
	width:65%;
	margin: 20px 0 0 0;
}

#footer {
	clear: both;
	float: left;
	width:100%; 
	border-top:1px solid #666;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	font-size: 1.6em;
	line-height: 1.5em;
}

#GOL a {
	display: block;
	float: left;
	background: url(images/osteopathic_council_logo.png) 0 0 no-repeat;
	height: 106px;		
	width: 118px;	
	margin: 0 20px 30px 0;			
	text-indent: -9000px;					
	overflow: hidden;	
}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {
	body {
		font-size: 52.5%;
	}
}

@media handheld, only screen and (max-width: 479px) {

	body {
		font-size: 52.5%;
	}
	#logo a {
	display: block;
	float: left;
	background: url(images/west_cornwall_osteopathy_logo_sml.png) 0 0 no-repeat;
	height: 94px;		
	width: 100%;	
	margin: 0 0 5px 0;			
	text-indent: -9000px;					
	overflow: hidden;					
}
	#rightCol {clear:both; width:100%;}
	#leftCol {width:100%;}
	#page { margin: 0 15px;}
	#footer p {clear:both;}
	#logo a {width:100;}
}