/*
Theme Name: DemoDental Default
Theme URI: http://revolution-media.net/
Description: The default DemoDental theme.
Version: 1.0
Author: Andrzej Stacherski
Author URI: http://revolution-media.net/
Tags: blue, custom header, fixed width, two columns
*/

* {padding: 0; margin: 0;}
img {border: 0; }

body {text-align: center; color: #333; margin: 0; padding:0; background: #C8CDD2; font: 12px Arial, sans, sans-serif, _sans;}

p {text-align: left; color: #333; line-height: 1.5em; font-size: 1em; padding: 10px 0; margin: 0;}
a {color: #333; cursor: pointer;}
a:HOVER {text-decoration: none;}
ul {margin: 0;}

.l, .alignleft {float: left;}
.r, .alignright {float: right;}
.center {text-align: center;}
.linklove {display: none;}
.clear {clear: both;}
.strong {font-weight: bold;}

.s100 {width: 100px;}
.s150 {width: 150px;}
.s200 {width: 200px;}
.s210 {width: 210px;}
.s300 {width: 300px;}
.s500 {width: 500px;}
.s600 {width: 600px;}

.p100 {width: 100%;}
.s80 {width: 80px;}
.h150 {height: 150px;}
.small {font-size: 0.8em;}

/********************************************************************************/

#wrapper {width: 940px; overflow: hidden; margin: 0 auto; text-align: center;}

#page {width: 940px; padding: 0; background: url("img/bgnd-content.gif"); display: table-cell;}

#header {width: 940px; height: 330px; margin: 0; background: url("img/bgnd-top.gif") top center no-repeat;}
#header a.logo {float: left; width: 310px; height: 110px; margin: 20px 0 0 30px; background: url("img/demodental-logo.gif") no-repeat; text-indent: -9000px;}
#header p.phone {float: right; width: 300px; height: 30px; padding: 0; font-size: 1em; margin: 60px 40px 0 0;}

#headerimg {width: 900px; height: 150px; margin: 0 20px;}
.img01 {background: url("img/header/01.jpg") no-repeat;}
.img02 {background: url("img/header/02.jpg") no-repeat;}

#main-nav {width: 900px; height: 35px; margin: 1px 20px 0 20px; overflow: hidden; background: url("img/bgnd-main-nav.gif") repeat-x;}
#main-nav ul {margin: 0;}
#main-nav ul li {list-style: none; display: inline; font-weight: bold;}
#main-nav ul li a {display: block; float: left; padding: 9px 36px; color: #fff; font-size: 1.2em; text-decoration: none;}
#main-nav ul li a:HOVER {color: #33306C;}
#main-nav ul li.current_page_item a, #main-nav ul li.current_page_parent a {display: block; float: left; padding: 9px 36px; color: #33306C; font-size: 1.2em; text-decoration: none;}

#content {float: right; text-align: left;}
#content.narrow {width: 640px; padding: 0 0 0 20px; margin: 0 30px 0 0; border: #ddd solid; border-width: 0 0 0 1px;}
#content.wide {width: 860px; margin: 0 40px;}

#content h1 {padding: 0; margin: 10px 0; font-size: 2.2em; font-weight: normal; color: #AFE31D;}
#content h2 {padding: 0; margin: 5px 0; font-size: 1.6em; font-weight: normal; color: #5e96d5;}
#content h2 a {color: #5e96d5; text-decoration: none;}
#content h2 a:HOVER {color: #666;}

#content p {padding: 10px 0;}

#content ul {margin: 10px 0;}
#content ul li {list-style: none; background: url("img/arrow-grey.gif") 0 4px no-repeat; padding: 0 0 0 10px; margin: 0 0 10px 0;}
#content ul li a {color: #333; text-decoration: none;}
#content ul li a:HOVER {text-decoration: underline;}

#content ol {margin: 10px 0;}
#content ol li {padding: 0 0 0 10px; margin: 0 0 10px 0; list-style-position: inside;}
#content ol li a {color: #333; text-decoration: none;}
#content ol li a:HOVER {text-decoration: underline;}

#boxes {width: 860px; height: 220px;}
#boxes .box {width: 260px; height: 180px; overflow: hidden; float: left;}
#boxes .b1 {margin: 20px 20px 20px 0;}
#boxes .b2 {margin: 0; padding: 20px 19px; border: #ddd solid; border-width: 0 1px;}
#boxes .b3 {margin: 20px 0 20px 20px;}
#boxes .boxcontent {width: 260px; height: 180px; overflow: hidden;}
#boxes .boxcontent .caption {width: 260px; height: 60px; position: relative; top: -60px; background: url("img/trans-black.png");}
#boxes .boxcontent:HOVER .caption {width: 260px; height: 60px; position: relative; top: -60px; background: url("img/trans-blue.png");}
#boxes .boxcontent .caption p {padding: 5px 10px 0 10px; font-size: 0.9em; color: #fff; line-height: 1.3em;}
#boxes .boxcontent .caption p a {color: #fff; text-decoration: none;}
#boxes .boxcontent .caption p span {font-size: 1.4em; font-weight: bold; line-height: 1.5em;}

#sidebar {width: 200px; float: left; padding: 0; margin: 0 0 0 40px;}
#sidebar .sidenav {margin: 10px 0 0 0;}
#sidebar ul {margin: 0;}
#sidebar ul li {list-style: none;}
#sidebar ul li a {display: block; margin: 0 0 5px 0; padding: 5px 10px; text-align: right; text-decoration: none;}
#sidebar ul li a:HOVER {background: #95ACD6; color: #fff;}
#sidebar ul li.current_page_item a {background: #95ACD6; color: #fff;}
#sidebar h2 {color: #333; font-size: 1.4em; margin: 0 0 10px 0; text-align: right;}

#footer {width: 940px; height: 110px; margin: 0 auto; background: url("img/bgnd-footer.gif") bottom center no-repeat;}
#footer p {padding: 15px 40px 40px 40px; text-align: left; color: #333;}
#footer p a {text-decoration: none; font-weight: bold; color: #333;}
#footer p a:HOVER {color: #666;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */ 

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	text-align: center;
}
/* End captions */