@charset "utf-8";

body, div, p, ul, ol, li, span, h1, h2, h3, h4, hr, table, td, a { margin:0; padding: 0; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:1.4em; color:#fff;  background-color:#000;}

#shell { overflow:hidden; position:relative;  width:960px; background-color:#333333; margin:0 auto; }

#container { margin:0 auto; position:relative;  padding-bottom:15px; min-height:730px;}

#header {height:156px; position:relative; }

.topimg { display:block; margin-left:68px; padding-top:40px; }

.logo { display:block; border:0px; position:absolute; bottom:50px; right:120px;}

#name {position:absolute; right:25px; bottom:20px; font:16px "Lucida Sans", "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana,  sans-serif; font-variant:small-caps; COLOR:#ff9933; }

#phone {position:absolute; top:15px; right:25px; font:24px "Century Gothic", AppleGothic, Verdana, sans-serif; color:#ff9933;}

.title{ background-color:#00cccc; height:100px;  text-indent:45px; width:100%; font:bold 22px Verdana, "Lucida Sans", "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif; text-transform:uppercase; line-height:100px !important; color:#000; }

#content { width:415px; margin:25px 0 0 168px; font-size:15px; font-weight:bold; color:#a9a9a9;}

#intmag{position:absolute; top:5px; right:5px; width:300px; height:365px; overflow:hidden;}
.SSpics img{width:290px; height:340px; background:none;}
#intmag p {text-align:right; font:16px "Lucida Sans", "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana,  sans-serif; position:absolute; bottom:0px; right:15px; }

#qc {	float:right; margin-top:280px; margin-right:10px; width:330px;	padding: 15px;	background-color:#2f2f2f; position:relative; -webkit-border-radius: 15px;	-moz-border-radius: 15px; border-radius: 15px;}

.inv-elite {position:absolute; bottom:50px; left:40px; border:0px;}


/*HOMEPAGE STYLING*/
.homepage #shell {background-color:#050404;}
.homepage #container {background:#050404 url(images/bg_container.jpg) no-repeat;}
.homepage #header {display:none;} 
.homepage .logo {left:25px; top:45px;}
.homepage #flashlogo {display:block; border:0px; position:absolute; left:25px; top:5px; width:277px; height:152px;}
.homepage #phone {top:45px;}

#toplinks {position:absolute; right:25px; top:80px;}
#toplinks a {margin-left:5px; }
#toplinks a img{border:0px;}

.homepage .title {display:none;}

.homepage #menu {margin-top:262px;}
#menu p.callus {font:normal 15px/24px "Lucida Sans", "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana,  sans-serif; text-transform:uppercase; color:#ff9933; padding-left:15px;}


.homepage #content {width:700px; margin:0 auto; padding-top:25px; clear:both;}
.homepage #content p{text-align:center;}
.homepage h2 {color:#99cccc; text-transform:uppercase; margin-bottom:0px;}

#award {background:#006699; border:1px solid #fff; padding:5px; width:400px;}
#award p {padding-top:10px; text-align:left; margin-bottom:0px; font-size:12px; line-height:14px; color:#DBE9EC; }

#bottom {position:relative; border:15px solid #333333; border-left:none; border-right:none; padding:25px 0 25px 25px; min-height:335px;}

#videoplayer {width:300px; height:190px; padding:9px 0 0 51px; float:left; background:url("images/videoplayer.png") no-repeat;}

.homepage #qc {margin-top:0px;}

#btmlinks {text-align:center;}
#btmlinks img{border:0px; margin:0 8px 15px 8px;}

/* main content styling */
h1, h2, h3, h4 {color: #99cccc; border:0 none; }
h1 {font-size:22px; text-transform:uppercase; margin-bottom:15px;}
h2 {font-size:18px; font-weight:bold; color:#ffffff; margin-bottom:15px;}
h3 {font-size:15px; font-weight:bold; text-transform:uppercase;}
h4 {font-size:15px; font-weight:bold; }

a, a:link,  a:visited {color:#99cccc; text-decoration:underline; }
a:hover, a:active { text-decoration: none; }
a:focus { outline: 0 none; }

a img { border: 0 none; }

strong {color:#ffffff;}

p, ol, ul, hr { margin:0px 0 15px 0; padding: 0;  }

ul, ol {margin:0; padding:0 0 0 1.5em; }
ol li, ul li {margin:0 0 0.5em; padding:0em;}


/* Specialty Formatting */
.clear { clear:both; height: 0; }
.clearright { clear: right; height: 0 }
input:focus, textarea:focus, object:focus { outline: none; }
#FAQ li a {cursor:pointer;}
#content.staff h3 {clear:both;}

/* photos */
.photoright { float: right; margin:0 0 10px 15px; border:1px solid #818181; }
.photoleft { float: left; margin:0 15px 10px 0; border:1px solid #818181; }
.photo { border:2px solid #818181; }
.featureCenter {margin:0 auto; border:1px solid #000;}
.staffPhoto {height:175px; float:right; margin:0 -150px 10px 0px; }

/*Flash Features styling*/
#feature { width:420px; margin:0 auto 20px }
#feature.beforeafter, #feature.parts {	height:264px;}
#feature.emergencies, #feature.problems, #feature.types {	height:230px;}
#feature.hygiene, #feature.hygiene-dental, #feature.planner {	height:373px}


/* menu */

#menu { width:162px; float:left; padding:0; margin:0; }
#menu hr {height:5px; background:url(images/nav_divider.png) center center no-repeat; font-size:0px; line-height:0px; margin:15px auto; border:0px; }
#menu ul { margin:0; padding:0; }
#menu ul li { list-style:none; position:relative; z-index:210; margin:0; padding:0 }
#menu ul li a, #menu ul li a:link, #menu ul li a:visited { display: block; height:35px; width:162px; text-decoration:none; text-indent:-9999px; background-image:url(images/menu.png); }
#main1 a { background-position:0 0; }
#main2 a { background-position:0 -35px; }
#main3 a { background-position:0 -70px; }
#main4 a { background-position:0 -105px; }
#main5 a { background-position:0 -140px; }
#main6 a { background-position:0 -175px; }
#main7 a { background-position:0 -210px; }
#main8 a { background-position:0 -245px; }
#main9 a { background-position:0 -280px; }

#main1 a:hover { background-position:162px 0; }
#main2 a:hover { background-position:162px -35px; }
#main3 a:hover { background-position:162px -70px; }
#main4 a:hover { background-position:162px -105px; }
#main5 a:hover { background-position:162px -140px; }
#main6 a:hover { background-position:162px -175px; }
#main7 a:hover { background-position:162px -210px; }
#main8 a:hover { background-position:162px -245px; }
#main9 a:hover { background-position:162px -280px; }



#magmenu { margin-left:162px; padding:0; padding-top:200px; width:100%; *margin-top:-520px;}
#magmenu ul { margin:0; padding:0; }
#magmenu ul li { list-style:none; position:relative; margin:0; padding:0; float:left;   }
#magmenu ul li a, #magmenu ul li a:link, #magmenu ul li a:visited { display: block;  text-decoration:none; color:#fff; text-align:center; font:16px "Lucida Sans", "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana,  sans-serif; }

#mag1{z-index:200; left:-25px;}
#mag1 img {z-index:210; position:relative;}
#mag2 {z-index:10000; left:-80px; top:-30px; display:block; position:relative; }
#mag2 img {z-index:250; position:relative;}
#mag3{z-index:200; left:-110px;}
#mag3 img {z-index:210; position:relative;}

/* sub menu */
#menu ul li ul, #magmenu ul li ul { position: absolute; display: none; left:165px; top:0px; padding:10px 0; z-index: 500; overflow:hidden; background: #000; width:235px ; }
#magmenu ul li ul {left:25px; top:325px; padding-top:25px; z-index:3;}
#menu ul li ul li, #magmenu ul li ul li { display:block;  }
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited,
#magmenu ul li ul li a, #magmenu ul li ul li a:link, #magmenu ul li ul li a:visited {display: block ; height:auto ; width:215px ; background-image:none ; text-indent:0px ; color:#d2d2d2; font:bold 14px Verdana, Arial, Verdana, Geneva, sans-serif; text-decoration:none; text-align: left; line-height:25px;  padding-left:12px; margin:0;   }
#menu ul li ul li a:hover, #menu ul li ul li a.hover, #magmenu ul li ul li a:hover, #magmenu ul li ul li a.hover { background:url(images/hover.png) 0 center no-repeat ; }

.homepage #menu ul li ul {left:150px;}



/* footer */
#footer {background:#0000000; text-align: center; font-size:12px; width:960px; margin:0 auto; clear:both; padding:15px 0; }
#footer p { color:#5e5e5e; margin-bottom:8px; line-height:1.2em;  }
#footer p strong{ color:#5e5e5e;  }
#footer p.adds {font:normal 14px "Century Gothic", AppleGothic, Verdana, sans-serif; text-transform:uppercase;}
#footer a, #footer a:link, #footer a:visited { text-decoration: none; color:#5e5e5e; }
#footer a:hover { text-decoration: underline; color: #ffffff;}
#footer p.footlogos {font:12px/40px "Century Gothic", AppleGothic, Verdana, sans-serif; text-align:center; }
#footer p.footlogos img{border:0; margin-left:20px;}


/*-------------------- Page 1 Forms <---------------------*/

#qc form{
	padding:0;
	margin:0;
}
#qc ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
#qc ul li {
	margin:0;
	padding:0;
}
#qc h2{
	font:22px/22px "Lucida Sans", "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana,  sans-serif; 
	text-transform:uppercase;
	color:#fff;
	padding-left:15px; 
	margin-bottom:8px;
}
#qc h2 img {
	border:0;
	margin-left:10px;
}
#qc p {
	font-size: 10px;
	color: #807f7f;
	line-height: 11px;
	margin-bottom:8px;
}
#qc p#disclaim {
	padding:0 10px;
	font-weight:bold;
}
#qc p#req {
	margin:0;
}
#qc input{
	width:320px;
	margin:0 0 3px 0;
	padding: 3px 5px;
	border:none;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#5c5853;
	color:#ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#qc textarea{
	width:267px;
	height:85px;
	margin:3px 0 0 0;
	padding:5px;
	border:none;
	font-size:11px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	background:#a5a5a5;
	color:#2f2f2f;	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#qc input.select{
}
#qc .button {
	width:44px;
	height:39px;
	background: transparent url(images/submit.png) no-repeat top left;
	padding-bottom:1px;
	cursor:pointer;
	position:absolute;
	bottom:10px;
	right:10px;
	text-indent:-9999px; 
	display:block;
	overflow:hidden;
	font-size:0px;
	line-height:0px;
}

.invalid {
    border: 1px solid #F00000!important;
    color: #FFFFFF!important;
}


#contact{
}
#contact form{
}
#contact ul{
	list-style-type: none;
	padding:0;
	margin:0;
}
#contact ul li{
}
#contact div{
}
#contact input{
	width:320px;
	margin:0 0 3px 0;
	padding: 3px 5px;
	border:none;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#5c5853;
	color:#ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#contact textarea{
	width:367px;
	height:85px;
	margin:3px 0 0 0;
	padding:5px;
	border:none;
	font-size:14px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	background:#a5a5a5;
	color:#2f2f2f;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#contact input.select{
}
#contact .button{
	background: transparent url(https://secure.page1forms.com/clients/RudmanRobert/images/contact-submit.jpg) no-repeat top left;
	width:200px;
	height:25px;
	cursor:pointer;
}