
 
/* page attributes */
body { background-color:#f6f6f6; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #676767; margin: 0 auto 0 auto; text-align: center; padding: 0px; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #676767; text-decoration: none; }
a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4F020F; text-decoration: underline; }
a:hover { color: #333333; }
a img { border:0;}
strong {color:#364159;}


/* classes */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.bold { font-weight: bold; }
.hide { display: none; }
.clear-left { clear:left; }
.address { color: #364159; margin-left:20px; width:200px; }
.thumbs { margin: 2px 5px 0px 5px; }
.header { font-size:16px; font-weight:bold; color: #4F020F; line-height:35px; }

h1 { padding:  0px 0px 0px 5px; font-size: 19px; letter-spacing: -1px; }
h1 span { color: #4f020f; }
 

/* skeleton */
#wrap { width: 948px; text-align: left;  margin: 0px auto 0px auto; position: relative; }


#logo {  background: transparent url(/images/SV_Dental_logo.png) no-repeat top left; _background: transparent url(/images/SV_Dental_logo.gif) no-repeat top left; width: 237px; height: 120px; position: absolute; top: 10px; left: 0px; z-index: 3; }
#header { background: transparent url(/images/header.png) no-repeat top left; _background: transparent url(/images/header.gif) no-repeat top left; width: 923px; height: 145px; position: absolute; top: 75px; left: 15px; z-index: 2;  }

#header-text { position: absolute; top: 15px; #top: 30px; right: 30px; }
#header-text p { color: Black; font-size: 18px; text-align: right; font-weight: bold; }
#header-text p span { color: #4f020f; font-size: 12px;  }

#nav { background: transparent url(/images/nav.png) no-repeat top left; _background: transparent url(/images/nav.gif) no-repeat top left; width: 686px; height: 56px; position: absolute; top: 208px; left: 245px; z-index: 4; padding: 11px 0px 0px 0px; text-align: center; }
#nav a { background-color: #4f020f; color: White; font-weight: bold; font-size: 14px; text-decoration: none; padding-right: 30px; }
#nav a.last { padding-right: 0px; }
#nav a:hover { color: Yellow; }

#wrap-body { position: absolute; top: 203px; background:  url(/images/sidebar-bg.png) repeat-y top left; _background: url(/images/sidebar-bg.gif) repeat-y top left; width:930px; margin: 0px; padding: 0px;   }

.sidebar-head { background: transparent url(/images/sidebar-head.png) no-repeat top left; _background: transparent url(/images/sidebar-head.gif) no-repeat top left; width: 258px; height: 35px; padding: 25px 0px 0px 35px; font-size: 18px; letter-spacing: -1px; }
.sidebar-head span { color: #4f020f; }

.sidebar { width:258px; margin: 0px; padding: 0px; float:left; }
.sidebar p { padding: 0px 20px 8px 15px; }
         
#sidebar-logo { background: url(/images/sidebar-logo.png) no-repeat top left; _background: url(/images/sidebar-logo.gif) no-repeat top left; width:258px; height:50px; margin-top:10px; }

#sidebar-bottom { background: transparent url(/images/sidebar-bottom.png) no-repeat top left; width: 754px; height:45px; float:left; margin: 0px 0px 0px 0px; padding: 0px; }



#content { width: 650px; _width: 630px; min-height:600px; float:left; margin: 70px 0px 0px 20px; _margin: 70px 0px 0px 0px; }
#content p { padding: 0px 10px 8px 5px; margin:0; }
#content-01 { width:336px;   float:left; }
#content-01 p { padding-left:25px; }
#content-02 { background: url(/images/index/bg-column-2.gif) repeat-y top left; width:195px; float:left; }
.content-procedurelist { width:195px; padding-top:0px; }
.content-procedurelist p { font-size: 15px; font-weight: bold; letter-spacing: -1px; }
.content-procedurelist span { color: #4f020f; }
.content-procedurelist ul { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 15px  0px 5px 0; margin: 0px; }
.content-procedurelist li { padding: 0px 0px 3px 10px; margin: 0px 0px 0px 10px; background: url(/images/index/arrow.gif) no-repeat top left; line-height: 10px; }
.content-procedurelist li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#676767; text-decoration: none; }
.content-procedurelist li a:hover { color:#364159; text-decoration: underline; }
#content-smile { background: url(/images/index/head-03.gif) no-repeat top left; width:195px; padding-top:30px; }
#content-smile p { padding-left: 12px;}


.sidebar2
{
	float: right;
	width: 200px;
	padding-left: 50px;
}

	

/* footer */
#footer { text-align: center; margin: 55px 0px 0px 0px;  color:#364159; }
#footer a { text-decoration: none;font-size:9px;  }
#footer p { font-size:9px;  }
#footer a:hover { text-decoration: underline;  } 













/* sub skeleton */
.map { padding: 10px 0 5px 12px; text-align:center;}
#content-sub { width: 535px; float:left; }
#content-sub p { padding: 0 30px 8px 25px; margin:0px; }
.address blockquote { margin: 0px 0px 0px 50px; padding: 0px; left: 0px; top: 0px; }


#procedures-list { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; }
#procedures-list ul { list-style-type: none; margin: 0; padding-bottom: 10px; float:left; }
#procedures-list li { padding: 0px 0px 3px 10px; margin: 0px 0px 0px 25px; background: url(/images/index/arrow.gif) no-repeat top left; line-height: 10px; }
#procedures-list li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#676767; text-decoration: none; }
#procedures-list li a:hover { color:#364159; text-decoration: underline; }
#procedures-list span { color: #4f020f; }


#procedures-list-large { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; }
#procedures-list-large ul { list-style-type: none; margin: 0; padding-bottom: 10px; float:left; }
#procedures-list-large li { padding: 0px 0px 3px 10px; margin: 0px 0px 0px 25px; background: url(/images/index/arrow.gif) no-repeat top left; line-height: 12px; }
#procedures-list-large li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#676767; text-decoration: none; }
#procedures-list-large li a:hover { color:#364159; text-decoration: underline; }


/* sprite nav-01 */
#space-top-nav { padding-top:24px; background-color:#ededed; }
#nav-01 { background: url(/images/index/nav-01.gif) no-repeat top left; width: 182px; height: 53px; padding: 0; margin: 0; position: relative; float: left; }
#nav-01 li { list-style: none; padding: 0; margin: 0; position: absolute; top: 0px;}
#nav-01 li, #nav-01 a { height: 53px; display: block; }
#nav-01 span { display: none;}


#nav-01-1 { width: 59px; left: 0px; }
#nav-01-2 { width: 49px; left: 59px; }
#nav-01-3 { width: 54px; left: 108px; }
#nav-01-4 { width: 20px; left: 162px; }


#nav-01-1 a:hover { background: transparent url(/images/index/nav-01.gif) -0px -53px no-repeat; }
#nav-01-2 a:hover { background: transparent url(/images/index/nav-01.gif) -59px -53px no-repeat; }
#nav-01-3 a:hover { background: transparent url(/images/index/nav-01.gif) -108px -53px no-repeat; }


/*sprite nav-02 */
#nav-02 { background: url(/images/index/nav-02.gif) no-repeat top left; width: 535px; height: 53px; padding: 0; margin: 0; position:relative; float:left; }
#nav-02 li { list-style: none; padding: 0; margin: 0; position: absolute; top: 0px; }
#nav-02 li, #nav-02 a { height: 53px; display: block; }
#nav-02 span { display: none;}


#nav-02-1 { width: 66px; left: 0px; }
#nav-02-2 { width: 74px; left: 66px; }
#nav-02-3 { width: 88px; left: 140px; }
#nav-02-4 { width: 88px; left: 228px; }
#nav-02-5 { width: 97px; left: 316px; }
#nav-02-6 { width: 88px; left: 413px; }
#nav-02-7 { width: 34px; left: 501px; }


#nav-02-1 a:hover { background: transparent url(/images/index/nav-02.gif) -0px -53px no-repeat; }
#nav-02-2 a:hover { background: transparent url(/images/index/nav-02.gif) -66px -53px no-repeat; }
#nav-02-3 a:hover { background: transparent url(/images/index/nav-02.gif) -140px -53px no-repeat; }
#nav-02-4 a:hover { background: transparent url(/images/index/nav-02.gif) -228px -53px no-repeat; }
#nav-02-5 a:hover { background: transparent url(/images/index/nav-02.gif) -316px -53px no-repeat; }
#nav-02-6 a:hover { background: transparent url(/images/index/nav-02.gif) -413px -53px no-repeat; }


