/* ===== Primary Styles ========================================================
   Author: mark@northernriversdesign
   ========================================================================== */
body {font-size:16px; font-weight:normal;}
/** --- Header Style --- **/
header {background:transparent url(../img/bg.png) repeat-x; border-bottom: #CCC 2px solid; height:100px;}
.logo {padding-bottom:1em;margin-left:3.5em;}
.lt-ie9 .logo{margin-left:1em;}
.tag{color:#FFF; padding-top:1.5em; text-align: center; font-family: 'Courgette', cursive;}
/** ---- Page style ---- **/
i {margin-left:1em;}
.well{background-color:#EDEDF6;}
em {font-weight:bold; text-decoration:underline;}
b {text-decoration:underline;}
.indent{margin-left:1em;}
.ontop{position:relative; z-index:1; }
.hrs-list {padding:0;margin:0; margin-bottom:0.5em;}
.hrs-list li {padding:0;margin:0;list-style-type: none;display:block; text-align:center;}
.info {text-align:center; margin-top:-1em;}
.open {margin-bottom:0.5em;}
#services, #links{ margin-top: 1em;}
#services ul, #links ul {list-style-type: none;padding: 0px; margin: 0px;}
#services ul li, #links ul li {background-image: url(../img/paw.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 20px; padding-bottom: 5px;} 
#surgeons {position:relative; margin-top:0; text-align:center;}
.s-menu {padding:0; margin-bottom:3em; background:transparent;}
.s-menu li {padding:0;margin:0;list-style-type: none;display:inline; text-align:center;}
.text{margin-left:2em;}
p{color: #555; font-size:16px; font-weight:normal; line-height:22px; margin-top:1em;}
p.contact {margin-top:0.5em; line-height:14px;}
.contact-image{margin-left:1em;}
.heading { position: relative; width: 30%; font-size: 1.2em; font-weight: bold; padding: 10px 20px 10px 50px; margin: 0 10px 10px -40px; color: #FFF; background-color: #564CA9; background-image: -webkit-gradient(linear, 100% 0%, 0% 100%,
        from(transparent), color-stop(0.25, transparent),
        color-stop(0.25, hsla(0,0%,0%,.15)), color-stop(0.50, hsla(0,0%,0%,.15)),
        color-stop(0.50, transparent), color-stop(0.75, transparent),
        color-stop(0.75, hsla(0,0%,0%,.15)), to(hsla(0,0%,0%,.15)));
    background-image: -webkit-linear-gradient(right top,
        transparent 0%, transparent 25%,
        hsla(0,0%,0%,.15) 25%, hsla(0,0%,0%,.15) 50%,
        transparent 50%, transparent 75%,
        hsla(0,0%,0%,.15) 75%, hsla(0,0%,0%,.15) 100%);
    background-image:
        -moz-linear-gradient(left bottom,
        transparent 0%, transparent 25%,
        hsla(0,0%,0%,.15) 25%, hsla(0,0%,0%,.15) 50%,
        transparent 50%, transparent 75%,
        hsla(0,0%,0%,.15) 75%, hsla(0,0%,0%,.15) 100%);
    background-image:
        -ms-linear-gradient(right bottom,
        transparent 0%, transparent 25%,
        hsla(0,0%,0%,.15) 25%, hsla(0,0%,0%,.15) 50%,
        transparent 50%, transparent 75%,
        hsla(0,0%,0%,.15) 75%, hsla(0,0%,0%,.15) 100%);
    background-image:
        -o-linear-gradient(right bottom,
        transparent 0%, transparent 25%,
        hsla(0,0%,0%,.15) 25%, hsla(0,0%,0%,.15) 50%,
        transparent 50%, transparent 75%,
        hsla(0,0%,0%,.15) 75%, hsla(0,0%,0%,.15) 100%);
    background-image:
        linear-gradient(right bottom,
        transparent 0%, transparent 25%,
        hsla(0,0%,0%,.15) 25%, hsla(0,0%,0%,.15) 50%,
        transparent 50%, transparent 75%,
        hsla(0,0%,0%,.15) 75%, hsla(0,0%,0%,.15) 100%);
    -webkit-background-size: 3px 3px;
       -moz-background-size: 3px 3px;
        -ms-background-size: 3px 3px;
         -o-background-size: 3px 3px;
            background-size: 3px 3px; 
    text-shadow: 0px 1px 2px #bbb;  
    -webkit-box-shadow: 0px 2px 4px #888;  
    -moz-box-shadow: 0px 2px 4px #888;  
    box-shadow: 0px 2px 4px #888;  
} 
.heading:after {content: ' '; position: absolute; width: 0; height: 0; left: 0px; top: 100%; border-width: 5px 10px; border-style: solid; border-color: #666 #666 transparent transparent;} 

/** --- Tabs -- **/
.ribbon{
    background-color: #564CA9;
    background-image: -webkit-gradient(linear, 100% 0%, 0% 100%,
        from(transparent), color-stop(0.25, transparent),
        color-stop(0.25, hsla(0,0%,0%,.15)), color-stop(0.50, hsla(0,0%,0%,.15)),
        color-stop(0.50, transparent), color-stop(0.75, transparent),
        color-stop(0.75, hsla(0,0%,0%,.15)), to(hsla(0,0%,0%,.15)));
    background-image: -webkit-linear-gradient(right top,
        transparent 0%, transparent 25%,
        hsla(0,0%,0%,.15) 25%, hsla(0,0%,0%,.15) 50%,
        transparent 50%, transparent 75%,
        hsla(0,0%,0%,.15) 75%, hsla(0,0%,0%,.15) 100%);
    background-image:
        -moz-linear-gradient(left bottom,
        transparent 0%, transparent 25%,
        hsla(0,0%,0%,.15) 25%, hsla(0,0%,0%,.15) 50%,
        transparent 50%, transparent 75%,
        hsla(0,0%,0%,.15) 75%, hsla(0,0%,0%,.15) 100%);
    background-image:
        -ms-linear-gradient(right bottom,
        transparent 0%, transparent 25%,
        hsla(0,0%,0%,.15) 25%, hsla(0,0%,0%,.15) 50%,
        transparent 50%, transparent 75%,
        hsla(0,0%,0%,.15) 75%, hsla(0,0%,0%,.15) 100%);
    background-image:
        -o-linear-gradient(right bottom,
        transparent 0%, transparent 25%,
        hsla(0,0%,0%,.15) 25%, hsla(0,0%,0%,.15) 50%,
        transparent 50%, transparent 75%,
        hsla(0,0%,0%,.15) 75%, hsla(0,0%,0%,.15) 100%);
    background-image:
        linear-gradient(right bottom,
        transparent 0%, transparent 25%,
        hsla(0,0%,0%,.15) 25%, hsla(0,0%,0%,.15) 50%,
        transparent 50%, transparent 75%,
        hsla(0,0%,0%,.15) 75%, hsla(0,0%,0%,.15) 100%);
    -webkit-background-size: 3px 3px;
       -moz-background-size: 3px 3px;
        -ms-background-size: 3px 3px;
         -o-background-size: 3px 3px;
            background-size: 3px 3px;
}
.ribbon {
    position:relative;
    height: 80px;
    margin: 0;
    margin-left:-2em;
    top: -10px;
    width: 115%;
    z-index: 10;
    -webkit-box-shadow: inset 0 -25px 25px hsla(0,0%,0%,.2),
                        inset 0 0 0 2px hsla(0,0%,100%,.25),
                        inset 0 0 0 1px hsla(0,0%,0%,.75),
                        0 2px 5px hsla(0,0%,0%,.4);
       -moz-box-shadow: inset 0 -25px 25px hsla(0,0%,0%,.2),
                        inset 0 0 0 2px hsla(0,0%,100%,.25),
                        inset 0 0 0 1px hsla(0,0%,0%,.75),
                        0 2px 5px hsla(0,0%,0%,.4);
            box-shadow: inset 0 -25px 25px hsla(0,0%,0%,.2),
                        inset 0 0 0 2px hsla(0,0%,100%,.25),
                        inset 0 0 0 1px hsla(0,0%,0%,.75),
                        0 2px 5px hsla(0,0%,0%,.25);
}
.ribbon:after, .ribbon:before {
    border-top: 5px solid hsla(0,0%,0%,.5);
    bottom: -5px;
    content: '';
    height: 0;
    position: absolute;
    width: 0;
}
.ribbon:after {
    border-left: 13px solid transparent;
    left: 0;
}
.ribbon:before {
    border-right: 13px solid transparent;
    right: 0;
}

.ribbon ul, .ribbon li {
    list-style: none;
    display:block;
    margin: 0;
    padding: 0;
    
}
.ribbon a {
    color: #f6f6f6;
    display: block;
    float:left;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    width: 36%;
    line-height:1.1em;
    text-shadow: 0 2px 1px rgba(0,0,0,0.5);
    margin: 0 1.6em;
    margin-top: 0.2em;
}
.lt-ie9 .ribbon {
        width:110%;
	height:56px;
	margin-left:-1em;
	margin-bottom:1em;
}
.lt-ie9 .ribbon li{
	display:inline;
}
.lt-ie9 .ribbon li a {
   font-size: 0.75em;

}
.lt-ie9 .arrow-down {
	margin-top:52px;
	
}
.ribbon a:hover, .ribbon a:focus {
        background: rgba(255,255,255,0.8);
	padding:0px;
	-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        color:##3a7fc9;
}
.ribbon ul li.ui-state-active a {
	background:#3a7fc9;
	padding:1px;
	border:1px solid #3a7fc9;
	-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        color:#FFF;
}
.arrow-down {
	position:absolute;
	z-index:10;
	width: 0; 
	height: 0; 
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 14px solid #3a7fc9;
	margin: 0 auto;
	margin-top: 70px;
	margin-left: 4em;
	display:none;
}
.ribbon ul li.ui-state-active span.arrow-down{
	display:block;
}
.ui-tabs-hide {display: none;}
/** --- Carousel Slider --- **/
.easy_slides_container {margin-top:1em;margin-left:15%;overflow:hidden;position:relative;border:3px solid #564CA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow: 5px 5px 5px #ccc;-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc;}
.lt-ie9 .easy_slides_container{ margin-left:6% }
.easy_slides_img1, .easy_slides_img2{display:none;top:0;position:absolute;}
.easy_slides_img1 {z-index:2;}
.easy_slides_img2 {z-index:1;}
#slider {width:500px;height:220px;}
/** --- Footer --- **/
.copy {text-align:center; position:relative; color: #EFEFEF; margin:0; padding-top:10px;}
.copy-text, .copy-text:hover {color: #EFEFEF;}
.link {text-align:center; position:relative; margin:0;}
footer{ background-color: #564CA9; background-image: -webkit-gradient(linear, 100% 0%, 0% 100%,
        from(transparent), color-stop(0.25, transparent),
        color-stop(0.25, hsla(0,0%,0%,.15)), color-stop(0.50, hsla(0,0%,0%,.15)),
        color-stop(0.50, transparent), color-stop(0.75, transparent),
        color-stop(0.75, hsla(0,0%,0%,.15)), to(hsla(0,0%,0%,.15)));
    background-image: -webkit-linear-gradient(right top,
        transparent 0%, transparent 25%,
        hsla(0,0%,0%,.15) 25%, hsla(0,0%,0%,.15) 50%,
        transparent 50%, transparent 75%,
        hsla(0,0%,0%,.15) 75%, hsla(0,0%,0%,.15) 100%);
    background-image:
        -moz-linear-gradient(left bottom,
        transparent 0%, transparent 25%,
        hsla(0,0%,0%,.15) 25%, hsla(0,0%,0%,.15) 50%,
        transparent 50%, transparent 75%,
        hsla(0,0%,0%,.15) 75%, hsla(0,0%,0%,.15) 100%);
    background-image:
        -ms-linear-gradient(right bottom,
        transparent 0%, transparent 25%,
        hsla(0,0%,0%,.15) 25%, hsla(0,0%,0%,.15) 50%,
        transparent 50%, transparent 75%,
        hsla(0,0%,0%,.15) 75%, hsla(0,0%,0%,.15) 100%);
    background-image:
        -o-linear-gradient(right bottom,
        transparent 0%, transparent 25%,
        hsla(0,0%,0%,.15) 25%, hsla(0,0%,0%,.15) 50%,
        transparent 50%, transparent 75%,
        hsla(0,0%,0%,.15) 75%, hsla(0,0%,0%,.15) 100%);
    background-image:
        linear-gradient(right bottom,
        transparent 0%, transparent 25%,
        hsla(0,0%,0%,.15) 25%, hsla(0,0%,0%,.15) 50%,
        transparent 50%, transparent 75%,
        hsla(0,0%,0%,.15) 75%, hsla(0,0%,0%,.15) 100%);
    -webkit-background-size: 3px 3px;
       -moz-background-size: 3px 3px;
        -ms-background-size: 3px 3px;
         -o-background-size: 3px 3px;
            background-size: 3px 3px;  width:100%; height: 50px; position:relative;margin-top:1.5em; border-top:2px solid #CCC;}