body { background:#b3bbc6 url(http://www.drmatta.com/images/bg_page.png) repeat-x; margin:0 0 0 0; border:none; padding:0; color:#4a4a4a;}
 
/* HEADER 
------------------ */
#header { background:url(http://www.drmatta.com/images/bg-header.png) top center no-repeat; height:138px; width:100%;}
#header-inner { width: 930px; margin:0 auto; }
h1.logo { height: 99px; width: 354px; margin:0 0 0 15px; background: url(http://www.drmatta.com/images/logo.png) no-repeat; text-indent: -9000px; float: left; display: inline; }
#call-appt { width:180px; height:50px; float: right; }

/* BANNER NAV */

#content-i-right { position:relative;}
#nav { float:right; position:absolute; top:2px; right:5px; z-index:30;}
#nav a { background: #586368; display:block; float:left; color:#ffffff; height:20px; width:18px; margin:2px;  margin-bottom:5px; overflow:hidden; text-align:center; text-decoration:none;}
#nav a.activeSlide, #nav a:hover { background: #aec2cd; color: #242c31;}

/*DROPDOWN
-------------------*/

/* DROP V2 */
#beauty-conerns { position:relative; top:70px;}
#map1 { background: url(http://www.drmatta.com/images/drop-bar.png) bottom no-repeat; position: absolute; float: left; width: 100%;  z-index: 100; margin-top: -125px; }
#aaa { height:340px;}

/*.solution{background:rgba(200, 35, 150, 0.5);width:460px; height:70px; padding:6px 0 6px 0; position:relative; float:left; margin:0 0 0 0; border-top:3px #999 thin; z-index:1100;}*/
.containt{
	position:relative;
	border-top:1px #000 solid;
	margin:0 auto 0 auto;
	height:20px;
}
.containt2{
	position:relative;
	border-top:1px #000 solid;
	margin:0px auto 0 auto;
}

.heighter{
	height:10px;
}
/*------- pop up styling---------*/
.maintext p{
	font-size:11px;
	font-family: Verdana, Geneva, sans-serif;
	color:#4c4c4c;
}
.maintext li{
	font-size:11px;
	font-family: Verdana, Geneva, sans-serif;
	color:#4c4c4c;
}

/*original drop css.*/
.solution{ width:460px; height:70px; padding:6px 0 6px 0; position:relative; float:left; margin:10px 0 0 0; border-top:1px #B9B78B solid; z-index:1100;}
.solution p{ float:left; font:12px bold Verdana, Geneva, sans-serif; margin:7px 0 0 0; position:relative; color: #374051; z-index:1100;}
.solution img{ float:left; margin:2px 10px 0 10px; clear:both;}
.solution .but{ width:130px; height:30px; float:right; /*margin:-10px 0 0 0;*/ background:url(http://www.drmatta.com/images/get_solutions_button.png) 0px 1px no-repeat; z-index:1200; /*position:absolute;*/}
.solution .but a{ font:12px Verdana, Geneva, sans-serif; padding: 7px 0 7px 22px; text-decoration:none; display:block; color:#4E4E47;}
.solution .but:hover{background:url(http://www.drmatta.com/images/get_solutions_button.png) no-repeat; background-position:0 -30px; color: #4E4E47;}
.solution table.solultion-tbl { width:460px;}

/*style for table version*/
.soltext2{ width:100%; float:left; font:11px bold Verdana, Geneva, sans-serif; margin:7px 0 0 0; position:relative; color: #374051; z-index:1100;}
.but2{ width:130px; height:1.65em; float:right;background:url(http://www.drmatta.com/images/get_solutions_button.png) 0px 1px no-repeat; margin:20px 0 0 0;}
.but2 a{ font:12px Verdana, Geneva, sans-serif; padding: 7px 0 7px 22px; text-decoration:none; display:block; color:#4E4E47;}
.but2:hover{background:url(http://www.drmatta.com/images/get_solutions_button.png) no-repeat; background-position:0 -30px; color: #4E4E47;}

.toggle_container{ width: 100%; margin: 0 0 0 0; padding: 0; position:absolute; z-index:1000; background: url(http://www.drmatta.com/images/dropbar2.png) bottom no-repeat; overflow: hidden; font-size: 1.2em; width: 100%; height:353px; clear: both;}
#blocker{ width:940px; padding:20px 0 0 0; position:relative; margin:0 auto 0 auto; }
#blocker h3{ ; font-family:Verdana, Geneva, sans-serif; color: #374051; }
h2.trigger { padding: 0 0 0 50px; margin: 80px 0 0 400px; font-size: 1.25em; font-weight: normal; position:absolute; z-index:300;}
h2.trigger a { color: #fff; text-decoration: none; display: block;}
h2.trigger2 { padding: 0 0 0 0px; margin: 40px 0 5px 0px; height: 46px; line-height: 46px; width: 150px; font-size: 1.25em; font-weight: normal; float: right;}
h2.trigger a:hover { color: #ccc;}
h2.active {background-position: left bottom;}

/*IE7 ONLY */
*+html h2.trigger {padding: 0 0 0 0px; margin: -20px 0px 0px -490px; font-size: 1.25em; font-weight: normal; position:absolute; z-index:300;}

/* CONTENT 
------------------ */
#wrapper { background:url(http://www.drmatta.com/images/bg-wrapper.png) center repeat-y;}
#content-index { width:930px; margin: 0 auto;  border:1px solid #FFF; border-top:none; /*background:#FFF;*/}
#content-i-left { float: left; background:#e6edf1; width: 242px; border-right:1px solid #FFF; font: 12px/20px Arial, Helvetica, sans-serif;}
#content-i-right { float:right; width:686px; background:#FFF; font: 12px Arial, Helvetica, sans-serif; line-height:19px; color:#4c4c4c;}

#content-c-left { float: left; background:#e6edf1; width: 242px; border-right:1px solid #FFF; font: 12px Verdana, Geneva, sans-serif; line-height:18px;}
#content-c-right { float:right; width:656px; padding:5px 15px 0 15px; background:#FFF; font: 12px Arial, Helvetica, sans-serif; line-height:19px; color:#4c4c4c;}

.blog-sm-txt { font:10px/12px Arial, Helvetica, sans-serif; color:#717171; padding-bottom:5px;}

/* FOOTER 
------------------ */
#footer { background:#dedece url(http://www.drmatta.com/images/bg-footer-top.gif) top no-repeat; width:889px; margin: 0 auto; height:215px; padding:40px 20px 10px 20px;}

/* NAVS / LISTS
------------------ */
/* NAV MAIN */
ul.nav-main { list-style:none; margin:0; padding:0; margin-top:7px; margin-left:2px; font: 12px Verdana, Geneva, sans-serif; width:930px; float: left;}
ul.nav-main li { display:inline-block; background:url(http://www.drmatta.com/images/nav-li-sep.gif) right no-repeat; padding:0 5px; } 
ul.nav-main li.last { background: none; }
ul.nav-main li a { float:left; padding:0 5px 0 5px; height:31px; line-height:22px; text-decoration:none; color:#000;} 
ul.nav-main li a span { float:left; display:block;  padding:5px 14px 0px 13px; height:26px; font-weight:normal;}
ul.nav-main li a:hover { background:url(http://www.drmatta.com/images/nav-span-hover-left.gif) no-repeat left top; }
ul.nav-main li a:hover span {background:url(http://www.drmatta.com/images/nav-span-hover-right.gif) no-repeat right top; }

*html ul.nav-main li { display: inline;}
*+html ul.nav-main li { display: inline;}

/* NAV QUICK-LINKS */
ul.nav-quick { float: left; margin:0 0 20px 0; padding:0; list-style:none;}
ul.nav-quick li { display:inline-block; border-top: 1px solid #d5d7d9; width:290px; background:url(http://www.drmatta.com/images/icon-li-arrow-blue.gif) no-repeat; padding-left:30px; background-position: 5px 7px;}
ul.nav-quick li a { display:block; color:#4a4a4a; line-height:30px;}
ul.nav-quick li a:hover { color: #8cee56;}
ul.nav-quick li.bottom { border-bottom: 1px solid #d5d7d9;}

/* NAV KWICKS */
ul.kwicks { list-style: none; position:relative; padding:0; margin:0; font: 12px Verdana, Geneva, sans-serif; color:#000;}
ul.kwicks li { display:block; overflow:hidden; height: 31px; width:231px; line-height:30px; padding:0 0 0 10px; border-bottom:1px solid #FFF;}
ul.kwicks li:hover { cursor: pointer; background:#d3dfe6 url(../images/kwick_img.png) no-repeat;}
ul.kwicks li a{ text-decoration:none; color:#000; font-weight:normal;}

/* KWICK HOVER POSITIONS */
#kwick1:hover{ background-position:0px 0px;}
#kwick2:hover{ background-position:-251px 0px;}
#kwick3:hover{ background-position:-502px 0px;}
#kwick4:hover{ background-position:-753px 0px;}
#kwick5:hover{ background-position:-1004px 0px;}
#kwick6:hover{ background-position:-1255px 0px;}
#kwick7:hover{ background-position:-1506px 0px;}
#kwick8:hover{ background-position:-1757px 0px;}
#kwick9:hover{ background-position:-2008px 0px;}
#kwick10:hover{ background-position:-2259px 0px;}
#kwick11:hover{ background-position:-2510px 0px;}
#kwick12:hover{ background-position:-2761px 0px;}
#kwick13:hover{ background-position:-3012px 0px;}
#kwick14:hover{ background-position:-3263px 0px;}
#kwick15:hover{ background-position:-3514px 0px;}
#kwick16:hover{ background-position:-3761px 0px;}
#kwick20:hover{ background-position:-4011px 0px;}


/* TEXT FOR KWICK */
.clickhere{ width:210px; font: 9.5px Verdana, Geneva, sans-serif; color:#8D9DAC; float:right; text-align:right; line-height:12px; margin:5px 5px 0 0; font-weight:bold;}

/* NAV FOOTER */
ul.footer-left { width:200px; float: left; padding:0; margin:0 5px 10px 5px;}
ul.footer-right { width:200px; float: left; padding:0; margin:0 5px 10px 5px;}

ul.footer-left li, ul.footer-right li { list-style: none;}
ul.footer-left li.footer-title { color: #4a4761; font: 12px Arial, Helvetica, sans-serif; font-weight:bold; padding:5px 0;}
ul.footer-left li a, ul.footer-right li a, ul.footer-left li a:link, ul.footer-right li a:link, ul.footer-left li a:visited, ul.footer-right li a:visited { color: #000; font: 11px Arial, Helvetica, sans-serif; text-decoration: none;}
ul.footer-left li a:hover, ul.footer-right li a:hover { color: #2a353d; text-decoration:underline;}

ul.footer-left li ul { padding:5px; margin:0;}

#usage-statment { float: left; font: 11px Arial, Helvetica, sans-serif; color:#8c8c8c; width:100%;}
#usage-statment a, #usage-statment a:link, #usage-statment a:visited { color: #8c8c8c;}
#usage-statment a:hover { color: #2a353d;}

/* LINKS */
a:link { color: #000; font-weight:bold; }
a:hover { color: #000; }
a:visited { color: #454545; }
a:active { color: #454545; }

/*gallery css*/
.gally img{
	border:2px #4B4B4B solid;
}
.gally ul{
		width:670px;
		margin:-7px 0 5px 0;
		padding:0px 0px;
		float:left;
}
.gally ul li{
	float:left;
	margin:0 15px 0 0;
	list-style:none;
}
.cont_head2{
	clear:both;
}
#ba_wrap{
	margin:0 0 0 20px;
}
.servicescontent2{ height:128px; margin:0; border:0; padding:0 0 0 0px; background: #e6edf1;
}
.servicescontent2 h1{
	display:block;
	height:100%;
	margin:0 0 0 0;
	padding:70px 0 0 15px;
	font-size:40px;
	font-family:Arial, Helvetica, sans-serif;
	color:#303c43;
}

/* REV 2 Changes - Services */

h2.services_title { color:#000;} 

.cont_text_left { float:left; width:415px; padding:0 10px;}
.cont_text_right { float:right; width:240px; padding:0 10px 0 0;}
.cont_text_right a, .cont_text_right a:visited { text-decoration:underline; color:#4c4c4c;}
.cont_text_right a.office_link {  font-weight:bold;}
.cont_text_right a:hover { color:#000;}

div.ctr_header { background:#e6edf1; border:2px solid #e6edf1; margin-top: 30px;}
div.ctr_header h2.crt_title { color:#000; padding-left:10px;}
div.crt_body { padding:10px; border:2px solid #e6edf1;}

ul.nav-quick-v2 { list-style:none; padding:5px; margin:0;}
ul.nav-quick-v2 li { background:url(../images/icon-arrow-small-grey.gif) left no-repeat; background-position: 0 11px; padding:5px 0 3px 23px; color:#4c4c4c;}
ul.nav-quick-v2 li a, ul.nav-quick-v2 li a:visited { color:#4c4c4c; text-decoration:underline;}
ul.nav-quick-v2 li a:hover { color:#000;}


/*------------------------services pages css-------------*/

.servicescontent{ height:250px; margin:0; border:0; padding:0 0 0 0px;}
.candara-blue{ font-size:10px;
	}
.headspace{line-height:25px;}
	.cont_head{margin:0 0 0 10px; width:340px; float:left; clear:both;}
	.cont_text{clear:left; margin:0 25px 0 15px;}
	.useful{width:300px; padding:0 5px 0 0; margin:0 20px 45px 10px; height:200px; float:right; clear:right;}
	
	/* IE7 Only */