/*
  JudyHueyDDS.com
  Screen, Projection Style Sheet - by webmediarx.com
  					- rev. 26 april 06
*/
/*  Tag Re-declarations
------------------------------------------- */
* { border:0;margin:0;padding:0;}
body, html {
  height:100%;
  min-height:100%;
  background:url(../_img/test_bg.jpg) repeat-x bottom center;}
html>body { height: auto;}
body {
  margin:0px; padding:0px;
  background-color:#fff;}
img { border:none;}
input, textarea {
  border:1px solid #666;}
#content .thumb {
  text-align:center;
  margin:5px 0 5px 11px;
  padding:4px;
  border:3px solid #e2e2e2;
  color:#999;
  background:#fff;}
#content a:hover .thumb, #content a:active .thumb {border: 3px solid #F09930;}

#content h3 + p {padding:0; margin:0}


/*  Layout Definitions
------------------------------------------- */
#bg_image {
  height:100%;
  min-height: 100%;}
#wrapper {
  height:100%;
  width:760px;
  margin:0px auto;}
#header {
  background:transparent url(../_img/header.jpg) no-repeat;
  width:700px;
  height:85px;}
#leftColumnWrapper{
  float:left;
  width:330px;}
#leftOfNav {
  background:url(../_img/left_of_nav.jpg) no-repeat;
  float:left;
  width:171px;
  height:261px;
  clear:right;
  display:block;}
#belowFlower {
  float:left;
  background:url(../_img/bottom_flower.jpg) no-repeat;
  width:330px; 
  height:189px;}
.imgCopy {
  float:left;
  padding-right:8px;}

  
/*  Content Definitions
------------------------------------------- */
#content {
  padding-bottom:50px;
  margin:0 60px 0 20px;
  text-align:left;
  float:right;
  width:335px;
  font:13px "Lucida Grande", Arial, Helvetica, sans-serif;
  color:#718a5b;}
#content p {
  padding:10px 0 0 0;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:18px;}
#content a:link, #content a:visited { 
  color:#ee5602;
  font:12px "Lucida Grande", Arial, Helvetica, sans-serif;
  text-decoration:none;}
#content a:hover {
  text-decoration:underline;}
#content h1 {
  font:25px "Lucida Grande", Arial, Helvetica, sans-serif;
  letter-spacing:-1px;
  color:#ee5602;
  padding:5px 0 10px 0;}
#content h2 {
  color:#ee5602;
  text-align:left;
  letter-spacing:-1px;
  padding:20px 0px 0px 12px;
  border-bottom:2px solid #ffbd24;
  font:bold 18px Georgia, "Times New Roman", Times, serif;}
#content h3 {
  font:14px "Lucida Grande", Arial, Helvetica, sans-serif;
  font-weight:bold;
  letter-spacing:-1px;
  color:#718a5b;
  padding:8px 0 0 0;}
#content h4 {
  margin:0;
  padding:8px 0 0 0;
  font:12px "Lucida Grande", Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#666;}
#content h4  + p { margin:0; padding:0} 
  
#content .testified {
  font:11px "Lucida Grande", Arial, Helvetica, sans-serif;
  font-weight:bold;
  letter-spacing:1px;
  color:#ee5602;}
#content .hilighted {
  font:italic 1.4em Georgia, serif;
  padding:5px 0;}
	#content .hilighted a {font:italic 1.1em Georgia, serif; text-decoration:underline;}
	#content .hilighted a:hover {text-decoration:none;}
#content .testimonial {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  font-size:12px;
  padding:5px 0;}
#content .keywords {
  font-style:italic;
  font-size:12px;
  font-weight:bold;}
#content img {
  margin:0;}
#content ul {
  padding:5px 0 5px 0;
  list-style-type:none;}
#content li {
  text-indent:5px;
  line-height:18px;
  background:url(../_img/flower_bullet.gif) no-repeat 5px 5px;
  padding:0 0 0 10px;}
.dropcaps:first-letter {
  font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
  font-size:300%;
  float:left;
  color:#718a5b;}
span.nfo {
  font-size:10px;
  font-style:italic;}


/*  Navigation Definitions
------------------------------------------- */
div#nav {
  width:159px; height:261px;
  margin:0; padding:0;
  background:transparent;
  float:left;}
div#nav ul#menu {
  width:159px; height:261px;
  background:transparent url(../_img/navImage.jpg) left top no-repeat;
  margin:0;padding:0;
  position:relative;}
div#nav ul#menu li {
  left:0;
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  text-indent:-9999px;
  width:159px;}
div#nav ul#menu li a {
  width:159px;
  display:block;
  position:relative;}
#menu_home a  				{top:0px; height:57px;  }
#menu_about a  				{top:57px; height:31px; }
#menu_services a  			{top:91px; height:33px; }
#menu_testimonials a  		{top:124px; height:35px;}
#menu_contact a  			{top:159px; height:30px;} 
#menu_home a:hover 			{background:transparent url(../_img/navImage.jpg) -159px 0 no-repeat;	  }
#menu_about a:hover  		{background:transparent url(../_img/navImage.jpg) -159px -57px no-repeat; }
#menu_services a:hover  	{background:transparent url(../_img/navImage.jpg) -159px -91px no-repeat; }
#menu_testimonials a:hover  {background:transparent url(../_img/navImage.jpg) -159px -124px no-repeat;}
#menu_contact a:hover  		{background:transparent url(../_img/navImage.jpg) -159px -159px no-repeat;}

/*  Extra Stuff
------------------------------------------- */
.formHeader {
  display:block;
  width:480px;height:30px;
  padding:6px 0 0 10px;
  background:#f7f3e8 url(_img/content/formHeaderBG.gif) no-repeat;
  font:bold 16px Georgia, "Times New Roman", Times, serif;}
.formErrorInfo {
  color:#f00;
  font:bold 10px Arial, Helvetica, sans-serif;}
.formErrorTxt {
  color:#f00;
  font:bold 11px Arial, Helvetica, sans-serif;
  display:block;
  width:260px; padding:1px;}
#clearTest{
  clear:both;}


/*  Thats the End!    Seriously... go!
------------------------------------------- */
