/* BODY STYLES */
* {margin:0;padding:0}

body {
 margin:0px;
 padding :0px;
 background-color: #F9FEFE;
 /*#FFF8DC;
 background:url(../images/steel2.jpg) 0 0 repeat #000000; 
 background:url(../images/coolblue_bg.png) 0 0 repeat-x #ffffff;
 background:url(../images/t.png) no-repeat 0 0 #EEEEEE;
 */
 text-align:center;
 height:100%;
 width:100%;
}

/*
ul,ol{margin-left:26px;}
p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img,img{border:none;display:block;}
*/

a:visited  { font-weight:bold;} /*color:#6cd7f5;*/
a:hover  { color:#6cd7f5;}
img { border:0 none}

.clear{
	clear: both;
	font-size: 1px;
}


#logo { 
 margin:0 0 0px 0px;
 padding:0;
 height:150px;
 text-align:left;
  background:url(../images/dogworld1.jpg) 0 0 no-repeat;
 z-index: 1;
}

div.titleone { position:absolute; padding-right:5px; top:58px; left:23px; z-index:35; text-align:left; width:60px; }
div.titletwo { position:absolute; padding-right:5px; top:90px; left:15px; z-index:55; text-align:left; width:113px; }
.titlethree { text-align: right; left:223px;}
 /*
#world {float:left;  z-index: 2; width:200px; height:200;
margin: 9px 0 0 300px; background-color:  #ffffff; bckground: url(../images/world1.png) 0px 0px no-repeat;
}
*/
#bar-log {  position:relative;
  margin: 0 0 0 0; padding: 0 15px; 
  height: 33px; width: 100%;
  background: url(../images/bullet.jpg) 0 0 repeat;
  font-size:0.8em;
}

#lnk{ float:right;
padding: 0 15px; 
margin: 2px 30px 0 0; 
}

.shadow{
	width:968px;
	margin:0px auto;
	padding:0px 6px;
	/*background:url(../images/shadow.png) center top repeat-y;*/
}

#container { 
 margin: 0px auto;
 height:785px;
 width:100%;
 text-align:center;
 padding: 9px 0px;
 background-color:#ffffff;
  
}/* width:968px; */


div.pitchtite { padding-right:5px; top:52px; left:35px; z-index:36; text-align:left; width:476px; }
div.pitchpara {  padding-right:5px; top:70px; left:71px; z-index:37; text-align:left; width:578px; }
div.software { float: right; top:135px; left:609px; z-index:3; }

   /* TEXT STYLES #e87b23 orange*/

.textstyle0 {font-family:Arial;
font-weight:bold;font-style:normal;
font-size:40px;
text-decoration:none;
color:#99cc00; /*#979700;*/
}
.textstyle1 {font-family:Arial;
font-weight:normal;
font-style:normal;
font-size:31px;
text-decoration:none;
color: #0000EE; /*#bebfaf;*/
}
.time {font-family:Verdana;
font-weight:bold;
font-style:bold;
font-size:1.1em;
text-decoration:none;
color:#bebfaf;
}
/*apple uses "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans serif
in content
size 1.167em line-height:1.4285em; word-spacing:-1px;
color 333333
background-color: #f2f2f2
*/
.textstyle2 {font-family: "Comic Sans MS","Lucida Grande",Helvetica,"Lucida Sans Unicode",cursive,Arial;
font-weight:normal;
font-style:normal;
font-size:0.9em;
line-height:1.3em;
text-decoration:none;
color:#000000; /* 383838 #bebfaf;*/
}
.textstyle3 {font-family:Arial;
font-weight:bold;
font-style:normal;
font-size:10px;
text-decoration:none;
color:#bebfaf;
}
.textstyle4 {font-family:Arial;
font-weight:normal;
font-style:normal;
font-size: 1em;
text-decoration:none;
color:#000000;
}
.textstyle5 {font-family:Arial;
font-weight:bold;
font-style:normal;
font-size:15px;
text-decoration:none;
color:#000000;/* the green=#669900 aqua=#00C5CD ocre=#979700 similar to bar */
}
.textstyle6 {font-family:Arial;
font-weight:normal;
font-style:bold;
font-size:10px;
text-decoration:none;
color:#000000; /*383838*/
text-align: center;
}
.gre { color:#9ACD32;}/* #9ACD32 gre like the bar #979700 #458B00green*/
.yel { color:#00C5CD;} /*aqua - nice dk yel= #FEED32 */
.blu { color:#0000CD;} /*nice blu #0054A6 change to this blue #383838*/




ul.paw { margin-top: 20px ;list-style-image:url(../images/bullet.jpg); list-style-type:disc; vertical-align:center;}
ul.paw li{ margin-top: 8px;}
li.barhead{ margin-top: 0px; margin-left: -4px; display: inline-block;}


#boxes{position:absolute; top:493px;/*389*/ left:44px; width: 100%; height:700px;}

#toss { margin: 26px 0 0 40px; padding: 0 0;  
position:relative; top:0px; 
 width: 100%; text-align: left; 
} /*  height:40px; */
#toss h2{  text-align: left; color: #979700 /*#0000FF*/; 
  margin: 6px 0 0 42px; padding: 0 0; }

/* took out 1px solid #000000 put back in-height:200px; out of ball1 2 and 3  took z-indexes off ball 1 2 3 divs*/
#balls { margin: 0 0; padding: 0 0;  margin-left: auto;margin-right: auto;
position:relative; top:0px; 
height:700px; width: 500px; /*text-align: center; */
}
#balls h1{  text-align: left; font-color: #0000FF; 
margin: 6px 0 0 42px; padding: 0 0; 
} /* margleft=42*/
#balls ul{ position:relative;
margin: 6px 0 0 0px; padding: 0 0; float: left; width:200px;
text-align: center; list-style: disc;
}/* color: #000000; margleft=50  */
#balls li{ 
margin: 0 0 0 50px; padding: 2px 0;  text-align: left; text-indent: -4px;
list-style: disc; /*  font-size: 1em; */color: #000000;
}

#ball1 { margin: 0 0; padding: 0 0px; position:absolute; top:70px; 
width:200px; /*left:30px; */
border: 0; 
}
.ball1 {  margin: 0 0; padding: 0 0px; position:absolute; top:70px; 
height:200px; width:200px; left:10px; z-index:5; 
background:url(../images/bball.png) center center no-repeat;
}
#ball1 img{}
#ball1 p.sh{font-size: 2em; display: none;}
.ball1ul {  color:#00C5CD; } /* dont work */
.ball1li {  margin-left: 23px; } 

#ball2 {  margin: 0 0 0 240px; padding: 0 0;position:absolute; top:70px; /*220px*/
height: 600px; width:200px;/* left:320px;*/
border: 0; 
}
.ball2 {  margin: 0 0 0 240px; padding: 0 0; position:absolute; top:70px; 
height:200px;width:200px; z-index:6; 
background:url(../images/gball.png) center center no-repeat; 
} /*left:320px; */
/*.ball2li {  margin-left: 0px; } */

#ball3 {  margin: 0 0 0 480px; padding: 0 0;position:absolute; top:70px; 
 width:200px; /*left:630px;*/
border: 0;
}
.ball3 {  margin: 0 0 0 480px; padding: 0 0; position:absolute; top:70px; 
height:200px;width:200px;   z-index:7; 
background:url(../images/yball.png) center center no-repeat; 
} /*left:630px;*/