/*
Theme Name: designLAB
Theme URI: http://wordpress.org/
Description: This is the designLAB website theme designed and built by <a href="http://no4design.com">no4design.com</a>.
Version: 1.0
Author: Prasert Kuruprecharak and Paween Dherapattana
Author URI: http://no4design.com/
Tags: designLab, no4, no4design

	designLAB v1.0
	 http://no4design.com/

	This theme was designed and built by Prasert Kuruprecharak and Paween Dherapattana

*/

* {
	margin: 0;
}
html, body {
	height: 100%;
}

body {
	margin: 0;
	color: #666;
	font-size: 12px;
	font-family: "Courier New", Courier, monospace;
}

*html body {
	height: 100%;
}

hr {
	display: none;
}

a {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #999;
}

a img {
	border: none;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}

.push {
	clear: both;
	margin: 0;
	padding: 0;
	height: 20px;
	font-size: 1px;
	line-height: 0px;
}

#wrapper {
	width: 950px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0;
	margin-bottom: -20px;
}

#content {
	margin: 0px 0px 30px 375px;
	padding: 0 0 10px 0;
	padding: 69px 0 0 5px;
	width: 550px;
}

#content h3 {
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	color: #333;
}

#content h3 a {
	color: #333;
}

#content small {
	font-size: 12px;
}

#content small strong{
	font-weight: normal;
	color: #FF0000;
}

strong a:hover {
	color: #FF0000;
}

#content .post {
	/*float: left;*/
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #CCC;
	margin: 0 0 10px 0;
}

#content .post strong {
	color: #333;
}


.alt {
	background-color: #f3f3f3;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.navigation {
	padding: 0;
}

.navigationBottom {
	padding: 0 0 60px 0;
}

.projecttitle {
	border-top: 1px solid #EEE;
	padding: 10px 0 0 0;
	margin: 20px 0 0 0;
}

.projecttitle h2 {
	padding: 0;
	margin: 0;
	color: #333;
	font-size: 18px;
}

.projecttitle h4 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 12px;
}

#projectDetail {
	margin: 20px 0 10px 0;
	padding: 0 0 5px 0;
	list-style: none;
	font-size: 12px;
	border-bottom: 1px solid #EEE;
}

#projectDetail dl {
	margin: 0;
	padding: 0;
}

#projectDetail dt {
	width: 80px;
	margin: 0;
	padding: 0;
	float: left;
}
#projectDetail .details {
	margin: 0 0 0 105px;
	padding: 0;
	width: 220px;
	text-align: left;
}

#projectDetail .colon{
	margin: 0;
	padding: 0;
	width: 10px;
	text-align: center;
	float: left;
}

#projectContent {
	font-size: 12px;
}

.entry {
	text-align: justify;
	font-size: 14px;
	color: #666;
	margin: 0;
	padding: 0;
}

.entry h2 {
	color: #333;
	text-align: justify;
	margin: 0 0 10px 0;
	font-size: 18px;
}

.entry p {
	text-align: justify;
	margin: 5px 0 10px 0;
}


.category {
	border-bottom: 1px solid #EEE;
	padding: 0 0 5px 0;
	margin-bottom: 10px;
}

.category h2 {
	color: #333;
	text-align: justify;
	margin: 0;
	font-size: 18px;
}

.postmetadata {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
.backtotop {
	float: right;
}

#comments {
	width: 550px;
	margin: 10px 0 0 0;
	padding: 0 0 30px 0;
	float: left;
}

#comments small {
	font-size: 11px;
}
#comments p {
	margin-bottom: 2px;
}

.commentcount {
	background-image: url("images/comments.jpg");
	background-repeat:  no-repeat;
	padding: 0 0 0 20px;
	float: left;
}
.postmetadata em {
	font-style: normal;
	color: #FF0000;
}

/*FOOTER*/
#footerold {
	margin: 0;
	padding: 0;
	position: fixed;
	width: 100%;
	height: 20px;
	line-height: 20px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #333;
	color: #FFF;
	font-size: 11px;
	list-style: none;
	z-index: 99;
	
	min-height: 20px;
	height: auto !important;
}
*html #footerold {
	position:absolute;
}

#footer {
	clear: both;
	height: 4em;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 20px;
	line-height: 20px;
	background-color: #333;
	color: #FFF;
	font-size: 11px;
	list-style: none;
}



#footer li {
	float: right;
	margin: 0 5px;
}

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

#footer #copyright {
	float: left;
}
/*NAVIGATION*/
#navigation {
	border: 1px solid #CCC;
	padding: 0;
	position: absolute;
	top: 35px;
	left: 380px;
	z-index: 1001;
	float: left;
	width: 550px;
	background-color: #FFF;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95;
}

*html #navigation {
	position: absolute;
}

#navigation h4 {
	margin: 0;
	padding: 0 5px;
	height: 18px;
	line-height: 18px;
	color: #666;
	background: url('images/arrw_close.jpg') right;
	background-repeat: no-repeat;
	font-weight: normal;
	font-size: 12px;
}

#navigation h4 a {
	display: block;
}

#navigation a:visited {
	color: #999;
}

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

#navigation li {
	list-style: none;
	margin: 0 5px;
	padding: 0;
	height: 18px;
	line-height: 18px;
}

#navigation li ul a {
	color: #666;
}
#navigation .projects {
	background: none;
}
#navigation #projects h4 {
	padding: 0;
}

#navigation #projects {
	padding: 0 10px 0 10px;
}

#navigation #highlight h4 {
	background: url('images/hghlght_dash.jpg');
	background-repeat: repeat-x;
}

#navigation #highlight h4 a {
	color: #660000;
	background-color: #FFF;
	display: inline;
	padding: 0 10px 0 0;
}

#navigation #highlight ul li strong {
	color: #660000;
	font-weight: normal;
}

#navigation #recentPost h4 {
	background: url('images/rcntpst_dash.jpg');
	background-repeat: repeat-x;
}

#navigation #recentPost h4 a {
	color: #FF0000;
	background-color: #FFF;
	display: inline;
	padding: 0 10px 0 0;
}

#navigation #recentPost ul li strong {
	color: #FF0000;
	font-weight: normal;
}

#navigation #museumDesign h4 {
	background: url('images/msm_dash.jpg');
	background-repeat: repeat-x;
	
}

#navigation #museumDesign h4 a {
	color: #FF6600;
	background-color: #FFF;
	display: inline;
	padding: 0 10px 0 0;
}

#navigation #museumDesign ul li strong {
	color: #FF6600;
	font-weight: normal;
}

#navigation #exhibitionDesign h4 {
	background: url('images/exhbtn_dash.jpg');
	background-repeat: repeat-x;
	
}

#navigation #exhibitionDesign h4 a {
	color: #cc9900;
	background-color: #FFF;
	display: inline;
	padding: 0 10px 0 0;
}

#navigation #exhibitionDesign ul li strong {
	color: #cc9900;
	font-weight: normal;
}

#navigation #retailConcept h4 {
	background: url('images/rtlcncpt_dash.jpg');
	background-repeat: repeat-x;
}

#navigation #retailConcept h4 a {
	color: #999900;
	background-color: #FFF;
	display: inline;
	padding: 0 10px 0 0;
}

#navigation #retailConcept ul li strong {
	color: #999900;
	font-weight: normal;
}

#navigation #interiorDesign h4 {
	background: url('images/intrr_dash.jpg');
	background-repeat: repeat-x;
}

#navigation #interiorDesign h4 a {
	color: #669900;
	background-color: #FFF;
	display: inline;
	padding: 0 10px 0 0;
}

#navigation #interiorDesign ul li strong {
	color: #669900;
	font-weight: normal;
}

#navigation #designInstallation h4 {
	background: url('images/dsgnnstlltn_dash.jpg');
	background-repeat: repeat-x;
}

#navigation #designInstallation h4 a {
	color: #006600;
	background-color: #FFF;
	display: inline;
	padding: 0 10px 0 0;
}

#navigation #designInstallation ul li strong {
	color: #006600;
	font-weight: normal;
}

#navigation #interactiveDesign h4 {
	background: url('images/intrctvdsgn_dash.jpg');
	background-repeat: repeat-x;
}

#navigation #interactiveDesign h4 a {
	color: #006666;
	background-color: #FFF;
	display: inline;
	padding: 0 10px 0 0;
}

#navigation #interactiveDesign ul li strong {
	color: #006666;
	font-weight: normal;
}

#navigation #graphicDesign h4 {
	background: url('images/grphcdsgn_dash.jpg');
	background-repeat: repeat-x;
}

#navigation #graphicDesign h4 a {
	color: #0099cc;
	background-color: #FFF;
	display: inline;
	padding: 0 10px 0 0;
}

#navigation #graphicDesign ul li strong {
	color: #0099cc;
	font-weight: normal;
}

#navigation #eventDesign h4 {
	background: url('images/evntdsgn_dash.jpg');
	background-repeat: repeat-x;
}

#navigation #eventDesign h4 a {
	color: #0066cc;
	background-color: #FFF;
	display: inline;
	padding: 0 10px 0 0;
}

#navigation #eventDesign ul li strong {
	color: #0066cc;
	font-weight: normal;
}

#navigation #residentialDesign h4 {
	background: url('images/rsdntldsgn_dash.jpg');
	background-repeat: repeat-x;
}

#navigation #residentialDesign h4 a {
	color: #000066;
	background-color: #FFF;
	display: inline;
	padding: 0 10px 0 0;
}

#navigation #residentialDesign ul li strong {
	color: #000066;
	font-weight: normal;
}

#navigation #branding h4 {
	background: url('images/brndng_dash.jpg');
	background-repeat: repeat-x;
}

#navigation #branding h4 a {
	color: #660066;
	background-color: #FFF;
	display: inline;
	padding: 0 10px 0 0;
}

#navigation #branding ul li strong {
	color: #660066;
	font-weight: normal;
}

/*SEARCH*/
#s {
	border: 1px solid #CCC;
	width: 250px;
}

#searchsubmit {
	border: none;
	background: none;
	color: #999;
	margin: 0;
	padding: 0;
}

#searchsubmit:hover {
	color: #333;
}

/*SIDEBAR*/
#sidebar {
	width: 325px;
	margin: 18px 0 30px 40px;
	float: left;
	/*
	position: relative;
	top: 18px;
	left: 40px;
	*/
	overflow: hidden;
}

*html #sidebar {
	display: inline;
}

#sidebar #address {
	border-bottom: 1px solid #EEE;
	margin-bottom: 10px;
}

#sidebar #address h4 { 
	margin-bottom: 0;
	padding: 0;
	font-size: 12px;
	color: #333;
}
#sidebar #address p { 
	margin: 0 0 20px 0;
	padding: 0;
}
#sidebar #address a {
	text-decoration: none;
}
#sidebar #address a:hover {
	text-decoration: underline;
}

#sidebar #links {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

#sidebar #links ul {
	margin: 0 0 10px 0;
	padding: 0;
}

#sidebar #links h2 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #666;
	font-size: 14px;
	color: #333;
}

#sidebar #links li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

#sidebar #links ul li {
	margin-left: 15px;
	list-style-image: url("images/bllt.jpg");
}

#sidebar #latestNews li {
	list-style-image: none;
	margin: 0;
}

#sidebar #latestNews h4 {
	margin: 0;
	padding: 0;
	color: #333;
	display: inline;
}
#sidebar #latestNews h4 a {
	margin: 0;
	padding: 0;
	color: #333;
}
#sidebar #latestNews p {
	margin: 0;
	padding: 0;
	text-align: justify;
}

#sidebar #links #latestNews li {
	margin-bottom: 10px;
}

#sidebar #links #latestNews small {
	display: block;
	font-size: 12px;
	color: #FF0000;
}
#sidebar #pagelinks a {
	text-decoration: underline;
}

#comment {
	width: 100%;
	display: inline;
}

.commentlist li {
	padding: 0 10px 5px 10px;
}

#respond {
}

/*GALLERY CSS*/
#no4-gallery {
	margin: 10px 0 0 0;
	padding:  0;
	width: 550px;
	height: 365px;
}

*html #no4-gallery {
	margin: 40px 0 0 0;
}

#no4-gallery-menu {
	margin: 5px 0 0 0;
	padding:  0;
	list-style: none;
	float: right;
}
#no4-gallery-menu li {
	margin: 0;
	padding: 0 2px;
	float: left;
}

#no4-gallery-menu li a:hover {
	text-decoration: underline;
}

#no4-gallery-video-menu {
	margin: 5px 0 0 0;
	padding:  0;
	list-style: none;
	float: right;
	display: none;
}
#no4-gallery-video-menu li {
	margin: 0;
	padding: 0 2px;
	float: left;
}

#no4-gallery-video-menu li a:hover {
	text-decoration: underline;
}

#no4-gallery img {
	position: absolute;
	z-index: 10;
}

#no4-gallery #loader {
	margin: 0;
	width: 100px;
	color: #FFF;
	text-align: center;
	padding: 3px;
	background-color: #333;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	z-index: 1000;
	position: absolute;
	left: 824px;
}

#no4-gallery-type {
	padding: 0;
	margin: 0;
	list-style: none;
}

#no4-gallery-type li {
	float: left;
}

#no4-gallery-type li a {
	display: block;
	padding: 4px 10px;
	margin: 0 1px 0 0;
	background-color: #EEE;
}

#no4-gallery-type li a:hover {
	background-color: #333;
	text-decoration: none;
}

#no4-gallery-type li .selected {
	background-color: #333;
}

#gallery-controls {
	height: 25px;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}

#gallery-controls li {
	line-height: 25px;
	float: left;
}

#gallery-controls #prev {
	float: right;
}

#next {
	margin: 5px 0 0 0;
	border-top: 1px solid #DDD;
	text-align: right;
	width: 100%;
	line-height: 25px;
}

#soundplayerholder {
	visibility: hidden;
}

#soundon {
	text-decoration: underline;
}

#sound {
	display: none;
}

/*staff*/
.staff {
	clear: both;
	width: 550px;
	font-size: 12px;
	border-bottom: 1px solid #EEE;
	padding: 0 0 5px 0;
}

.staff dd {
	margin: 0;
	padding: 0;
	line-height: 14px;
}

.staff dt {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	width: 450px;
	margin: 0;
	padding: 0;
	float: left;
}
.staff .staff-image {
	float: right;
}

.staff .staff-title {
	float: left;
	width: 450px;
	margin-bottom: 10px;
}
/*color*/
.museum-design {
	color: #FF6600;
}
.exhibition-design {
	color: #cc9900;
}
.retail-concept {
	color: #999900;
}
.interior-design {
	color: #669900;
}
.design-installation {
	color: #006600;
}
.interactive-design {
	color: #006666;
}
.graphic-design {
	color: #0099CC;
}
.event-design {
	color: #0066CC;
}
.residential-design {
	color: #000066;
}
.branding {
	color: #660066;
}

/*form*/
#job dl {
	border-top: 1px dashed #EEE;
	padding: 20px 0 15px 0;
	margin: 0;
	float: left;
}
#job dt {
	margin: 0 0 5px 0;
	padding: 0 5px;
	width: 190px;
	height: 20px;
	line-height: 20px;
	float: left;
}

#job dd {
	margin: 0 0 5px 0;
	padding: 0 20px;
	width: 300px;
	height: 20px;
	line-height: 20px;
	float: left;
}

#job dd input {
	border: 1px solid #DDD;
}

#job .long {
	width: 300px;
}

#jobupload {
	background-position: 0px 5px;
	border-top: 1px dashed #EEE;
	padding: 40px 0 20px 0;
	background-image: url("images/frm_filesize.jpg");
	background-repeat: no-repeat;
	float: left;
}

#jobupload .addfile {
	margin: 0 0 0 220px;
	text-decoration: underline;
}

#worksspacing {
	margin: 0 0 5px 0;
	padding: 0 5px;
	width: 190px;
	float: left;
}

#works {
	margin: 0;
	padding: 0 20px 0px 20px;
	width: 300px;
	list-style: none;
	float: left;
}

#works li {
	margin: 0 0 5px 0;
	padding: 0;
}

.frm_submit {
	clear: both;
	margin: 0;
	padding: 0px 20px 0 0;
	list-style: none;
	float: right;
}
.frm_submit li {
	margin: 0 0 0 2px;
	padding: 0;
	float: left;
}
.frm_submit input {
	color: #FFF;
	background-color: #000;
	margin: 0;
	padding: 0;
	border: none;
	width: 80px;
	height: 20px;
	line-height: 20px;
	font-weight: normal;
	font-family: "Courier New", Courier, monospace;
}

#mailresponse {
	list-style: none;
	background-color: #00CC00;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	color: #FFF;
}

#errorresponse {
	list-style: none;
	background-color: #CC0000;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	color: #FFF;
}