/* ========= */
/* = Reset = */
/* ========= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: verdana, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong{
	font-weight:bold;
}


/* ========= */
/* = Tools = */
/* ========= */
.radioBtn{padding:0 !important; margin:0 !important;}

/* ========== */
/* = Layout = */
/* ========== */

body{background:#390439 url(/images/bg.png) repeat-x;}

#container{width:714px; margin:0 auto;}

#nav ul{margin:0; padding:19px 0 0 0; height:36px; list-style-type:none;}
#nav li{float:left; margin-left:10px; cursor:pointer;}
#nav li a:hover{background-position:bottom;}
#nav li.active a{background-position:bottom;}
#navHome a{display:block; margin-left:50px !important; height:36px; width:84px; background:url(/images/nav_home.gif); text-indent:-9999px;}
#navAbout a{display:block; height:36px; width:154px; background:url(/images/nav_about.gif); text-indent:-9999px;}
#navSpread a{display:block; height:36px; width:214px; background:url(/images/nav_spread.gif); text-indent:-9999px;}
#navContribute a{display:block; height:36px; width:124px; background:url(/images/nav_contribute.gif); text-indent:-9999px;}


#screen{width:714px; height:400px; background:url(/images/screen.png); margin-top:8px; padding-top:24px;}
#screenContentContainer{width:640px; height:378px; margin-left:38px; background:url(/images/dark_bg.jpg) no-repeat; position:relative;}


#footerContainer{width:654px; height:207px; background:url(/images/footer_bg.png) no-repeat; padding:6px 0 0 0; margin-left:30px; color:#fbc600; font-size:11px;}

#partOfFamily{display:inline; width:345px; float:left; padding:45px 0 0 0; margin-left:25px;}
#partOfFamily h3{display:none;}
#partOfFamily p{padding:0 0 15px 0;}

.btnTellUs{display:block; width:124px; height:36px; text-indent:-9999px; background:url(/images/btn_tellus.gif); float:left;}
.btnTellUs:hover{background-position:bottom;}
.btnPlacePin{display:block; width:182px; height:36px; margin:0 0 10px 10px; text-indent:-9999px; background:url(/images/placepin.gif); float:left;}
.btnPlacePin:hover{background-position:bottom;}
.btnAdoption{display:block; clear:both; width:316px; height:51px; text-indent:-9999px; background:url(/images/adoption.png);}
.btnAdoption:hover{background-position:bottom;}

#moreInfo{display:inline; width:250px; float:left; padding:45px 0 0 0; margin-left:25px;}
#moreInfo ul{margin:0 0 0 10px; padding:10px 0;}
#moreInfo li{background:url(/images/tick.gif) no-repeat left center; padding:2px 0 3px 15px;}
#moreInfo a{color:#fbf200; text-decoration:none;}
#moreInfo a:hover{color:#fffca2;}


/* =================== */
/* = Sub Page Styles = */
/* =================== */
#screenContent{font-size:11px;}
#screenContent p{padding:0 0 10px 0; line-height:14px;}
#screenContent ul{margin:0 0 0 15px; padding:0 0 10px 0;}
#screenContent li{padding:0 0 10px 0;}

#index #screenContentContainer{width:640px; height:378px; margin-left:38px; background:url(/images/poster_play_bg.jpg) no-repeat;}

#aboutPage #screenContentContainer{width:640px; height:378px; margin-left:38px; background:url(/images/about_bg.jpg) no-repeat;}
#meetAnimator{display:block; width:138px; height:26px; background:url(/images/meet_animator.gif); text-indent:-9999px;}
#meetAnimator:hover{background:url(/images/meet_animator.gif) bottom;}
#aboutPage #screenContent{width:225px; height:295px; color:#f2c0ed; padding:0 10px 0 0; position:absolute; left:390px; top:60px;}
#aboutPage #screenContent h3{font-size:16px; font-weight:bold; padding:0 0 10px 0;}
#aboutPage #screenContent a{color:#f2c0ed;}

#mikeMilo #screenContentContainer{width:640px; height:378px; margin-left:38px; background:url(/images/mike_bg.jpg) no-repeat;}
#mikeMilo #screenContent{width:225px; height:295px; color:#eff2c0; padding:0 10px 0 0; position:absolute; left:390px; top:60px;}
#mikeMilo #screenContent h3{font-size:16px; font-weight:bold; padding:0 0 10px 0;}
#mikeMilo #screenContent a{color:#eff2c0;}

#goodNews #screenContentContainer{width:640px; height:378px; margin-left:38px; background:url(/images/spread_bg.jpg) no-repeat;}
#goodNews #screenContent{width:225px; height:295px; color:#eff2c0; padding:0 10px 0 0; position:absolute; left:390px; top:60px;}
#goodNews #screenContent h3{font-size:16px; font-weight:bold; padding:0 0 10px 0;}
#goodNews #screenContent a{color:#eff2c0;}
#goodNews #screenContent label{font-weight:bold;}
#goodNews #screenContent input{margin:3px 0 10px 0; padding:3px; border:2px solid #d4a200; background:#ffffa4; color:#7e4d00; font-weight:bold; font-size:13px;}
#goodNews #banners{position:absolute; left:25px; top:75px; width:340px; height:290px;}
#goodNews #banners textarea{display:block; overflow:hidden; padding:3px; border:2px solid #d4a200; background:#ffffa4; color:#7e4d00; margin:3px 0 15px 0;}
#goodNews #banners h3{font-weight:bold; padding:0 0 10px 0; color:#FFD857;}
#goodNews #send2friendResponse{font-weight:bold; color:#7F4E00;}

#contributePage #screenContentContainer{width:640px; height:378px; margin-left:38px; background:url(/images/contribute_bg.jpg) no-repeat;}
#contributePage #screenContent{width:225px; height:295px; color:#daefff; padding:0 10px 0 0; position:absolute; left:390px; top:60px;}
#contributePage #screenContent h3{font-size:16px; font-weight:bold; padding:0 0 10px 0;}
#contributePage #screenContent a{color:#daefff;}
#contributePage #waysToHelp{position:absolute; left:25px; top:75px; width:340px; height:290px; color:#daefff; font-size:12px;}
#contributePage #waysToHelp p{padding:0 0 10px 0;}
#contributePage #waysToHelp ul{margin:0 30px; padding:0 0 10px 0;}
#contributePage #waysToHelp li{padding:0 0 10px 0;}

#tellUsPage #screenContentContainer{width:640px; height:378px; margin-left:38px; background:url(/images/tellusmore_bg.jpg) no-repeat;}
#tellUsPage #screenContent{width:570px; height:295px; color:#ffd6ff; padding:0 10px 0 0; position:absolute; left:40px; top:70px;}
#tellUsPage #screenContent label{font-weight:bold;}
#tellUsPage #screenContent input{margin:3px 0 10px 0; padding:3px; border:2px solid #ffccff; background:#ffeaff; color:#990066; font-weight:bold; font-size:13px;}
#tellUsPage #screenContent textarea{margin:3px 0 10px 0; width:230px; padding:3px; border:2px solid #ffccff; background:#ffeaff; color:#990066; font-weight:bold; font-size:13px;}
#tellUsPage #screenContent p{padding:0 0 10px 0;}
#tellUsPage #screenContent h3{padding:0 0 10px 0;}
#celebrationResponse{display:none; font-size:13px; color:#ffd6ff;}

#mapMessage{position:absolute; top:70px; left:70px; z-index:500; width:500px; margin:0 auto; border:2px solid #76ae00; background:#a6cb46;}
#mapMessage p{padding:30px; font-size:12px; line-height:16px; font-weight:bold; color:#fff;}
#getStarted{display:block; width:234px; height:36px; background:url(/images/getstarted.png); margin:0 auto; text-indent:-9999px;}
#getStarted:hover{background-position:bottom;}

#playBtn a{width:110px; height:83px; background:url(/images/play.gif) no-repeat bottom; position:absolute; top:110px; left:263px; text-indent:-9999px;}
#playBtn a:hover{background-position:top;}