/*
Theme Name: WebMotionUK - ThemeName
Theme URI: http://www.webmotionuk.co.uk/
Description: WebMotionUK's theme for Stoke Road Dental Practice.
Version: 1.1
Author: Amit Thakrar
Author URI: http://www.webmotionuk.co.uk/

	ThemeName v1.1
	 http://www.webmotionuk.co.uk/

	This theme was designed and built by Amit Thakrar,
	whose blog you will find at http://www.webmotionuk.co.uk/

	The CSS, XHTML and design is copyright by WebMotionUK, All Rights Reserved.

*/


/*--RESET--*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 13px;
	background: transparent;
	font-family: Arial, tahoma, helvetica, verdana;
	color:#666;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*begin styles*/

html, body{background:#649d9b url(images/body_bg.jpg) repeat-x top center;}
#wrapper{background: transparent url(images/nav_bar.png) repeat-x top center; height:1000px;}
#outer{width:960px; text-align:center; margin:0 auto;}
#header{position:relative; height:158px;}
#logo{width:295px; height:158px; background:transparent url(images/logo.png) no-repeat top center; position:absolute; top:0; left:-11px; cursor:pointer;}
#logo h1{text-indent:-9999px;}
#call_us{position:absolute; top:5px; right:0; background:transparent url(images/appointments.png) no-repeat top center; text-indent:-9999px; height:25px; width:268px; }
#navigation{display:block; height:50px; position:absolute; top:47px; left:300px;}
#navigation ul{margin:0; padding:0; list-style-type:none; background:#999; }
#navigation ul li{margin:0; padding:0 10px; float:left; background: transparent url(images/nav_sep.png) no-repeat top right;}
#navigation ul li a{font-family:Arial, Helvetica, sans-serif; float:left; display:block; height:50px; line-height:50px; font-size:14px; text-transform:uppercase; text-decoration:none; font-weight:bold; color:#999}
#navigation ul li a:hover{color:#3c71a1;}

#sub_menu ul{margin:0 0 15px 0;}
#sub_menu ul li{list-style-type:none; background: transparent url(images/small_arrow.png) no-repeat 0px -2px; margin:0 0 10px 0; padding:0 0 5px 20px; border-bottom:1px #999 dotted;}
#sub_menu ul li a{display:block; text-decoration:none;}


#search_form{position:absolute; top:115px; right:0;}
#searchsubmit{border:0; padding:0; margin:0; background:transparent url(images/search.png) no-repeat top center; width:22px; height:22px;}
.search_form{border:1px solid #999; height:20px;}

#content_header{background:transparent url(images/content_top.png) no-repeat top center; height:11px; font-size:0;}
#content_center{background:transparent url(images/content_center.png) repeat-y top center;}
#content_footer{background:transparent url(images/content_bottom.png) no-repeat top center; height:11px; font-size:0;}
#inner_content{background:transparent url(images/content_bg.png) repeat-x top center; width:938px; margin:0 11px; text-align:left;}

#side_bar{float:left; width:220px; padding:20px 5px; border-right:1px #ccc dotted;}
#content{float:right; width:695px; padding:20px 5px; line-height:18px;}
#content_home{float:right; width:928px; padding:20px 5px; line-height:18px;}

ul.sub_pages{margin:0 0 20px 0; padding:0; overflow:hidden; list-style:none;}
ul.sub_pages li{float:left; margin:5px; }
ul.sub_pages li a{float:left; display:block; color:#fff; width:220px; background:#6ca29f; text-align:center; height:40px; line-height: 38px; text-decoration:none; vertical-align:middle;}
ul.sub_pages li a:hover{color:#fff; background:#3c71a1;}

.alignleft{float:left;}
.alignright{float:right;}
.clear{clear:both; height:0; font-size:0;}
h1, h2, h3, h4, h5, h6{font-size:24px; color:#6ca29f; margin:0 0 15px 0;}
h2, h2 a{font-size:28px; text-decoration:none;}
h3, h3 a{font-size:20px; text-decoration:none; color:#3c71a1; margin:0 0 10px 0;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

p{line-height:22px; margin:0 0 15px 0;}
p.address{font-size:13px;}
ol, ul{margin:0 0 15px 25px;}
ol li, ul li{margin: 0 0 10px 0;}
ul.opening{margin:0 0 15px 0;}
ul.opening li{list-style-type:none; background: transparent url(images/clock_small.png) no-repeat 0px -2px; margin:0 0 10px 0; padding:0 0 0 20px;color:#fff;}
strong{color:inherit;}

ul.latest_posts{margin:0;}
ul.latest_posts li{padding:0 0 10px 20px; margin:0 0 5px 0; background: transparent url(images/newspapers__pencil.png) no-repeat 0 2px; list-style-type:none; border-bottom:1px #999 dotted;}
ul.latest_posts li a{text-decoration:none; font-size:13px; display:block;}
ul.latest_posts li a span.date{color:#999; font-size:10px;}

a, a:link, a:visited{color:#6ca29f;}
a:hover, a:active{color:#3c71a1;}

.side_bar_img, img.side_bar_img{background:transparent url(images/side_bar_img.png) no-repeat bottom center;padding:10px 20px 20px 20px;}
.google_map{border:10px #3c71a1 solid;}

.breadcrumb {
	float:left;
	width:650px;
	height:38px;
	margin:-20px 0 0 0;
}
.breadcrumb ul {margin:0;}
.breadcrumb ul li {
	display:block;
	float:left;
	width:auto;
	margin-right:5px;
	padding-top:12px;
	font-size:11px;
	text-shadow:1px 1px #fff;
}
.breadcrumb ul li a{font-size:11px;}
.breadcrumb ul li a:hover {
	color:#999;
	text-decoration:none;
}

.breadcrumb ul li span {
	margin-right:2px;
}

table.fees_table{border-collapse:collapse; margin:0 0 15px 0;}
table.fees_table th{font-weight:bold; text-align:left; padding:5px; background:#e5e5e5;}
table.fees_table td{padding:5px; border-bottom:1px solid #ccc;}

#copyright, #copyright a{margin:10px auto; font-size:10px; color:#fff;}


#footer_links, #footer_links p, #footer_links h3, #footer_links a{color:#fff;}
#footer_links a:hover{color:#f5cd66;}
#footer_links{background:transparent url(images/footer_links.jpg) no-repeat top center; padding:10px; height:163px; width:896px; margin:10px auto 0 auto;}
#emergencies{width:250px; padding-right:35px;}
#medical_history{width:270px; padding-right:20px;}
#the_practice{width:314px;}

#tooth_holder{position:relative;}
#tooth{position:absolute; height:199px; width:201px; background:transparent url(images/tooth_home.png) no-repeat top center; top:-210px; right:40px; z-index:10000;}
#tooth1{position:absolute; height:218px; width:200px; background:transparent url(images/tooth_man.png) no-repeat top center; top:-230px; left:10px; z-index:10000;}

#speech_bubble{background:url("images/speech_bubble.png") no-repeat scroll 0 0 transparent; height:109px; position:absolute; top:-309px; right:-27px; z-index:20; width:214px; }
#speech_bubble a{text-indent:-9999px; width:188px; height:90px; display:block;}
/*--- Nivo Slider ---*/
#slider_bg{border:10px #4b392d solid; width:550px; height:220px; margin:0 auto;}
#slider_shadow{background:transparent url(images/slider_bg.jpg) no-repeat top center; width:580px; height:29px; margin:10px auto;}
.nivoSlider {position:relative; margin:0 auto; text-align:center; width:550px;}
.nivoSlider img {position:absolute; top:0px; left:0px; z-index:10;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;}
/* The slices in the Slider */
.nivo-slice {display:block; position:absolute; z-index:10; height:100%;}
/* Caption styles */
.nivo-caption {position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:89;}
.nivo-caption p {padding:5px; margin:0;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute; top:45%; z-index:99; cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {position:relative; z-index:99; cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}
#slider .nivo-controlNav { position:absolute; left:47%; bottom:-30px;}
#slider .nivo-controlNav a {display:block; width:20px; height:20px; background:url(images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; }
#slider .nivo-controlNav a.active { background-position:-20px 0; }