@charset "UTF-8";
/* CSS Document created by Nicksoper.com*/

html{height:100.01%;}

body{text-align:center; font-family:Arial, Arial, Helvetica, sans-serif; font-size: 62.5%; color:#000000; line-height:1.3em; 
background:url(../images/background.png) center top repeat-y #000000;}

#wrapper{width:100%;}

.page{width:996px; margin:0 auto 0 auto;}

#header{width:996px;}

	#header #join{float:right; margin:17px 0 0 0; display:inline;}

	#flash_logo{float:left; margin:8px 0 0 0; z-index:99; position:relative;}
	#header_donate{float:left; margin:15px 0 0 0; display:inline;}
	#flash_timer{float:right; margin:-195px 0 0 -5px; z-index:2; position:relative;} /*Taken out May 21 2009*/
		#donate_top{float:right; margin:70px 10px 0 -5px; position:relative;}
	
#nav{width:996px; height:51px; background:url(../images/bg_nav.png) no-repeat; float:left; margin-top:-25px;}
	
	#nav ul{position:relative; z-index:99; float:left;}
	#nav ul li{float:left; position:relative;}
	#nav ul li a{position:relative; text-indent:-999999px;}
	
	#nav ul li a#nav_kennel{background:url(../images/nav/kennel.png) no-repeat; width:84px; height:40px; position:relative; display:block; margin-left:8px;}
	#nav ul li a#nav_why{background:url(../images/nav/why_woof.png) no-repeat; width:129px; height:40px; position:relative; display:block; margin-left:41px;}
	#nav ul li a#nav_who{background:url(../images/nav/who_is_oscar.png) no-repeat; width:160px; height:40px; position:relative; display:block; margin-left:41px;}
	#nav ul li a#nav_woof{background:url(../images/nav/woof_welfare.png) no-repeat; width:159px; height:40px; position:relative; display:block; margin-left:41px;}
	#nav ul li a#nav_blog{background:url(../images/nav/oscars_blog.png) no-repeat; width:148px; height:40px; position:relative; display:block; margin-left:41px;}
	#nav ul li a#nav_contact{background:url(../images/nav/contact.png) no-repeat; width:99px; height:40px; position:relative; display:block; margin-left:41px;}

	#nav ul li a#nav_kennel:hover, #nav ul li a#nav_why:hover, #nav ul li a#nav_who:hover, #nav ul li a#nav_woof:hover, 
	#nav ul li a#nav_blog:hover, #nav ul li a#nav_contact:hover{background-position:0px -40px;}
	
#facebook{position:relative; float:left; margin:-12px 0 0 30px;}

#content_top{width:996px; background:url(../images/bg_page_top.png) no-repeat; height:44px;}

#content{width:996px; background:url(../images/bg_page.png) repeat-y; padding-bottom:28px;}

#content_bottom{width:996px; background:url(../images/bg_page_bottom.png) no-repeat bottom left; text-align:center; padding:10px 0 15px 0; vertical-align:middle;}

	#content_bottom img{margin:0 16px 0 16px;}
	#content_bottom a{vertical-align:middle;}

	#flash_map{margin:0 0 0 47px;}
	
#content_bottom_pink{width:996px; height:133px; background:url(../images/bg_page_bottom_pink.png) no-repeat;}




.box_top{background:url(../images/square_box/box_top.png) repeat-x top #FFFFFF; display:inline-block; position:relative; float:left; margin-top:50px;}
.box_left{background:url(../images/square_box/box_left.png) no-repeat top left #FFFFFF; display:inline-block; position:relative; float:left;}
.box_right{background:url(../images/square_box/box_right.png) no-repeat top right; display:inline-block; position:relative; float:left;}
.box_bottom{background:url(../images/square_box/box_bottom.png) repeat-x bottom; display:inline-block; position:relative; float:left;}
.box_bottom_left{background:url(../images/square_box/box_bottom_left.png) no-repeat bottom left; display:inline-block; position:relative; float:left;}
.box_bottom_right{background:url(../images/square_box/box_bottom_right.png) no-repeat bottom right; display:inline-block; position:relative; float:left;
padding-bottom:20px;}

.round_box_top{background:url(../images/round_box/box_top.png) repeat-x top #FFFFFF; display:inline-block; position:relative; float:left; margin-top:50px;}
.round_box_left{background:url(../images/round_box/box_left.png) no-repeat top left #FFFFFF; display:inline-block; position:relative; float:left;}
.round_box_right{background:url(../images/round_box/box_right.png) no-repeat top right; display:inline-block; position:relative; float:left;}
.round_box_bottom{background:url(../images/round_box/box_bottom.png) repeat-x bottom; display:inline-block; position:relative; float:left;}
.round_box_bottom_left{background:url(../images/round_box/box_bottom_left.png) no-repeat bottom left; display:inline-block; position:relative; float:left;}
.round_box_bottom_right{background:url(../images/round_box/box_bottom_right.png) no-repeat bottom right; display:inline-block; position:relative; float:left;
padding-bottom:20px;}



/************* Home Page ***************/
	

#who{width:409px; margin:0 0 0 0;}

#any_doggie_home{float:left; margin:10px 0 0 -205px; position:relative;}

#who_wrapper{margin:0 0 0 235px; float:left; width:400px;}

#who_heading{margin:-25px 0 5px -40px; position:relative; float:left;}

#who p{width:340px;}

a.sniff_more{float:right; margin:-25px 20px 0 0; position:relative;}

#video{width:302px; padding-bottom:20px;}

#video p{margin:20px 15px 0 15px; text-align:justify;}

#video_wrapper{width:302px; float:right; margin:-15px 25px 0 0;}

#video_heading{margin:-25px 0 0 11px; position:relative; float:left;}

#video object{margin:20px 0 0 15px;}

#why{width:605px;}

#why_wrapper{width:605px; margin:0 0 0 37px; float:left;}

#why_heading{margin:-20px 0 0 0; position:relative;}

#why p{width:275px; float:left; margin:0 0 20px 17px; text-align:justify;}

a#pledge{float:left; margin:-32px 0 0 11px; position:relative;}

#get{width:302px;}

#get_wrapper{width:302px; float:left; margin:10px 0 0 28px;}

#get_heading{margin:-17px 0 0 -13px; position:relative;}

#get p{width:269px; text-align:justify; margin:5px 0 10px 12px; float:none;}


#news_ticker{width:722px; height:36px; background:url(../images/news.png) no-repeat left #000000; padding:10px 0 0 158px; margin:0 auto 0 auto;}

	#news{width:717px; height:20px; background:url(../images/bg_news.png) no-repeat; padding:4px 0 0 10px;}
	
	.tickerbox {width:680px;margin:0px;padding:0;height:300px;}
	.tickerbox ul {width:680px; position:relative;}
	.tickerbox li {padding:2px 0 0 0; width:100%; list-style:none; list-postion:inside;	position:absolute; overflow:hidden;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
		.tickerbox li strong{font-weight:bold;}
		.tickerbox li a{text-decoration:underline;}
		.tickerbox li a:hover{text-decoration:none;}

.messagediv{display: none;}


#bg_footer{padding-top:30px;}

#footer{width:996px; background:url(../images/bg_footer.gif) no-repeat top; margin:0 auto 0 auto; padding-bottom:10px; padding-top:30px;}
	
	#footer ul{margin:0 0 0 300px;}
	#footer li{display:inline; font-size:12px; color:#FFFFFF; margin:0 5px 0 5px;}
	#footer li span{margin:17px 0 -12px 0;}	
	#footer li a{color:#FFFFFF; text-decoration:none;}
	#footer li a:hover{text-decoration:underline;}	

#copy{width:996px; margin:0 auto 0 auto; padding-bottom:10px; padding-top:20px; padding-bottom:20px;}
	
	#copy ul{margin:0 0 0 0; text-align:center;}
	#copy li{display:inline; font-size:12px; color:#FFFFFF;}
	#copy li span{margin:17px 0 -12px 0;}	
	#copy li img{margin:0px 0 -12px 0;}
	#copy li a{color:#FFFFFF; text-decoration:underline;}
	#copy li a:hover{text-decoration:none;}
	
	#copy ul#links li{margin:0 10px 0 10px;}
	#copy ul#links{margin:0 0 20px 0;}
	
	img#adopt{padding:0 10px 6px 0;}




.left_page{width:610px; padding-bottom:30px;}
.left_page_wrap{width:610px; margin:0 0 0 35px; float:left;}

	.left_page img.left{margin:10px 0 0 5px; float:left;}
	.left_page img.right{margin:10px 10px 0 0; float:right;}
	
	.left_page p{width:330px; text-align:justify; margin:10px 0 0 20px;}
	.left_page p.full_width{width:565px; margin-right:0; position:relative;}
	


/************* Why Woof Page ***************/

#whywoof_heading{margin:-20px 30px 0 0; float:right; position:relative;}


/************* Who is Oscar Page ***************/

#whois_heading{margin:-20px 135px 0 0; float:right; position:relative;}

#pledge_heading{margin:-25px 0 0 6px; position:relative;}

.name{width:75px; border:none; border-bottom:#000000 dotted 1px;}
.sign{width:100px; border:none; border-bottom:#000000 dotted 1px;}

img#woof{margin:10px 0 0 13px;}
#pledge{float:right; margin:-80px -10px 0 0; position:relative;}
p.signed{width:150px;}
#captcha{width:170px; margin:10px 0 0 13px; float:left;}
#captcha2{width:170px; margin:0px 0 0 20px; float:left; padding-top:20px;}
.captcha_text{width:80px; background-color:#67d3f8; border:#14b4eb solid 1px; margin:0 10px 0 0px; padding:8px 0 8px 3px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; font-weight:bold;}
#captch_img{float:left;}
#send{background:url(../images/who_is_oscar/send.jpg) no-repeat; width:86px; height:34px; float:left; border:none; margin:10px 0 20px 13px;
cursor:pointer;}

.captcha_message p{color:#FFFFFF; background:#0084b6; margin:0; padding:0px; text-align:center;}

/************* Woof Welfare Page ***************/

#welfare_heading{margin:-20px 0 0 10px; position:relative;}


/************* Contact Page ***************/

.left_page img.contact_img{margin:-30px 10px 0 0; float:right;}

.contact_text{width:320px; background-color:#67d3f8; border:#14b4eb solid 1px; margin:0 0 5px 0; padding:8px 0 8px 3px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}

#contact_text_area{width:552px; background-color:#67d3f8; border:#14b4eb solid 1px; margin:0 0 0 0; padding:8px 0 0 3px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; height:123px;}
#send_contact{background:url(../images/who_is_oscar/send.jpg) no-repeat; width:86px; height:34px; float:left; border:none; margin:10px 0 20px 20px;
cursor:pointer;}
#form_button{float:none; margin:20px 0 0 0; padding:0 0 0 0;}
#form_button #send_contact{float:none; margin:20px 0 0 0;}

#contact_form p{float:none;}


/************* Blog Page ***************/

.full_page{width:928px; padding-bottom:50px;}
.full_page_wrap{width:928px; margin:0 0 0 35px;}

.continent{width:923px; border-bottom:#dddddd solid 1px;}

.continent ul{margin:0 0 0 10px;}
.continent ul li{width:800px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:1.5em; margin:0 0 0 0; float:left;}
.continent ul li a{color:#028ecc; width:auto; display:inline; float:none; margin:0 0 0 0;}

.continent a{width:300px; margin:20px 0 10px 10px; float:left; color:#00c0f2;}

#buttons{float:left; width:928px;}

a#previous{background:url(../images/blog/previous.png) no-repeat; width:121px; height:34px; display:inline-block; text-align:center; padding:10px 0 0 0; text-decoration:none;
margin:-10px 0 0 5px; float:left; position:relative; font-weight:bold;}
a#next{background:url(../images/blog/next.png) no-repeat; width:106px; height:34px; display:inline-block; text-align:center; padding:10px 0 0 0; text-decoration:none;
float:right; margin:-10px 10px 0 0; position:relative; font-weight:bold;}
a#previous:hover{color:#e718b1;}
a#next:hover{color:#e718b1;}

#blog_info{width:380px; border-right:#e9e9e9 solid 1px; margin:0 0 0 18px; float:left;}
#blog_info p{float:none; margin:10px 25px 10px 0;}
#blog_info p a{color:#ff009c; text-decoration:none;}
#blog_info p a:hover{text-decoration:underline;}

.videos{width:300px; float:left; padding-left:30px}
.videos img{float:left; margin:0 0 20px 0;}
.videos p{float:left; padding-top:20px; padding-left:10px;}
.videos p a{color:#00c0f2; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#shelters{width:170px; float:left; margin:58px 0 0 0;}

#shelters p a{color:#ff009c; text-decoration:none;}
#shelters p a:hover{text-decoration:underline;}


#blog_top{width:500px; float:right;}


#oscars_oscar{width:510px; float:right;}

	#oscars_oscar img{border:#0393cd solid 5px;}
	
	
	#oscar_image{width:287px; float:left;}
	
	#oscars_oscar img.no_border{border:none;}
	
	
	#oscar_text{width:200px; float:right; margin:0 14px 0 0;}
	
		#oscar_text p{text-align:justify;}



/************* Products Page ***************/

#product_info{width:420px; margin:20px 0 0 0px; float:left;}

#product_info p{float:none;}
#product_info p span{font-size:25px;}

#product_images{width:259px; float:left; margin:20px 20px 0 20px;}

#product_images img#the_oscar{margin:0px 0 0 0px;}
#product_info #the_oscar2{margin:0px 10px -20px 0px;}
#product_images img{float:left; position:relative;}


#donate_info{width:884px; margin:20px 0 0 0; float:left; border-top:#efefef solid 1px; padding:30px 20px 0 20px;}
	#donate_info p{float:none;}
	.donate-button{margin:10px 0 0 350px;}
	
	#donate_info h1{font-size:30px; text-align:center; margin:0 0 20px 0; font-weight:bold;}
	
#bank_details{float:left; width:800px; border:#999999 solid 1px; margin:50px 0 0 40px; display:inline; background:#cccccc; padding:20px;}
#bank_details p{float:left; width:800px; margin:0 0 10px 0;}




/************* Error Page ***************/
#error{width:700px; margin:0 auto;}
	#error h2{font-size:20px; font-family:"Arial Black", Arial, Helvetica, sans-serif; margin-bottom:10px;}
	#error strong{font-weight:bold;}
	#error p{font-family:Arial, Helvetica, sans-serif; font-size:14px; width:700px; margin:0 0 20px 0; line-height:14px;}
	#error ul{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:none; margin:50px 0 0 80px;}
		#error ul li{list-style-image:url(../images/bone.jpg); clear:both;}
		
		
/************* Text Page eg. Privacy and Terms pages ***************/

.text_page{padding:40px 40px 50px 40px; width:846px;}


	.text_page h1{font-size:20px; font-family:"Arial Black", Arial, Helvetica, sans-serif; margin-bottom:10px;}
	.text_page h2{font-size:16px; font-family:"Arial Black", Arial, Helvetica, sans-serif; margin-bottom:10px; color:#009eec;}
	.text_page strong{font-weight:bold;}
	.text_page p{font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0 0 20px 0; line-height:14px;}
	.text_page ul{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:none; margin:50px 0 0 80px;}
		.text_page ul li{list-style-image:url(../images/bone.jpg); clear:both;}		
		
		

/************* Text Styles ***************/	

p{font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:1.5em; margin:0 0 25px 0; float:left;}

a{color:#000000; cursor:pointer;}
a:hover{text-decoration:none;}

em{color:#ff0090; font-style:normal;}










#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 1800px;
	background-color: #000000;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}


#box 
{
	display: none;
	position: absolute;
	top: 0%;
	left: 10%;
	width: 759px;
	height:421px;
	margin:1200px 0 0 150px;
	
	background-color: white;
	z-index:101;
	overflow: none;
	background:url(../images/lightbox/background.png) repeat-x top #FFFFFF;
	text-align:right;
	padding:10px 10px 0 0;
}

#box a{cursor:pointer;}

#boxtitle
{
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:585px;
	padding:0;
	padding-top:0;
	left-padding:0;
	margin:0;
	color:white;
	text-align:center;
}

#box #image{width:470px; height:368px; float:right; margin:0 20px 0 0;}

#box_text{width:220px; float:left; margin:0 0 0 30px;}

	#box_text p{text-align:justify;}



/************* Accessibility ***************/	

/* clearing */ 
.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
* html>body .clearfix{display: inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* accessibility */ 
.accessibility { position: absolute; top: -999em; left: -999em;}