body {
background-color:#e3eaf4;
font-family: georgia,sans-serif;
color:#333;
margin:0;
padding:0;
}

.tab { margin-left: 40px; }

img {border: none;}

#header {
width:1086px;
height:260px;
margin:0 auto;
background-image: url(images/top_new_bg.png);
}

#contact {
width:800px;
float:left;


}
#contact_1 {
width:434px;
float:left;
border:1px solid #ccc;
padding-left:6px;
margin-left:15px;
margin-top:15px;
background-color: #f8f6f6;
}

#ok{
width:434px;
float:left;

padding-left:6px;
margin-left:15px;
margin-top:15px;

}

#contact_2 {
width:300px;
float:left;
margin-left:12px;

}

#wrapper {
width:1086px;

margin:0 auto;
background-image: url(images/middle_bg.png);
 background-repeat: repeat-y;
}

#toad_logo{
width:50px;
height:50px;
float:left;
margin-left:20px;
margin-top:25px;

}

#vid{
width:250px;
height:210px;
float:left;
margin-left:310px;
margin-top:30px;

}


#header h2 {
padding:10px;
}

#header h3 {
padding:10px;
}


#content_top {
width:793px;
height:17px;
float:left;
background-image: url(images/content_top.png);

}

#content {
width:793px;
float:left;
background-image: url(images/content.png);

}

#content_bot {
width:794px;
height:32px;
float:left;
background-image: url(images/content_bot.png);

}



#sidebar {
width:290px;
float:right;
margin-top:10px;
margin-left:auto; 
margin-right:0px;

}

#marksidebar {
width:290px;
float:right;
margin-top:100px;
margin-left:auto; 
margin-right:0px;

}

#sidebar a {
text-decoration:none;
}

#sidebar li {
list-style:none;
}

.side1 {
width:290px;

background-repeat:no-repeat;
float:right;
/*background-image: url(images/side_top.jpg); */
}

.markside {
width:290px;

background-repeat:no-repeat;
float:right;
background-image: url(images/side_top.jpg);
margin-left:auto; 
margin-right:0px;
}

.side_name {
float:right;
width:270px;
height:45px;


}

.side_content {
width:290px;
background-repeat: repeat-y;
/*background-image: url(images/side_mid.jpg); */
float:right;

}

.markside_content {
width:290px;
background-repeat: repeat-y;
background-image: url(images/side_mid.jpg);
float:right;

}

.side_bottom {
width:270px;
float:left;
background-repeat:no-repeat;


}
/*-------------Home Content---------------------*/

#large_text{
width:753px;
height:783px;
float:left;
border-left:1px solid #cbd4e1;
border-right:1px solid #cbd4e1;
border-bottom:1px solid #cbd4e1;
border-top:1px solid #cbd4e1;
margin-bottom : 20px;
margin-left : 20px;
	}
	
#large_text2{
width:713px;
height:703px;
float:left;

margin-bottom : 20px;
margin-left : 20px;
	}
	
#paypal{
width:220px;
height:103px;
margin-bottom : 10px;
margin-left : 60px;

	}

#page_info_pages{
width:750px;

float:left;
border-style:solid;
border-width:1px;
border-color: #cbd3e1;
margin-bottom : 20px;
margin-left : 20px;
	}	
	
#page_info{
width:750px;
height:273px;
float:left;

margin-bottom : 20px;
margin-left : 20px;
	}
#page_info_text{
width:400px;

float:left;
margin-left:10px;
font-size: 15px;
	}	
	
#page_info_pic{
width:328px;

float:left;
margin-left:10px;
border-style:none;
	}

#involved{
width:753px;
left: 20px;

float:left;
margin-top:10px;
margin-left:20px;
	}

.menu2{
width: 755px;
height:267px;
float:left;
margin-top:10px;
margin-left:20px;

	}	

.menu1{
width:793px;
left: 20px;
height:60px;
float:left;
margin-top:10px;
	}
	
.menub{
width: 755px;
height:118px;
float:left;
margin-top:10px;
margin-left:20px;

	}	
	


.text1{
width: 755px;
height:28px;
float:left;

margin-left:20px;
font-size: 10px;

	}
	
.h_text{
width:793px;
height:34px;
float:left;
font-size: 10px;
text-align: center;



	}
	
.space{
width:753px;
height:10px;
float:left;
font-size: 10px;
text-align: center;


	}

#answer_key{
width:800px;
height:119px;
float:left;

text-align: center;


	}
	
#back_nav{
width:730px;
height:34px;
float:left;
font-size: 10px;
text-align: left;
margin-left:46px;

	}
	
#back_area{
width:200px;
height:34px;
top:0px;
float:left;


	}
	
#share{
width:160px;
height:10px;
float:left;
margin-left:100px;
margin-top:230px;


	}

.name_360{
width:754px;
height:40px;
float:left;
margin-bottom:10px;
margin-left:21px;

}

.alt_answers{
width:754px;
height:40px;
float:left;
margin-bottom:10px;
margin-left:21px;

}

.alt_view{
width:145px;
height:40px;
float:left;
margin-bottom:10px;
margin-left:11px;

}

.video_area{
width:560px;
height:315px;
float:left;
margin-top:10px;
margin-bottom:10px;
margin-left:121px;
}	

.answers{
width:145px;
height:40px;
float:right;
margin-bottom:10px;
margin-left:21px;

}

.credit_360{
width:753px;
height:40px;
float:left;
background-color: #f7f3f1;
border:1px solid #df6117;
margin-top:10px;
margin-left:21px;
}

	

.description_360{
width:753px;
border:1px solid #ccc;
background-color: #f8f6f6;
float:left;
font-size: 12px;
margin-top:10px;
margin-left:21px;
}

.turn_3d{
width:161px;
float:right;
font-size: 12px;
margin-right:18px;
margin-top:10px;
}			

.area_360{
width:754px;
height:503px;
float:left;
border:1px solid #ccc;
margin-left:21px;
}

.area_360p{
width:402px;
height:536px;
float:left;
border:1px solid #ccc;
margin-left:40px;

}

.area_360p2{
width:754px;
height:1131px;
float:left;
border:1px solid #ccc;
margin-left:21px;

}
	
.chord{
width:128px;
height:128px;
float:left;
margin-left:30px;
}

	
.b1 {
	position: relative; 
	float: left; 
	bottom : 0px;
	width : 243px;
	height: 55px;
	left: 20px;
	margin-left:6px;
}

.bb {
	position: relative; 
	float: left; 
	bottom : 0px;
	width : 160px;
	height: 118px;
	margin-left:22px;
}

.b2 {
	position: relative; 
	float: left; 
	bottom : 0px;
	width : 160px;
	height: 267px;
	margin-left:22px;
}
.t1 {
	position: relative; 
	float: left; 

	width : 160px;
	height: 28px;
	margin-left:22px;
	text-align: center;
}

.a1 {
	position: relative; 
	float: left; 

	width : 160px;
	height: 20px;

}

/* ------------- Chemistry layout START ------ */
div#chem1 {

	top : 70px;
	float: left; 
	width : 160px;
	margin-left:28px;

	text-align: left;
	font-size: 12px;
	}
	
div#chem2 {

	top : 70px;
	float: left; 
	width : 160px;
	margin-left:28px;

	text-align: left;
	font-size: 12px;	
	}
	
div#chem3 {

	top : 70px;
	float: left; 
	width : 160px;
	margin-left:28px;

	text-align: left;
		font-size: 12px;
	}
	
div#chem4 {

	top : 70px;
	float: left; 
	width : 160px;
	margin-left:28px;

	text-align: left;
	font-size: 12px;	
	}
	
	
/* ------------- teeth layout start ------ */
div#teeth_pic{
	position : relative ;
	top : 70px;
	left :150px;
	width : 486px;
	height: 744px;
	background-image: url(images/teeth_pick.jpg);
	background-repeat:no-repeat;

}

div#group_teeth{
	position : relative ;
	top : 0px;
	left :0px;
	width : 486px;
	height: 644px;
	
}

div#t01 {
	position : absolute ;
	top : 265px;
	left :75px;
	width : 45px;
	height : 35px;

	}
	
div#t02 {
	position : absolute ;
	top : 216px;
	left :85px;
	width : 45px;
	height : 35px;

	}
	
div#t03 {
	position : absolute ;
	top : 165px;
	left :95px;
	width : 45px;
	height : 35px;

	}
	
div#t04 {
	position : absolute ;
	top : 118px;
	left :98px;
	width : 45px;
	height : 35px;
	
	}
	
div#t05 {
	position :absolute;
	top : 83px;
	left :110px;
	width : 45px;
	height : 30px;
	
	}
	
div#t06 {
	position : absolute ;
	top : 48px;
	left :118px;
	width : 45px;
	height : 30px;
	
	}
	
div#t07 {
	position : absolute ;
	top : 22px;
	left :147px;
	width : 40px;
	height : 25px;
		
	}
	
div#t08 {
	position : absolute ;
	top : 13px;
	left :188px;
	width : 40px;
	height : 25px;
		
	}
	
div#t09 {
	position : absolute ;
	top : 13px;
	left :236px;
	width : 40px;
	height : 25px;
		
	}
	
div#t10 {
	position : absolute ;
	top : 28px;
	left :278px;
	width : 40px;
	height : 25px;
		
	}
	
div#t11 {
	position : absolute ;
	top : 55px;
	left :303px;
	width : 45px;
	height : 30px;

	}

div#t12{
	position : absolute ;
	top : 89px;
	left :325px;
	width : 45px;
	height : 30px;
		
	}
	
div#t13 {
	position : absolute ;
	top : 120px;
	left :330px;
	width : 45px;
	height : 35px;
		
	}
	
div#t14 {
	position : absolute ;
	top : 163px;
	left :335px;
	width : 45px;
	height : 35px;
			
	}
	
div#t15 {
	position : absolute ;
	top : 216px;
	left :348px;
	width : 45px;
	height : 35px;
	
	}

div#t16 {
	position : absolute ;
	top : 259px;
	left :360px;
	width : 45px;
	height : 35px;
	
	}

div#t17 {
	position : absolute ;
	top : 392px;
	left :366px;
	width : 45px;
	height : 25px;

	}
	
div#t18 {
	position : absolute ;
	top : 440px;
	left :345px;
	width : 45px;
	height : 20px;
	
	}
	
div#t19 {
	position : absolute ;
	top : 493px;
	left :336px;
	width : 45px;
	height : 20px;
		
	}
	
div#t20 {
	position : absolute ;
	top : 538px;
	left :319px;
	width : 45px;
	height : 20px;

	}
	
div#t21 {
	position : absolute ;
	top : 570px;
	left :322px;
	width : 25px;
	height : 30px;
	
	}
	
div#t22 {
	position : absolute ;
	top : 589px;
	left :296px;
	width : 25px;
	height : 50px;
	
	}
	
div#t23 {
	position : absolute ;
	top : 593px;
	left :270px;
	width : 25px;
	height : 50px;
		
	}
	
div#t24 {
	position : absolute ;
	top : 599px;
	left :242px;
	width : 25px;
	height : 50px;
			
	}
	
div#t25 {
	position : absolute ;
	top : 599px;
	left :216px;
	width : 25px;
	height : 50px;
		
	}
	
div#t26 {
	position : absolute ;
	top : 593px;
	left :185px;
	width : 25px;
	height : 50px;
		
	}
	
div#t27 {
	position : absolute ;
	top : 592px;
	left :159px;
	width : 25px;
	height : 50px;
	
	}
	
div#t28 {
	position : absolute ;
	top : 567px;
	left :133px;
	width : 25px;
	height : 30px;
		
	}
	
div#t29 {
	position : absolute ;
	top : 537px;
	left :110px;
	width : 45px;
	height : 20px;
			
	}
	
div#t30 {
	position : absolute ;
	top : 493px;
	left :100px;
	width : 45px;
	height : 20px;
			
	}
	
div#t31 {
	position : absolute ;
	top : 440px;
	left :92px;
	width : 45px;
	height : 20px;
			
	}
	
div#t32 {
	position : absolute ;
	top : 388px;
	left :83px;
	width : 45px;
	height : 25px;
		
	}
	
/* ------------- end ind teeth button layout ------ */
/* --- slider code --- start ----------------------*/
/* #slider {
    width: 754px;
    height:543px;
	float:left;
    position: relative;
	border:1px solid #ccc;
	margin-left:21px;
} */

.scroll {
    height: 503px;
    width: 754px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;

}

.scrollContainer {
	
    height: 503px;
    width: 754px;
	
}

.scrollContainer div.panel {
	
    height: 503px;
    width: 755px;
	
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
	padding-top: 10px;
	background-color:#ccc;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
	text-align: center;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #e2e2e2;
}

ul.navigation a.selected {
    background-color: #e2e2e2;
}

ul.navigation a:focus {
    outline: none;
}



.hide {
    display: none;
}

.slider {
	width:250px;
	height:350px;
	/*overflow:hidden;*/
	margin:5px auto;
}

.slider img {
	width:250px;
	height:350px;
	display:none;
}
	
	
/*---------------Footer------------------*/
#footer {
clear:both;
width:1085px;
height:70px;

border-bottom:1px solid #cfd8e4;
}

#footer_text {
width:800px;
height:60px;
margin-left : 40px;

}

#footer p {
padding:10px;
}