body{}
.wrap{margin:0px auto; width: 1240px;}

/* HEADER */
#header{min-width: 1240px;}
#social{background:#a7ce39; height:42px; min-width: 1024px;}
#social ul{float:right;}
#social li{display:inline-block; margin:5px 0 0 5px;}
#logo{margin-left:-40px; position:absolute; top:27px; z-index:3;}
#leash{background-image:url('../images/leash.jpg'); background-repeat:repeat-x; height:66px; width: 100%; min-width: 1024px;} 
#home h1, #leash strong{color:#FFF; font-size:1.55em; line-height:68px; text-align:right; text-transform:uppercase;}
h3 {font-size:1.25em; color: #535353;}
article ul {list-style:disc; margin-left:20px;}
article li {font-size:1.25em; color: #535353;}

/* FEATURE */
#feature, #sub-feature{margin-top:5px; overflow:auto; position:relative;}
#feature img{float:left; width:75%;}
#feature strong{background-color:#ff9524; border-radius:50%; box-sizing:border-box; -moz-box-sizing:border-box; color:#FFF; font-family:Amanda; font-weight:normal; float:right; height:100%; overflow:hidden; text-align:center; text-transform:inherit; position:absolute; right:0%; width:37%; z-index: 3;}
#feature strong span{display:block;}

/* FEATURE TEXT LINES (HOME) */
#f1{font-size:5.525em; padding-top:1em; font-size: 60px;}
#f2{font-size:3.03em; font-size: 48px;}
#f3{font-size:1.8375em; margin-bottom:1.75em; font-size: 29px;}
#f4{font-size:1.4em; line-height:1.241em; font-size: 22px;}

/* SUB-PAGE FEATURE */
#sub-feature{height:18.48em; margin-top:5px; overflow:hidden;}
#quotebox{border-left: 9em solid rgba(0,0,0,0); border-bottom: 18.5em solid #FF9524; box-sizing:border-box; -moz-box-sizing:border-box; float:left; height:100%; margin-top:-0.67em; padding: 0.5em 1em 0.25em 0; position:relative; width:75%; border-left: 150px solid transparent !important;}
#quote{color:#FFF; font-family:Amanda; font-size:3.05em; line-height:1em; margin:0; padding:0.5em 0.2em 0 0; text-align:right;}
#author{display:block; font-size:0.75em; padding-top:0.5em; font-family: 'Amanda'}
#square{float:right; width:24.5%;}
#square1, #square2{height:9.125em; width:100%;}
#square2{float:left; width:49%;}
#square p{background-color:#a7ce39; box-sizing:border-box; color:#FFF; font-family:Amanda; font-size:2em; float:right; height:4.55em; margin:0; padding-top:0.27em; text-align:center; text-transform:uppercase; width:49%;}

/* MAIN AREA WRAP */
#main{background:#FFF; clear:both; margin-top:10px; overflow:auto;}

/* NAV */
#nav > ul{float:left; padding-bottom:25px; width:25%;}
#nav > ul > li, #nav > ul > li.first{background-color:#a7ce39; height:2.85em; line-height:2.85em; margin:0 0 0.85em 0; padding:0 5% 0 8% !important;}
#nav > ul > li:hover, #nav > ul > li.first:hover{background-color:#46c8f5;}
#nav ul li a{color:#FFF; display:block; font-size:1.75em; font-weight:300;}
#nav ul li ul{display:none;}


/* SUB-PAGE SIDE NAV*/
#sub #nav > ul > li.here, #sub #nav > ul > li.parent-here{background-color:#46c8f5; height:auto;}
#sub #nav ul li.here ul, #sub #nav ul li.parent-here ul{background-color:#FFF; display:block; margin:0 -6% 0 -10%; padding:0.75em 6% 0.25em 10%;}
#sub #nav ul li ul li{background:none; line-height:1.25em; margin-bottom:0.375em; padding:0;}
#sub #nav ul li ul li.here>a, #sub #nav ul li ul li.parent-here>a{font-weight:bold;}
#sub #nav ul li ul li a{color:#666; font-size:1.25em;}
#sub #nav ul li ul li a:hover{text-decoration:underline;}
#sub #nav ul li ul li ul li{margin-left: 7% !important;}

/* HOME CONTENT */
#content{float:left; margin:10px 0 30px 2%; width:58%;}
#dog{margin:-65px -100px 0 0; position:absolute; right:10%; width:10em; z-index: 10;}
#home h2, #sub h1{color:#46c8f5; font-size:1.85em; margin-bottom:0.75em;}
#home #content a{font-weight:bold;}
#dogpic {margin: 0px auto; width: 1240px; position: relative;}

/* SUB-PAGE CONTENT */
#sub h1{font-size:2.25em; margin-bottom:0.25em;}
#sub h2{clear:both; color:#a7ce39; font-size:1.375em; margin-bottom:0.35em; padding-top:0.4em;}
#sub article h2:first-child{padding-top:0em;}
#sub #content{width:68%;}

/* HOME PAGE NEWS */
#news{border-top:1px solid #a7ce39;}
#news h3{background:#a7ce39; color:#FFF; float:right; font-size:1em; height:1.25em; padding:0.3125em 0.625em; text-transform:uppercase;}
#news p{clear:both; font-size:1em; margin-bottom:1.5625em; overflow:auto;}
#news p strong{color:#46c8f5; font-weight:normal; text-transform:none;}
#news p img{float:left; margin:0 15px 25px 0;}
#home #content #news a{font-weight:normal;}

/* FOOTER */
#footer-bg{background-image:url('../images/bg-footer.png'); background-repeat:repeat-x; height:11px; margin-top:-6px; width: 1240px; margin: 0 auto;}
footer{background-color:#46c8f5; overflow:auto; padding:0px 0 0px 0; width: 1240px; margin: 0 auto;}
footer p{color:#FFF; font-size:14px; line-height:16px; margin-bottom:16px;}

/* FOOTER NAV */
.footer-wrap{clear:both; overflow:auto; padding-bottom:25px;}
#footer-nav{float:left; width:82%; padding-left: 30px;}
#footer-nav ul{float:left; width:25%;}
#footer-nav ul li:first-child{display:table-cell; font-weight:bold;}
#footer-nav ul li a{color:#FFF; font-size:14px;}
#footer-nav ul li a:hover{text-decoration:underline;}

/* FOOTER CONTACT */
#contact{float:right; width:15%;}
#contact a{color:#fcfa4c;}
#contact li{display:inline-block; margin:5px 0 0 5px;}

/* ADOPTION GALLERIES */
#gallery{padding:10px 0;}
#gallery img{border:3px solid #EEE; box-sizing:border-box; cursor:pointer; display:block; float:left; margin:0 5% 20px 0; padding:10px; width:30%;}

/* DONATION FORM */

#donate input, #donate select{border:1px solid #CCC; border-radius:5px; box-shadow: 0px 2px #999;  box-sizing: border-box; -moz-box-sizing: border-box; color:#333; float:left; font-family: Muli, arial, sans-serif; font-size:16px; height:35px; margin:0 20px 20px 0; outline:none; padding:5px 10px; width:30%;}
#donate select{cursor:pointer;}
#donate option:first-child{color:#999;}
#donate .column.sortable{width: 30% !important;  margin-right: 20px;}
#donate .column.sortable+.column.sortable+.column.sortable, #donate .column.sortable+.column.sortable+.column.sortable+.column.sortable{width: 15% !important;}
#donate .column.sortable input, #donate .column.sortable select{width: 100%}
#donate .dfinput_full.cc_name{float: left; width: 30%; margin-right: 20px;}
#donate .dfinput_full.cc_name input{width: 100%;}
#donate .cc_logos, #donate .cc_name label, #donate .cc_number label, #donate .ccv_img, #donate .cc_ccv label{display: none;}
#donate .dfinput_full.cc_cardinfo input,#donate .dfinput_full.cc_cardinfo select{width: 34% !important;}
#donate .cc_cardinfo{width: 100%;}
#donate .cc_cardinfo .info_block{width: 32.5% !important;}
.short{width:15% !important;}
#donate .column.sortable+.column.sortable {
margin-top: 55px;
}


#charge-form input, #charge-form select{border:1px solid #CCC; border-radius:5px; box-shadow: 0px 2px #999;  box-sizing: border-box; -moz-box-sizing: border-box; color:#333; float:left; font-family: Muli, arial, sans-serif; font-size:16px; height:35px; margin:0 20px 20px 0; outline:none; padding:5px 10px; width:30%;}
#charge-form select{cursor:pointer;}
#charge-form option:first-child{color:#999;}
#charge-form .column.sortable{width: 30% !important;  margin-right: 20px;}
#charge-form .column.sortable+.column.sortable+.column.sortable, #charge-form .column.sortable+.column.sortable+.column.sortable+.column.sortable{width: 15% !important;}
#charge-form .column.sortable input, #charge-form .column.sortable select{width: 100%}
#charge-form .dfinput_full.cc_name{float: left; width: 30%; margin-right: 20px;}
#charge-form .dfinput_full.cc_name input{width: 100%;}
#charge-form .cc_logos, #charge-form .cc_name label, #charge-form .cc_number label, #charge-form .ccv_img, #charge-form .cc_ccv label{display: none;}
#charge-form .dfinput_full.cc_cardinfo input,#charge-form .dfinput_full.cc_cardinfo select{width: 34% !important;}
#charge-form .cc_cardinfo{width: 100%;}
#charge-form .cc_cardinfo .info_block{width: 32.5% !important;}
.short{width:15% !important;}
#charge-form .column.sortable+.column.sortable {
margin-top: 55px;
}


/*#content input{width: 90%;}*/
.dform_container input[type="email"], .dform_container input[type="text"]{width: 277px;}
.dfcolumns input[type="text"], .dfcolumns input[type="email"], .dform_container textarea{width: 80%;}
#content .dform_address .address_country select{width: 80%;}
.dform_address .address_state input.text{width: 84% !important;}
.dform_address .address_state{margin-left: 2.5%;}
.dfcolumns .column{min-height: 0 !important;}
.dform_element{margin-top: 0 !important; margin-bottom: 8px !important;}
.dform_address{margin-bottom: 0 !important;}

/* MOBILE */
#navbutton{display: none;}
#m-contact{display: none;}
#m-feature{display: none;}
#m-social{display: none;}

/* COIN SLIDER */
.slider-coin{margin-top: 0 !important; transform: rotateY(90deg); transition-duration: .2s;}
.activate{display: block !important; transform: rotateY(0deg) !important; transition-delay: .2s;}

.box{margin-top: 22px !important; margin-bottom: 45px !important;}
.animaldetails{z-index: 4 !important;}
.box{display: none;}



/* Forms */
.dfinput_names .name_firstm, .dfinput_names .name_last, .dfinput_names .name_first, .dform_container .dfinput_right {width:50% !important;}
.dfinput_names input.text {width:90% !important;}
.dform_address input.text {width:90% !important;}
.dform_container .dfinput_left {width: 47.4% !important;}
.dfinput_right.address_state {width: 47.4% !important; float: left !important;}
.dfinput_left.phone_area {width: 10% !important;}
.dfinput_left.phone_number {width: 36.2% !important;}
input#ddform_136 {width:42.6% !important;}
textarea#ddform_8 {width:43% !important;}

/* Animal Details */
.ldesc, .lname, .lage, .lstatus, .lsex, .lbreed, .lgood {margin-left:20px; margin-right:10px; position:relative; top:20px;}
.vname, .vsex, .vage, .vstatus, .vbreed {position:relative; top:20px; right:60px;}
div#boxS2014311 p {margin-top:20px;}
span.vgood {position:relative; width:100px !important; top:30px; left:20px;}

.animaldetails {/*left:27% !important;*/ width:650px !important; background-image:url('../../../assets/images/kchapnl.png'); background-repeat:no-repeat; background-position:top right;}
.animaldetails table+p{margin-top: 1em;}
.box {width:85px !important;}

#charge-form input{margin-bottom: 10px; margin-top: 4px;}
#charge-form label{font-weight: bold; clear: both; margin-bottom: 4px;}
#charge-form select{float: left; margin-bottom: 10px; margin-top: 4px;}
#charge-form .form-group {clear: both;}
.boxPrev,.boxNext{cursor: pointer;}
#charge-form textarea{width: 525px; height: 100px; font-family: Muli, arial, sans-serif; font-size: 16px; padding: 5px 10px;} 
.monthly #charge-form #card_cvc{position: relative; top: -98px; left: 275px;}
#plaqueMessage{clear: both;}
.monthly-donate #card_cvc{position: relative; top: -99px; left: 275px;}
#adoptSearch{margin-bottom: 20px;}

.image_cutter
{
	background-image: url('/imagecutter.png');
	height: 456px;
	width: 300px;
	z-index: 2;
	margin-left: 769px;
	position: relative;
}


.imgs {}
.imgs img {float:left;}
.imgs img.imgs1 {margin-right:33px; margin-bottom:20px;}
.imgs img.imgs2 {margin-bottom:0px;}

.ent-container {width:840px; font-family: Muli, arial, sans-serif; font-size:16px;}
.ent-container p {font-size:16px;}
.ent-container {color:#535353 !important;}
.ent-container h4 {color:#46c8f5;}
.ent-main-img {width:840px; text-align:center;}
.ent-left {float:left; width:468px; border-right:2px solid #46c8f5; padding-right:15px;}
.ent-right {float:left; width:335px; margin-left:15px;}
.ent-table{font-size: 15.5px;}
.ent-table tr td {padding:5px; border-bottom:2px solid #46c8f5;}
.ent-container input {margin-bottom:5px; line-height:20px;}
.ent-1 {width:405px;}
.ent-2 {width:334px;}
.ent-3 {width:125px;}
.ent-4 {width:70px;}
.ent-5 {width:120px;}
.ent-6 {width:143px;}
.ent-7 {width:119px;}
.ent-8 {width:235px;}
.ent-9 {width:81px;}
.ent-10 {width:121px;}
.ent-11 {width:130px;}
.ent-12 {width:344px;}
.ent-13 {width:117px;}
.ent-14 {width:70px;}
.ent-15 {width:59px;}
.ent-16 {width:342px;}
.ent-17 {width:158px;}
.ent-18 {width:321px;}
.ent-container input[type="submit"] {float:right; border:0; background-color:#46c8f5; color:#fff; padding:5px 10px; margin-right:7px;}
/*.CCh4 {margin-top:15px;}*/
.ccbox {margin-bottom:10px !important;}
.ccbox1 {position:relative; top:-3px;}
.purT {float:left; margin-right:10px;}
.purT1 {margin-left:10px;}
.ent-left hr {color:#46c8f5; border:1px solid;}
.m-bottom0 {margin-bottom:0px;}

@-moz-document url-prefix() { 
.ent-5 {width:116px !important;}
.ent-7 {width:117px !important;}
.ent-11 {width:129px !important;}
}
.clear{clear:both;}
.error{color: red; display: block;}
#sameAddress{top: 2px;}
.mobClear{display: none; height: 0; width: 0;}
.hideDesktop {display: none;}