html{ padding:0;overflow:auto; margin-bottom:0px; width:100%}
body {
font-size:16px;
line-height:20px;
font-family: Arial, Helvetica;
width:100%;
min-width:1024px;
padding-top: 0;
margin-top: 0px ;
margin-right: 0px ;
margin-left:0px;
padding-bottom::0;
margin-bottom: 0px;
height:100%;
}
/*a {color:#68d3ed; text-decoration:none; border:none;}
a:hover { font-weight: bold;text-decoration:none;} */
a img{ border: none; }
a:visited {border:none; text-decoration: none; overflow: hidden;}
a:active {border:none; text-decoration: none; overflow: hidden;}
a:focus {border:none; text-decoration: none; overflow: hidden;}
h1 { padding:0px; font-family:Khmer UI; font-style:normal; font-size:30px; color:black; font-weight:bold; margin: 5px 0 ;height:21px;}
h2 { padding:0px; font-family:Khmer UI; font-style:normal; font-size:20px; color:black; font-weight:bold; margin: 5px 0 ;height:21px;}
h1 span { padding:0px 10px 0px 0px;}
p {margin:0; color:black; font-family:Khmer UI; font-style:normal; }
#header {margin-top:0px;font-family: Arial, Helvetica, sans-serif; background-color:#4f5159; width: 100%; height:100%; border:none; }
#navmenu { font-family:Khmer UI; font-style:normal; height:32px; background-color:black; color:white; padding-top:0px; border: none; width:100%; }
#navmenu a{color:white;text-decoration:none;padding-top:0px;padding-bottom:0px;}
#navmenu a:hover { color:#68d3ed;padding-bottom:0px;}
#navmenu ul {vertical-align: middle;font-size:25px; margin-left: 375px; padding-top:4px; white-space:nowrap; margin-top: 0;}
#navmenu li {display: inline; margin-left:25px; }
.navwrapper {border: none;width:1350px; margin-right: auto; margin-left: auto; background-image: url('images/main_images/Logo_menu_01.png');background-repeat:no-repeat;background-position:center;padding-bottom:0px;height:32px;margin-top:0;
}
.logowrapper{border: none;width:1350px; margin-right: auto; margin-left: auto; background-image:url('images/main_images/Logo_02.png'); background-repeat:no-repeat;background-position:top center;padding-bottom:0px; height:198px;
}
.IndexBlogContainer{ width:1024px;height:100%;padding:5px;float:left;text-align: left; padding-top:55px; padding-bottom:35px; margin:auto; }
#Main_Background{z-index:0;background-image: url('images/main_images/Background_shadow_02.jpg');background-repeat:repeat-x; background-position:top center; margin-top:0px; padding-bottom:0px;padding-top:0px;width:100%;}
#Main_Content_Wrapper { float:left;padding-left:512px; z-index:1;color:black;font-family:Khmer UI; background-image: url('images/main_images/Main_Content_Bkgnd_01.jpg');background-repeat:repeat-y; background-position:top center; margin-top:0px; padding-bottom:0px;}
#Main_Content_Wrapper_Updates { float:left;padding-left:512px;z-index:1;color:black;font-family:Khmer UI; background-image: url('images/main_images/Main_Content_Bkgnd_01.jpg');background-repeat:repeat-y; background-position:top center; margin-top:0px; padding-bottom:0px;}
#Main_Content_Wrapper_Soundscapes {z-index:1;color:black;font-family:Khmer UI; background-image: url('images/main_images/Main_Content_Bkgnd_01.jpg');background-repeat:repeat-y; background-position:top center; margin-top:28px; height:860px; padding-bottom:0px;}
#Main_Content_Wrapper_SoundforVideo {z-index:1;color:black;font-family:Khmer UI; background-image: url('images/main_images/Main_Content_Bkgnd_01.jpg');background-repeat:repeat-y; background-position:top center; margin-top:28px; height:1550px; padding-bottom:0px;}
#Main_Content_Wrapper_Interactiveaudio {z-index:1;color:black;font-family:Khmer UI; background-image: url('images/main_images/Main_Content_Bkgnd_01.jpg');background-repeat:repeat-y; background-position:top center; margin-top:28px; height:1540px; padding-bottom:0px;}
#Main_Content_Wrapper_WwiseUnityDemo {z-index:1;color:black;font-family:Khmer UI; background-image: url('images/main_images/Main_Content_Bkgnd_01.jpg');background-repeat:repeat-y; background-position:top center; margin-top:0px; height:1740px; padding-bottom:0px;}
#Main_Content_Wrapper_WAtRDemo {z-index:1;color:black;font-family:Khmer UI; background-image: url('images/main_images/Main_Content_Bkgnd_01.jpg');background-repeat:repeat-y; background-position:top center; margin-top:0px; height:900px; padding-bottom:0px;}
#Main_Content_Wrapper_EasyLift {z-index:1;color:black;font-family:Khmer UI; background-image: url('images/main_images/Main_Content_Bkgnd_01.jpg');background-repeat:repeat-y; background-position:top center; margin-top:0px; height:1350px; padding-bottom:0px;}
#Main_Content{position:relative;z-index:0;color:black;font-family:Khmer UI; width:1024px; margin-left:-512px; position:relative; background-image:url('images/main_images/Logo_foot_02.png'); background-repeat:no-repeat; height:550px; }
#Main_Content_Portfolio{position:relative;z-index:0;color:black;font-family:Khmer UI; width:1024px; margin-left:-512px; position:relative; background-image:url('images/main_images/Logo_foot_02.png'); background-repeat:no-repeat; height:100%; }
#Updates_Main{margin-left:25px; padding: 10px 10px 10px 10px;}
#About_Main{margin-left:25px; padding-top:100px; margin-right:25px;}
#Contact_Main{margin-left:25px; padding-top:100px;margin-right:25px;}
#Resume_Main{margin-left:25px; padding-top:100px;margin-right:25px;}
#Portfolio_Main{margin-left:25px; padding-top:100px; margin-right:25px; height:100%;}
#Portfolio_Soundscapes{margin-left:25px; padding-top:5px; margin-right:25px;height:100%;margin-right:25px;}
#Portfolio_SoundforVideo{margin-left:25px; padding-top:5px; margin-right:25px;height:100%; margin-right:25px;}
#Portfolio_Interactiveaudio{margin-left:25px; padding-top:5px; margin-right:25px;height:100%; margin-right:25px;}
.MainSidebar {float:left;padding-right:15px;padding-top:25px;padding-left:15px; position:relative; width:200px;}
.SidebarAndContentWrapper{width:1350px; margin-right: auto; margin-left: auto;}
/* Portfolio ids and classes Start */
.portfoliorow {
/* 3 cells in a row is 600 px wide + 24 px for padding */
width:100%;
padding:5px;
float:left;
text-align: left;
padding-top:35px;
padding-bottom:2px;
}
.workdescription_Soundscape{width:400px; height:200px; padding:20px; float:left;}
.workdescription_SoundforVideo{width:325px; height:400px; padding:20px; float:left;}
.workdescription_Interactiveaudio{width:400px; height:200px; padding:20px; float:left;}
.workdescription_WwiseUnityDemo {width:800px; height:200px; padding:20px; float:left;}
.workdescription_WwiseUnityDemo2 {width:600px; height:200px; padding:20px; float:left;}
.portfoliorow_SoundforVideo {
/* 3 cells in a row is 600 px wide + 24 px for padding */
width: 945px;
padding:5px;
float:left;
text-align: left;
padding-top:35px;
padding-right:25px;
padding-left::25px;
padding-bottom:2px;
}
#footer_wrapper {font-family:Khmer UI; margin-bottom:0px; margin-top:0px; position:relative;width:100%; height:100%;clear:both; background-color:#4f5159;border-top-style:solid; border-top-color:black; border-width:1px;}
#footer_main { color:white; margin-bottom:0px; width:1024px; height:100%; z-index:0; left:50%; margin-left:-512px; position:relative; padding:15px;background-color:#4f5159; font-size:11px; font-weight:bold;}
/* Moving Boxes demo CSS */
#wrapper {}
/* Moving Boxes title image wrapper */
#title {
text-align: center;
}
#title img {
border: 0;
}
/* panel images */
.mb-inside img {
width: 100%;
}
#slider-two .current img {
/* height of the placeholder until image completely loads - needed for
webkit browsers, add this only if you don't want the height animation
on startup.
326px measures the height of the current image when enlarged
height: 326px;
*/
}
/* panel links */
.mb-inside a {
color: #333;
text-decoration: none;
border-bottom: 1px dotted #ccc;
}
.mb-inside a:hover {
color:#00a8d1;
/*border-bottom: 1px solid #999;*/
}
/* Add/remove panels buttons */
.buttons {
padding: 5px 10px;
text-align: center;
}
/* direct link styling */
.dlinks {
text-align: center;
font-size: 20px;
}
/* Moving Boxes CSS END*/
/* LightboxContent*/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* LightboxConten END END*/