/*
-----------------------------------------------
eric smith copyright 2007
-----------------------------------------------

 */

*{margin:0;padding:0;}
body {  background:#000;  text-align:center;  color:#F9F2DB; font-style:normal; font-variant:normal; font-weight:normal; font-size:9pt; font-family:Georgia, Verdana, Serif;  }
a:link, a:visited {  color:#fff;  text-decoration:none;  }
a:hover img { background-color:transparent;  }
a:hover, a:active {  color:#aaa;  text-decoration:none;  background-color:transparent;  }
a img {  vertical-align:bottom;  }
p { margin:0px;}



#container { background: transparent; padding: 0; width: 900px; height:600px; margin: 0 auto;}

#left-tile {background: transparent; float:left; width:749px; height:600px;}

#header { background: url('intro/header.jpg') no-repeat top left; padding: 0; width: 749px; height:137px; margin: 0; float:left;}
#menu{background: transparent; float:right; width:320px; height:137px;}

#left-bar {background: url('intro/left.jpg') no-repeat top left; float:left; width:128px; height:463px;}

#bkgd-main {background: url('intro/main.jpg') no-repeat top left; float:left; width:621px; height:329px;}

#right-tile {background: url('intro/right.jpg') no-repeat top left; float:left; width: 151px; height:600px;}

a.bottom-btn{ 
     display: block; /* a tag must be a block */
     width: 621px; /* width of reactive image */
     height: 134px; /* height of reactive image */
     background: url('intro/bottom-btn.jpg') no-repeat; /* source for start image */
     float:left;
     }
	 
a.bottom-btn:hover{ 
     background-image: url('intro/bottom-btn1.jpg'); /* source for target image */
     }
     
a.learn{ 
     display: block; /* a tag must be a block */
     width: 91px; /* width of reactive image */
     height: 46px; /* height of reactive image */
     background: url('learn/learn-btn.jpg') no-repeat; /* source for start image */
     float:left;
     }
	 
a.learn:hover{ 
     background-image: url('learn/learn-btn1.jpg'); /* source for target image */
     }
     
a.meet{ 
     display: block; /* a tag must be a block */
     width: 72px; /* width of reactive image */
     height: 46px; /* height of reactive image */
     background: url('learn/meet-btn.jpg') no-repeat; /* source for start image */
     float:left;
     }
	 
a.meet:hover{ 
     background-image: url('learn/meet-btn1.jpg'); /* source for target image */
     }

a.respond{ 
     display: block; /* a tag must be a block */
     width: 157px; /* width of reactive image */
     height: 46px; /* height of reactive image */
     background: url('learn/respond-btn.jpg') no-repeat; /* source for start image */
     float:left;
     }
	 
a.respond:hover{ 
     background-image: url('learn/respond-btn1.jpg'); /* source for target image */
     }