@charset "utf-8";
/* CSS Document */

/* 	-----------------------------------------------------
	------------------- General Styles ------------------
	----------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
	
* {margin:0; padding:0; outline: none;}
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, font, 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 {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a, a:hover, a:active, a:focus {outline:none; outline-style:none; outline-width:0;}

img {margin:0; padding:0; outline-style:none; outline-width:0; }

body {margin:0; padding:0; font-family:Helvetica, Arial, Sans-Serif; color:#000;}

.clr {font-size:0; height:0; line-height:0; clear:both;}
.left {margin:0; padding:0; width:auto; height:auto; float:left;}
.right {margin:0; padding:0; width:auto; height:auto; float:right;}

#main_content {margin:0 auto; padding:0; width:1024px; height:auto;}

/* 	-----------------------------------------------------
	------------------- Header Styles -------------------
	----------------------------------------------------- */
	header {margin:30px auto; padding:0; width:1024px; height:90px; position:fixed; top:0; z-index:100;}
		
		header hgroup {margin:0 auto; padding:0; width:380px; height:60px;}
					
		header nav {margin:0 auto; padding:0; width:1024px; height:30px;}
		header nav ul {margin:0; padding:0; list-style:none; text-align:center;}
		header nav ul li {margin:0; padding:0 10px; display:inline; font-size:20px; font-weight:normal; line-height:30px; color:#ff0000;}
		header nav ul li a {color:#ff0000; text-decoration:none; border-bottom:2px solid #ff0000;}
		header nav ul li a:hover {color:#000000; text-decoration:none; border-bottom:2px solid #000000;}

			
/* 	-----------------------------------------------------
	------------------- Article Styles -------------------
	----------------------------------------------------- */
	article {
	margin:0 auto;
	padding:0;
	width:1024px;
	height:auto;
	position:relative;
	min-height:1550px;
}
	
		
		article .portfolio01 {
	margin:0;
	padding:0;
	width:500px;
	height:380px;
	position:absolute;
	top:24px;
	left:280px;
}
		article .portfolio02 {margin:0; padding:0; width:158px; height:196px; position:absolute; top:920px; left:250px;}
		article .portfolio03 {margin:0; padding:0; width:270px; height:360px; position:absolute; top:250px; left:10px;}
		article .portfolio04 {margin:0; padding:0; width:126px; height:223px; position:absolute; top:150px; left:333px;}
		article .portfolio05 {margin:0; padding:0; width:206px; height:264px; position:absolute; top:150px; left:502px;}
		article .portfolio06 {margin:0; padding:0; width:224px; height:102px; position:absolute; top:340px; left:760px;}
		article .portfolio07 {margin:0; padding:0; width:650px; height:218px; position:absolute; top:490px; left:328px;}
		article .portfolio08 {margin:0; padding:0; width:200px; height:200px; position:absolute; top:680px; left:56px;}
		article .portfolio09 {margin:0; padding:0; width:510px; height:280px; position:absolute; top:1170px; left:0px;}
		article .portfolio10 {margin:0; padding:0; width:216px; height:298px; position:absolute; top:750px; left:460px;}
		article .portfolio11 {margin:0; padding:0; width:282px; height:218px; position:absolute; top:750px; left:700px;}
		article .portfolio12 {margin:0; padding:0; width:484px; height:210px; position:absolute; top:1110px; left:510px;}
		
		article .work01 {
	background: url(../images/work01.png) no-repeat;
	display:block;
	width:500px;
	height:380px;
	position:relative;
}
		article .work01 span {
	background: url(../images/work01-hover.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:500px;
	height:380px;
	cursor:pointer;
}
		
		article .work02 {background: url(../images/work02.png) no-repeat; display:block; width:158px; height:196px; position:relative;}
		article .work02 span {background: url(../images/work02-hover.png) no-repeat; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0; width:158px; height:196px; cursor:pointer;}
		
		article .work03 {background: url(../images/work03.png) no-repeat; display:block; width:270px; height:360px; position:relative;}
		article .work03 span {background: url(../images/work03-hover.png) no-repeat; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0; width:270px; height:360px; cursor:pointer;}
		
		article .work04 {background: url(../images/work04.png) no-repeat; display:block; width:126px; height:223px; position:relative;}
		article .work04 span {background: url(../images/work04-hover.png) no-repeat; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0; width:126px; height:223px; cursor:pointer;}
		
		article .work05 {background: url(../images/work05.png) no-repeat; display:block; width:206px; height:264px; position:relative;}
		article .work05 span {background: url(../images/work05-hover.png) no-repeat; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0; width:206px; height:264px; cursor:pointer;}
		
		article .work06 {background: url(../images/work06.png) no-repeat; display:block; width:224px; height:102px; position:relative;}
		article .work06 span {background: url(../images/work06-hover.png) no-repeat; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0; width:224px; height:102px; cursor:pointer;}
		
		article .work07 {background: url(../images/work07.png) no-repeat; display:block; width:650px; height:218px; position:relative;}
		article .work07 span {background: url(../images/work07-hover.png) no-repeat; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0; width:650px; height:218px; cursor:pointer;}
		
		article .work08 {background: url(../images/work08.png) no-repeat; display:block; width:200px; height:200px; position:relative;}
		article .work08 span {
	background: url(../images/work08-hover.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
	cursor:pointer;
}
		
		article .work09 {background: url(../images/work09.png) no-repeat; display:block; width:510px; height:280px; position:relative;}
		article .work09 span {background: url(../images/work09-hover.png) no-repeat; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0; width:510px; height:280px; cursor:pointer;}
		
		article .work10 {background: url(../images/work10.png) no-repeat; display:block; width:216px; height:298px; position:relative;}
		article .work10 span {background: url(../images/work10-hover.png) no-repeat; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0; width:216px; height:298px; cursor:pointer;}
		
		article .work11 {background: url(../images/work11.png) no-repeat; display:block; width:282px; height:218px; position:relative;}
		article .work11 span {background: url(../images/work11-hover.png) no-repeat; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0; width:282px; height:218px; cursor:pointer;}
		
		article .work12 {background: url(../images/work12.png) no-repeat; display:block; width:484px; height:210px; position:relative;}
		article .work12 span {background: url(../images/work12-hover.png) no-repeat; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0; width:484px; height:210px; cursor:pointer;}
		
		
	
		
		
	
/* 	-----------------------------------------------------
	------------------- Footer Styles -------------------
	----------------------------------------------------- */
	footer {margin:0 auto; padding:20px 0; width:1024px; height:auto; font-size:11px; font-weight:normal; line-height:normal; color:#333; text-align:center;}