@import url("../../_addons/sifr3/css/sIFR-screen.css");

/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global 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,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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }

body {
	behavior:url(csshover.htc);
	line-height:1; }	
	
ol,ul { 
	list-style:none;
}
	
li { font-family: Tahoma, Arial, Helvetica, sans serif;
font-size:14px;
color:#000;
line-height: 1.4;
text-align:left;
margin-left:20px;
}
	
table {
	border-collapse:separate; 
	border-spacing:0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption,th,td {
	line-height: 1.4em;
	padding: 5px;
	font-size: 1.4em;
	/*text-align: left;*/ 
	font-weight:normal;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	text-align:center;
	background: url(/_ui/bg.jpg) repeat-x;
}

#content {
text-align:left;
position: relative;
}

.text {
font-family: Tahoma, Arial, Helvetica, sans serif;
font-size:1.3em;
margin-left:15px;
color:#000;
list-style-type: disc;
margin-top: 10px;
line-height: 1.4;
text-align:left;
margin-bottom:10px;
}

.text li {
margin-bottom:5px;}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h1 { color:#163C61; font-size: 75px;}

h2 {  color: #2C2F54; font-size: 20px; font-family: Times New Roman, serif; line-height: 24px; margin-bottom: 10px; }

h3 { margin-top: 20px; margin-bottom: 4px; color: #2C2F54; font-size: 18px;}

h4 { font-size: 14px; font-family: Times New Roman, serif; /*color:#666666; font-family: Tahoma, Arial, Helvetica, sans serif;*/}

strong {font-weight: bold; }

a {
color: #2C2F54; }

iframe {
border: 2px solid #cccccc; }

p  { font-family: Tahoma, Arial, Helvetica, sans serif;
font-size:14px;
color:#000;
line-height: 1.4;
text-align:left;
margin-bottom:10px;
}

h2.teethwhitening1 { color: #2C2F54; font-size: 20px; font-family: Tahoma, Arial, Helvetica, sans serif; line-height: 24px; padding-top:54px; padding-left:183px; text-align:center; }
h2.teethwhitening2 { color: #2C2F54; font-size: 20px; font-family: Tahoma, Arial, Helvetica, sans serif; line-height: 24px; padding-left:140px; text-align:center; }
h2.teethwhitening3 { color: #2C2F54; font-size: 20px; font-family: Tahoma, Arial, Helvetica, sans serif; line-height: 24px; padding-top:18px; padding-right:134px; text-align:center; }

p.teethwhitening { color: #666666; font-size: 14px; padding: 0 45px; text-align: justify; }

.button-callnow {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 10.5px 21px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 24px !important;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button-callnow:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button-callnow:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

#content img {
float:left;
margin-right:10px;
margin-bottom:5px;
}

blockquote {padding-left: 40px; padding-bottom: 2px; padding-right: 10px; padding-top: 13px; margin: 20px; color: #000; font-weight: bold;}

blockquote p {width: 380px;}

h2.our-team-title {
display: none; }

#team h3 { margin-top: 0;}

.photo-text { float: left; width: 462px; margin-bottom: 10px;}

.comment 		{	background: url("/images/comment-bg.gif") repeat-y;}
.comment div 	{	background: url("/images/comment-top.gif") no-repeat top;}
.comment-name-r	{	background: #fff url("/images/comment-btm-r.gif") no-repeat top; display: block; padding:25px 58px 10px 0; text-align: right; color: #666; margin: 0;}
.comment-name-l	{	background: #fff url("/images/comment-btm-l.gif") no-repeat top; display: block; padding:25px 0 10px 58px; text-align: left; color: #666; margin: 0;}
.comment-text	{	padding: 20px; margin: 0; font-size: 14px;}

.br {
	color: #999;
	margin-bottom: 20px;
	background: #999;
	border: 1px solid #999;}

/* Layout stuff */
#container {
/*position:relative;*/
width:900px;
margin:0 auto;}

#header {
width:900px;
height:125px;}

#header h1  {
background:url(/_ui/header.jpg);
font-size: 20px;
width:900px;
height:94px;
}

#splash {
margin-bottom:10px; }

#ads {
background: url(/_ui/shelf.jpg) no-repeat bottom;
width: 900px;
height: 155px;
}

#ads a:hover {
filter:alpha(opacity=75);
opacity: 0.75;
}

#ads a img:hover {
filter:alpha(opacity=75);
opacity: 0.75;
zoom: 1;
}

img.ad {
margin: 0;
padding: 0;
}

#left {
float:left;
width:405px;
padding: 10px 20px;}

#right {float:left;
width:445px;
margin-left: 8px;
padding-top: 10px;
}

.text-large p {
font-size: 19px;
color: #666;
margin: 0 10px 30px 0;
}

.address p {
font-size: 15px;
}

#right p {
font-size: 15px;
color: #333;
}

.button-block {
text-align: center;
padding: 10px;
margin-top: 20px;
}

#content .button-block img {
float: none;}

#content .inline-logo {
float: none; margin: 0 0 -8px; padding: 0;}

#sub_top {
height: 13px;
width:900px;}

#sub_left {
width: 14px;
float:left;
height:313px;
background:url(/_ui/sub_bg_left.jpg) no-repeat;
}

#sub_content {
min-height:400px;
float:left;
width:636px;
background: #FFFFFF;
padding:15px;
}

#sub_content img {

}

#sub_right {
background:url(/_ui/sub_bg_right.jpg) no-repeat;
width: 14px;
height:293px;
float:left;
}
#sub_picture {
float:left;
height: 313px;
background:url(/_ui/sub_bg_bottom.jpg) no-repeat bottom;
}

#sub_picture img {
margin: 0;
float:left;}

#sub_menu img {
margin: 0;
}

#sub_menu {
margin-top:20px;
float:left;
background:url(/_ui/sub_menu_bg.jpg) repeat-x;
text-align:left;
width: 220px;
}

#sub_menu ul {
/*margin-top: 60px;*/
margin-top: 10px;
}

#sub_menu ul li {
font-size:16px;
margin-bottom:10px;
margin-left:20px;
}

#sub_menu p {
padding: 10px 20px 0;
font-size: 13px;
clear: both;
}

.more {
text-align: right;
font-weight: bold;
color: #2C2F54;
font-size: 14px;
}

#sub_sidepics {
width: 180px;
margin: 20px;
float: left;
}

#sub_sidepics .bg-shadow {
background: url(/_ui/bg-shadow.jpg) no-repeat right bottom;
padding: 0 10px 10px 0;
width: 132px;
height: 142px;
margin: 80px 20px 20px;
}

#sub_sidepics .bg-shadow img {
border: 2px solid #fff;
float: none;
margin: 0;
}

#footer {
 font-family: Tahoma, Arial, Helvetica, sans serif;
font-size:12px;
color:#333333;
line-height: 1.4;
text-align:center;
padding-top:10px; 
border-top: 2px solid #cccccc;
margin-top: 10px;
/*float:left;*/
padding-bottom: 20px;}

/* Menu */

.navbtn-home {
	background-image:url(/_ui/nav.png);
	background-position: -14px 0px;
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	height:31px;
	position:absolute;top:0;left:0;
	width:117px;
}

#navigation {
	margin:0 12px;
}
#navigation li {
	position:relative;
	float:left;
}
#navigation li a {
	float:left;
	height:31px;line-height:26px;
	text-align:center;text-decoration:none;text-transform:uppercase;
	font-size:12px;
	color:#fff;
	overflow: hidden;
}
	#navigation li#mactive a, #navigation li#mactive a span {cursor:default;}
	#navigation li a:hover {
		color:#000;
		background-color:#efefef;
	}
	#navigation a span {
		position:absolute;top:0;left:0;
		height:31px;width:100%;
		background-repeat:no-repeat;
		background-image:url(/_ui/nav.png);
		cursor:pointer;
		overflow: hidden;
	}
	
	#header .l-home a {width:97px;}
#header .l-abou a {width:117px;}
#header .l-dent a {width:148px;}
#header .l-test a {width:155px;}
#header .l-serv a {width:120px;}
#header .l-poli a {width:109px;}
#header .l-cont a {width:125px;}

#header li.l-home a span {background-position:   -14px 0px;}
#header li.l-abou a span {background-position: -111px 0px;}
#header li.l-dent a span {background-position:-228px 0px;}
#header li.l-test a span {background-position:-376px 0px;}
#header li.l-serv a span {background-position:-531px 0px;}
#header li.l-poli a span {background-position:-651px 0px;}
#header li.l-cont a span {background-position:-760px 0px;}

#header li.l-home a:hover span, #header li#mactive.l-home a span {background-position:   -14px -31px;}
#header li.l-abou a:hover span, #header li#mactive.l-abou a span {background-position: -111px -31px;}
#header li.l-dent a:hover span, #header li#mactive.l-dent a span {background-position:-228px -31px;}
#header li.l-test a:hover span, #header li#mactive.l-test a span {background-position:-376px -31px;}
#header li.l-serv a:hover span, #header li#mactive.l-serv a span {background-position:-531px -31px;}
#header li.l-poli a:hover span, #header li#mactive.l-poli a span {background-position:-651px -31px;}
#header li.l-cont a:hover span, #header li#mactive.l-cont a span {background-position:-760px -31px;}

#header li ul {
display: none;
position: absolute;
width:250px;
top: 0px;
left: 0;
margin-left:-1px;
margin-top:31px;
overflow: visible;
}
#header li ul li {
background-color: #c3c3c3;
z-index: 1000;
}

#header li ul li a {
color: #333333;
width: 250px;
text-align: left;
padding-left: 12px;
}

#header li.l-serv ul li a {
width: 300px;
text-align: left;
padding-left: 12px;
}

#header li>ul {
top: auto;
left: auto;
}

#header li:hover ul, #header li.over ul {
display: block;
}

.blog-container {
	background-color:#FFFFFF;
	min-height:300px;
}
#myform {
	float: left;
	width: 636px;
}
#myform label{
	font-size:12px;
}
#myform th,td{
	font-size:12px;
	line-height:14px;
}
.literature-container{
padding-top:10px;
padding-bottom:10px;
}


