/* CSS Document */

body{ background-color:#eeeecc; margin-top:0px;}
body{ margin-left:auto; margin-right:auto; margin-top:0px}

h1{ color:#801132; font-size:32px;}
h2{ color:#ce921b; font-size:20px;}

#outer{ width:100%; float:left;}
#inner{ width:100%; float:left; min-height:666px}


/********************************** Header section *******************************************/

#header{ width:100%; float:left; background-color:#770023; height:33px;}
.menus{  float:right; padding-top:8px; text-align:right; padding-right:25px}

/***************************** Left Section ************************************/
#left{
	width:204px;
	position:absolute;
	height:300px;
	color:#FFFFFF;
	left:0px;
	top: 33px;
}

.left-img-logo{ width:204px; float:left;}
.logo-img{
	width:162px;
	position:absolute;
	height:162px;
	left:31px;
	top: -9px;
}


/******************** Middle Section ****************************/
#middle-section{width:100%; float:left; min-height:620px}

.middle-content{padding-left:144px; padding-right:200px;}
.heading-title-row{ width:100%; float:left;}
.heading-img{ width:307px; float:left; padding-left:70px;}
.heading-main-title{width:100%; float:left;}
.heading-text{ width:430px; float:left; padding-left:70px; padding-top:15px;}
.middle-text{ padding-left:70px; padding-right:30px;}
#bottom-left-content{ float:left; padding-left:70px; padding-right:20px;}
.left-content-section{ float:left; padding-right:20px}
.news-section{
	width:247px;
	float:left;
	padding-right:0px; text-align:left;

}
.news-heading{ width:247px; float:left; height:26px; background-color:#770023; padding-top:10px;}
.news-middle-section{ width:249px; background-image:url(images/news-border-middle.jpg); background-repeat:repeat-y; float:left;}
.news-content{ width:233px; float:left; padding-left:7px; padding-top:10px; padding-bottom:5px; }
.news-bottom-section{ width:247px; float:left;}




/************************ Right Section  *******************************/
#right{
	width:150px;
	position:absolute;
	height:300px;
	right:30px;
	top: 34px;
}

.donate-now{ width:173px; float:left;}
.right-img-1{ width:173px; float:left; padding-top:5px;}
.right-img-content{ width:173px; float:left;}
.right-img-2{ width:173px; float:left; padding-top:5px;}
.right-img-3{ width:173px; float:left; padding-top:5px;}
.volunteer-img{ width:167px; float:left; padding-top:10px;}



/************************* Bottom Section *****************************/

.bottom-section{
	width:100%;
	float:left;
	
}
.bottom-section-area{ width:100%; float:left;}
.facebook-icon{ width:159px; padding-left:30px; position:absolute; left:0px}
.icons{ width:159px; padding-left:30px; position:absolute; left:0px; top:610px}
.icons-inner{ width:159px; padding-left:30px; position:absolute; left:0px; top:680px}



.share-icon-outer{ float:left; width:100%;}
.share-icon{ width:125px; float:left; padding-top:15px; padding-left:30px;}
.petfinder-img{ width:159px; float:left; padding-left:20px;}

#bottom-text-right-main{ width:540px; float:right; text-align:right;}
.bottom-text-right{ width:500px; float:right; text-align:right; padding-right:40px; color:#ce921b;}
.click-arrow{ width:500px; float:right; text-align:right;}
.click-here-to{ width:200px; float:right; text-align:right; display:inline; padding-top:8px}
.arrow-img{float:right; text-align:right; padding-right:25px; padding-left:15px;}


/************************** Footer Section ******************************/

#footer{ width:100%; float:left; background-color:#770023; margin-top:30px; text-align:center;}
.footer-links{ width:100%; float:left; padding-bottom:8px; padding-top:8px; text-align:center;}
.footer-text{ width:100%; float:left; padding-bottom:8px; text-align:center;}


/**************************** About Us ************************************/
#header2{ width:100%; float:left; background-color:#770023;}
.title-2ndlevel{ width:425px; float:left; padding-left:250px; padding-top:15px;}



/********************** left Area ********************/
#left-about-us{
	width:238px;
	position:absolute;
	height:300px;
	color:#FFFFFF;
	left:1px;
	top: 116px;
}
.left-img-logo-about-us{ width:204px; float:left;}
.logo-img-about-us{
	width:162px;
	position:absolute;
	height:162px;
	left:35px;
	top: -35px;
}

#banner-and-search{ width:100%; float:left;}
.banner-title{ width:507px; float:left;}
.sign-up-our-newsletter{ width:105px; float:right; padding-top:50px; padding-right:10px;}
.text-box-area{ width:150px; float:right; padding-top:52px;}
.go-btn{ width:29px; float:right; padding-top:54px; padding-right:15px; padding-left:5px;}

/*********************** Middle Section About us ************************/

#middle-section-area{width:100%; float:left;}
.middle-content-area{padding-left:300px; padding-right:200px; padding-top:100px;}
.middle-content-main{padding-left:240px; padding-right:265px;}
.heading-main-title2{width:100%; float:left;}
.heading-text2{ width:330px; float:right; padding-left:70px; padding-top:15px;}
.middle-text2{ padding-left:0px; padding-right:75px;}
.heading2-2ndlevel{padding-left:300px; padding-top:50px; padding-right:200px;}
#second-heading-content{ width:100%; float:left;}
.heading-middle-text2{padding-left:300px; padding-right:150px;}
.heading-middle-textaboutus{padding-left:300px; padding-right:250px;}

/************************ right About us ************************/

#right-about-us{
    width:150px;
	position:absolute;
	height:300px;
	right:55px;
	top: 160px;
}

.donate-btn{ width:173px; float:left;}

/************************* Bottom Section *************************/

#petfinder-btn{ float:left; width:100%; padding-top:15px;}