/* ------------------------ GENERAL ------------------------ */ #wrapper { max-width: 639px; width: 100%; } /* ------------------------ GENERAL END ------------------------ */ /* ------------------------ HEADER ------------------------ */ .buyframe { right: 20px; } .buytext { right: 50px; } .limitedrun { display: none; } .header { width:100%; background:url(../images/header_bg_640.jpg) no-repeat center; min-height: 660px; } .header_menu { height:61px; position:relative; } .header_menuin { max-width:639px; } .logo { width:220px; z-index: 999; } .logo img { width:100%; } .trailer { max-width: 639px; width: 100%; top: 160px; left: 0px; text-align: center; } .trailerbuttonred { left: 40%; } .trailerbuttonblack { left: 40%; } /* ------------------------ HEADER END ------------------------ */ /* ------------------------ FOOTER & SOCIALS ------------------------ */ .social { display:none; } .social_bottom { display: block; position:relative; margin-top: 30px; max-width:639px; text-align: center; } .social_bottom img { margin: 0 10px; } /* ------------------------ FOOTER & SOCIALS END ------------------------ */ /* ------------------------ TOP MENU ------------------------ */ .menu { width: 100%; margin: 61px 0 0 0; } .menu ul { display:none; } .menu ul { width:100%; background:url(../images/menu_bg.png) repeat; z-index:8; position:absolute; border-bottom:2px solid #436a01; border-left:2px solid #436a01; border-right:2px solid #436a01; padding-top: 60px; } .menu ul li { width:100%; overflow:hidden; } .menu ul li.active a { background:#436a01; padding:18px 10px; } .menu ul li a { padding: 18px 10px; width:100%; font-size:26px; } .menu ul li a:hover { background:#436a01; padding: 18px 10px; } span.tog { color: #fff; font-size: 25px; float: right; margin: 0; display: block; background: url(../images/menu_hover2.png) no-repeat; padding: 10px 31px 43px 26px; cursor: pointer; position: absolute; right: 0px; top:0; z-index:9; } /* ------------------------ TOP MENU END ------------------------ */ /* ------------------------ MAIN CONTENT FRAME ------------------------ */ .mainbody { max-width: 639px; background:url(../images/web_fill_640.jpg) repeat; background-size: 100%; } .mainbodyinner { padding: 20px 20px 20px 20px; } .cor-top { max-width: 639px; width: 100%; top: -34px; } .cor-btm { max-width: 639px; width: 100%; } .welcomehero { display: none; } .welcome_images { text-align: center; } .welcome_images img { margin-bottom: 5px; } /* ------------------------ MAIN CONTENT FRAME END ------------------------ */ /* ------------------------ PAGE: ABOUT ------------------------ */ .about_treehouse { margin-left: 10px; width: 40%; } .about_portal { margin-right: 10px; margin-bottom: 10px; width: 40%; } /* ------------------------ PAGE: ABOUT END ------------------------ */ /* ------------------------ PAGE: MEDIA ------------------------ */ .screenshots ul li { margin: 6px 0px; } /* ------------------------ PAGE: MEDIA END ------------------------ */ /* ------------------------ PAGE: TEAM ------------------------ */ .team_row { margin: 20px 0px 0px 0px; } .team_lt { float: left; width: 100%; margin: 0 0 40px; text-align:center; } .team_rt { width: 85%; } .team_lt img { width: 206px; float: none; margin: 0; } .team_lt .team_img { position: absolute; top: 20%; left: 24%; width: 54%; } .team_more { text-align: left; } .shipwreck { float: none; position: relative; top: 0px; left: 0px; margin-bottom: 0px; text-align: center; } .shipwreck img { margin-top: 5px; max-width: 400px; } /* ------------------------ PAGE: TEAM END ------------------------ */ /* ------------------------ PAGE: BLOG ------------------------ */ .blog_txt span { font-size: 35px; padding: 0 0 5px; margin-top: 20px; width: 100%; } .blog_txt font { padding:10px 0 0; } .blog1.blog12 .blog_img { width:100%; } .blog_img { width: 100%; margin: 0; text-align: center; } .blog_img img { width: 250px; float: none; } .blog2 { top: 28px; left: 5px; right: 0; margin: auto; height: 190px; width: 175px; } .blog_img .blog2 img { width: 180px; height: 180px; margin: 0; padding: 0; } .blog_txt img { max-width: 420px; } /* ------------------------ PAGE: BLOG END ------------------------ */ /* ------------------------ PAGE: DOWNLOAD ------------------------ */ .castaway { display: none; } /* ------------------------ PAGE: DOWNLOAD END ------------------------ */ /* ------------------------ NEWSLETTER ------------------------ */ .newsletterbox label, .newsletterbox input { display: block; margin-bottom: 5px; } /* ------------------------ NEWSLETTER END ------------------------ */