/*
Hammaskeijut.fi Stylesheet
*/

/* CSS RESET */
@import "reset.css";

/* Document properties */
body {
	background-color: #fff;
	color: #787878;
	font: normal 62.5% Arial, Helvetica, sans-serif;
}

/* Links */
a:link, a:visited {
	color: #4382cd;
	text-decoration: none;
}
a:hover, a:active {
	color: #787878;
	text-decoration: underline;
}

/* Main site wrapper */
div.w {
	font-size: 1.4em;
	margin: 0 auto;
	width: 740px;
}

/* Logo */
h1#logo {
	background: #fff url('../img/logo.png') no-repeat top center;
	height: 76px;
	margin-top: 20px;
}
/* Logo text (in html) */
h1#logo span { display: none; }

div#image-carousel {
	height: 268px;
	margin-top: 20px;
	width: 740px;
}

div#navigation {
	background: url('../img/navigation-background.png') no-repeat top left;
	clear: both;
	font-size: 22px;
	height: 39px;
	padding: 7px 10px 0; 
	text-align: center;
}
div#navigation ul { list-style: none; margin: 0 auto; width: 508px; }
div#navigation ul li { float: left; margin-right: 5px; }
div#navigation a {
	background-repeat: no-repeat;
	display: block;
	height: 41px;
}
div#navigation a:hover, div#navigation ul li.active a {
	background-position: 0 -42px;
}
div#navigation a span {
	display: none;
}
div#navigation a.home {
	background-image: url('../img/home.png');
	width: 108px;
}
div#navigation a.services {
	background-image: url('../img/services.png');
	width: 115px;
}
div#navigation a.staff {
	background-image: url('../img/staff.png');
	width: 164px;
}
div#navigation a.links {
	background-image: url('../img/links.png');
	width: 91px;
}

/* Site content */
div#content-area {
	background: #fff url('../img/separator-line.png') no-repeat bottom center;
	color: #787878;
	font-size: 18px;
	letter-spacing: 0.003em;
	padding: 10px;
}
div#content-area ul.blue {
	color: #4382cd;
	list-style: none;
}
div#content-area ul.blue li {
	clear: both;
	margin-bottom: 5px;
}
div#content-area ul.blue li div {
	clear: both;
	display: block;
	width: 100%;	
}
div#content-area ul.blue li span.bullet {
	color: #4382cd;
	display: block;
	float: left;
	width: 20px;
}
div#content-area ul.blue li span.item {
	color: #787878;
	display: block;
	float: left;
	max-width: 95%;
}
div#content-area ul.blue li div > * { float: left; }
div#content-area h1 {
	color: #4382cd;
	margin: 0;
	padding: 0;
}
div#content-area em {
	font-size: 14px;
}
div#content-area p, div#content-area ul {
	margin-bottom: 10px;
}

div#appointment {
	padding: 30px 0;
	text-align: center;
}

/* Site footer (full width) */
div#footer {
	background-color: #dfdfdf;
	border-top: 1px #d8d8d8 solid;
	color: #787878;
	padding: 20px;
	width: 700px;
}

/* Global classes */
.half-horizontal { float: left; width: 350px; }
div#content-area .half-horizontal { float: left; text-align: center; width: 355px; margin-bottom: 10px; }
.clearfix:after, div#content-area ul.blue li div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix, div#content-area ul.blue li div:after {display: inline-block;}  /* for IE/Mac */
.t-center { text-align: center; }
.t-right { text-align: right; }
.separate { clear: both; margin: 10px 0 0;}
.lined { border-bottom: 1px #4382cd solid; }
.lined:hover { text-decoration: none; }