/*
  practiceIdentity.com page styles
  Author: WebMediaRx Team http://webmediarx.com
    - rev. 08 Dec 06
*/
html{height:100%}
* { border:0;margin:0;padding:0}
body{height:100%; background:url(../_img/bg.jpg) repeat-x; font-size:80%;font-weight:normal; margin:0;padding:0px; background-color:#efefef}
body.interior{height:100%; background:url(../_img/bg.gif) repeat-x; background-color:#efefef}
img{border:none}
#Container{position:relative; margin-bottom:75px; min-height:100%}
#headContainer{overflow:hidden; width:760px; margin:0px auto}
#columnwrap{width:760px; margin:0px auto}

/* header 
----------------------------------------------- */
#header{margin:0px auto; background: url(../_img/header_bg.gif) no-repeat; width:760px;height:141px}
  
/* tooltip links 
----------------------------------------------- */  
a.tooltip{border-bottom:1px dashed #ccc; position:relative; z-index:24; background-color:none; color:#000; text-decoration:none}
a.tooltip:hover{z-index:25; background-color:none; cursor:help}
a.tooltip span{display:none}
a.tooltip:hover span{text-indent:15px; background:url(../_img/arrow.gif) top left no-repeat; letter-spacing:-0.002em; font:normal 0.75em "Trebuchet MS", Arial, Helvetica, sans-serif; padding-left:5px; display:block; position:absolute; top:2em;left:2em;width:15em; border:1px dotted #666; background-color:#f6f6f6;color:#333; text-align:left}

 /*  Tagline 
------------------------------------------- */ 
#tagline{width:760px; height:146px; background-color:#fff}
#tagline h1{letter-spacing:-1px; padding-top:25px; color:#333; margin-left:68px; font:normal 1.6em Lucida Sans Unicode,"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif}
#tagline h2{letter-spacing:-1px; text-align:center; padding-top:15px;margin-left:275px; color:#779f07; font:normal 1.2em Lucida Console, Courier, monospace}
#tagline h3{text-align:center; padding-top:35px; color:#5c5c5c; font:normal 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif}
acronym{border-bottom:1px dashed #999; cursor:help}
#tagline ul{padding:15px 0 10px 30px}
#tagline li{color:#666; font:normal 1.25em "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../_img/green_star_bullet2.jpg) 11px 8px no-repeat; font-size:1.25em; line-height:1.6em; list-style:none; text-indent:20px; padding:0 10px 0 8px}
#tagline ul.left{float:left; padding-left:110px}
#tagline ul.right{float:left; padding-right:0} 
  
/*  Navigation Definitions
-------------------------------------------*/ 
#navcontainer{width:760px; margin:0 auto} 
#nav{font:normal 0.9em Arial, Helvetica, sans-serif; float:left; width:100%; background:#fff url(../_img/navbg.gif) repeat-x bottom; line-height:normal}
#nav ul{margin:0; padding:10px 0 0; list-style:none}
#nav li{float:left; background:url(../_img/left.gif) no-repeat left top; margin:0; padding:0 0 0 9px}
#nav a{float:left; display:block; background:url(../_img/right.gif) no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#666}
/* Commented Backslash Hack hides rule from IE5-Mac \*/ #nav a {float:none;} /* End IE5-Mac hack */
#nav a:hover{color:#000}
#nav #current{background-image:url(../_img/left_on.gif)}
#nav #current a{background-image:url(../_img/right_on.gif); color:#000; padding-bottom:5px}
  
/*  Promo Nav Definitions
------------------------------------------- */
div#promonav{overflow:hidden; text-align:center; clear:both; padding:0 0 0 0;border:0;  background:transparent}
div#promonav ul#promomenu{height:211px;width:760px;  background:transparent url(../_img/promos.jpg) top left no-repeat; overflow:hidden; margin:0;padding:0; position:relative}
div#promonav ul#promomenu li{margin:0;padding:0;  list-style:none;  position:absolute; top:0}
div#promonav ul#menu li,ul#promomenu a{height:211px; display:block}
div#promonav ul#promomenu li a{text-decoration:none; 
/* Commented backslash hack for IE Mac \*/ overflow: hidden; /* end hack */ }
div#promonav ul#promomenu li a span{position:relative;top:15px; line-height:17px; letter-spacing:-1px; padding:0 7px; color:#666; font:normal 1.5em Lucida Sans Unicode,"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif}
div#promonav ul#promomenu li a span:hover{color:#333}
#webpromo      {left:0px;width:253px  }
#printpromo    {left:253px;width:254px}
#marketingpromo{left:507px;width:253px}
#webpromo a:hover      {background:transparent url(../_img/promos.jpg) 0px -211px no-repeat   }
#printpromo a:hover    {background:transparent url(../_img/promos.jpg) -253px -211px no-repeat}
#marketingpromo a:hover{background:transparent url(../_img/promos.jpg) -507px -211px no-repeat}

/*  right Column 
------------------------------------------- */
#rightColumn{margin:25px 0; float:right; text-align:left; width:243px}
#rightColumn h1{font:normal 1.7em Georgia, "Times New Roman", Times, serif; padding:3px 0; color:#333; letter-spacing:-1px}
#rightColumn h2{text-decoration:none; font:bold 1.9em Arial, Helvetica, sans-serif; padding:4px; color:#333; letter-spacing:-1px}
#rightColumn h2 span{text-decoration:none; font:bold 0.8em Arial, Helvetica, sans-serif; padding:4px; color:#555; letter-spacing:-1px}
#rightColumn h3{padding:2px; font:normal 1.2em Georgia, "Times New Roman", Times, serif; color:#0674a7}
#rightColumn h5{text-transform:uppercase; font:bold 0.75em  Arial, Helvetica, sans-serif; padding:5px; color:#333}
#rightColumn h5 a{text-decoration:none; color:#333}
#contactContainer{padding:10px 0; text-align:center; width:223px; background:#fff url(../_img/get_started_bg.jpg) top repeat-x; border:3px solid #fff; margin:5px}
#contactContainer img{padding-top:5px; border:none}
#affiliateContainer{padding:10px 0; text-align:center; width:223px; background:#fff url(../_img/logoall_bg.jpg) top repeat-x; border:3px solid #fff; margin:5px}
#affiliateContainer img{padding:5px 0; border:none}
#affiliateContainer h6{ font:normal 0.9em Georgia, "Times New Roman", Times, serif; color:#888}
#affiliateContainer h5 span{ text-decoration:underline}  

  /*  Main Content Definitions
------------------------------------------- */
#content{margin:25px 0; float:left; text-align:left; width:460px}
#content p{text-align:justify; padding:0 15px 4px 5px; font:normal 1.25em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; line-height:1.5}
#content sup{color:#777}
#content p span{background-color:#e2e2e2; font:bold 1em Georgia, "Times New Roman", Times, serif}
#content p a:link, #content p a:hover, #content p a:visited{letter-spacing:-1px; font-size:1.25em; color:#ff9c03; text-decoration:none}
#content h1{text-indent:5px; font:normal 1.9em Georgia, "Times New Roman", Times, serif; padding:10px 0; color:#779f07; letter-spacing:-1px}
#content h1 span{color:#333; padding:0 2px}
#content h2{text-indent:5px; font:normal 1.7em Georgia,"Times New Roman", Times, serif; padding:5px 0; color:#333; letter-spacing:-1px}
#content h2 span{color:#779f07;}
#content h2 a{text-decoration:none; color:#ff9c03}
#content h3{text-indent:5px; font:normal 1.5em Georgia,"Times New Roman", Times, serif; padding:5px 0; color:#333; letter-spacing:-1px}
#content h5{font:normal 1.2em Georgia, "Times New Roman", Times, serif; padding:0; color:#666}
#content ul{padding:0 0 0.8em 0} 
#content li{font:normal 1.25em "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../_img/green_star_bullet.jpg) 10px 6px no-repeat; font-size:1.25em; line-height:1.7em; list-style:none; text-indent:20px; padding:0 10px 0 8px}
#content img.levels{padding:10px}
#content img.web{clear:left; float:right; padding:5px 5px 0 10px}
#content img.print{float:right; padding:25px 15px 0 10px}
#content .package{padding:10px 0 0 5px; background:#efefef url(../_img/package_bg2.jpg) top no-repeat; width:450px; margin:15px 0 15px 0}
.package ul li span{color:#d3d3d3}
#content blockquote{font:normal 1.06em "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../_img/quote.gif) no-repeat left 20px; padding:20px 25px 10px 15px; margin:-5px -10px 0 0; line-height:1.4; color:#666; text-align:justify; word-spacing:0.2em; text-indent:4px}
#content blockquote a, #content blockquote a:hover{text-decoration:underline; color:#ff9c03}
#content p small{font-weight:bold; font-size:0.75em; padding:0 0 0 10px}
#content img.GMC{float:none; padding:5px 0 5px 85px}
#content img.adsense{float:right; padding:0 0 5px 5px}
  
  /*  Footer
------------------------------------------- */
#footer{margin:-175px auto 0 auto; position:relative; clear:both; width:100%;height:100px; background:url(../_img/footer_bg.gif) repeat; border-top:5px solid #999; color:#fff; text-align:center}
#footer p{font:bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 5px 0}
#footer a, #footer a:hover{color:#e9ebe3}  
  
  /*  lightbox
------------------------------------------- */  
#lightbox{position:absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0}
#lightbox a img{border:none;}
#outerImageContainer{position:relative; background-color:#efefef; width:250px; height:250px; margin:0 auto}
#imageContainer{padding:10px}
#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink, #nextLink{width:49%; height:100%; background:transparent url(../_img/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover, #prevLink:visited:hover{background:url(../_img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover{background:url(../_img/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{color:#333; font:normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#efefef; margin:0 auto; line-height:1.4em}
#imageData{padding:0 10px}
#imageData #imageDetails{ width:70%;float:left;text-align:left}	
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em}			
#imageData #bottomNavClose{width:66px;float:right; padding-bottom:0.7em}		
#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6}
.clearfix:after{content: ".";  display:block;  height:0;  clear:both; visibility:hidden}
* html>body .clearfix{display:inline-block; width:100%}
* html .clearfix{/* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */}	
	
/*  Form Shiznit! --for future use!!
----------------------------------------------- */
.emailCell{margin:0 0 10px 0; padding:0 10px 0 10px; width:450px; float:left; background:#efefef url(../_img/package_bg2.jpg) top no-repeat}
/*fieldset{margin:5px 20px}
legend{padding:0 0 10px 0; font:bold 1.2em arial, helvetica, verdana, Trebuchet MS, sans-serif; color:#bcd1fd; padding:5px 0 0 0; letter-spacing:-0.01em; letter-spacing:-0.02em}
label{width:90px;height:28px; margin:3px 2px 0 0; padding:11px 0 0 6px; background-color:#f6f6f6; float:left; display:block; font:normal 100% Helvetica, Arial, "Trebuchet MS" sans-serif; letter-spacing:-1px; line-height:1.1; color:#777}
.form{margin:0; padding:0}
.clear{clear:both}
.div_texbox{width:296px; float:right; background-color:#e2e1e1; height:31px; margin-top:3px; padding:5px 0 3px 5px}
.div_textbox_textarea{width:296px; float:right; background-color:#e2e1e1; height:121px; margin-top:3px; padding:5px 0 3px 5px}
.textbox{background-image: url(../_img/16t.gif); background-color:#f6f6f6; background-repeat: no-repeat; background-position:left; background-position:0 8px; width:265px; font:normal 18px Arial; color:#666; padding:6px 8px 1px 19px}*/
/*.textbox_textarea{white-space:pre;  so that explorer wraps text in  background-image:url(../_img/16t.gif); background-color:#f6f6f6; background-repeat: no-repeat; background-position:top left;*//* background-position:0 10px; width:265px; height:112px; font:normal 18px Arial; color:#666; padding:6px 8px 1px 19px}
.textbox:focus, .textbox:hover, .textbox_textarea:focus, .textbox_textarea:hover{background-color:#eff9d3}
.button_div{float:left; text-align:left; height:35px; margin-top:3px; padding:5px 109px 3px}
.button{background:#e1f6ff; font-size:12px; color:#666; padding:6px 14px; border-width:2px; border-style:solid; border-color:#e2e2e2 #999 #999 #e2e2e2; text-decoration:none; text-transform:uppercase; font-weight:bold}
input.button:hover, input.button:focus, input.button.hover, input.button.focus{ background-color:#d7f3ff; color:#000}*/
/* NOTE: .hover and .focus classes IE JS */
/* input.short:hover, input.short:hover, 
 input.med:hover, input.med:focus, 
 textarea.textbox:hover, textarea.textbox:focus, 
 input.short.hover, input.short.focus,
 input.med.hover, input.med.focus,  
 textarea.textbox.hover, textarea.textbox.focus{background-color:#e1f6ff; cursor:text}*/
#suck-it-in{width:375px; padding:10px}
#thankYou p{color:#cc6633}
#contactForm{clear:none}
form{font:.9em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; border:none; padding:0}
input, textarea, select{margin:0; padding:3px; border:1px solid #ccc; font:1.1em "Trebuchet MS", Arial, Helvetica, sans-serif}
#txtMessage{width:400px; height:150px;}
.required{font:bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#903;}
.error{background-color:#d0f5fd; font:bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; padding:3px;}
 
/*   Sitemap
------------------------------------------- */
#content_sitemap{margin:25px 10px; float:left; text-align:left; width:460px}
#content_sitemap h3 a, #content_sitemap h3.sitemap {font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; letter-spacing:-0.03em; margin-left:0.4cm;  text-decoration:none; line-height:1.7}
#content_sitemap h1{text-indent:5px; font:normal 1.9em Georgia, "Times New Roman", Times, serif; padding:10px 0; color:#779f07; letter-spacing:-1px}
ul.sitemap{list-style-type:none; margin-left:0.5cm; padding-left:0}
ul.sitemap li{background:transparent; padding-left:0.2em; color:#333}
ul.sitemap li a{font:normal 11px Georgia, "Times New Roman", Times, serif; color:#ef8d31; background:transparent url(../_img/folder.png) no-repeat -1px -1px;/*margin-left : -1.1em;*/ padding-left:1.5em}
ul.sitemap li img{padding-right:2px}
/*ul.sitemap li a:hover{background:transparent url(../_img/sitemapdocbullethover.gif) no-repeat}*/
ul.sitemap li a.parent{background:transparent; padding-left:0}
ul.sitemap li ul{background:transparent /*url(../_img/sitemapfolderbullet.gif)*/ no-repeat; list-style-type:none; margin:-1em 0 0 -1.6em; padding:1.4em 0 0 0.6em}
ul.sitemap li ul:hover{background:transparent /*url(../_img/sitemapfolderbullethover.gif)*/ no-repeat}
ul.sitemap li ul li{margin-left:0.5cm; padding-left:10px}
  
/*  Thats the End!    Seriously... go!
----------------------------------------------- */