#logo {
    float: left;
    width: 750px;
    height: 60px;
    background: url(/public/img/background/bg_tab_orange.gif) repeat-x;
    text-align: left; 
}
#logo .logo-text {
    margin: 16px;
    margin-left: 32px;
}
#search, #search-text, #search-button {
    background: #222;
    height: 30px;
    color: #fff;
    float: left;
}
#search-text {
	width: 186px;
	margin: 8px 8px;
    height: 16px;
    line-height: 16px;
}
#search-button {
	width: 48px;
    font-size: 10px;
    background: #000;
}
#dinsor-work {
    float: left;
    margin-left: 32px;
    font-size: 14px;
}
#privacy {
    float: right;
    margin-right: 16px;
}
#product li {
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    width: 250px;
    font-size: 16px;
    text-align: center;
    margin: 0px;
    line-height: 60px;
    cursor: hand; cursor: pointer;
    list-style: none;
}
#product li.selected {
    font-size: 24px;
    color: #fff;
	background: #000;
	cursor: default;
    cursor: hand; cursor: pointer;
}
#product li.selected:hover {
    color: #ccc;
}
#index {
    min-height: 440px;
    height: auto;
    background: #fff url(/public/img/background/misc_fade_herizon.gif) top repeat-x;
}
#page-design, #page-web, #page-studio, #page-organizer {
    width: 1000px;
    height: 440px;   
    text-align: left;    
    color: #000;
}
#page-design {
    background: #fff url(/public/img/background/misc_fade_herizon.gif) top repeat-x;
}
#page-web {
    background: #000 url(/public/img/background/bg_web.jpg) top repeat-x;
}
#page-studio {
    background: #000 url(/public/img/background/bg_studio.jpg) top repeat-x;
}
#page-organizer {
    background: #000 url(/public/img/background/bg_organizer.jpg) top repeat-x;
}
/* design page */
#page-design .design-descript {
    width: 440px;
    height: 400px;
    float: left;
    padding: 20px 30px;
}
#page-design .design-client {
    width: 500px;
    height: 440px;
    background: #300;
    float: right;
}
#page-design .brief-text {
    font-size: 13px;
    margin-top: 8px;
}
/* page web */
#page-web .web-descript {
    width: 320px;
    height: 400px;
    float: left;
    padding: 20px 30px;
}
#page-web .web-client {
    float: right;
}
#page-web .brief-text {
    font-size: 13px;
    color: #fff;
    margin-top: 16px;
}
#web-samples, #web-set {
    width: 583px;
    height: 324px;
    margin: 15px 0px 0px 28px;
    background: #000;
    overflow: hidden;
    position: relative;
    text-align: left;
}
#web-set {
    height: 486px;
    margin: 15px;
    background: #fff;
}
#slide-obj {
    position: absolute;
    top: 0px;
    left: 0px;
}
#web-samples #page-0, #web-samples #page-1, #web-samples #page-2, .page {
    float: left;
    width: 583px;
}
#web-samples .item-brief, #web-set .item-brief {
    font-size: 10px;
    color: #666;
}
#controller {
    height: 90px;
    line-height: 90px;
    margin-left: 20px; 
}
/* page studio */
#page-studio .studio-descript {
    width: 240px;
    height: 300px;
    padding: 20px;
    padding-top: 140px;
    margin-left: 425px;
}
#page-studio .brief-text {
    font-size: 13px;
    margin-top: 16px;
}
/* page organizer */
#page-organizer .organizer-descript {
    width: 326px;
    padding: 20px 40px;
    padding-top: 120px;
}
#page-organizer .brief-text {
    font-size: 13px;
    margin-top: 16px;
}
/* detail design */
#title-design, #title-web, #title-studio, #title-organizer, #title-normal {
    width: 350px;
    float: left;
    min-height: 440px;
    padding: 10px 0px;
}
#show-design, #show-web {
    width: 570px;
    float: left;
    padding: 40px 30px 10px 30px;
    background: #fff url(/public/img/background/misc_fade_herizon.gif) repeat-x;
}
#client-web {
    margin-left: 360px;
}
#control-box {
    margin-bottom: 16px;
    height: 22px;
	text-align: right;
}
#sample-control {
    height: 22px;
    float: right;
}
#sample-control b {
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    margin-right: 12px;
}
#sample-control img {
    float: left;
    height: 22px;
    margin: 0px 2px;
}
#sample-control img.dot, #sample-control img.dot-button {
    float: left;
    height: 14px;
    margin: 4px;
}
#sample-control img.dot-button {
	cursor: pointer; cursor: hand;
}
#title-normal p.heading {
    font-size: 16px;
    font-weight: bold;
}
#project-show {
    text-align: left;
}
#detail-video {
    width: 1000px;
    height: 335px;
    position: relative;
    background: #000;
}
#detail-photo {
}
#detail-organizer {
    width: 1000px;
    height: 680px;
    background: #fff url(/public/img/organizer/bg_organizer-level2.jpg) no-repeat;
}
#video-list {
    width: 160px;
    position: absolute;
    bottom: 75px;
    right: 565px;
    text-align: right;
}
#video-list a {
    font-size: 13px;
    color: #666;
    padding-top: 2px;
    display: block;
}
#video-list a:hover, #video-list a.current {
    color: #fff;
    text-decoration: none;
} 
#video-player {
    width: 525px;
    height: 335px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
#player {
    width: 320px;
    height: 240px;
    margin: 10px 0px 20px 0px;
}
#video-description {
    height: 60px;
}
#organizer-show-image {
	position: relative;
	width: 570px;
	height: 436px;
}
#organizer-show-title {
	margin-left: 70px;
	width: 320px;
	line-height: 26px;
	font-size: 14px;
}
#organizer-1, #organizer-2, #organizer-3, #organizer-4 {
    position: absolute;
}
#organizer-1 {
    left: 70px;
    top: 80px;
}
#organizer-2 {
    left: 264px;
    top: 104px;
}
#organizer-3 {
    left: 70px;
    top: 250px;
}
#organizer-4 {
    left: 264px;
    top: 274px;
}


/** Dialog Popup */
#dinsorPopup .dijitDialogTitleBar {
	display:none;
}
#dinsorPopup .dijitDialogTitle {
	display:none;
}
#dinsorPopup .dijitDialogContent {
	display:none;
}

.dijitDialog {
	position: absolute;
	z-index: 999;
	margin: 0px;
}
.dijitDialogUnderlayWrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
	display: none;
	background: transparent !important;
}
.dijitDialogUnderlay {
	background: #000;
	opacity: 0.8;
}
.dj_ie .dijitDialogUnderlay {
	filter: alpha(opacity=80);
}