/*#############################################################
Description: Diligent Dog's Index Page Layout
#############################################################*/

/* standard elements */		
body {background:#000000;
      margin:0;}
	  
#outer        				 
	{position: absolute;
	 top: 50%;
	 left: 0px;
	 width: 100%;
	 height: 1px;}

#inner    
	{margin-left: -250px;
	 position: absolute;
	 top: -150px;
	 left: 42%;
	 width: 700px;
	 height: 300px;}
	 
.bgtext 					
	{font-size: 150px; 
	 position:absolute;
	 top:50px;
	 right:-212px;
	 width: 986px; 
	 color:#222222; 
	 font-family:Verdana, Arial, Helvetica, sans-serif;}
		 
.footertext 
	{font-size:12px;
	 position:absolute;
	 top:320px;
	 text-align:center;
	 width:500px;
	 color:#CCCCCC;}

div#text1, div#text2, div#text3, div#text4, div#text5, div#text6, div#text7
	{position:absolute;
	 width: 399px;
	 font-family:verdana, helvetica, sans serif;}

div#inner div#content a:link, div#inner div#content a:visited, div#inner a:hover, div#inner a:hover span
   			 {color:#666666}

div#text1 {font-size:35px; top:262px; left:84px;}
div#text2 {font-size:50px; top:-75px; left:-114px;}
div#text3 {font-size:60px; top:3px; left:112px;}
div#text4 {font-size:40px; top:-91px; left:390px;}
div#text5 {font-size:35px; top:-7px; left:470px;}
div#text6 {font-size:39px; top:217px; left:300px;}
div#text7 {font-size:28px; top:277px; left:529px;}		

div#text1 a:hover span {top: -6px; left: 0px; color:#D6300D;}
div#text2 a:hover span {top: -3px; left: 0px; color:#E45813;}
div#text3 a:hover span {top: -10px; left: 0px; color:#4B8C3A;}
div#text4 a:hover span {top: -4px; left: 0px; color:#FFD010;}						
div#text5 a:hover span {top: -4px; left: 0px; color:#07C5FF;}
div#text6 a:hover span {top: -6px; left: 0px; color:#1FA4FF;}
div#text7 a:hover span {top: -4px; left: 0px; color:#239DC2;}
								   
div#inner a:hover, div#inner2 a:hover
				  {background: none;
				   cursor:crosshair;}

div#inner a span {display: none;}

div#inner a:visited span {display:none;}

div#inner a {text-decoration: none;
			 color:white;}

div#inner a:hover span {display: block;
						position:relative;
						background:none;
						font-size:14px}
						
div#inner a:link, div#inner a:visited {text-decoration:none;}

div#inner a:hover {text-decoration:none}

div#content {position:absolute;
			 top:-50px;
			 left:-70px;
			 width:635px;
			 height: 400px;
			 overflow: auto;
			 font-family: verdana, helvetica, sans serif;
			 font-size: 13px;
			 color:white;
			 text-align:justify;
			 margin:3px;}

div#inner div#content a:hover {text-decoration:underline;}
			 
div#close, div#top 
          {width:17px;
		   height:17px;
		   background:none;
		   text-align:center;
		   font-family:verdana, helvetica, sans serif;
		   font-weight:bold;
		   font-size:12px;
		   border: 1px solid #222}
   
div#top {position:relative;
		   left:573px;
		   top:319px}

div#close {position:relative;
		   left:573px;
		   top:-47px;}
		   
div#inner div#close a:link, div#inner div#top a:link {color:#fff; cursor:default;}
div#inner div#close a:visited, div#inner div#top a:visited {color:#fff; cursor:default;}
div#inner div#close a:hover, div#inner div#top a:hover {color:#fff; cursor:default;}

div#urltext {font-family:verdana, helvetica, sans serif;
			 font-size:30px;
			 position:absolute;
			 top:-87px;
			 left:-69px} 


			 
div#content div#titlebar {border: 1px solid #222222;
				background: #000;
				font-weight: normal;
				color:  #ff7c11;}
				
div#content {margin-left:0;
			padding-right:8px;}