/*------------------------------------*\
	RESET
\*------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
     border: 0px none;
     font: inherit;
     margin: 0px;
     outline: 0px none;
     padding: 0px;
     vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}

body {
     line-height: 1;
}

ol, ul {
     list-style: none outside none;
}

blockquote, q {
     quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: none;
}

ins {
     text-decoration: none;
}

del {
     text-decoration: line-through;
}

table {
     border-collapse: collapse;
     border-spacing: 0px;
}

/*------------------------------------*\
	LAYOUT
\*------------------------------------*/

html, body {
     height: 100%;
     margin: 0pt;
     padding: 0pt;
}

#header {
     clear: left;
     margin: 0pt auto;
     position: relative;
     width: 1040px;
}

#floater {
     float: left;
     height: 50%;
     margin-bottom: -325px;
     position: relative;
     width: 1px;
}

#centered {
     background: none repeat scroll 0% 0% #FFFFFF;
     clear: left;
     height: 650px;
     margin: 0pt auto;
     position: relative;
     width: 1040px;
}

#content {
     bottom: 0pt;
     height: 650px;
     left: 0pt;
     margin: 0px;
     overflow: hidden;
     padding: 0px;
     position: absolute;
     right: 0pt;
     top: 0pt;
}

.section {
     height: 650px;
     position: relative;
     width: 1040px;
}

div.pane {
     height: 650px;
     margin-left: auto;
     margin-right: auto;
     overflow: hidden;
     position: relative;
     width: 1040px;
}

#overlay {
     top: 0px;
     left: 20px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     z-index: 2;
}

#overlay_home {
	height: 650px;
	width: 400px;
}

div.pane p {
	padding-top: 350px;
	left: 35px;
	width: 210px;
	color: #666;
	font-family: 'Anonymous Pro', arial, serif;
	text-shadow: 1px 1px 1px rgba(255,255,255, .5);
	font-size: 15px;
}

img {
	max-width: 100%;
}

/*------------------------------------*\
	NAVIGATION
\*------------------------------------*/

h1 a {
	color: #000;
	text-decoration: none;
}

#nav {
	float: left;
	list-style:none;
	margin-top: 12px;
	margin-left: 8px;
}

#nav li {
	line-height: 1.5;
	display: inline;

}
#menu {
	padding-left: 2px;
	margin-left: 30px;
	margin-right: 10px;
	color: #fff;
	background:#333;
	font-family: 'Anonymous Pro', arial, serif;
	font-size: 14px;	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;	
}

#link a {
	padding-left: 0px;
	color:#000;
	background: #fff;
	font-family: 'Anonymous Pro', arial, serif;
	text-decoration:none;
	font-size: 14px;
	
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

h1 { 
	float: left;
	font-family: 'Reenie Beanie', arial, serif;
	font-size: 70px;
}

.launch a {
	position: absolute;
	top: 580px;
	left: 30px;
	padding: 9px 10px;
	font-family: 'Anonymous Pro', arial, serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	background: url("../images/launch.png") no-repeat;
}

.homebase p {
	padding-top: 15px;
	color: #000;
	font-family: 'Anonymous Pro', arial, serif;
	text-shadow: 1px 1px 1px rgba(0,0,0, .2);
	font-size: 16px;
}

.homebase a {
	color: #000;
	text-decoration: none;
}

/*------------------------------------*\
	BACKGROUND IMAGES
\*------------------------------------*/

#section_home {
     background: url("../images/background02.jpg") repeat scroll 0% 0% transparent;
}

#section_web {
     background: url("../images/background02.jpg") repeat scroll 0% 0% transparent;
}

#section_web_mizono {
     background: url("../images/mizono.jpg") repeat scroll 0% 0% transparent;
}

#section_web_jayclay {
     background: url("../images/jayclay.jpg") repeat scroll 0% 0% transparent;
}

#section_web_sfcess {
     background: url("../images/sfcess.jpg") repeat scroll 0% 0% transparent;
}

#section_web_eyefull {
     background: url("../images/eyefull.jpg") repeat scroll 0% 0% transparent;
}

#section_web_without {
     background: url("../images/withoutanet.jpg") repeat scroll 0% 0% transparent;
}

#section_photo {
     background: url("../images/background01.jpg") repeat scroll 0% 0% transparent;
}

#section_photo_saa {
     background: url("../images/saa.jpg") repeat scroll 0% 0% transparent;
}

#section_photo_observer {
     background: #ffffff;
}

/*------------------------------------*\
	IMAGE ANIMATION
\*------------------------------------*/

.bubblewrap {	
	list-style-type:none;
	padding-top: 150px;
	padding-left: 200px;
	height: 350px;
	width: 700px;
}

.bubblewrap li {
	display:inline;
	width: 120px;
	height:120px;
}

.bubblewrap li img {
	width: 120px;
	height: 120px;
	border:0;
	margin-right: 40px;
	margin-bottom: 40px;
	-moz-transition:-moz-transform 0.3s ease-in;
	-webkit-transition:-webkit-transform 0.3s ease-in;
	-o-transition:-o-transform 0.3s ease-in;
}

.bubblewrap li img:hover {			
	-moz-transform:scale(3);
	-webkit-transform:scale(3);
	-o-transform:scale(3);
}