/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
color:#666666;
}
*html body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
color:#666666;
}

.splashpic {
margin: 0 0 0 0;
padding: 0 0 0 0;}

.splashinfo {
position:absolute;
left: 323px;
top: 88px;
z-index:1;
}

a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
color:#666666;
font-weight:bold;
}

a:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
color:#333333;
font-weight:bold;
}

a:link, a.active, a.visited {
border-bottom:1px dotted #cfadd8;
}

a:hover{
color:#000000;
border-bottom:1px solid #000000;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#946d9a;
font-size: 18px;
line-height: 21px;
text-transform:lowercase;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#999999;
font-size: 15px;
line-height: 18px;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#9a7da2;
font-size: 12px; 
line-height: 16px;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#666666;
font-size: 11px;
line-height: 14px;
}

.border {
border:#EEEEEE 2px solid;
}

br {line-height: 80%;}
hr {border-top: 1px solid #e2cce9; color:#FFFFFF; }

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 15px;
color:#666666; background-color:#e3cce9;}

*html body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 15px;
color:#666666; background-color:#b3DF8a;
} 

/*****************************
CONTAINERS
******************************/

.container {
position:relative;
font-family: Arial, Helvetica, sans-serif;
border: 2px solid #EEEEEE;
color:#333333;
background-color:#FFFFFF;
margin:auto;
width: 800px;
min-height:700px;
height:auto !important;
height:700px;

}

.floatleft { position:relative; float:left; background-color:#FFFFFF; padding-bottom:15px; }
.floatright {position:relative; float:right; background-color:#FFFFFF; padding-bottom:15px;}
.clearboth {position:relative; clear:both;}


.content {
position:relative;
margin-bottom: 280px;
width: 580px; 
color:#666666;
left:200px;
top:200px;
}

.secondarycontent {top:-175px;}
.floatleft:first-line {color:#000000;}
.floatright:first-line {color:#000000;}

.breadcrumb {border-bottom:1px solid #EEEEEE; margin-top: 15px; display:none;}

.wrapper {width:370px; padding-bottom:70px;} /*content/middle column*/

.gal_lgpics {
border:1px solid #EEEEEE;
background-color:#000000;
width: 400px;
}

/*****************************
TEST SECONDARY NAVIGATION
Float Right Nav
******************************/

ul.testnav3 {  
border:1px solid #e2cce9;
padding: 2px; margin-top:25px;
width:175px; float:right; margin-left:10px;}

ul.testnav3 li {
  padding: 0;
  margin: 0;
  list-style:none;
  left: 5px;
width:180px;
height:20px;
margin-bottom:2px;
}
  
ul.testnav3 li a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height: 14px;
font-weight:normal;
color:#666666;
text-decoration:none;
background-color:#FFFFFF;
width:170px;
height:20px;
display:block;
padding: 3px;
vertical-align:middle;
border-bottom: 1px solid #EEEEEE;}

ul.testnav3 li a:link, ul.testnav3 li a:active, ul.testnav3 li a:visited {
color:#666666;
font-weight:normal;
background-color:#FFFFFF;}

ul.testnav3 li a:hover{
color:#000000;
font-weight:normal;
background-color:#EEEEEE;
}

/*ul.testnav3 li:after{
	content: "\0020 \007C \0020";}*/

/*****************************
NAVIGATION
Main Navigation
******************************/

.nav2 {
position:absolute;
float: left;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
width: 149px;
height:auto;
background-image:url(../images/navbottom.gif);
background-repeat:no-repeat;
background-position:bottom;
padding:0 0 100px 0;
left:25px;
top:0px;
z-index:1;
text-align:left;}

.nav2 ul {
padding: 0;
margin: 0;
width: 149px;
list-style: none;
}
.nav2 ul li ul {
 padding: 0;
  margin: 0;
  list-style: none;
  display: none; 
  border: 1px solid #CCCCCC; 
  text-align:left;}
  
.nav2 ul li:hover > ul {display: block; position: absolute; left:150px; text-align:left; width: 246px; background-color:#CCCCCC;margin:0; padding:0;} 

.nav2 ul li:hover > ul.aboutusnav {top: 240px;}
.nav2 ul li:hover > ul.solutionsnav {top: 260px;}
.nav2 ul li:hover > ul.treatmentnav {top: 281px;} 
.nav2 ul li:hover > ul.perriconenav {top: 302px;} 

.nav2 ul li:hover > ul.aboutusnav2 {top: 232px;}
.nav2 ul li:hover > ul.solutionsnav2 {top: 252px;}
.nav2 ul li:hover > ul.treatmentnav2 {top: 273px;} 
.nav2 ul li:hover > ul.perriconenav2 {top: 295px;} 

.nav2 ul li:hover > ul li a.nav2title {background-color:#CCCCCC; color:#FFFFFF;}

.logobordertop {
border-top: #e2cce9 1px solid;
width: 139px;
}

.nav2 ul li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 20px;
border-bottom: 1px solid #EEEEEE;
text-align:right;
width: 140px;
padding: 0 10px 0 0;
height: 20px;
text-decoration:none;
display:block;
background-color:#FFFFFF;
}

.nav2 ul li a:link, .nav2 ul li a:active, .nav2 ul li a:visited { 
color:#666666;
background-color:#FFFFFF;
}
.nav2 ul li a:hover {
color:#000000;
background-color:#EEEEEE;
}

.nav2 ul li ul li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 20px;
border-bottom: 1px solid #EEEEEE;
text-align:left;
width: 235px;
height: 20px;
text-decoration:none;
display:block;
}
.nav2 ul li ul li a:link, .nav2 ul li ul li a:active, .nav2 ul li ul li a:visited {
background-color:#FFFFFF;
padding:0 0 0 10px;
color:#666666;
top: -25px;
}

.nav2 ul li ul li a:hover {
padding: 0 0 0 10px;
background-color:#EEEEEE;
color:#000000;
}

.box-link:link {color: #424141; background-color:#f0e5f3; padding:5px; text-decoration:none; font-weight:normal;}
.box-link:visited {color: #424141; background-color:#f0e5f3; padding:5px; text-decoration:none; font-weight:normal;}
.box-link:active {color: #424141; background-color:#f0e5f3; padding:5px; text-decoration:none; font-weight:normal;}
.box-link:hover {color: #424141; background-color:#c598d1; padding:5px; text-decoration:none; font-weight:normal;}

/******************************
HEADER
Email, Main Graphic
******************************/

.emailheader {
border-bottom:2px solid #EEEEEE;
padding: 10px;
vertical-align:middle;
text-align:right;
clear:both;
height:14px;
width:auto;
position:relative;
}

.header_image {position:absolute; right:0px; top:35px; /*_top:-0px;*/ border-bottom:1px solid #EEEEEE; border-left:0; height:165px;}
.header_image img {border:0; width:800px; height:165px;}

a.headerform {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:18px;
text-decoration:none;
background-colour:#EEEEEE;
text-align:right;
font-weight:bold;
letter-spacing:0.1em;
}

a.topemail:link, a.topemail:active, a.topemail:visited {
border-bottom: 1px dotted #e2cce9;
background-colour:#EEEEEE;
color:#666666;
}
a.topemail:hover {
border-bottom: 1px solid #000000;
background-colour:#e2cce9;
color:#000000;
}

.headerquestion {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#b3DF8a;
font-size: 10px;
line-height: 14px;
}

/*****************************
FOOTER
Address info
******************************/

.footer {
	position:absolute;
	bottom:0px;
	border-top:2px solid #eeeeee;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height: 14px;
	color:#666666;
	background-color:#FFFFFF;
	font-weight:normal;
	clear:both;
	width: 800px;
	height:50px;
	margin:0px;
	padding:0px;
	display:block;
}
.footer a {
font-size:9px;
line-height: 14px;
font-weight:bold; 
text-decoration:none; 
}
.footer a:link, a:active, a:visited {border-bottom:1px #e2cce9 solid; color:#666666;}
.footer a:hover {border-bottom:1px #EEEEEE solid; color: #000000;}

/*****************************
GALLERY
Gallery Picture Styles
*****************************/

.catalogue {float:left; margin-bottom: 10px; width:75px;}
.bagallery {margin:0 0 0 10px; padding:0; width: 105px; white-space:nowrap; display:inline; float:left;}
.bagallery img {margin:0; border: 1px solid #e2cce9; padding: 2px; display:inline; cursor:crosshair;}
.bagallery div {
padding:0; margin:0 0 2px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color:#999999;
width:100px;
display:inline;}

.galheader {clear:left;}

/*****************************
MISC
Single Use only classes
*****************************/

.perriconelogo {
width: 200px;
height:130px;
display:block;
border-top:1px dotted #b3DF8a;
border-bottom:1px dotted #b3DF8a;
display:block;
text-align:left;
width: 200px;
height:120px;
text-decoration:none;

}


a.perriconelogo:visited, a.perriconelogo:link, a.perriconelogo:active{ 
border-top:1px dotted #b3DF8a;
border-bottom:1px dotted #b3DF8a;
display:block;
text-align:left;
width: 200px;
height:120px;
text-decoration:none;
}


a.perriconelogo:hover {
border-top:1px dotted #000000;
border-bottom:1px dotted #000000;
display:block;
text-align:left;
width: 200px;
height:120px;
text-decoration:none;}

/***/

.quicklinks {
border-top:1px solid #e3cce9; clear:both;} 

/***/

.clinicpics img{width: 150px; border: 1px solid #e3cce9; padding: 2px; margin: 5px; }

img.imgborder {border: 1px solid #e2cce9; padding: 2px; margin: 5px; float:left;}

/***/

.promotext {
font:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color:#666666;}

/** Allura Client Appreciation Days: **/

.upcoming-event{float: left; width: 100%;border:0px}
.upcoming-event img{border:0px}
.upcoming-event a{border:0px}
/*.upcoming-event img{float: right; padding: 3px 3px 0px 3px}*/
.upcoming-event .info{float: left;}
.upcoming-event a.facebook{background: url('../images/facebook.png') no-repeat; with: 24px; height:24px; display: inline-block; padding-left: 26px;}
.upcoming-event a.twitter{background: url('../images/twitter.png') no-repeat; with: 24px; height:24px; display: inline-block;padding-left: 26px;}
.upcoming-event .info a:hover, .upcoming-event a.twitter:hover, .upcoming-event a.facebook:hover{text-decoration: none}

/** sponsors **/
#sponsors h2{font-size: 20px; text-decoration: underline;text-shadow: 1px 2px 3px #cba5d8; }
#sponsors ul{float: left; margin: 0px 0px 0px -30px; list-style: none}
#sponsors ul li{margin-top: 5px; padding:  10px; text-align: center;border: 0px solid #e2cce9;border/*\**/: 1px solid #e2cce9\9;/* IE 8 */; display: inline-block; width: auto;float: left;float/*\**/:none\9;/* IE 8 */}
#sponsors ul li img{display: block; margin: auto}
#sponsors ul li.twitter, #sponsors ul li.facebook, #sponsors ul li.youtube{float: left;width: 50px;display: inline-block;}
#sponsors ul li.twitter, #sponsors ul li.facebook{margin-left: 3px}
/* opera 10 */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
    #sponsors ul li{border: 1px solid #e2cce9;float:none}

}
/* google chrome & safari 4 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #sponsors ul li{border: 1px solid #e2cce9;float:none}
}

/* Firefox */
@-moz-document url-prefix(){
	#sponsors ul li{border: 1px solid #e2cce9;float:none}
}