/* layout.css
--------------------------------------------------------------

:: CSS Index

 1 : container
   : header
 2 : contents
 3 : footer

 
--------------------------------------------------------------

2007.01.26 : designed by Sig.

--------------------------------------------------------------

:: Page Structure - /index.html


 body - #container
          |-- #header
          |-- #contents
          |      |-- #wrap
          |      |     |-- #main
          |      |     |-- #sub1
          |      |-- #sub2
          |-- #footer


-------------------------------------------------------------- */



/* container
-------------------------------------------------------------- */

body {
	padding-top: 20px;
}
#container {
	position: relative;
	width: 780px;
	margin: 0 auto;
	border: 3px solid #999;
	
	text-align: left;
	background: transparent url() no-repeat left top;
}

/* --- header --- */

#header {
	padding: 10px;
	text-align: center;
}

/* contents
-------------------------------------------------------------- */

#contents {
	position: relative;
	width: 780px;
}
#wrap {
	float: left;
	width: 570px;
}

/* --- clearfix --- */

#contents:after,
#wrap:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#contents,
#wrap {
	zoom: 1;
}

/* --- end clearfix --- */



#main {
	float: right;
	width: 360px;
	overflow: hidden;
}
#sub1 {
	float: left;
	width: 200px;
	
	background: #f0f0f0;
}
#sub2 {
	float: right;
	width: 200px;
	
	background: #f0f0f0;
}



/* footer
-------------------------------------------------------------- */

#footer {
	clear: both;
	padding: 10px;
	
	text-align: center;
}
#footer p {
	margin: 0;
}