@charset "utf-8";
/* site/homepage.css */

* {
margin: 0;
padding: 0;
}

html, body {
margin: 0; 
padding: 0;
height: 100%;
background-color: #ffffff;
color: #000000;
}

a {
color: #0000ff;
text-decoration: none;
}

a:hover {
color: #ff0000;
}

img {
border: none;
}

#flash {
width: 100%;
height: 100%;
}

#wrapper {
width: 2942px;
height: 2518px;
position: relative;
}

#wrapper.move {
cursor: move;
}

.content {
display: none;
}

/* Menu */
#menu {
width: 260px;
height: 400px;
background: transparent url(/images/blog/menu.png) no-repeat top left;
display: block;
overflow: hidden;
position: fixed;
z-index: 4;
top: 28px;
left: 2px;
}

img {
border: none;
}

#menu h1 {
display: block;
height: 20px;
width: 200px;
position: absolute;
top: 88px;
left: 32px;
}

#menu a#video_section {
display: block;
height: 20px;
width: 200px;
position: absolute;
top: 128px;
left: 35px;
}

#menu a#about_section {
display: block;
height: 20px;
width: 200px;
position: absolute;
top: 156px;
left: 35px;
}

#menu h2 {
display: block;
height: 20px;
width: 200px;
position: absolute;
top: 194px;
left: 35px;
}


#menu a#norm_section {
display: block;
height: 20px;
width: 105px;
position: absolute;
top: 220px;
left: 29px;
}

#menu a#joan_section {
display: block;
height: 20px;
width: 105px;
position: absolute;
top: 220px;
left: 145px;
}

#menu a#jon_section {
display: block;
height: 20px;
width: 105px;
position: absolute;
top: 247px;
left: 29px;
}

#menu a#jsok_section {
display: block;
height: 20px;
width: 105px;
position: absolute;
top: 247px;
left: 145px;
}

#menu a#site_section {
display: block;
height: 20px;
width: 110px;
position: absolute;
top: 288px;
left: 85px;
}

#menu a#contact_section {
display: block;
height: 20px;
width: 110px;
position: absolute;
top: 318px;
left: 85px;
}

#menu a#blog_link {
display: block;
height: 20px;
width: 110px;
position: absolute;
top: 348px;
left: 58px;
}

/* Top Warning */
#top {
width: 100%;
position: fixed;
z-index: 5;
background-color: #f00;
padding: 5px;
top: 0;
left: 0;
}

#top a {
color: #fff;
text-decoration: underline;
}

#top a:hover {
color: #ff0;
}

#top p {
color: #fff;
font-weight: bold;
font-size: 14px;
text-align: center;
}

/* Top Row */
#joan {
width: 1065px;
height: 770px;
position: absolute;
left: 233px;
top: 54px;
background: #fff url(/images/fallback/joan.jpg) no-repeat top left;
z-index: 1;
}

#joan a#joan_link {
width: 240px;
height: 30px;
position: absolute;
z-index: 2;
top: 680px;
left: 600px;
}

#jon {
width: 1066px;
height: 693px;
background: #fff url(/images/fallback/jon.jpg) no-repeat top left;
position: absolute;
left: 1368px;
top: 54px;
z-index: 1;
}

#jon a#jon_link {
width: 180px;
height: 30px;
position: absolute;
z-index: 2;
top: 530px;
left: 331px;
}

#pill_box {
width: 452px;
height: 340px;
background: #fff url(/images/fallback/pill_box.jpg) no-repeat top left;
position: absolute;
left: 2488px;
top: 0px;
z-index: 1;
}

#scrap {
width: 274px;
height: 246px;
background: #fff url(/images/fallback/scrap.jpg) no-repeat top left;
position: absolute;
left: 2505px;
top: 580px;
z-index: 1;
}

/* Middle Row */
#norm {
width: 1122px;
height: 828px;
background: #fff url(/images/fallback/norm.jpg) no-repeat top left;
position: absolute;
left: 0px;
top: 833px;
z-index: 1;
}

#norm a#norm_link {
width: 180px;
height: 30px;
position: absolute;
z-index: 2;
top: 661px;
left: 633px;
}

#logo {
width: 593px;
height: 637px;
background: #fff url(/images/fallback/logo.jpg) no-repeat top left;
position: absolute;
left: 1167px;
top: 935px;
z-index: 1;
}

#pills {
width: 142px;
height: 89px;
background: #fff url(/images/fallback/pills.jpg) no-repeat top left;
position: absolute;
left: 1840px;
top: 1445px;
z-index: 1;
}

#video_player {
width: 1090px;
height: 547px;
background: #fff url(/images/fallback/video_player.jpg) no-repeat top left;
position: absolute;
left: 1795px;
top: 825px;
z-index: 1;
}

#video_player p#title {
width: 624px;
position: absolute;
top: 20px;
left: 417px;
text-align: center;
font-weight: bold;
font-size: 18px;
}

#video_player #videos {
width: 300px;
height: 160px;
position: absolute;
top: 220px;
left: 50px;
overflow-y: auto;
text-align: center;
}

#videos p.active a {
color: #ff0000;
}

#video_player #screen {
width: 640px;
height: 380px;
position: absolute;
top: 45px;
left: 405px;
}

#video_player object, #video_player embed {
cursor: default !important;
}

#video_player a#comment_link {
width: 191px;
height: 56px;
background: #fff url(/images/fallback/comment.jpg) no-repeat top left;
position: absolute;
left: 885px;
top: 457px;
z-index: 2;
}

#contact_us h1 a {
width: 423px;
height: 276px;
background: #fff url(/images/fallback/contact.jpg) no-repeat top left;
position: absolute;
left: 2275px;
top: 1351px;
z-index: 2;
}

/* Bottom Row */
#site_seeing {
width: 353px;
height: 426px;
background: #fff url(/images/fallback/site_seeing.jpg) no-repeat top left;
position: absolute;
left: 115px;
top: 1910px;
z-index: 1;
}

#site_seeing #site_list {
width: 320px;
height: 300px;
margin-top: 100px;
margin-left: 7px;
overflow: hidden;
}

.site {
width: 100px;
height: 150px;
margin-left: 6px;
float: left;
overflow:hidden;
}

.site_img {
width: 100px;
height: 100px;
margin-top: 13px;
border: none;
}

.site_name {
display: block;
margin-top: 5px;
text-align: center;
}

#jsok {
width: 801px;
height: 844px;
background: #fff url(/images/fallback/jsok.jpg) no-repeat top left;
position: absolute;
left: 660px;
top: 1662px;
z-index: 1;
}

#jsok a#jsok_link {
width: 180px;
height: 30px;
position: absolute;
z-index: 2;
top: 715px;
left: 86px;
}

#jsok a#mr_brooklyn {
width: 220px;
height: 30px;
position: absolute;
z-index: 2;
top: 590px;
left: 575px;
}

#about {
width: 1252px;
height: 797px;
background: transparent url(/images/fallback/about.jpg);
position: absolute;
left: 1548px;
top: 1650px;
}

#privacy a {
width: 193px;
height: 58px;
background: transparent url(/images/fallback/privacy.jpg);
position: absolute;
left: 1459px;
top: 2428px;
z-index: 2;
}

#terms a {
width: 264px;
height: 57px;
background: transparent url(/images/fallback/terms.jpg);
position: absolute;
left: 1703px;
top: 2426px;
z-index: 2;
}

#aaron {

}