/*	--------------------------------------------------
					SUN & SKY THEME
						GRASS
	--------------------------------------------------
	
	Colors ---
	dark green:			#2C492D (module header text)
	
	------------------------------------------------- */

body { background: url('images/grass.jpg') bottom center repeat-x #9ABED8; color: #495257; }
header { background: url('images/sunsky_grass_vert_sprite.png') bottom left repeat-x transparent; }
header .masthead h1,
header .masthead h1 a { color:#88a11c;}
header .masthead h2{ color:#639cbf;}
header .address.horizontal li{ display: inline; color: #88a11c;}

header a.tab-link {
  background: url('images/sunsky_grass_vert_sprite.png') right -445px no-repeat transparent;
}

header .nav ul.links li:last-child a.tab-link {
  background: none;
}

a { color: #63ABDB; }
a:hover{color:#829811;text-decoration:none;}
a.more { background: url('images/sunsky_grass_vert_sprite.png') right -430px no-repeat transparent; }

button,
.btn-submit { background: url('images/sunsky_grass_sprite.png') -439px -106px no-repeat transparent; color: #fff; }

header .nav ul.links {
  background: #88A11C;
  height: 45px;
  border-radius: 5px;
  box-shadow: -1px 6px 3px -6px rgba(0, 0, 0, 1);
}

header .nav ul a { color: #fff; }
header .nav ul a:hover { color: #6c7f16; }
header .nav ul .selected a { color: #4b5910; }

header #main-nav .sub-nav{border-color:#829811;}
header #main-nav .sub-nav li a{color:#63ABDB;}
header #main-nav .sub-nav li a:hover{color:#829811;}

#login { background: url('images/sunsky_grass_sprite.png') 0 -52px no-repeat; }
#login a { }

.box { background-color: #fff; -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.55); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.55); box-shadow: 1px 1px 5px rgba(0,0,0,0.55); }

.welcome h1{color:#2C492D;}
.welcome a.more { background-position: right -433px; }
.welcome .welcome-msg { border: 1px dotted #d9e2e8; border-width: 1px 0; }
.welcome .virtual-tour-btn a { background: url('images/sunsky_grass_sprite.png') -439px -52px no-repeat transparent;color:#fff; }
.welcome .notice { background: #649CBF; color: #fff; overflow: hidden; max-height: 296px; }
.welcome .notice .welcome-notice-icon { background: url('images/sunsky_grass_vert_sprite.png') 13px -211px no-repeat #649CBF;border-radius: 5px;}
.welcome .appointment { background: url('images/sunsky_grass_sprite.png') -592px -47px no-repeat transparent; border-top: 1px dotted #d9e2e8; }
.welcome .appointment a { background: url('images/sunsky_grass_sprite.png') -940px -52px no-repeat transparent; color: #fff; }
.carouselWrapper .carousel-arrow-right,
.carouselWrapper .carousel-arrow-left { background: url('images/sunsky_grass_vert_sprite.png') no-repeat; }
.carouselWrapper .carousel-arrow-left { background-position: -1px -345px; }
.carouselWrapper .carousel-arrow-right { background-position: -1px -377px; }

.column-right .appointment{background: url('images/sunsky_grass_sprite.png') 0 -142px no-repeat transparent; }
.column-right .appointment a { background: url('images/sunsky_grass_sprite.png') -945px -52px no-repeat transparent; color: #fff; }

.main-content { background-color: #fff; color: #35332E; }
.main-content h1 { color: #2c492c; border-color: #d8d8d8; }
.main-content h2 { color: #2c492c; }
.main-content h3 { color: #303030; }
.main-content ul li { border-bottom: 1px dashed #b5ac98; }

/*	-------------------------------------
			Grid Module Styling
	------------------------------------ */
.mod-grid .header { border-bottom: 1px dotted #d9e2e8; }
.mod-grid .header h2 {color:#2C492D;}
.mod-grid li { border-bottom: 1px dotted #d9e2e8; }
.mod-grid li:last-child { border: 0; }

/*	----- Module Specific Styling ----- */
.mod-clinic-forms .content { border-bottom: 1px dotted #d9e2e8; }

.mod-grid .mod-newsletter .module-body { background-color: #E7ECF0; }
.mod-newsletter form { border-top: 1px dotted #d9e2e8; }
.mod-newsletter input { border: 1px solid #fff; }

.mod-offers .coupon { background-color: #E5EEF5; border: 1px dashed #D8D8D8; }
.mod-offers .coupon h3 { color: #2A8DC8; }
.mod-offers .coupon a { color: #415454; }

.mod-online-store h3 .tag { background-color: #88A21B; color: #fff; }
.mod-online-store a.button { border: 1px solid #e5e1d8; color:#415353;}

.mod-our-staff .nav-background { border-bottom: 1px dotted #d9e2e8; }

.mod-pets .figure,
.mod-pets .figure .figcaption { background-color: #87A11C; color: #fff; }
.mod-pets .header a.more:before { background: url('images/sunsky_grass_vert_sprite.png') -7px -409px no-repeat transparent; }
.mod-pets blockquote{color:#607586;}

/*	-------------------------------------
			Page Specific Styles
	------------------------------------ */
.care-guides nav.animal-types ul { border-right: 1px dashed #d8d8d8; }
.care-guides nav.animal-types li { border-bottom: 1px dashed #d8d8d8; }
.care-guides nav.animal-types a { border: 1px solid #fff; background-color: #E4EEF4; }
.care-guides nav.animal-types .selected a { background-color: #fff; }
.care-guides nav.animal-types a span{background-color:#88a11c;}
.care-guides nav.animal-types .selected a span { background-color: #639cbf; }

.our-staff .staff li { border-top: 1px dashed #b5ac98; }
.our-staff .staff dl {  border-left: 1px solid #dcdcdc; }
.our-staff .staff img { border-color: #dcdcdc; }

.pets .pets .quote { background: url('images/sunsky_grass_sprite.png') -2px -136px no-repeat transparent; }
.pets .pets blockquote { background-color: #968a6e; }
.pets .btn-photo-upload{background:url('images/sunsky_grass_sprite.png') -245px -143px no-repeat;}

/* Slideshow */
#ss .ss #ss-counter { background-color: #649CBF; color: #fff; }
#ss .ss .header .nav span { border-color: #b3b3b3; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#ss .ss-topic .header .nav #ss-back { border-style: solid; border-color: #b3b3b3; }
#ss #ss-next,
#ss #ss-back { background-color: #fff; }
#ss #ss-next a,
#ss #ss-back a { color: #ccc; }
#ss #ss-next a:hover,
#ss #ss-back a:hover { color: #fff; background-color: #829811; } 
#ss .ss-main-image { border-color: #000; }
#ss .ss-view-thumbs { background-color: #000; }
#ss .ss-view-thumbs button { color: #fff; background-color: #414141; border: 1px solid #5d5d5d; background-image:none; }
#ss .ss-thumbs { background: #000; background: rgba(0,0,0,0.85); }

footer { background-color: #fff; }
footer .nav li { border-color: #e6e5df; }
footer hr { border-bottom: 1px dotted #d9e2e8; }