@charset "UTF-8";
/* CSS Document */


/*******************************************/
/********** FONTS **********/
/*******************************************/
h1 {font-family:"Trebuchet MS";font-size:1.25em;font-weight:normal;color:#007698;}
h2 {font-family:"Trebuchet MS";;font-size:1.125em;font-weight:normal;}
h3 {font-family:"Trebuchet MS";font-size:14px;font-weight:normal;line-height: 16px;color: #333333;}
h4 {font-family:"Trebuchet MS";font-size:0.875;font-weight:normal;}
h5 {font-family:"Trebuchet MS";font-size:0.875;font-weight:normal;}
h6 {font-family:"Trebuchet MS";font-size:0.875;font-weight:normal;}
p {font-family:"Trebuchet MS";font-size:14px;font-weight:normal;}
#content strong {font-weight:normal;}
img {behavior: url(inc/pngbehavior.htc);}

#googlemap {width: 550px; height: 270px; border:1px solid #ccc;line-height:15px;float:left;}
/*******************************************/
/********** CLASSES **********/
/*******************************************/
.white{color:#FFFFFF;}
.black{color:#000000;}
.gray{color:#999999;}
.red{color:#ff0000;}
.blue{color:#3399ff;}
.green{color:#99CC00;}
.orange{color:#ff6600;}
.purple{color:#990066;}
.paddingx5{width:200px; margin:0px;padding:20px 0px 0px 20px;font-family: "Trebuchet MS";font-size: 12px;line-height: 13px;font-weight: normal;color: #333333;}
.paddingx10{width:460px; margin:10px 0px 0px 10px;font-family: "Trebuchet MS";font-size: 12px;line-height: 17px;font-weight: normal;color: #333333;}
.clear {clear:both;}
.hr {width:600px; height:1px; color:#CCCCCC;}


/*******************************************/
/********** LAYOUT **********/
/*******************************************/
html,body {height:100%; width:100%; margin:0px auto;}
body {margin:0 auto;background-color:#ffffff;background-repeat: repeat-x;background-position:center top;background-image: url(../images/bg.jpg);font-family: "Trebuchet MS";font-size: 12px;line-height: 17px;font-weight: normal;color: #333333;}
#wrapper {width:960px;margin:0px auto 0px auto;}
#nav2 {width:715px;height:46px;margin:100px 0px 0px 8px;background: url(../images/nav.png) no-repeat; padding:0px;behavior: url(inc/pngbehavior.htc);}
*html #nav2	{padding-bottom:0px;margin:0px 0px 0px 8px;background:none;}
*html #wrapper	{width:980px}
#footer {width:695px;height:100px;margin:0px 0px 0px 20px;padding:0px;}

/*******************************************/
/********** CONTENT AREA **********/
/*******************************************/
#leftcol{width:245px;height:500px;height:auto !important;min-height:500px;margin:0px;float:left;padding:0px;}
*html #rightcol	{margin:100px 0px 0px 0px;}
#rightcol{width:715px;height:500px; height:auto !important;min-height:500px;margin:0px;float:right;padding:0px;}
	
/*******************************************/
/********** LINKS **********/
/*******************************************/
a.box:link { color: #000000; text-decoration: none; padding: 4px; background-color: #FFFFFF;}
a.box:visited { color: #333333; text-decoration: none; padding: 4px; ;}
a.box:hover { color: #333333; padding: 4px; background-color: #DBF4FF; }
a img {border: none; }
a.credit:link {color:#333333; text-decoration: none; padding:0px;}
a.credit:visited {color: #000000;text-decoration: none;padding: 0px;}
a.credit:hover { color: #007698;padding:0px;}

/*******************************************/
/********** PAGE ELEMENTS **********/
/*******************************************/
#credit{width:100px;height:50px;margin:0;font-family:Arial, Helvetica, sans-serif;font-size: 10px;line-height: 16px;padding:0px;margin:0px;float:right;}
#copyright{width:400px;height:50px;margin:0;font-family:Arial, Helvetica, sans-serif;font-size: 10px;line-height: 16px;padding:0px;margin:0px;float:left;}
#imagebox {width:597px; height:225px; background-repeat: no-repeat; background-position:center top; background:url (http://www.thewebguys.com/review/oralandfacial/images/welcome.png);}
#logo {width:245px; height:152px; float:left;padding:0px; margin:0px;}
#clientlogin {width:245px; height:259px;background:url(../images/clientlogin.png);behavior: url(inc/pngbehavior.htc);}
#clientlogin2 {width:245px; height:20px;background:url(../images/clientlogin.png);behavior: url(inc/pngbehavior.htc);}
#contactbox {width:245px; height:283px;background:url(../images/contactbox.png);behavior: url(inc/pngbehavior.htc);}
#contenttop {width:735px; height:20px;background:url(../images/contenttop.png); behavior: url(inc/pngbehavior.htc);}
*html #contenttop {margin-top:55px;}
#content {width:735px; height:500px; height:auto !important;min-height:500px;background:url(../images/contentmiddle.png); float:left;background-repeat: repeat;margin:0px;padding:0px;behavior: url(inc/pngbehavior.htc);}
#contentbottom {width:735px; height:20px;background:url(../images/contentbottom.png); float:left;margin:0px;padding:0px;behavior: url(inc/pngbehavior.htc);}
#contentinside {width:689px; height:500px; height:auto !important;min-height:500px;margin:0px 0px 0px 20px; padding:0px;}
#login {width:200px;height:200px;margin:0px; padding:50px 0px 0px 20px;font-family: "Trebuchet MS";font-size: 12px;line-height: 17px;font-weight: normal;color: #333333;}

#footer a	{text-decoration:none;}

#footer #credit				 {float:right;width:115px;}
#footer #credit a 	 		 {color:#OOOOOO;text-decoration:none;}
#footer #credit a:hover 	 {color:#007698;text-decoration:none;}

/*******************************************/
/********** FORMS **********/
/*******************************************/
/**********  CONTACT FORM   **********/
form#contact 	{
	margin:0;
	padding: 5px;
	float:right;
	width: 275px;
	background:#FFFFFF;	
	border:none;
	}	

#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	margin:0px 0px 10px 0px;
	position:relative;
	display:block;
	border:1px solid #a5cae4;
	padding: 0px 10px 10px 10px;
	} 
	
#contact legend	{
	color:#3399FF;
	font-variant:small-caps;
	padding:2px 5px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	}

#contact span.state	{width:130px;float:left;text-align:right;}
	
#contact #zip {
	width: 60px;
	margin-right:12px;
	float: left;
	}
#contact #zipname	{width:27px;margin-left:13px;float:left;}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}

textarea{overflow:auto;}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}
	
#contact .shhhh, .shhhh {display:none;} 

/****************    NAV   ************/
#nav2 .menu {padding: 60px 0px 0px 0px;overflow: hidden;height: 0px !important;height /**/:50px;float:left;}

		
#nav2 a#home{background:url(../images/navstatic_01.jpg) no-repeat;width:66px;}
#nav2 a#home:HOVER,.home #nav2 a#home{background:url(../images/nav_01.jpg) no-repeat;}

#nav2 a#company{background:url(../images/navstatic_02.jpg) no-repeat;width:82px;}
#nav2 a#company:HOVER,.procedures #nav2 a#procedures{background:url(../images/nav_02.jpg) no-repeat;}
		
#nav2 a#products{background:url(../images/navstatic_03.jpg) no-repeat;width:88px;}
#nav2 a#products:HOVER,.about #nav2 a#about{background:url(../images/nav_03.jpg) no-repeat;}

#nav2 a#testimonials{background:url(../images/navstatic_04.jpg) no-repeat;width:110px;}
#nav2 a#testimonials:HOVER,.news #nav2 a#news{background:url(../images/nav_04.jpg) no-repeat;}

#nav2 a#news{background:url(../images/navstatic_05.jpg) no-repeat;width:62px;}
#nav2 a#news:HOVER,.contact #nav2 a#contact	{background:url(../images/nav_05.jpg) no-repeat;}

#nav2 a#events{background:url(../images/navstatic_06.jpg) no-repeat;width:71px;}
#nav2 a#events:HOVER,.contact #nav2 a#contact{background:url(../images/nav_06.jpg) no-repeat;}

#nav2 a#support{background:url(../images/navstatic_07.jpg) no-repeat;width:78px;}
#nav2 a#support:HOVER,.contact #nav2 a#contact{background:url(../images/nav_07.jpg) no-repeat;}

#nav2 a#faq{background:url(../images/navstatic_08.jpg) no-repeat;width:51px;}
#nav2 a#faq:HOVER,.contact #nav2 a#contact{background:url(../images/nav_08.jpg) no-repeat;}

#nav2 a#contactus{background:url(../images/navstatic_09.jpg) no-repeat;width:107px;}
#nav2 a#contactus:HOVER,.contact #nav2 a#contact{background:url(../images/nav_09.jpg) no-repeat;}
 
/******* Graphic NAV MENU  ***********/
#nav2	{height:50px; width:735px; float:left;}
*html #nav2	{position:absolute;z-index:500;} /*IE 6*/ 
		
ul#imagenav {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 735px; /*For KHTML*/
  list-style: none;
  height: 46px;
  padding: 0px;
	}

ul#imagenav li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 46px;
  z-index:500;
	}

ul#imagenav li li{height:20px;margin:0px 0px 2px 0px;padding:2px 0px 2px 0px;}

ul#imagenav ul {
  margin:15px 0px 0px 0px;
  border: 0 none;
  padding: 0;
  width: 200px;
  list-style: none;
  display: none;
  position: absolute;
  top: 34px;
  left: 0;
	}

ul#imagenav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
	}

/* Root Menu */
ul#imagenav a {
	padding: 2px 2px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #000000;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	font-family: "Trebuchet MS";
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	}

/* Root Menu Hover Persistence */
ul#imagenav a:hover,
ul#imagenav li:hover a,
ul#imagenav li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 2nd Menu */
ul#imagenav li:hover li a,
ul#imagenav li.iehover li a {
	float: none;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	color: #999999;
	font-size:16px;
	height:50px;
	text-indent:5px;
  	}
	
*html #imagenav	{z-index:500; position:relative;}



/* 2nd Menu Hover Persistence */
ul#imagenav li:hover li a:hover,
ul#imagenav li:hover li:hover a,
ul#imagenav li.iehover li a:hover,
ul#imagenav li.iehover li.iehover a {
  background: #DBF4FF;
  color: #999999;
	}

/* 3rd Menu */
ul#imagenav li:hover li:hover li a,
ul#imagenav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#imagenav li:hover li:hover li a:hover,
ul#imagenav li:hover li:hover li:hover a,
ul#imagenav li.iehover li.iehover li a:hover,
ul#imagenav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 4th Menu */
ul#imagenav li:hover li:hover li:hover li a,
ul#imagenav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 4th Menu Hover */
ul#imagenav li:hover li:hover li:hover li a:hover,
ul#imagenav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
	}

ul#imagenav ul ul,
ul#imagenav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#imagenav li:hover ul ul,
ul#imagenav li:hover ul ul ul,
ul#imagenav li.iehover ul ul,
ul#imagenav li.iehover ul ul ul {
  display: none;
	}

ul#imagenav li:hover ul,
ul#imagenav ul li:hover ul,
ul#imagenav ul ul li:hover ul,
ul#imagenav li.iehover ul,
ul#imagenav ul li.iehover ul,
ul#imagenav ul ul li.iehover ul {
  display: block;
	}
	
/*DEMO FORM*/
#demoform {width:480px; text-align:center; margin:0 auto;}
#demoform fieldset {margin:0; border:0; padding:0;}
#demoform legend {display:none;}
#demoform h3 {clear:both; padding:5px 0px 10px 0px; font-size:14px;}
#demoform label {display:block; width:480px; font-size:12px; line-height:14px; padding:5px 0px 2px 0px; text-align:left;}
#demoform input {display:block; margin-top:3px;}
#demoform input.full {width:470px;}
#demoform select {float:left; display:block;}
#demoform label.clrleft {clear:left;}
#demoform label.half {float:left; margin:0px 10px 0px 0px; width:230px;}
#demoform label.half input, #demoform label.half select {float:left; width:226px; padding:0px;}
#demoform .smred {font:9px;color:#990000;}
#demoform .red	{color:#990000;}
#demoform label.third {float:left; margin:0px 10px 0px 0px; width:110px;}
#demoform label.third input, #demoform label.third select {float:left; width:102px;}
#demoform textarea {display:block; width:470px; height:100px; margin-top:3px;}
#demoform #OtherComments {display:none;}