/* General */

* {
	padding:0;
	margin:0;
}

html {
	padding:0;
	margin:0;
}

body {
	background:#2dc6e5 url("/images/background.jpg") top center no-repeat;
	padding:0;
	margin:0;
}

h1 {
	font:bold 18px times, georgia, serif;
	line-height:1.3em;
	color:#8b817f;
	padding:0;
	margin:0;
}

h2 {
	font:bold 14px verdana, helvetica, arial, serif;
	line-height:1.3em;
	color:#8b817f;
	padding:0;
	margin:0;
}


p { 
	font:normal 13px verdana, helvetica, arial, sans-serif;
	line-height:1.4em;
	color:#8b817f;
	padding:0;
	margin:0;
}

a {
	font:normal 13px verdana, helvetica, arial, sans-serif;
	line-height:0.9em;
	color:#8b817f;
	outline:none;
	text-decoration:none;
	padding:0;
	margin:0;
}

a:hover { 
	text-decoration:underline;
}

img {
	display:block;
	padding:0;
	margin:0;
}

hr {
	border:none 0;
	border-top:1px solid #8b817f;
	height:1px;
	padding:0;
	margin:0 0 5px 0;
}

/* PNG Fix */

img, div { 
	behavior:url("iepngfix.htc");
}

/* Layout */

#wrapper { 
	width:698px;
	height:650px;
	background:url("/images/wrapper_background.jpg") top center no-repeat;
	position:relative;
	padding:191px 0 0 262px;
	margin:0 auto;
}

#brian {
	width:254px;
	height:496px;
	position:absolute;
	top:222px;
	left:8px;
	z-index:999;
}

#brian a {
	cursor:default;
}

#brian a div {
	display:none;
}

#brian a:hover div {
	width:223px;
	height:135px;
	display:block;
   	position:absolute; 
	top:19px;
	left:162px;
}

#lola {
	width:192px;
	height:205px;
	position:absolute;
	top:525px;
	left:292px;
	z-index:999;
}

#lola a {
	cursor:default;
}

#lola a div {
	display:none;
}

#lola a:hover div {
	width:202px;
	height:164px;
	display:block;
   	position:absolute; 
	top:-157px;
	left:34px;
}

#mayfield {
	width:249px;
	height:144px;
	position:absolute;
	top:16px;
	left:578px;
	z-index:999;
}

#mayfield a {
	cursor:default;
}

#mayfield a div {
	display:none;
}

#mayfield a:hover div {
	width:159px;
	height:87px;
	display:block;
   	position:absolute; 
	top:14px;
	left:177px;
}

#mouse {
	width:121px;
	height:119px;
	position:absolute;
	top:41px;
	left:444px;
	z-index:999;
}

#mouse a {
	cursor:default;
}

#mouse a div {
	display:none;
}

#mouse a:hover div {
	width:154px;
	height:87px;
	display:block;
   	position:absolute; 
	top:-35px;
	left:-144px;
}

#bee {
	width:41px;
	height:35px;
	position:absolute;
	top:88px;
	left:288px;
	z-index:999;
}

#bee a {
	cursor:default;
}

#bee a div {
	display:none;
}

#bee a:hover div {
	width:142px;
	height:87px;
	display:block;
   	position:absolute; 
	top:-81px;
	left:18px;
}

#worm {
	width:65px;
	height:73px;
	position:absolute;
	top:624px;
	left:665px;
	z-index:999;
}

#worm a {
	cursor:default;
}

#worm a div {
	display:none;
}

#worm a:hover div {
	width:101px;
	height:104px;
	display:block;
   	position:absolute; 
	top:-83px;
	left:-62px;
}

#radio {
	width:182px;
	height:129px;
	position:absolute;
	top:570px;
	left:778px;
	z-index:999;
	padding:0;
	margin:0;
}

#music {
	position:absolute;
	top:0;
	left:0;
}

#music_off a div {
	display:none;
}

#music_off a:hover div {
	width:155px;
	height:91px;
	display:block;
   	position:absolute; 
	top:-74px;
	left:111px;
}

/* Homepage */

#homepage_wrapper {
	width:495px;
	height:334px;
	float:left;
	background:url("/images/background_latestnews.jpg") top left no-repeat;
	position:relative;
	padding:0;
	margin:0;
}

#latestnews_date {
	width:57px;
	height:15px;
	position:absolute;
	top:47px;
	left:193px;
}

#latestnews_date h2 {
	font:bold 13px arial, georgia, serif;
	line-height:1.3em;
	text-align:center;
	color:#d9d5d1;
	padding:0;
	margin:0;
}

#latestnews_content {
	width:185px;
	position:absolute;
	top:113px;
	left:70px;
}

#latestnews_content h1 {
	width:180px;
	background:url("/images/latestnews_border.jpg") bottom left no-repeat;
	font:bold 18px times, georgia, serif;
	line-height:1.3em;
	color:#8b817f;
	padding:0 0 2px 0;
	margin:0 0 5px 0;
}

#latestnews_content p {
	font:normal 15.5px times, georgia, serif;
	line-height:1.3em;
	text-align:left;
	color:#8b817f;
	padding:0;
	margin:0;
}

#latestnews_content a {
	font:normal 15.5px times, georgia, serif;
	text-decoration:underline;
	padding:0;
	margin:0;
}

#home_thumb1 {
	width:214px;
	height:171px;
	position:absolute;
	top:0;
	left:281px;
}

#home_thumb2 {
	width:214px;
	height:163px;
	position:absolute;
	top:170px;
	left:281px;
}


/* Work */

#work_wrapper {
	width:495px;
	height:334px;
	float:left;
	background:url("/images/background_work.jpg") top left no-repeat;
	position:relative;
	padding:0;
	margin:0;
}

#header_mywork {
	width:108px;
	height:73px;
	background:url("/images/header_mywork.jpg") top left no-repeat;
	text-indent:-10000px;
	position:absolute;
	top:10px;
	left:248px;
}

#header_categories {
	width:89px;
	height:20px;
	background:url("/images/header_categories.jpg") top left no-repeat;
	text-indent:-10000px;
	padding:0;
	margin:0 0 2px 5px;
}

#work_navigation {
	width:98px;
	position:absolute;
	top:34px;
	left:386px;
}

#work_navigation ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#work_navigation ul li {
	display:inline; /* Vertical Spacing Fix for IE */
	padding:0;
	margin:0;
}

#work_navigation ul li a {
	line-height:1em;
	display:block;
	padding:0 0 8px 15px;
	margin:0;
}

#work_navigation ul li a:hover {
	background:url("/images/check.gif") top left no-repeat;
	text-decoration:none;
}

#work_navigation_over {
	background:url("/images/check.gif") top left no-repeat;
	text-decoration:none;
	line-height:1.4em;
	display:block;
	padding:0 0 2px 15px;
	margin:0;
}

.work_large {
	width:240px;
	height:217px;
	position:absolute;
	top:3px;
	left:12px;
}

.work_largeb {
	width:238px;
	height:211px;
	position:absolute;
	top:5px;
	left:10px;
}

.work_description {
	width:215px;
	position:absolute;
	top:234px;
	left:70px;
}

.work_description h2 {
	font:bold 16px Trebuchet MS, helvetica, sans-serif;
	line-height:1.2em;
	color:#8b817f;
	padding:0;
	margin:0;
}

.work_description h2.small_header {
	font:bold 15px Trebuchet MS, helvetica, sans-serif;
	line-height:1.3em;
	color:#8b817f;
	padding:0;
	margin:0;
}

.work_description a {
	font:italic normal 13px verdana,helvetica,arial,sans-serif;
	line-height:1.2em;
	text-decoration:underline;
	color:#8b817f;
	padding:0;
	margin:0;
}

#work_thumb1 {
	width:104px;
	height:91px;
	position:absolute;
	top:87px;
	left:251px;
}

#work_thumb1b {
	width:104px;
	height:91px;
	position:absolute;
	top:87px;
	left:251px;
}

#work_thumb2 {
	width:99px;
	height:90px;
	position:absolute;
	top:181px;
	left:264px;
}

#work_thumb2b {
	width:106px;
	height:91px;
	position:absolute;
	top:183px;
	left:264px;
}

#work_thumb3 {
	width:106px;
	height:92px;
	position:absolute;
	top:182px;
	left:384px;
}

#work_thumb3b {
	width:98px;
	height:93px;
	position:absolute;
	top:182px;
	left:384px;
}

#button_next_middle {
	width:92px;
	height:53px;
	background:url("/images/button_next.jpg") top left no-repeat;
	display:block;
	text-indent:-10000px;
	position:absolute;
	top:274px;
	left:324px;
}

#button_previous_middle {
	width:110px;
	height:56px;
	background:url("/images/button_previous.jpg") top left no-repeat;
	display:block;
	text-indent:-10000px;
	position:absolute;
	top:273px;
	left:316px;
}

#button_next {
	width:92px;
	height:53px;
	background:url("/images/button_next.jpg") top left no-repeat;
	display:block;
	text-indent:-10000px;
	position:absolute;
	top:274px;
	left:390px;
}

#button_previous {
	width:110px;
	height:56px;
	background:url("/images/button_previous.jpg") top left no-repeat;
	display:block;
	text-indent:-10000px;
	position:absolute;
	top:273px;
	left:265px;
}

/* About */

#about_wrapper {
	width:495px;
	height:334px;
	float:left;
	background:url("/images/background_about.jpg") top left no-repeat;
	position:relative;
	padding:0;
	margin:0;
}

#header_aboutme {
	width:107px;
	height:76px;
	background:url("/images/header_aboutme.jpg") top left no-repeat;
	text-indent:-10000px;
	position:absolute;
	top:38px;
	left:67px;
	padding:0;
	margin:0;
}

#resume {
	width:110px;
	position:absolute;
	top:139px;
	left:88px;
}

#header_downloadmyresume {
	width:98px;
	height:41px;
	background:url("/images/header_downloadmyresume.jpg") top left no-repeat;
	text-indent:-10000px;
	padding:0;
	margin:0 0 0 7px;
}

#resume a {
	display:block;
	line-height:1.4em;
	padding:0 8px 0 13px;
}

#resume a:hover {
	background:url("/images/check.gif") top left no-repeat;
	text-decoration:none;
}

#about_photo_ethan {
	width:85px;
	height:115px;
	position:absolute;
	top:14px;
	left:174px;
}

#about_photo_briankim {
	width:195px;
	height:145px;
	position:absolute;
	top:14px;
	left:259px;
}

#about_content {
	width:238px;
	position:absolute;
	top:186px;
	left:229px;
}

/* Contact */

#contact_wrapper {
	width:495px;
	height:334px;
	float:left;
	background:url("/images/background_contact.jpg") top left no-repeat;
	position:relative;
	padding:0;
	margin:0;
}

#contact_content {
	width:225px;
	height:30px;
	position:absolute;
	top:61px;
	left:212px;
}

#header_contactme {
	width:104px;
	height:68px;
	background:url("/images/header_contactme.jpg") top left no-repeat;
	text-indent:-10000px;
	position:absolute;
	top:44px;
	left:67px;
	padding:0;
	margin:0;
}

form {
	padding:0;
	margin:0;
}

#form input {
	padding:0;
	margin:0;
}

#input_yourname {
	width:150px;
	height:32px;
	background:url("/images/input_yourname.jpg") top left no-repeat;
	position:absolute;
	top:114px;
	left:70px;
	padding:26px 15px 0 15px;
	margin:0;
}

#input_yourname input {
	width:150px;
	height:15px;
	float:left;
	background:transparent;
	font:normal 13px verdana, helvetica, arial, sans-serif;
	line-height:1.3em;
	text-align:left;
	color:#8b817f;
	border:0;
	outline:none;
	margin:0;
	padding:0;
}

#input_youremail {
	width:152px;
	height:32px;
	background:url("/images/input_youremail.jpg") top left no-repeat;
	position:absolute;
	top:116px;
	left:273px;
	padding:25px 15px 0 15px;
	margin:0;
}

#input_youremail input {
	width:150px;
	height:15px;
	float:left;
	background:transparent;
	font:normal 13px verdana, helvetica, arial, sans-serif;
	line-height:1.3em;
	text-align:left;
	color:#8b817f;
	border:0;
	outline:none;
	margin:0;
	padding:0;
}

#input_yourcomments {
	width:357px;
	height:55px;
	background:url("/images/input_yourcomments.jpg") top left no-repeat;
	position:absolute;
	top:170px;
	left:65px;
	padding:26px 15px 25px 25px;
	margin:0;
}

#input_yourcomments textarea {
	width:357px;
	height:55px;
	float:left;
	background:transparent;
	font:normal 13px verdana, helvetica, arial, sans-serif;
	text-align:left;
	color:#8b817f;
	border:0;
	outline:none;
	overflow:hidden;
	margin:0;
	padding:0;
}

#input_send {
	width:105px;
	height:65px;
	border:0;
	outline:none;
	position:absolute;
	top:269px;
	left:327px;
	padding:0;
	margin:0;
}

/* Navigation */

#navigation {
	width:142px;
	height:302px;
	float:left;
	padding:16px 0 0 0;
	margin:0;
}

#navigation li {
	list-style:none;
	display:inline; /* Vertical Spacing Fix for IE */
	padding:0;
	margin:0;
}

#navigation li a {
	font:normal 0.8em verdana, helvetica, arial, sans-serif;
	color:#9B9492;
	display:block;
	padding:0;
	margin:0;
}

#navigation li a.home {
	width:142px;
	height:76px;
	background:url("/images/nav_home.jpg") top left no-repeat;
	text-indent:-10000px;
}

#navigation li a.work {
	width:142px;
	height:76px;
	background:url("/images/nav_work.jpg") top left no-repeat;
	text-indent:-10000px;
}

#navigation li a.about {
	width:142px;
	height:73px;
	background:url("/images/nav_about.jpg") top left no-repeat;
	text-indent:-10000px;
}

#navigation li a.contact {
	width:142px;
	height:77px;
	background:url("/images/nav_contact.jpg") top left no-repeat;
	text-indent:-10000px;
}

#navigation li a:hover {
	background-position:-142px 0;
}

#footer {
	width:550px;
	position:absolute;
	top:753px;
	left:270px;
}

#footer p { 
	line-height:2em;
	color:#cde20f;
	clear:both;
	padding:0;
}

#footer a { 
	color:#cde20f;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer .leftside {
	text-align:left;
	float:left;
}

#footer .rightside {
	text-align:right;
	float:right;
}

#footer .middle {
	line-height:1.6em;
	text-align:center;
	padding:6px 0 0 0;
	margin:0;
}

.clearer {
	clear:both;
}

/* Highslide */

.highslide {
	outline: none;
	text-decoration: none;
	background:transparent;
}

.highslide img {
	background:transparent;
}

.highslide:hover img {
	background:transparent;
}

.highslide-image {
	background:transparent;
}

.highslide-dimming {
	position: absolute;
	background: black;
}

.highslide-loading {
	width:99px;
	height:64px;
	display:block;
	background:url("/images/loading.png");
}

.highslide-overlay {
	display: none;
}

.button_close1 {
	width:66px;
	height:65px;
	background:url("/images/button_close.png");
	position:relative;
	top:6px;
	left:5px;
	cursor:pointer;
}

.button_close2 {
	width:67px;
	height:64px;
	background:url("/images/button_close2.png");
	position:relative;
	top:6px;
	left:-5px;
	cursor:pointer;
}