/* main layout */
html, body {
	margin:0;
	padding:0;
}
body {
	font-size:12px;
	font-family:Gill Sans, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#000;
	padding-top:22px;
	padding-left:9px;
}
#wrapper {
	width:790px;
}
#topMenu {
	border-bottom:1px solid #4e4e4e;
	padding-bottom:8px;
}
#topMenu li {
	display:inline;
}
#topMenu a {
	padding-right:7px;
}
#galleryPlaceHolder {
	height:60px;
	border-bottom:1px solid #1a1a1a;
}
#gallery {
	position:absolute;
	top:-61px;
	left:-32px;
	width:760px;
	padding:3px 0px 0px 30px;
}
#gallery li {
	display:inline;
	padding:2px;
}
#gallery a {
	padding:0;
}
#contentWrapper {
	position:relative;
}
#contents {
	position:relative;
	width:463px;
	margin-left:30px;
	z-index:3;
	height:514px;
}
#footer {
	clear:both;
	border-top:1px solid #3f3f3f;
	padding-top:4px;
}


/* links and lists */
a {
	color:#fff;
	text-decoration:none;
}
a:visited {
	color:#888;
}
a:hover {
	color:#9c0;
}
a img {
	border:none;
}
ul {
	margin:0;
	padding:0;
	list-style-type:none;
}


/* logo menu */
#logo {
	background:url(logo.gif) #000 no-repeat;
	width:296px;
	height:220px;
	position:absolute;
	top:270px;
	left:444px;
	z-index:2;
}
#logo li {
	margin:0;
	padding:0;
	position:absolute;
	top:36px;
	left:138px;
	height:62px;
}
#logo li a {
	display:block;
	text-indent:-9999em;
}
#home {
	width:66px;
}
#home a {
	width:66px;
	height:62px;
}
#logo #work, #logo #contact {
	left:204px;
	width:92px;
}
#work a {
	width:92px;
	height:62px;
}
#logo #contact {
	top:98px;
}
#contact a {
	width:92px;
	height:58px;
}
#home a:hover, #home.current {
	background:url(logo_on.gif) #000 no-repeat;
}
#work a:hover, #work.current {
	background:url(logo_on.gif) #000 no-repeat -66px 0px;
}
#contact a:hover, #contact.current {
	background:url(logo_on.gif) transparent no-repeat -66px -62px;
}


/* work menu */
#menu, #sideContents {
	margin-top:16px;
	padding-left:16px;
	float:right;
	width:270px;
	position:relative;
	z-index:4;

}
#menu {
	background:url(menu_ul.gif) no-repeat;
}
.submenu {
	position:absolute;
	left:120px;
	top:0px;
	background:url(menu_ul.gif) #000 no-repeat;
	padding-left:16px;
	height:258px;
	display:none;
}
#menu li {
	padding-left:16px;
	background:url(menu_li.gif) no-repeat 0px -50px;
	height:28px;
}
#menu li.first {
	background-position:0px 0px;
}
#menu li.last {
	background-position:0px -100px;
}
#menu .submenu li {
	height:18px;
	width:134px;
}
#m1 .submenu {
	background-position:0px 28px;
}
#m2 .submenu {
	background-position:0px 56px;
}
#m3 .submenu {
	background-position:0px 84px;
}
#m4 .submenu {
	background-position:0px 112px;
}
#menu li.current .submenu {
	display:block;
	z-index:5;
}


/* area */
h1 {
	height:27px;
	text-align:right;
	margin:0;
	font-size:20px;
	padding:6px 0 10px 0;
}
h1 a {
	float:right;
	display:block;
	width:106px;
	height:27px;
	background:url(area.gif) no-repeat;
	text-align:left;
	text-indent:-999em;
}
h1 a.home {
	background-position: 0px -27px;
}
h1 a.work {
	background-position: 0px -54px;
}
h1 a.contact {
	background-position: 0px -81px;
}


/* contents */
#mainContents {
	border:1px solid #3f3f3f;
	padding:1px 2px;
	background:#000;
	text-align:center;
	width: auto !important;
	width: 430px;
	min-width: 430px;
	height: auto !important;
	height: 300px;
	min-height: 300px;
}
#scrollContents {
	height:320px;
	padding-left:10px;
	overflow:auto;
	text-align:left;
}
#contents p {
	padding:0 28px;
}
#scrollContents.centered, p.centered {
	text-align:center;
}
.textToHide {
	float:left;
	text-indent:-999em;
}


/* form specific */
form {
	text-align:left;
	background:url(bg_form.gif) repeat-x;
	padding:10px 0 10px 30px;
	margin:0;
}
label {
	display:block;
	width:150px;
	float:left;
}
input, textarea {
	color:#cccccc;
	border:1px #000000 solid;
	background:url(bg_text.gif) repeat-x;
	background-color:#333 !important;
}
input.btn {
	border:1px #000000 solid;
	background: url(bg_btn.gif) top repeat-x;
	margin-left:150px;
}
#uword {
	margin-left:150px;
}
.formRow {
	padding-top:10px;
}
.required {
	color:#f00;
}