/* 

Erbes - CSS File

*/


/*** GLOBAL  ***/
html,body{height:100%}
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#545454;
	height:100%;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none;
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #c5c6ba;
	background-color: #c5c6ba;
	height: 1px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:13px;	font-family:Georgia, "Times New Roman", Times, serif;	font-weight:normal; color:#6c4969}
h1 {font-size:30px; line-height:30px;}
h2 {font-size:24px; line-height:28px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:16px; line-height:18px;}
h5 {font-size:12px; margin:3px 0px; padding:0px; letter-spacing:1px;}

/* links */
a {color:#6c4969;text-decoration:underline;}
a:hover{color:#866883;}
a img{border:none}
.border{ border:1px solid #c5c6ba; padding:3px;}
.imgborderleft{float:left; border:1px solid #c5c6ba; padding:3px; margin-right:10px;}
.imgleft{
	float:left;
	padding-right:20px;
}
.imgright{float:right; padding-left:10px;}
/* lists, blockquotes and paragraphs */
p, ul, ol {
	font-size:12px;
	line-height:18px;
	margin-bottom:15px;
	color:#545454;
}
ul, ol {
	margin:0px 0px 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;
}

blockquote {
	font-style:italic;
	color:#6c6c6c;
	line-height:18px;
	margin-bottom:0px;
	padding:10px 0px 10px 30px;
	background-image:url(../images/quote_top.png);
	background-repeat:no-repeat;
}

.pullquote {
	padding: 8px 0px 10px 15px;
	float: right;
	width: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-left-width: 1px;
	border-bottom-width: 0px;
	border-left-style: solid;
	border-bottom-style: solid;
	border-left-color: #6c4969;
	border-bottom-color: #6c4969;
	font-size: 16px;
	text-align: left;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
}
/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}


/*** END OF DEFAULT ELEMENT STYLES ***/


/*** CONTAINER ***/
#main_container{ background-image:url(../images/bg_container.gif); background-repeat:repeat-x; background-color:#ecede5; min-height:82%;}
#main_container_inner{ background-image:url(../images/bg_container_inner.gif); background-repeat:repeat-x; background-color:#ecede5; min-height:82%;}
#bottom_container{ background-image:url(../images/bg_container_bottom.gif); background-repeat:repeat-x; height:112px;}
/*** END OF CONTAINER ***/

/*** CENTERCOLUMN ***/
#centercolumn{width:982px; margin:0px auto 0px auto;}
/*** END OF CENTERCOLUMN ***/


/*** TOP ***/
#top{ height:112px; width:982px; padding-top:10px; background:url(../images/menu_decoration.gif) no-repeat bottom;}
#logo{ width:300px; float:left; margin-top:18px;}
#pad_logo{ padding:0px 0px 0px 18px;}
.phone {
/*	background-image:url(../images/icon_phone.png);*/
	background-repeat:no-repeat;
	background-position:0px 25px;
	float:right;
	width:250px;
	text-align:right;
	padding:35px 20px 0px 0px;
}
.phone h2{
	margin-bottom:13px;	
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal; color:#6c4969
}

#topmenu{
	width:660px;
	float:left;
	height:60px;
}
/* Top Navigation bar menu styling */
#nav {margin:0px; padding:3px 0px 0px 0px; float:right;}
#nav ul{ 
	padding:0;
	margin:0;
	width:auto;
	list-style: none;
	height:30px;
	position: relative;
	float:right;
}
#nav li{
	list-style:none;
	float:left;
	text-align:center;
	padding:0;
	font:normal 14px Georgia, "Times New Roman", Times, serif;
	line-height:26px;
}
#nav .lavaLamp li a {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 15px;
	color:#545454;
	text-decoration:none;
}
#nav .lavaLamp li a:hover {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 15px; 
	color:#866883;
}
#nav .lavaLamp li .active {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 15px; 
	color:#866883;
}
#nav .lavaLamp li.back {

	height: 25px;
	z-index: 8;
	position: absolute;
	border-bottom:4px solid #6c4969;
}

/*** END OF TOP ***/

/*** HEADER ***/
/* header */
#header{background-image:url(../images/bg_header_content.gif); background-repeat:no-repeat; padding:30px 0px 0px 0px;}
#header_content{padding:10px 0px 0px 0px;}

/*** END HEADER ***/


/*** START OF CAROUSEL ***/

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 982px; /*Width of Carousel Viewer itself*/
	height: 340px; /*Height should enough to fit largest content's height*/
	margin:0px 0px 0px 0px;
/*	background-image:url(../images/portfolio-shadow.jpg); 				    background-repeat:no-repeat; background-position:bottom;*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left:0;
	top:0;
}

.stepcarousel .panel{
	background:url(../images/bk_featured.png) 0 0 no-repeat;
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:2px;
	width: 982px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:315px;
	position:relative;
}

.stepcarousel .panel .projectDetails {
	float:left;
	width:215px;
	margin:30px 0px 0px 35px;
}

.stepcarousel .panel .projectDetails .title {
	font-size:18px;
	font-weight:bold;
}

.stepcarousel .panel .ribbonType {
	position:absolute;
	top:14px;
	left:224px;
	width:45px;
	height:43px;
}

.stepcarousel .panel .projectImg {
	position:absolute;
	top:15px;
	right:16px;
}

.web {
	background:url(../images/ribbon_web.png) 0 0 no-repeat;
}

.logo {
	background:url(../images/ribbon_logo.png) 0 0 no-repeat;
}

.print {
	background:url(../images/ribbon_print.png) 0 0 no-repeat;
}

/*** END OF CAROUSEL ***/



/*** CONTENT ***/
#main_content{background-image:url(../images/bg_content_inner.png); background-repeat:no-repeat; width:982px;}
#padding_content{ padding:30px 0px 0px 40px; float:left}
.maintext h2 {border-bottom:1px solid #71736b; padding-bottom:3px;}
.sidebox h2 {border-bottom:1px solid #71736b; padding-bottom:3px;}

/* main */
#main{
	width:560px;
	float:left;
	padding:0px 30px 0px 0px;
}
.maintext{padding:0px 0px 0px 0px;}
.maintext hr{ margin-bottom:20px;}
.maintext h4 {font-size:16px; margin:3px 0px 8px 0px; padding:0px; letter-spacing:1px;}
ul#main_box{
	margin:0px; padding:0px; width:600px;
}

ul#main_box li{
	margin:0px; padding:0px; display:inline;
}

ul#main_box li.box_left{
	float:left; width:250px;
}

ul#main_box li.box_right{
	float:left; width:260px; padding-left:40px;
}
.readMore{
	background:url(../images/right_16.png) no-repeat right;
		text-decoration:none;
	padding:0px 20px 3px 0px  ;
}
.readMore:hover{
	text-decoration:underline;
}




/* side */
#side{
	width:280px;
	float:left;
	padding-left:30px;
}
.sidebox{padding:0px 0px 20px 0px;}
.sidebox.pad p{ margin-bottom:10px;}
ul.latest{margin:0px; padding:0px; list-style-type:none;}
ul.latest li{ float:left; padding:0px 5px 10px 0px;}
ul.latest li img{ border:1px solid #ccc; padding:3px;}

ul.side_list{margin:0px; padding:0px; list-style-type:none;}
ul.side_list li{  border-bottom:1px solid #c5c6ba; padding:6px 0px;}
ul.side_list li a{ background-image:url(../images/icon_arrow.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:15px; color:#474747; text-decoration:none;}
ul.side_list li a:hover{color:#e77b16; text-decoration:none;}

.but{vertical-align:middle;}
.inputbox01{width:190px; border-top:1px solid #b2b2b2; border-left:1px solid #b2b2b2; border-bottom:0px; border-right:0px; vertical-align:top; padding:4px 4px 5px 3px; color:#999; font-family:Arial, Helvetica, sans-serif; }
/*** END CONTENT ***/

  				Sidebar Menu
  ------------------------------------------------------*/	

.submenu li{
padding:5px 0 5px 0;
border-bottom:solid 1px #dedede;
}


.submenu li a:hover{
padding:5px 0 5px 0;
color:#0c63a9;
font-weight:bold;
text-decoration:none;
}

.submenu li.current a
{
font-weight:bold;
}


/*** DENTISTS ***/
#main_dentist{background-image:url(../images/content-in-box.jpg); background-repeat:no-repeat; width:982px;}
#padding_dentist{ padding:30px 20px 0px 30px;}
.dentisttext h2 {border-bottom:1px solid #71736b; padding-bottom:3px;}

/* main */
#dentist{
	width:900px;
	float:left;
	padding:0px 30px 0px 0px;
}
/****.dentisttext{columns:100px 2;-webkit-columns:435px 2; /* Safari and Chrome */-moz-columns:100px 2; /* Firefox */}****/
.dentisttext
{
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.dentisttext hr{ margin-bottom:20px;}
.dentisttext h4 {font-size:26px; margin:3px 0px 8px 0px; padding:0px; letter-spacing:1px;}
ul#dentist_box{
	margin:0px; padding:0px; width:600px;
}

/***different column approach***/
#panelleft{
clear: both;
float:left;
width:450px;
}
#panelright {
float:right;
width:450px;
}

ul#dentist_box li{
	margin:0px; padding:0px; display:inline;
}

ul#dentist_box li.box_left{
	float:left; width:250px;
}

ul#dentist_box li.box_right{
	float:left; width:260px; padding-left:40px;
}
.readMore{
	background:url(../images/right_16.png) no-repeat right;
		text-decoration:none;
	padding:0px 20px 3px 0px  ;
}
.readMore:hover{
	text-decoration:underline;
}



/*** FOOTER ***/
#main_footer{ width:982px; margin:0px auto; padding-top:10px; clear:both;}
#left_footer{ width:530px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#545454;  float:left; background-image:url(../images/icon_twitter.png); background-repeat:no-repeat; padding:20px 0px 28px 70px; margin-left:15px; }
#right_footer{ width:270px; float:right; line-height:20px; background-image:url(../images/icon_phone.png); background-repeat:no-repeat; background-position:0 0px; padding:0px 0px 10px 55px; line-height:20px; font-family:Georgia, "Times New Roman", Times, serif;}
.title_phone{ color:#6c4969; font-size:18px;}

#main_copyright{ width:982px; margin:0px auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#545454;}
.copyright{ 
/*	background-image url(../images/bg_copyright.gif); 
	background-repeat:no-repeat;*/ 
	padding:14px 0px 10px 0px; 
	text-align:center;}

/*** END OF FOOTER ***/

/* RSS Box
------------------------------------------------------*/
	/* The box container div with id 30158 */
	div#rssincl-box-132921 {
		width: 270px; /* sets the width of your RSSbox */
		overflow-x: none; /* sets a scrollbar if the content is larger than 350px */
	}
 
	/* All elements inside the box container */
	div#rssincl-box-132921 *{
		font-family:Georgia, "Times New Roman", Times, serif; /* sets the font family for all elements within the RSSbox */
		text-align:left; /* sets text-align to left for all elements*/
		margin:0; /* sets margin to zero for all elements*/
		padding:0; /* sets padding to zero for all elements*/
		line-height:18px; /* sets the line-height a bit greater than normal*/
		clear:both; /* no floating in general */
	}
 
	/* The <p> tag containing the news item title */
	div#rssincl-box-132921 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle {
		margin-bottom:4px; /* margin below the item title*/
	}
 
	/* The <a> tag wrapped around the news item title */
	div#rssincl-box-132921 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a {
		font-size: 12px; /* font size to 14px */
		font-weight:normal; /* bold */
		color: #6c4969;	 /* dark grey */
	}
 
	/* Set a color for rolling over the item title*/
	div#rssincl-box-132921 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a:hover{
		color:#866883; /* change font color to black on rollover */
	}
 
	/* The <p> tag containing the item description, and all elements inside this tag */
	div#rssincl-box-132921 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc,
	div#rssincl-box-132921 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc *{
		font-size: 12px; /* general font size 12px */
		color: #676767; /* dark grey */
	}
 
	/* The <p> tag containing the item date, and all elements inside this tag */
	div#rssincl-box-132921 div.rssincl-content div.rssincl-entry p.rssincl-itemdate,
	div#rssincl-box-132921 div.rssincl-content div.rssincl-entry p.rssincl-itemdate *{
		font-size: 11px; /* set date smaller than normal text */
		color: #676767; /* dark grey again */
		margin-bottom:15px; /* a bit of space below the date*/
		font-weight:bold; /* bold */
		
	}
 
	div#rssincl-box-132921 div.rssincl-content div.rssincl-entry p.rssincl-itemdate {
		
	}
 
	/* If there are images inside the description, you can style them as well */
	div#rssincl-box-132921 div.rssincl-content div.rssincl-entry div.rssincl-itemdesc img {
		border:0px solid #676767; /* no border for images inside description tag */
	}
 
	/* There is a clearer div which you can set to "clear:both"... */
	div#rssincl-box-132921 div.rssincl-content div.rssincl-entry div.rssincl-clear {
		clear:both; /* important when using "float" for item elements */
	}