/*---BASIC STRUCTURE---*/
html {background-image: url(../images/bg-html.gif);}
body {background-image: url(../images/bg-body.gif);}
body#interior div.column.full-width {background-image: url(../images/bg-interior-column_full_width.gif);}

/*---FONTS---*/
h1 {color: #543019;}
h3 {font-size: 19px; color: #b3563c;}
h5 {margin-top: 20px;}
h6 {color: #543019;}

/*---PAGE HEADER---*/
div#header a.vu-logo {
display:block;
height:80px;
left:10px;
position:absolute;
top:20px;
width:340px;
background: url(../images/logo-lg.gif);
text-indent: -999px;
overflow: hidden;
}


div#header h4#vuw-tagline {text-transform: uppercase; letter-spacing: 2px; color: #666; font-size: 12px; position: absolute; right: 15px; top: 50px; font-style: normal;}

/*---MAIN NAVIGATION---*/
ul#main-navigation {background-image: url(../images/bg-navigation.gif);}
ul#main-navigation li#vuw_home a {background-image: url(../images/nav-vuw_home.gif); width: 55px; margin-left: 1px;}
ul#main-navigation li#areas_of_specialization a {background-image: url(../images/nav-areas_of_specialization.gif); width: 166px;}
ul#main-navigation li#procedures a {background-image: url(../images/nav-procedures.gif); width: 92px;}
ul#main-navigation li#doctors_and_staff a {background-image: url(../images/nav-doctors_and_staff.gif); width: 119px;}
ul#main-navigation li#vuw_quicklinks {width: 370px; height: 35px; position: absolute; top: 0; right: 0;}
ul#main-navigation li#vuw_quicklinks a#make_an_appointment {background: url(../images/nav-make_an_appointment.gif) no-repeat; width: 172px;}
ul#main-navigation li#vuw_quicklinks a#download_patient_forms {background: url(../images/nav-download_patient_forms.gif) no-repeat; width: 187px;}
ul#main-navigation li#vuw_quicklinks a {float: left;}
/* dropdown menu styles */
ul#main-navigation li ul {background-color: #180e07;}
ul#main-navigation li ul li a {border-color: #5e361c; color: #e59f78;}

/*---BREADCRUMBS---*/
div.content-header {background-image: url(../images/bg-interior_content_header.gif); background-color: #543019;}
div.content-header h2 a {color: #e58366 !important;}
body#interior div.content-header span.corners, 
body#overview div.content-header span.corners, 
body#single div.content-header span.corners {background: url(../images/bg-corners-interior.gif) top left no-repeat; display: block; height: 10px; left: 0; position: absolute; top: 0;}

/*---SUBNAV---*/
ul#section-navigation li a.active-page, ul#section-navigation li.here a {color: #543019;}
.content-arrow, body#single div.full-width.content-arrow {background-image: url(../images/bg-interior_content_arrow.gif);}

/*---HOMEPAGE---*/
div#homepage-slideshow blockquote {background-image: url(../images/bg-slideshow-text.gif); position: relative;}
div#homepage-slideshow blockquote p {font-size: 18px; line-height: 24px; font-family: Georgia, serif;}
a#read-testimonials {background: #7e9c9d; color: white; position: absolute; right: 10px; bottom: 10px;}
div#site-features-wrapper {background: #f2f2e6 url(../images/bg-site_features_wrapper.gif) no-repeat;}
div#site-features {background: transparent url(../images/bg-site_features-sep.gif) repeat-y 269px 0; margin: 15px 0;}
div#site-features div.column.one-third {margin: 0; padding: 0 25px; width: 220px;}
div#site-features h3 {margin-bottom: 10px;}
div#site-features .feature-element {border: 2px solid #d7d4c6; /*margin: 10px 0 15px;*/ display: block;}
div#site-features .feature-element img {border: 2px solid #e8e5d6; display: block;}
div#site-features ul li {list-style: none; padding-left: 8px; background: transparent url(../images/bullet.gif) no-repeat 2px 4px; margin-top: 10px; line-height: normal;}

/**/
div#site-features div#feature-specializations ul {margin-bottom: 10px; width: 100%; overflow: hidden;}
div#site-features div#feature-specializations ul li {font-size: 12px; background-position: 2px 3px; clear: both;}
div#site-features div#feature-specializations ul li ul li {font-size: 12px; width: 46%; float: left; margin-top: 3px; clear: none; background-position: 2px 3px;}

/**/
div#site-features div#feature-procedures ul li {width: 46%; float: left;}
div#site-features div#feature-features {width: 290px;}
div#site-features div#feature-features ul {width: 290px; overflow: hidden;}
div#site-features div#feature-features ul li {padding: 0; background: transparent;  margin: 0; overflow: hidden; display: block;}
div#site-features div#feature-features ul li.featured-button {width: 290px;}
div#site-features div#feature-features ul li#left-features,
div#site-features div#feature-features ul li#right-features {float: left; width: 135px;}
div#site-features div#feature-features ul li#left-features {margin-right: 20px;}
div#site-features div#feature-features ul li {width: 290px;}
div#site-features div#feature-features ul li div.featured-video {width: 135px; float: left; margin-right: 10px;}
div#site-features div#feature-features ul li ul {width: auto;}
div#site-features div#feature-features ul li ul li {margin-bottom: 15px; width: auto;}
div#site-features div#feature-features ul li ul li div.feature-img {margin-bottom: 10px;}
.feature-element.video {position: relative; display: block; margin-bottom: 5px; background: #333;}
.feature-element.video img {width: 127px; height: 92px;}
.play-button {display: block; width: 30px; height: 30px; position: absolute; top: 31px; left: 49px; background: url(../images/button-play.png) no-repeat;}
.feature-element.button {width: 282px; overflow: hidden; background: white url(../images/button-arrow.gif) no-repeat 95% 50%; cursor: pointer;}
.feature-element.button img {float: left; margin-right: 15px; border-right: none !important; width: 127px;}
.feature-element.button span {display: block; float: left; padding-top: 13px; width: 110px; line-height: 14px;}
div#site-features div#feature-features ul li ul li a:hover span.play-button {filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;}

/*---INTERIOR ELEMENTS---*/

/* doctors and staff overview */
div.physicians-lists ul li a:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1; text-decoration: none; color: #543019;}
body#overview .column.full-width {background: #e9e9dd !important; overflow: hidden;}
body#overview .column.full-width .column-left p {font-family: Georgia, serif; font-size: 14px; line-height: 22px; margin-top: 10px;}
body#overview .column.full-width .column-left ul,
body#overview .column.full-width .column-left ol {line-height: 18px; margin-top: 10px;}
body#overview .column.full-width .column-left ul li,
body#overview .column.full-width .column-left ol li {padding-bottom: 3px;}
div.physicians-lists ul li,
div.physicians-lists ul li a {overflow: visible; font-size: 16px;}
div.physicians-lists ul li a {background-image: url(../images/bg-doctors_staff_link.gif);}
div.physicians-lists ul li a img { border: 1px solid white; display: block; width: 50px; height: 50px;}
div.physicians-lists ul li a span.physician-thumb {position: absolute; z-index: 999; top: -14px; left: 0; padding: 6px; background: #333; display: none; width: 52px; height: 52px; padding-left: 10px; background: url(http://www.uro.com/assets/images/bg-physician-thumb.png) no-repeat 50% 50%; font-size: 10px; color: #ccc; font-family: Arial, sans-serif; line-height: 10px;}

/* images with description -- see template: includes/.scripts for instructions */
span.img-with-description {clear: right; position: relative; overflow: hidden; display: block; margin:10px 0 0 15px; font-family: Arial, sans-serif; font-size: 11px; line-height: normal; color: #666;}
span.img-with-description img {margin: 0; display: block; float: none;}
span.img-with-description span {display: block; padding: 5px 0 3px 5px; border-top: 1px dashed #999;}
span.img-with-description.top span {border-top: none; border-bottom: 1px dashed #999; padding-top: 0;}
.column-right ul ul, .column-right ul ul li {list-style: none; padding-left: 0;}
.column-right ul ul {margin-bottom: 10px;}
body.notification-page .column-right ul ul {padding-left: 15px;}
body.notification-page .column-right ul ul li {list-style: square;}

/* callout */
.callout {border-bottom: 2px solid #e2e2db; border-top: 2px solid #e2e2db;}

/* sidebar button */
ul#section-navigation li.button a.sidebar-button {font-size: 18px; padding: 10px 10px 10px 40px; background-color: #d5781a; color: white; width: 190px; text-decoration: none !important; background-image: url(../images/icon-download.gif); background-repeat: no-repeat; background-position: 13px 12px;}
ul#section-navigation li.button a.sidebar-button span {color: white ; font-size: 14px; text-transform: none; letter-spacing: 0; display: block; color: #543019;}

/*---FOOTER---*/
div#footer {background-image: url(../images/bg-footer.gif);}
div#footer div#footer-nav div#site-nav {width: 370px; float: right; background-image: url(../images/bg-footer_nav.gif); color: #311810; margin-bottom: 25px;}
div#footer div#footer-nav div#site-info {clear: both;}
div#footer a.vu-logo {background-image: url(../images/bg-footer-logo_number.gif); width: 350px; height: 65px; position: absolute; left: 10px; top: 0px;}
div#footer a.vu-website-button {display: block; width: 210px; height: 30px; position: absolute; left: 30px; bottom: 0;}