/*
CSS for: JDi Design website
JDi URI: http://www.jdidesign.com
Description: This CSS is designed for <a href="http://www.jdidesign.com">JDi Design Inc.</a>
Version: 1.0
Author: Sandy Lam
Author URI: http://www.sandylamdesign.com/
Tags: JDi Design Inc, Design, News, industrial, product, engineers, designers, design, consultants, consultancy, consultancies, icon, user interface, prototype, packaging, management, mechanical, engineering, innovation, creative, creativity, Vancouver, lower mainland, BC, Canada, international, consumer, models, making, medical, consumer, packaging, ergonomics, mechanical, engineering, presentation, development, model, making, marketing, IP, research, service, UI, GUI, device, 3D, CAD

This theme was designed by Adrian van Wijk and built by Sandy Lam at <a href="http://www.jdidesign.com">JDi Design Inc.</a>
*/



/* Begin Typography & Colors */
@charset "utf-8";
/* CSS Document */

body {
	background-color:#FFFFFF;
	margin: 0px;
	font: 70%/150% arial, helvetica, sans-serif;
	color: #333333;
	background: #FFFFFF ;
	padding: 0px 0px 0px 0px;
	overflow-y:scroll;
	overflow-x:auto;
}
a, a:link {
	color: #ff4c00;
	text-decoration: none;
}
a:visited {
	color: #930;
	text-decoration: none;
}
a:hover {
	color: #898989;
	text-decoration: none;
}
p a, p a:link {
	color: #ff4c00;
	text-decoration: none;
	font-weight: bold; 
}
p a:visited {
	color: #930;
	text-decoration: none;
	font-weight: bold; 
}
p a:hover {
	color: #898989;
	text-decoration: none;
	font-weight: bold; 
}
a img {
	border:none;
}
.thumb {
padding: 0px 10px 5px 0px;
float:left;
}
h1 {
	color: #433f3c; 
	font-size: 14px; 
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 130%; 
	text-decoration: none; 
	white-space: normal;
	padding-top: 5px;
}
h1 .underline {
	border-bottom:#798487 solid 1px;
	padding-bottom:16px;
}
h1 a, a:link {
	color: #433f3c; 
	text-decoration: none 
}
h1 a:visited{
	color: #433f3c; 
	text-decoration: none; 
	white-space: normal 
}
h1 a:hover{
	color: #ff5400; 
	text-decoration: none; 
	white-space: normal 
}
h2 {
	color: #2b2b2b; 
	font-size: 11px; 
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 130%; 
	text-decoration: none; 
	white-space: normal 
}
h2 .red{
	color: #cc0000; 
}
h2 a, h2 a:visited {
	color: #433f3c;
	text-decoration: none;
}
h2 a:hover {
	color: #c6c6c6;
	text-decoration: none;
}
h3 {
	font-size: 12px; 
	font-family: arial, helvetica, sans-serif; 
	color: #ff4c00;
	margin: 10px 0px 5px;
}
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.center {
	text-align: center;
	}	
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
#bullet-list{
	list-style-image: url(images/bullet.gif);
	float: left;
	margin-left:20px;
	padding:0px;
}
#bullet-list a:link {
	color: #ff4c00;
	text-decoration: none;
}
#navsite a:visited {
	color: #930;
	text-decoration: none;
}
#bullet-list a:hover  {
	color: #808080; 
	text-decoration: none;
}
#bullet-list a:active {
	color: #ff4c00; 
	text-decoration: none;
}
address { 
font-style: 
normal; 
}
/**styling css ends**/
table.upload {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
}
table.upload td {
	border-width: 1px;
	padding: 4px;
	border-style: dotted;
	border-color: gray;
	height: 27px;
}
/* ending table styling*/
#peace-container {
	width:489px;
	text-align:justify;
}
#page {
	margin: 0px auto;
	width: 722px;
	border: 0px;
	background:#FFFFFF;
}
#header {
	height: 70px;
	margin: 0px;
	position: relative;
	background:#FFFFFF;
}
#left-col{
	width: 200px;
	float: left;
	margin-left: 0px;
	background:#FFFFFF;
}
#right-col{
	width: 522px;
	float: right;
	margin: 0px;
	background:#FFFFFF;
}
/**page layout ends**/

#logo{
	height: 70px;
	background:#FFFFFF ;
}
#headimg{
	height:155px;
	width: 722px;
}
/**heading elements ends**/
#inside-JDi-The-JDi-Team #page #left-col .sidebar-subhead .The-JDi-Team a,
#inside-JDi-Partners-and-Affiliates #page #left-col .sidebar-subhead .Partners-and-Affiliates a,
#contactus #page #left-col .sidebar-subhead .Contact-No-Address a,
#inside-JDi-Careers #page #left-col .sidebar-subhead .Careers a,
#what-we-do-research #page #left-col .sidebar-subhead .research a,
#what-we-do-business-solutions #page #left-col .sidebar-subhead .business-solutions a,
#what-we-do-idea-development #page #left-col .sidebar-subhead .idea-development a,
#what-we-do-brand-identity #page #left-col .sidebar-subhead .brand-identity a,
#what-we-do-conceptualisation #page #left-col .sidebar-subhead .conceptualisation a,
#what-we-do-engineering #page #left-col .sidebar-subhead .engineering a,
#what-we-do-production #page #left-col .sidebar-subhead .production a,
#our-product-Product-Design #page #left-col .sidebar-subhead .Product-Design a,
#our-product-Communication-Design #page #left-col .sidebar-subhead .Communication-Design a,
#our-product-Interactive-Design #page #left-col .sidebar-subhead .Interactive-Design a,
#client-area-Design-Login #page #left-col .sidebar-subhead .Design-Login a,
#client-area-Web-Hosting-Login #page #left-col .sidebar-subhead .Web-Hosting-Login a,
#client-area-Web-Mail #page #left-col .sidebar-subhead .Web-Mail a,
#client-area-Send-Us-a-File #page #left-col .sidebar-subhead .Send-Us-a-File a,
#home-eco-design-help #page #left-col .sidebar-subhead .eco-design-help a,
#home-why-use-design #page #left-col .sidebar-subhead .why-use-design a,
#home-industrial-design #page #left-col .sidebar-subhead .industrial-design a,
#customer-solutions-Inventors #page #left-col .sidebar-subhead .Inventors a,
#customer-solutions-Start-Ups #page #left-col .sidebar-subhead .Start-Ups a,
#customer-solutions-Established-Business #page #left-col .sidebar-subhead .Established-Business a,
#customer-solutions-Corporate-or-Big-Business #page #left-col .sidebar-subhead .Corporate-or-Big-Business a,
#customer-solutions-Maximize-Design-Investment #page #left-col .sidebar-subhead .Maximize-Design-Investment a
{
	font-weight: bold;
	background: url(images/side-menu-on.gif) no-repeat left;
}
#navsite-container{
	float:right;
	width: 503px;

}
#navsite{
	background:#FFFFFF;
	color: #808080;
	font: 9px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 9px 19px 0px 0px;
	list-style: none;
	margin: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	vertical-align: middle;
	width: 257px;
	height: 26px;
}
#navsite .selected-menu-item a:link, #navsite .selected-menu-item a:visited{
	color:#ff4c00;
	text-decoration: none;
}
#nav .selected-menu-item a:link, #nav .selected-menu-item a:visited{
	color:#ff4c00;
	text-decoration: none;
}
#navsite li {
	float: left;
	margin-right: 3px;
}
#navsite a:link, #navsite a:visited {
	color: #808080;
	text-decoration: none;
}
#navsite a:hover {
	color: #433f3c; 
	text-decoration: none;
}
#navsite a:active {
	color: #ff4c00; 
	text-decoration: none;
}
#nav-container{
	width: 512px;
	height:35px;
	float: rigth;
	margin-right: 0px;
	background:#FFFFFF url(images/side-menu-background.jpg) no-repeat left;
	margin-top:35px;
}
#nav {
	color: #433f3c;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style: none;
	margin-right: 0px;
	position: absolute;
	bottom: -10px;
	right:30px;
	vertical-align: bottom;
	white-space: normal;
	float: left;
}
#nav li {
	float: left;
	padding-left:27px;
}
#nav a:link, #nav a:visited {
	color: #433f3c;
	text-decoration: none;
}
#nav a:hover {
	color: #808080; 
	text-decoration: none;
}
#nav a:active {
	color: #ff4c00; 
	text-decoration: none;
}
/**top navigation menu ends**/

#sidebar-head {
	background:url(images/side-nave-top.gif);
	width: 184px;
	height: 26px;
	color:#FFFFFF;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	padding-left: 17px;
	padding-top:6px;
	line-height:21px;
}
.sidebar-subhead {
	color: #433f3c;
}
.sidebar-subhead ul {
	width:200px;
	background: #FFFFFF url(images/side-menu-nave.gif) 0 0 repeat-y;
	padding:0;
	list-style:none;
	margin:0;
} 
.sidebar-subhead ul a:link, .sidebar-subhead ul a:visited {
	display:block;
	width:184px;
	padding:1px 0px 0px 17px;
	text-decoration:none;
	color:#433f3c;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 23px; 
	text-align: left;
	margin:0;
	white-space: nowrap;
}
.sidebar-subhead ul a:hover, .sidebar-subhead ul a:active {
	font: 11px Arial, Helvetica, sans-serif;
	height:23px;
	color: #ff5400; 
	display:block;
	width:184px;
	padding:1px 0px 0px 17px;
	text-decoration:none;
	line-height: 23px; 
	text-align: left;
	margin:0;
	white-space: nowrap;
}
#sidebar-subhead-Lt {
	background:#FFFFFF;
	width: 184px;
	height:26px;
	color: #433f3c;
	font: 11px Arial, Helvetica, sans-serif;
	padding-left: 17px;
	padding-top:15px;

}
.underline-Lt {
	border-bottom:#798487 solid 1px;
	width:167px;
	height: 2px;
}
#sidebar-links{
	width:184px;
}
#sidebar-links ul{
	padding:0;
	list-style:none;
	margin:0;
}
#sidebar-links ul a:link, #sidebar-links ul a:visited {
	font: 11px normal Arial, Helvetica, sans-serif;
	line-height: 23px; 
	text-decoration: none; 
	white-space: nowrap;
	color:#433f3c;
	padding-left: 31px;
}
#sidebar-links ul a:hover {
	line-height: 23px; 
	text-decoration: none; 
	white-space: nowrap;
	color:#ff5400;
	padding-left: 31px;
	background: url(images/side-menu-s-on.gif) no-repeat left;
}
/** end of sidebar menu**/
#searchresult-container {
	width: 150px;
	padding: 30px 161px 0px 161px;
}
#searchform {
	background: #ffffff;
	width: 170px;
	padding: 4px 0px 10px 31px;
}
#searchform #s {
	border:1px solid #798487;
	width: 114px;
	height: 18px;
	padding: 2px 14px 2px 4px;
	background: #ffffff;
	vertical-align: middle;
}
#searchform #searchsubmit {
	background: url('images/search-btn-bg.gif') no-repeat;
	border: none;
	width: 18px;
	height: 18px;
	vertical-align: middle;
}
#searchform label {
	font: 11px Arial, Helvetica, sans-serif;
	color: #433f3c;
}
/**search form ends**/
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/**end comment elements**/
/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */
#form-container {
	width: 236px;
	padding: 10px 131px 0px 131px;
}
#s {
	margin: 0px 0px 2px 0px;
	vertical-align: middle;
}
/* End form */
.content-container {
min-height:500px;
border-top:#798487 solid 1px;
border-left:#798487 solid 1px;
border-right:#798487 solid 1px;
padding:3px 15px 3px 15px;
}
.bottomborder {
background:#FFFFFF;
height:6px;
float:inherit;

}
.leftcorner {
background:url(images/content-left-corner.gif);
height:6px;
width:6px;
float:left;

}
.middle {
background:url(images/content-bottom.gif) repeat-x;
height:6px;
width:510px;
float:left;
z-index:1;
}
.rightcorner {
background:url(images/content-right-corner.gif);
height:6px;
width:6px;
float:right;
z-index:99;
}
.postmetadata {
	clear: both;
}
/**content container styling ends**/

#footer { 
width:520px;
float:right;
color: #c6c6c6; 
font-size: 11px; 
font-family: arial, sans-serif; 
line-height: 140%; 
text-align: right; 
white-space: normal; 
padding: 10px 
}
/**footer ends**/