/* Copyrighted to the Disability Heroes, designed for the DS Superheroes*/


/*################################## EVERY PAGE #####################################*/
hr {display:none;}

h1 {display:none; font-family:Arial, Helvetica, sans-serif; font-size:28px;}

h2  {display:none; font-size:24px;}

h3 span  {display:none; font-size:26px;}

p {padding-left:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:300px;}

body {background-image:url(../images/bg.png); background-repeat:repeat; }

#container {width:818px;  margin: 0 auto; background: url(../images/conbg.png) repeat-y; }

#title { background-image:url(../images/title.png); background-repeat:no-repeat; width:730px; height:251px; margin: 0 auto; }

#containcontent {width:579px; float:right;}

html>body #content { *height:285px; } /*IE*/

.clear{clear:both; padding:0; margin:0;}

#missingpage {
	position:absolute;
	background-image:url(../images/404.png);
	background-repeat:no-repeat;
	width:535px;
	height:541px;
	float:right;
	background-repeat:repeat-y;
	top: 251px;
	text-indent:-9000px;
}

/*################################# DISABILITY HEROES ACCOCIATION BADGE, TOP RIGHT ####################################*/

#dha {
display: inline;
float:right;
list-style:none;
margin:0;
z-index:2;
width:90px;
height:236px;
}

#dha  a span {
display:none;
}

#dha  a {
width:120px;
height:115px;
float:left;
}

#dha_badge a {
background:url(../images/dha.png); background-repeat:no-repeat;
}

#dha  a:hover {
background-position:0% -117px;
}

/*################################# CHAPTERS TITLE ####################################*/

#chapters {background-image:url(../images/chapters.png); background-repeat:no-repeat; width:169px; height:215px; margin-left:44px;}

#chapters span {display:none;}

/*################################# NAVIGATION ####################################*/

#nav_home {background-image:url(../images/nav_bg.png); width:239px; height:400px;  background-repeat:repeat-y; z-index:50; }

#nav_whois {background-image:url(../images/nav_bg.png); width:239px; height:688px;  background-repeat:repeat-y; }

#nav_profile {background-image:url(../images/nav_bg.png); width:239px; height:541px;  background-repeat:repeat-y; }

#nav_whatis {background-image:url(../images/nav_bg.png); width:239px; height:726px;  background-repeat:repeat-y; }

#nav_dl {background-image:url(../images/nav_bg.png); width:239px; height:460px;  background-repeat:repeat-y; }

#nav_contact {background-image:url(../images/nav_bg.png); width:239px; height:541px;  background-repeat:repeat-y; }

#nav_games{background-image:url(../images/nav_bg.png); width:239px; height:510px;  background-repeat:repeat-y; z-index:50; }

#nav_laser {background-image:url(../images/nav_bg.png); width:239px; height:619px;  background-repeat:repeat-y; z-index:50; }

#nav_jigsaw {background-image:url(../images/nav_bg.png); width:239px; height:811px;  background-repeat:repeat-y; z-index:50; }


 /*IE*/
html>body #nav { *height:447px }


#navlist { 
padding-left:15px; 
padding-top:125px;
width:140px; 
float:left;
list-style:none;
display: inline;
}

#navlist li {
display:inline;
list-style: none;
margin-top: 1em;
}

#navlist li a span {
display:none;
}

#navlist li a {
width:150px;
height:17px;
float:left;
}


#navlist_home a {
background: url(../images/home_link.png) no-repeat; margin-bottom:1em;
}

#navlist_whois a {
background: url(../images/whois_link.png) no-repeat; margin-bottom:1em;
}

#navlist_whatis  a {
background: url(../images/whatis_link.png) no-repeat; margin-bottom:1em;
}

#navlist_games a {
background: url(../images/games_link.png) no-repeat; margin-bottom:1em;
}

#navlist_dl a {
background: url(../images/dl_link.png) no-repeat; margin-bottom:1em;
}

#navlist_contact a {
background: url(../images/contact_link.png) no-repeat; margin-bottom:1em;
}

#navlist li a:hover {
background-position:0% -18px;
}

/*################################## FOOTER #####################################*/

#footer {
width:818px; 
height:200px; 
padding-top:20px;  
}

#break {
background-image:url(../images/div.png); 
width:818px; 
height:24px;
}

#copyright {
background-image:url(../images/copyright.png); 
background-repeat:no-repeat; 
width:708px; 
height:68px; 
margin:0 auto;
}

/*################################## DISABILITY HEROES BRAND #####################################*/


#disheroes {
z-index:2;
width:288px;
height:136px;
padding-top:15px;
margin-left:300px;
margin: 0 auto;
}

#disheroes  a span {
display:none;
}

#disheroes  a {
width:288px;
height:70px;
float:left;
}

#disheroes_badge a {
background:url(../images/disheroesbadge.png); 
background-repeat:no-repeat;
}

#disheroes a:hover {
background-position:0% -68px;
}

/*################################## BOTTOM FADE #####################################*/

#bottom {background: url(../images/btm.png) repeat-x center bottom; height: 58px; position: fixed; bottom: 0; left: 0; width: 100%;

z-index: 50;}

/*################################## EVERY PAGE END #####################################*/

/*################################## PAGE TITLES ########################################*/

.hometitle {background-image:url(../images/dsdakotasharpe.png); background-repeat:no-repeat; width:380px; height:56px; margin-top:15px; padding-bottom:10px;}
.whoistitle {background-image:url(../images/whoistitle.png); background-repeat:no-repeat; width:380px; height:56px; margin-top:15px; padding-bottom:10px;}
.whatistitle {background-image:url(../images/whatis_title.png); background-repeat:no-repeat; width:380px; height:56px; margin-top:15px; padding-bottom:10px}
.downloadstitle {background-image:url(../images/download_title.png); background-repeat:no-repeat; width:380px; height:56px; margin-top:15px; padding-bottom:10px;}
.gamestitle {background-image:url(../images/gamestitles.png); background-repeat:no-repeat; width:390px; height:56px; margin-top:15px; padding-bottom:10px;}
.contacttitle {background-image:url(../images/contact_title.png); background-repeat:no-repeat; width:420px; height:56px; margin-top:15px; padding-bottom:10px;}

.profiletitle {background-image:url(../images/profiletitle.png); background-repeat:no-repeat; width:380px; height:56px; margin-top:15px; padding-bottom:10px;}

.quiztitle {background-image:url(../images/quiztitles.png); background-repeat:no-repeat; width:380px; height:56px; margin-top:15px; padding-bottom:10px;}

.lasertitle {background-image:url(../images/lasertitle.png); background-repeat:no-repeat; width:380px; height:56px; margin-top:15px; padding-bottom:10px;}

.howtotitle {background-image:url(../images/howto.png); background-repeat:no-repeat; width:380px; height:56px; margin-top:15px; padding-bottom:10px;}

.missingtitle {background-image:url(../images/404titles.png); background-repeat:no-repeat; width:380px; height:67px; margin-top:15px; padding-bottom:10px;}


/*################################# HOME PAGE ####################################*/

#content {
	background-color: #ffffff;
	width:535px;
	height:400px;
	float:right;
	position:absolute;
	top: 251px;
	clear:both;
}

#homecontent {
	background-image:url(../images/homebg.jpg); background-repeat:no-repeat;
	width:535px;
	height:500px;
	float:right;
	position:absolute;
	top: 251px;
	clear:both;
}

/*################################# LEARN ABOUT DOWN SYNDROME LINK ####################################*/


#lads {
width:380px;
height:377px;
float:left;
padding-left:35px;
padding-top:25px;
}

#lads {
display:inline;
}

#lads a span {
display:none;
}

#lads  a {
width:380px;
height:200px;
float:left;
}


#lads a {
background:url(../images/lads.png); background-repeat:no-repeat;
}

#lads  a:hover {
background-position:0% -189px;
}

/*################### WHO IS DAKOTA SHARPE CONTENT ########################*/

#content_whois {
	position:absolute;
	background-image:url(../images/content_whois_bg.png);
	background-repeat:no-repeat;
	width:535px;
	height:688px;
	float:right;
	background-repeat:repeat-y;
	top: 251px;
}

#content_whois_mov {padding-top:55px; padding-left:0px; }

/*################### WHO IS DAKOTA SHARPE PAGE ########################*/

#content_profile {
position:absolute;
background-image:url(../images/content_profile_bg.jpg);
background-repeat:no-repeat;
width:535px;
height:541px;
float:right;
background-repeat:repeat-y;
top: 251px;
text-indent:-9000px;
}

#content_profile ul span {
display:none;
}

/*################### LINK TO DAKOTAS PROFILE ########################*/

#gsp {
float:right;
list-style:none;
margin:0;
z-index:2;
width:120px;
height:236px;
padding-right:20px;
}

#gsp  a span {
display:none;
}

#gsp  a {
width:120px;
height:115px;
float:left;
}

#gsp_badge a {
background:url(../images/gsp.png); background-repeat:no-repeat; 
}

#gsp  a:hover {
background-position:0% -118px;
}

/*################### WHAT IS DOWN SYNDROME CONTENT ########################*/

#content_whatis {
position:absolute;
background-image:url(../images/content_whatis_bg.png);
background-repeat:no-repeat;
width:535px;
height:726px;
float:right;
background-repeat:repeat-y;
top: 251px;
}

#slider1 h3 {display:none;}



/*################### CONTACT US LINK ON WHAT IS DOWN SYNDROME CONTENT ########################*/

#cun {
display: inline;
float:right;
list-style:none;
margin:0;
z-index:2;
width:120px;
height:236px;
padding-right:60px;
}

#cun  a span {
display:none;
}

#cun  a {
width:120px;
height:115px;
float:left;
}

#cun_badge a {
background:url(../images/cun.png); background-repeat:no-repeat;
}

#cun  a:hover {
background-position:0% -118px;
}


/*################### GAMES PAGE ########################*/

#content_games {
position:absolute;
background-image:url(../images/content_games_bg.png);
background-repeat:no-repeat;
width:535px;
height:510px;
float:right;
background-repeat:repeat-y;
top: 251px;
}

#games_links_container {
width:550px; 
height:350px; 
padding-top:15px;
}

#games_links  {
padding-rght:0px; 
padding-top:40px; 
width:172px; 
float:left;
list-style:none;
display: inline;
}

#games_links li {

display:inline;
list-style: none;
margin-top: 1em;
}

#games_links li a span {
display:none;
}

#games_links li a {
width:172px;
height:350px;
float:left;
}

#games_links_1 a
{
background: url(../images/quizhover.png) no-repeat; margin-bottom:1em;
}

#games_links li a:hover {
background-position:0% -348px;
}

#games_links2  {
padding-left:20px; 
padding-top:40px; 
width:172px;  
float:left;
list-style:none;
display: inline;
}

#games_links2 li {
display:inline;
list-style: none;
margin-top: 1em;
}

#games_links2 li a span {
display:none;
}

#games_links2 li a {
width:172px;
height:350px;
float:left;
}

#games_links_2 a {
background: url(../images/laserhover.png) no-repeat; margin-bottom:1em;
}

#games_links2 li a:hover {
background-position:0% -348px;

}


/*################### GAMES QUIZ PAGE ########################*/

#content_quiz {
position:absolute;
background-image:url(../images/content_quiz_bg.png);
background-repeat:no-repeat;
width:535px;
height:560px;
float:right;
background-repeat:repeat-y;
top: 251px;
}
	
#quiz {
padding-top:65px;
}

/*IE*/
html>body #quiz { *padding-top:45px;; } 

/*################### GAMES JIGSAW PAGE ########################*/

#content_laser {
	position:absolute;
	background-image:url(../images/content_laser_bg.png);
	background-repeat:no-repeat;
	width:535px;
	height:619px;
	float:right;
	background-repeat:no-repeat;
	top: 251px;
	}

#laser {padding-top:65px; }

/*################### DOWNLOADS PAGE ########################*/

#content_downloads {
background-image:url(../images/content_downloads_bg.jpg);
background-repeat:no-repeat;
background-color: #0a69ab;
width:535px;
height:460px;
float:right;
position:absolute;
top: 251px;
}
	
.paddingleft {
padding-left:15px;
}

#desktop_links_container {
padding-top:30px;
}

#desktop_links  {
padding-left:15px; 
padding-top:125px; 
width:140px; 
float:left;
list-style:none;
display: inline;
}

#desktop_links2 {
padding-left:15px; 
padding-top:125px; 
width:140px; 
float:left;
list-style:none;
display: inline;
}

#desktop_links3 {
padding-left:15px; 
padding-top:125px; 
width:140px; 
float:left;
list-style:none;
display: inline;
}

#desktop_links li {
display:inline;
list-style: none;
margin-top: 1em;
}

#desktop_links2 li {
display:inline;
list-style: none;
margin-top: 1em;
}

#desktop_links3 li {
display:inline;
list-style: none;
margin-top: 1em;
}

#desktop_links li a span {
display:none;
}

#desktop_links2 li a span {
display:none;
}

#desktop_links3 li a span {
display:none;
}

#desktop_links li a {
width:90px;
height:20px;
float:left;
}

#desktop_links2 li a {
width:90px;
height:20px;
float:left;
}

#desktop_links3 li a {
width:90px;
height:20px;
float:left;
}

#desktop1_links_1 a {
background: url(../images/800x600.png) no-repeat; margin-bottom:1em;
}

#desktop1_links_2 a {
background: url(../images/1024x768.png) no-repeat; margin-bottom:1em;
}

#desktop1_links_3 a {
background: url(../images/1280x968.png) no-repeat; margin-bottom:1em;
}

#desktop2_links_1 a {
background: url(../images/800x600.png) no-repeat; margin-bottom:1em;
}

#desktop2_links_2 a {
background: url(../images/1024x768.png) no-repeat; margin-bottom:1em;
}

#desktop2_links_3 a {
background: url(../images/1280x968.png) no-repeat; margin-bottom:1em;
}

#desktop3_links_1 a {
background: url(../images/800x600.png) no-repeat; margin-bottom:1em;
}

#desktop3_links_2 a {
background: url(../images/1024x768.png) no-repeat; margin-bottom:1em;
}

#desktop3_links_3 a {
background: url(../images/1280x968.png) no-repeat; margin-bottom:1em;
}

#desktop_links li a:hover {
background-position:0% -20px;
}

#desktop_links2 li a:hover {
background-position:0% -20px;
}

#desktop_links3 li a:hover {
background-position:0% -20px;
}

#wallpaperscontain {
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
}

#wallpaperscontain span {
display:none;
}

#wallpapers {
width:800px; 
font-family:Geneva, Arial, Helvetica, sans-serif; 
font-size:14px;
color:#FFFFFF; 
padding-left:30px;
}

#wallpapers img {
border:solid #000000 2px;
}

#wallpapers span {
display:none;
}

/*################### CONTACT PAGE ########################*/


#content_contact {
	position:absolute;
	background-color: #0a69ab;
	background-image: url(../images/bg_contact.jpg);
	background-repeat:no-repeat;
	width:535px;
	height:541px;
	background-repeat:repeat-y;
	top: 251px;
	float:right;
}

#content_contact p {width:290px;}


#learnabout {background-image:url(../images/learnabout.png); background-repeat:no-repeat; width:109px; height:101px; float:right; padding-right:70px;}

	.contactcontainer {  width:548px;padding-top:30px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; }
	fieldset { border:0;margin:0;padding:0; }
	label { display:block; }
	input.text,textarea { width:300px;font:12px/12px Geneva, Arial, Helvetica, sans-serif;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
	input.submit { padding:2px 5px; font:bold 12px/12px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
	
	#contactFormArea {  width:448px; padding-left:20px; color: #000000;}