/************* Global *************/

div			{
			position: relative;
			float: left;
			font-family: Arial;
			font-size: 8pt;
			color: #808080;
			text-decoration: none;
			cursor: default;
			}



/************* Structure: Header *************/

#header			{
			position: relative;
			float: left;
			background: url('images/shadow_top.gif') bottom repeat-x;
			width: 100%;
			height: 103px;
			}

#logo			{
			position: relative;
			float: left;
			margin: 25px 140px 28px 18px;
			background: url('images/main.png') 0 0;
			width: 285px;
			height: 50px;
			cursor: pointer;
			}

#logo:hover		{
			opacity: 0.6;
			filter:alpha(opacity=60)
			}



/************* Structure: Main Menu (Home) *************/

#menuMain		{
			position: relative;
			float: left;
			margin: 34px 0 0 0;
			height: 37px;
			}

#menuMain0		{						// Home
			position: relative;
			float: left;
			margin: 0 37px 0 0;
			background: url('images/main.png') -215px -50px;
			width: 49px;
			height: 33px;
			cursor: pointer;
			}

#menuMain0:hover		{ background-position: -215px -83px; }


#menuMain1		{						// About
			position: relative;
			float: left;
			margin: 0 37px 0 0;
			background: url('images/main.png') 0 -50px;
			width: 57px;
			height: 33px;
			cursor: pointer;
			}

#menuMain1:hover		{ background-position: 0px -83px; }


#menuMain2		{						// Resume
			position: relative;
			float: left;
			margin: 0 33px 0 0;
			background: url('images/main.png') -57px -50px;
			width: 83px;
			height: 33px;
			cursor: pointer;
			}

#menuMain2:hover		{ background-position: -57px -83px; }


#menuMain3		{						// Contact
			position: relative;
			float: left;
			background: url('images/main.png') -140px -50px;
			width: 75px;
			height: 33px;
			cursor: pointer;
			}

#menuMain3:hover		{ background-position: -140px -83px; }



/************* Portfolio: Thumbnails *************/

div.smallPreview		{
			width: 152px;
			float: left;
			padding-left: 27px;
			padding-right: 16px;
			padding-bottom: 20px;
			}

div.smallPreviewIMG	{
			float: left;
			width: 152px;
			height: 152px;
			padding-top: 5px;
			}

div.mediumPreview		{
			width: 282px;
			float: left;
			padding-left: 27px;
			padding-right: 16px;
			padding-bottom: 20px;
			}

div.mediumPreviewIMG	{
			float: left;
			width: 282px;
			height: 152px;
			padding-top: 5px;
			}

div.largePreview		{
			position: relative;
			float: left;
			width: 932px;
			margin: 0 0 20px 27px;
			clear: both;
			}

div.largePreviewIMG	{
			position: relative;
			float: left;
			background-position: 1px 1px;
			background-repeat: no-repeat;
			width: 930px;
			height: 180px;
			margin-top: 5px;
			}

div.temp-combine-it-normally-in-css	{
width: 152px; float: left; padding-left: 27px; padding-right: 16px; padding-bottom: 20px;
			}

div.show_all_image		{
			position: absolute;
			top: 116px;
			left: 881px;
			width: 78px;
			height: 14px;
			background: url('images/show-all_mode.png') no-repeat;
			z-index: 2;
			}