body{
background: #fffff1 url(images/logo4.png) repeat-x;
color: #747474;
font: 100%/1.3 "trebuchet ms", helvetica, sans-serif;
text-align: center;
padding-bottom:20px;
width:100%;
min-width: 960px;
margin:0;
padding:0;
}


a { color: #0066b3;  text-decoration: underline;}
#container{position: absolute; min-height: 100%;width:100%; margin:0;}
#content{margin-bottom:100px;}
#wrapper {margin: 0 auto; text-align:left; width: 960px}




.txt1 { background: #fffff1;border-bottom: 5px inset #000;border-left: 5px inset #000;border-right: 2px inset #000;margin-top: 20px;border-top: #000 solid 2px;font: bold 130%/0.8em times, Serif;text-align:left;margin-left: 1.2em;padding: 0.75em 0.5em 1em 0.5em;width:7.8em; }
.txt1 a{text-decoration: none}
.txtborder {width: 3.6em;border-right: #660000 10px outset;border-bottom: 2px solid #006600;margin-left: 3.6em;height:40px/*142*/}

h2.list{font: bold 100%/1.5em arial, sans-serif; padding: 0.5em 0em 0.3em 0em; margin: 0; color: #f90}
h1,h2 { font: bold 130%/1.5em  Arial, Sans-Serif; padding: 0.5em 0em 0.3em 0em; margin: 0;color: #f90 }

img {float:left; margin-right: 1em;}
h3{font: bold 100%/1.4em Arial, Sans-Serif;padding: 0.8em 0em 0em 0em;}
img.scaled {width: 100%;padding-top: 2.5em}
img.scaled2 {width: 5%; margin:0;float: left;}
.ihandtxt{font-style: italic; font-family: "Comic Sans", "Comic Sans MS", cursive; font-weight:normal;font-size:62%; }
.center {text-align: center}
.b {font-weight: bold}
.u{text-decoration: underline}
.small {font-size:small}
pre{background: #ecf6da; color:#000; font-size: 100%}
#header{height: 122px; /*230*/}
.info {padding: 8px 0 0 28px; text-align: left; background: #fffff1 url(images/info.gif) 0 0 no-repeat; color: #f00}
p.info{height: 48px}
ul.standard {margin: 0em 2em; border: none !important; }
ul.standard li {list-style-type: disc; border: none; font-size: 100% !important}          
#positmenu
{
position: relative;
padding-bottom: 3.8em;padding-top: 0.7em; 
z-index:999;
margin-left:1.8em;margin-right:1.8em; margin-top: 0.65em}  

#nav {list-style: none; text-align: center;}
#nav ul {list-style-type:none;margin:0;padding:0; background:#993333; width: 108px/*was 906*/; z-index:99;
position:relative;
overflow:visible;
 }
#nav li {margin:0; 
position: relative; 
float:left;
display:block;
height:auto;
margin-right: 2px;text-align: center;font-size: 75%; font-weight: bold; background-color:#993333
}
#nav ul li{background-color:#993333}

#nav ul li{ border-width:1px 1px 0 0;}
#nav ul ul li{ border-width:1px 1px 0 1px;}
#nav ul ul li:last-child{border-width:1px;}
#nav a {text-decoration:none; display:block; width: 108px;padding: 5px 0; height: auto; color: #fff; border: 1px solid #147C01; }

#nav a:hover, #nav li:hover, #nav ul li:hover, #nav ul li a:hover
{background: #0066b3;color: #fff; border-width: none}

#nav ul{
    display:none;   
}
/*all see this */
#nav ul ul, #nav ul ul ul{
    display:none; 
    position:absolute; 
    margin-top:0; 
    margin-left:0em;
}

/* non-IE browsers see this */
 #nav ul li>ul, #nav ul ul li>ul{
    margin-top:-1.35em; 
 }

 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
}



li>ul { 
	top: auto;
	left: auto;
}



/*hold the menu !!!*/
#menu{position:absolute; top: 0 !important; left: 0;  z-index:100; width:auto; padding:0; }
 



#intro  {
	float: left;
	width: 590px;
	padding: 0em 1em 1em 1em;
	margin-bottom: 1.2em;
	text-align: justify; 
}


#right{float:right;position: relative;
	width: 220px;
	padding: 0em 1em 1em 1em;
	margin-bottom: 1.2em;
	
	
}
#right p{text-align: justify; }
#intro, #right {background-color: #fffff1;
font: 95%/1.3 TrebuchetMS,Arial,sans-serif;
	}
#intro{margin: 0em 1.8em 0 1.8em ;}
#right{margin: 0em 1.8em 0 0em ;}
#footer{background: #ecf6da;color: #747474; font-size: small;position: absolute; bottom:0; width: 100%;  min-width: 960px;height: 100px}    

#quote, blockquote {background: #ecf6da url(images/speech.png) no-repeat; padding: 1.0em 2.0em 2.0em 2.0em; margin-left:-0.2em;margin-right:0em}
#quote {margin-top:1em}


ul {  padding: 0; margin: 0;}
li { list-style-type: none; border-bottom: 1px outset #ecf6da; font-size:small; margin-top: 0.8em}
#intro ul{margin-top: 1.8em; border-top:1px inset #ecf6da;}
#search {padding: 1em 0 0.5em 0}

p.adblock {margin-left: -1em;}
p.adsky {margin: 2em}

/*image sprite*/
#insert {margin: 0; padding:1em 0 0 0;}
#insert ul {list-style: none; margin: 0; border: none;}
#insert li{border: none;}
#insert ul li {display: inline;}
#insert ul li a {display: block; 
		 float: left; 
		 height: 20px;
                 padding: 60px 0 0 0;/*padding +height = clickable area*/
                 width:110px;
                 font-size: 68%;
		 margin-right: 1em; /* Space units with margin */
		 background-image: url(images/newpetspage.png); 
		 background-repeat: no-repeat; 
			}
			
                        #insert ul li a.pic1 { background-position: 0 0;}
			#insert ul li a.pic2 { background-position: -130px 0; }
			#insert ul li a.pic3 { background-position: -260px 0; }
			#insert ul li a.pic4 { background-position: -390px 0; }
			#insert ul li a.pic5 { background-position: -520px 0; margin: 0; }


/**styling for screenshot preview****/

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding: 5px 5px 0px 5px;
	display:none;
	color:#fff; 
	}
#screenshot img{float: none;}
/***go back from live prieview style***/
#back {text-decoration: none; background:#ecf6da; border: 0.08em solid #060; padding: 0.2em} 



.clearfix:after {
	content:"."; 
	display:block; 
 height:0; 
 clear:both; 
 visibility:hidden;
}
.clearfix {
 display:inline-block;
}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */