/* Start of CMSMS style sheet 'kd-global-white' */
@import url("scripts/reset.css");
@import url("scripts/png_fix.css");
/*
------------------------------------------------------------------------------------------------------
GLOBAL
------------------------------------------------------------------------------------------------------
*/
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff url(images/bg-big9.jpg) fixed no-repeat left center;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
	font-size: 13px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 15px;
	letter-spacing: 0pt;
	word-spacing: 0.1pt;
}
a:link,
a:visited,
a:active {
	color:#ec008c;
	text-decoration:none;
}
a:hover {
	color:#32c8d7;
	text-decoration:none;
}
a img {
	border:none;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.clearboth {
	clear:both;
	font-size: 0px;
	margin: 0;
	padding: 0;
	line-height: 0px;
	height: 0px;
	width: 0px;
}
form {
	margin:0;
	padding:0;
}
fieldset {
	border:none;
	padding:0;
	margin:0;
}
p {
	margin: 0 0 10px 0;
	letter-spacing: 0;
	line-height: 19px;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
	color:#999;
}
h1.title {
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
	font-size:16px;
	font-weight:100;
	color:#000;
	margin: 0;
	padding: 0;
}
/* Button */
h2.button a:link,
h2.button a:active,
h2.button a:visited {
	display: block;
	width: 156px;
	height: 23px;
	padding: 8px 0 2px 0;
	margin: 10px 0 0 0;
	text-align: center;
	background: url(images/h2-button.png) no-repeat 0 0;
	font-size: 13px;
	line-height: 13px;
	color: #fff;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
	font-weight: normal;
}
h2.button a:hover {
	background: url(images/h2-button.png) no-repeat 0 -33px;
}
.header-spacer {
	height:0px;
	width:950px;
	margin:0 auto 0 auto;
}
.spacer {
	background:url(images/dotted-line-blue-vertical.gif) repeat-y;
	width:1px;
	height:300px;
	margin:0 20px 0 20px;
	float:left;
	font-size:0;
	display:none;
}
.hr {
	background:url(images/dotted-line-blue-horizontal.gif) repeat-x;
	margin:10px 0 0 0;
	padding: 0;
	height:1px;
	font-size:0;
}
.hr-grey {
	background:url(images/dotted-line-grey-horizontal.gif) repeat-x;
	margin:0;
	padding:0;
	height:1px;
	font-size:0;
}
/* Logo */
.logobar {
	width: 950px;
	height: 85px;
	margin: 0 auto 20px auto;
	background: url(images/logobar-black2.png) 0 0;
	display: none;
}
/*////////// Outer page rounded corners ///////*/
.corners { 				width:950px;	height: 10px; margin:0 auto 0 auto;	padding:0;}
.corners .ltop { 		float:left; 	background: url(images/corner-white-tl.png) no-repeat 0 0; width: 10px; height: 10px; font-size: 0;}
.corners .rtop { 		float:right; 	background: url(images/corner-white-tr.png) no-repeat 0 0; width: 10px; height: 10px; font-size: 0;}
.corners .lbottom { 	float:left; 	background: url(images/corner-white-bl.png) no-repeat 0 0; width: 10px; height: 10px; font-size: 0;}
.corners .rbottom { 	float:right; 	background: url(images/corner-white-br.png) no-repeat 0 0; width: 10px; height: 10px; font-size: 0;}
.corners .m { 							background-color:#fff; float:left; width:930px; height:10px; font-size: 0;}

/*//////// Shades /////////*/

/* Shades */
.corners .shade-tl { position: absolute; z-index: -1; background: url(images/shade-white-tl.png) no-repeat 0 0; width: 162px; height: 79px;}
.corners .shade-tr { position: absolute; z-index: -1; background: url(images/shade-white-tr.png) no-repeat 0 0; width: 162px; height: 79px;}
.corners .shade-bl { position: absolute; z-index: -1; background: url(images/shade-white-bl.png) no-repeat 0 0; width: 162px; height: 79px;}
.corners .shade-br { position: absolute; z-index: -1; background: url(images/shade-white-br.png) no-repeat 0 0; width: 162px; height: 79px;}


/* Shades for FF & Safari on WIN & OSX */
.gecko .corners .shade-tl,
.safari .corners .shade-tl { margin: -7px 0 0 -6px;}
.gecko .corners .shade-tr,
.safari .corners .shade-tr { margin: -7px 0 0 794px;}
.gecko .corners .shade-bl,
.safari .corners .shade-bl { margin: -62px 0 0 -6px;}
.gecko .corners .shade-br,
.safari .corners .shade-br { margin: -62px 0 0 794px;}

/* Shades for IE 6 & 7 on WIN */
.win.ie7 .corners .shade-tl,
.win.ie6 .corners .shade-tl { margin: -7px 0 0 -946px;}
.win.ie7 .corners .shade-tr,
.win.ie6 .corners .shade-tr { margin: -7px 0 0 -146px;}
.win.ie7 .corners .shade-bl,
.win.ie6 .corners .shade-bl { margin: -62px 0 0 -946px;}
.win.ie7 .corners .shade-br,
.win.ie6 .corners .shade-br { margin: -62px 0 0 -146px;}

/* Shades for IE 8 on WIN */
.win.ie8 .corners .shade-tl { margin: -7px 0 0 -6px;}
.win.ie8 .corners .shade-tr { margin: -7px 0 0 794px;}
.win.ie8 .corners .shade-bl { margin: -62px 0 0 -6px;}
.win.ie8 .corners .shade-br { margin: -62px 0 0 794px;}

/* Menu */
#menu {
	width:950px;
	height:33px;
	margin:0 auto 0 auto;
}
#menu ul {
	margin:0 0 0 4px;
	padding:0;
	list-style:none;
}
#menu ul li {
	float: left;
	margin: 0 0 0 -12px;
	padding: 0;
	font-family: Tahoma, sans-serif;
	height: 33px;
}
#menu ul li.clientlogin {
	float: right;
	margin: 0;
}
#menu h3 {
	font-weight: 100;
	font-size: 13px;
	line-height: 20px;
	margin: 0;
	display: block;
}
#menu h3 a:link,
#menu h3 a:active,
#menu h3 a:visited {
	color: #717171;
	display: block;
	height: 33px;
	float: left;
	padding: 0 0 0 13px;
	background: url(images/menu_item.png) no-repeat 0 0;
}
#menu h3 a.currentpage,
#menu h3 a.activeparent
#menu h3 a.sectionheader {
	color: #000;
}
#menu h3 span {
	display: block;
	height: 33px;
	width: 13px;
	float: left;
	background: url(images/menu_item.png) no-repeat right 0;
}
#menu h3 a:hover {
	color: #000;
	background-color: transparent;
}
#menu h3 a span {
	color: #000;
}
#menu h3 a span:hover {
	color: #000;
	background-color: transparent;
}
.hr-header {
	height:1px;
	margin:10px auto 0 auto;
	width:950px;
}
/* CrumbSearch Box*/
.crumbsearchbox {
	width: 950px;
	margin: 10px auto 25px auto;
	display: none;
}
.win.ie6 .crumbsearchbox {
	margin: 0 auto 25px auto;
}
/* Search Box */
#searchbox {
	width:230px;
	height:20px;
	padding:0;
	float: right;
	overflow: hidden;
}
#searchbox span {
	float:right;
	display:block;
	height:11px;
	font-size:9px;
	line-height:9px;
	margin:4px 10px 4px 4px;
	padding:0;
	color:#333;
}
#searchbox span a {
	color:#555;
}
#searchbox span a:hover {
	color:#fff;
}
#searchbox .searchcapleft {
	float:right;
	height: 19px;
	width: 19px;
	background: url(images/search-left.png) no-repeat 0 0;
}
#searchbox .searchcapright {
	float:right;
	height: 19px;
	width: 10px;
	background: url(images/search-right.png) no-repeat 0 0;
}
#searchbox input {
	margin:0;
	float:right;
	width:150px;
	height:16px;
	font-size:10px;
	font-family:Verdana, sans-serif;
	line-height:13px;
	font-style:italic;
	letter-spacing:0.03em;
	padding:3px 0 0 2px;
	border:none;
	background:url(images/search-middle.gif) repeat-x;
	color:#777;
}
.win.ie8 #searchbox input {
	

}
.searchresultsmsg {
	margin:20px;
	padding:10px;
	background-color:#222;
	border-top:1px solid #32c8d7;
	border-bottom:1px solid #32c8d7;
	text-align:center;
	clear:both;
}
.searchresultsmsg strong {
	color:#fff;
}
.searchresults {
	margin:10px 20px 0 20px;
	padding:10px;
	background-color:#222;
	clear:both;
}

/* Crumbtrail */
#crumbtrail {
	width:650px;
	height: 20px;
	padding:0;
	overflow: hidden;
	white-space: nowrap;
	float: left;
}
#crumbtrail h3 {
	color:#000;
	font-size:12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#crumbtrail h3 a:link,
#crumbtrail h3 a:active,
#crumbtrail h3 a:visited {
	color:#000;
}
#crumbtrail h3 a:hover {
	color:#ff0096;
}
/*
------------------------------------------------------------------------------------------------------
Content PAGE styling
------------------------------------------------------------------------------------------------------
*/
#content {
	width:910px;
	margin:0 auto 0 auto;
	padding:10px 20px 0 20px;
	background-color:#fff;
}
#pagecontent {
	padding: 0;
}
/* Paragraph */
#pagecontent p {
	font-size: 15px;
	line-height: 20px;
	color: #333;
}
/* Headers */
#pagecontent h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#000;
	padding: 5px 0 5px 0;
	margin: 0;
	line-height: normal;
}
#pagecontent h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#000;
	padding: 5px 0 0 0;
	line-height: normal;
}
#pagecontent h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#000;
	padding: 5px 0 5px 0;
	line-height: normal;
}
#pagecontent h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#000;
	padding: 5px 0 5px 0;
	line-height: normal;
}
#pagecontent h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#000;
	padding: 5px 0 5px 0;
	line-height: normal;
}
#pagecontent h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	/*font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;*/
	font-size:14px;
	color:#000;
	padding: 5px 0 5px 0;
	line-height: normal;
}
/* BlockQuote */
#pagecontent blockquote {
	padding: 10px 0 20px 0;
}
#pagecontent blockquote p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	color:#999;
	padding: 0 0 15px 0;
	margin: 0;
	line-height: 33px;
	text-align: right;
	background: url(images/dotted-line-grey-horizontal.gif) repeat-x 0 100%;
}
#pagecontent blockquote p strong {
	color:#000;
}
#pagecontent blockquote p .bron {
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
	font-size:10px;
	color:#999;
	display: block;
	padding: 10px  0 0 0;
	line-height: normal;
}
/* Lists */
#pagecontent ul {
	margin:15px 0 15px 0;
	padding:0;
}
#pagecontent ul li {
	margin:0 0 5px 20px;
	padding:0 0 0 25px;
	list-style-type:none;
	line-height:15px;
	text-align:left;
	background:url(images/bullet-pink.png) no-repeat 0 0;
}
#pagecontent ul li strong {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
}
/* Read more links */
.readmore {
	font-size:9px;
	display:block;
	text-align:right;
	margin:0;
	padding:0;
}
.readmore a:link,
.readmore a:active,
.readmore a:visited {
	color:#000;
	padding:2px;
}
.readmore a:hover {
	color:#32c8d7;
}
/* Forms */
.form ul {
	margin:0 0 0 5px;
	padding:3px 0 0 0;
}
.form label {
	width:150px;
	display:block;
	margin:0 0 10px 0;
}
.form ul li {
	margin:0;
	padding:10px;
	list-style-type:none;
	vertical-align:middle;
}
.form ul li input {
	margin:0;
	padding:5px;
	background-color:#3a3a3a;
	border:1px solid #777;
	width:330px;
	color:#fff;
	font:21px verdana;
}
.form ul li .input:hover {
	background-color:#000;
}
.form ul li textarea {
	margin:0 0 0 0;
	padding:5px;
	background-color:#3a3a3a;
	border:1px solid #777;
	width:330px;
	height:250px;
	color:#fff;
	font:21px verdana;
	list-style-type:none;
	overflow:auto;
}
.form ul li.button {
	text-align:center;
}
/*
------------------------------------------------------------------------------------------------------
HOME PAGE
------------------------------------------------------------------------------------------------------
*/
#homeimg-wrapper {
	width:910px;
	height:330px;
	margin:0 0 10px 0;
	font-size:11px;
	background: url(images/loading_white.gif) no-repeat 50% 50%;
}
#homeimg-wrapper .btn-left {
	float:left;
	margin-left:-25px;
	margin-top:-190px;
	position:relative;
}
#homeimg-wrapper .btn-right {
	float:right;
	margin-right:-25px;
	margin-top:-190px;
	position:relative;
}
/* Home page portfolio button */
.homepageportbtn {
	width: 245px;
	height: 53px;
	position: relative;
	z-index: 20;
	left: 332px;
	bottom: 75px;
	overflow: hidden;
}
.homepageportbtn a:active,
.homepageportbtn a:link,
.homepageportbtn a:visited {
	display: block;
	width: 245px;
	height: 53px;
	text-indent: -400px;
	background: url(images/home_page_portf_btn.png) no-repeat 0 -53px;
}
.homepageportbtn a:hover {
	background: url(images/home_page_portf_btn.png) no-repeat 0 0;
}
/* main image corners */
#homeimg-wrapper .corner-tl {
	width: 7px;
	height: 7px;
	background: url(images/home-img-corner-white-tl.png) no-repeat 0 0;
	position: absolute;
	margin: 0 0 0 0;
	position: absolute;
	z-index: 10;
}
#homeimg-wrapper .corner-tr {
	width: 7px;
	height: 7px;
	background: url(images/home-img-corner-white-tr.png) no-repeat 0 0;
	position: absolute;
	margin: 0 0 0 903px;
	position: absolute;
	z-index: 10;
}
#homeimg-wrapper .corner-bl {
	width: 7px;
	height: 7px;
	background: url(images/home-img-corner-white-bl.png) no-repeat 0 0;
	position: absolute;
	margin: 323px 0 0 0;
	position: absolute;
	z-index: 10;
}
#homeimg-wrapper .corner-br {
	width: 7px;
	height: 7px;
	background: url(images/home-img-corner-white-br.png) no-repeat 0 0;
	position: absolute;
	margin: 323px 0 0 903px;
	position: absolute;
	z-index: 10;
}
/* Main columns in content area */
#home-col1 {
	width:501px;
	float:left;
}
#home-col2 {
	width:368px;
	float:right;
}
/* Welcome */
#welcome {
	margin:0 0 0 0;
	color:#444;
	font-size:13px;
}
#welcome p {
	margin: 10px 0;
	line-height: 18px;
}
#welcome h2 a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#000;
	padding: 0 0 0 0;
	line-height: normal;
}
/* What we do accordion */
#whatwedo {
	margin:0 0 10px 0;
}
#whatwedo #accordion {
	margin:20px 0 20px 0;
}
#whatwedo h2 {
	margin:0;
	padding:0;
	color:#000;
	font-size:16px;
	font-weight:100;
	display:block;
}
#whatwedo h2:hover {
	background-color:#333;
}
#whatwedo h2 a:link,
#whatwedo h2 a:active,
#whatwedo h2 a:visited {
	color:#000;
	display:block;
	background:url(images/check-pink.gif) no-repeat 40px 50%;
	padding:7px 5px 7px 70px;
	margin:0;
}
#whatwedo h2 a:hover {
	color:#ec008c;
	display:block;
	background-color:#141414;
}
#whatwedo p {
	padding:10px 30px 0 30px;
	margin:0;
}
#whatwedo p strong,
#whatwedo p b {
	color:#000;
	font-weight: bold;
}

/* Article / Latest News / Latest Blog Headlines*/
#interestingarticles,
#latestnews,
#latestblogheadlines {
	padding:0;
	margin:0 0 10px 0;
}
.article-block strong,
.latestnews-block strong,
.latestblogheadlines-block strong {
	color: #000;
}
.latestnews-block {
	overflow: hidden;
}
.article-block,
.latestnews-block,
.latestheadlines-block,
.latestblogheadlines-block {
	padding: 15px 0 0 0;
	margin:0;
	color:#444;
}
.latestheadlines-block {
	padding: 5px 0 0 0;
	margin:0;
	color:#444;
}
.win.ie6 .latestheadlines-block {
	padding: 3px 0 0 0;
}
.article-block:hover,
.latestnews-block:hover,
.latestheadlines-block:hover,
.latestblogheadlines-block:hover {
	background-color: transparent;
}
.article-block p,
.latestnews-block p,
.latestblogheadlines-block p {
	margin:0;
	color: #444;
}
.article-block h5,
.latestnews-block h5,
.latestheadlines-block h5,
.latestblogheadlines-block h5 {
	margin:0 0 5px 0;
	padding:0;
	color: #000;
	font-size:10px;
	font-weight:100;
}
.article-block h5 a:link,
.article-block h5 a:active,
.article-block h5 a:visited,
.latestnews-block h5 a:link,
.latestnews-block h5 a:active,
.latestnews-block h5 a:visited,
.latestheadlines-block h5 a:link,
.latestheadlines-block h5 a:active,
.latestheadlines-block h5 a:visited,
.latestblogheadlines-block h5 a:link,
.latestblogheadlines-block h5 a:active,
.latestblogheadlines-block h5 a:visited {
	margin:0;
	padding:3px;
	color:#000;
	font-weight:bold;
	background-color: #eee;
}
.article-block h5 a:hover,
.latestnews-block h5 a:hover,
.latestheadlines-block h5 a:hover,
.latestblogheadlines-block h5 a:hover {
	margin:0;
	padding:3px;
	color:#fff;
	font-weight:bold;
	background-color: black;
}
.article-block h5 .date,
.latestnews-block h5 .date,
.latestblogheadlines-block h5 .date {
	margin:0 0 0 20px;
	padding:0;
	color:#6a6a6a;
	font-size:9px;
}
.latestnews-block h5 .new {
	margin:0 0 0 5px;
	color:#ec008c;
	font-weight:bold;
}
#pagecontent .full-news-content {
	margin: 10px 0;
	padding: 10px;
	background-color: #eee;
	border-bottom: 1px solid #999;
}
.article-block img,
.latestnews-block img,
.latestblogheadlines-block img,
.full-news-content img {
	border:5px solid #eee;
	padding:0px;
	width:50px;
	height:50px;
	margin:0 5px 0 0;
	float: left;
}
.summary {
	margin:20px;
	padding:10px;
	background-color:#222;
	text-align:left;
	clear:both;
}
.summary p {
	margin:0;
	padding:0;
}
.block-noborder {
	margin:20px;
	padding:10px;
	background-color:#222;
	text-align:left;
	clear:both;
}
.block-noborder p {
	margin:0 0 10px 0;
}
.block-noborder img {
	border:1px solid #3a3a3a;
	padding:2px;
	width:100px;
	height:100px;
}
.imgleft {
	margin:0 5px 0 0;
}
.imgright {
	margin:0 0 0 5px;
}
/* Feed icon on bottom of article blocks */
#interestingarticles .feed,
#latestnews .feed,
#latestblogheadlines .feed {
	padding:0;
	margin:5px 0 0 0;
	font-size:9px;
}
#interestingarticles .feed a:active,
#interestingarticles .feed a:link,
#interestingarticles .feed a:visited,
#latestnews .feed a:active,
#latestnews .feed a:link,
#latestnews .feed a:visited,
#latestblogheadlines .feed a:active,
#latestblogheadlines .feed a:link,
#latestblogheadlines .feed a:visited {
	color:#3a3a3a;
}
#interestingarticles .feed a:hover,
#latestnews .feed a:hover,
#latestblogheadlines .feed a:hover {
	color:#000;
	font-weight: bold;
}
#interestingarticles .feed .hr-grey,
#latestnews .feed .hr-grey,
#latestblogheadlines .feed .hr-grey {
	margin:5px 0 0 0;
}
#interestingarticles .feed img,
#latestnews .feed img,
#latestblogheadlines .feed img {
	margin:0 0 -2px 0;
}
/* Carousel */
#carousel-wrapper {
	height:110px;
	width:368px;
	display:block;
	overflow:hidden;
	position:relative;
}
#carousel-wrapper #carousel {
	width:10000px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}
#carousel-wrapper #carousel .latestnews-block {
	height:110px;
	width:368px;
	float:left;
}
#carousel-next-btn,
#carousel-previous-btn {
	display: block;
	width: auto;
	float: left;
	font-size: 9px;
	margin: 0 10px 0 0;
	cursor: pointer;
}
/*
------------------------------------------------------------------------------------------------------
CLIENT PAGE
------------------------------------------------------------------------------------------------------
*/
/* Client sortables list */
#clientlist {
	margin:10px 0 10px 0;
	color:#000;
}
#clientlist ul {
	margin:0;
	padding:0;
}
#clientlist ul li {
	margin:0 0 2px 0;
	padding:6px 0 6px 20px;
	list-style-type:none;
	background:url(images/bullet-pink.png) no-repeat 0 50%;
}
#clientlist ul li:hover {
	background-color:#eee;
}
/*
------------------------------------------------------------------------------------------------------
PORTFOLIO OVERVIEW PAGE
------------------------------------------------------------------------------------------------------
*/
/* Portfolio Columns */
#portfolio-col1 {
	width:268px;
	float:left;
}
#portfolio-col2 {
	width:561px;
	float:right;
	background-color:#191919;
	padding:10px 20px 10px 20px;
}
/* Portfolio image */
#portfolioimg-wrapper {
	width:910px;
	height:537px;
	margin:0 0 30px 0;
	font-size:11px;
	background: url(images/loading_white.gif) no-repeat 50% 50%;
}
#portfolioimg-wrapper .btn-left {
	float:left;
	margin-left:-20px;
	margin-top:-300px;
	position:relative;
}
#portfolioimg-wrapper .btn-right {
	float:right;
	margin-right:-20px;
	margin-top:-300px;
	position:relative;
}
/* Rounded corner right column */
.column-corner {
	background-color:#191919;
	height:11px;
	width: 601px;
	float:right;
}
.win.ie6 .column-corner {
	width:606px;
	font-size: 1px;
}
.column-corner .tl{
	float:left;
	width: 12px;
	height: 11px;
	background: url(images/portfolio-col2-tl-white.gif) no-repeat 0 0;
}
.column-corner .tr{
	float:right;
	width: 12px;
	height: 11px;
	background: url(images/portfolio-col2-tr-white.gif) no-repeat 0 0;
}
.column-corner .bl{
	float:left;
	width: 12px;
	height: 11px;
	background: url(images/portfolio-col2-bl-white.gif) no-repeat 0 0;
}
.column-corner .br{
	float:right;
	width: 12px;
	height: 11px;
	background: url(images/portfolio-col2-br-white.gif) no-repeat 0 0;
}
/* Portfolio text */
#portfolio {
	margin:0 0 10px 0;
	color:#000;
}
#portfolio p {
	margin: 10px 0;
}
#portfolio-col2 h1 {
	color: #fff;
	font-weight: normal;
}
#portfolio-col2 .hr-grey {
	margin: 5px 0 5px 0;
}
/* Portfolio logo's */
#portfoliologos {
	margin:0;
	padding:0;
}
#portfoliologos ul {
}
#portfoliologos ul li {
	margin:0 8px 8px 0;
	list-style-type:none;
	float:left;
	font-size:0;
	height: 85px;
	width: 85px;
	overflow: hidden;
}
#portfoliologos ul li a {
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	border:none;
	text-decoration:none;
}
#portfoliologos ul li a img {
	width:75px;
	height:75px;
	margin: 0;
	padding: 0px;
	background: none;
	border:5px solid #333;
}
#portfoliologos ul li a img:hover {
	border:5px solid #fff;
}
#portfoliologos ul li a img.portfoliologos-new {
	position:absolute;
	margin:0 0 0 -57px;
	height:53px;
	width:53px;
}
/*
------------------------------------------------------------------------------------------------------
PORTFOLIO DETAIL PAGE
------------------------------------------------------------------------------------------------------
*/
/* Portfolio Detail image*/
.portfoliodetailimg-wrapper {
	width:910px;
	height:406px;
	margin:0 0 0 0;
	background: url(images/loading_white.gif) no-repeat 50% 50%;
}
.portfoliodetailimg-wrapper .corner-tl {
	width: 7px;
	height: 7px;
	background: url(images/home-img-corner-white-tl.png) no-repeat 0 0;
	position: absolute;
	z-index: 10;
	margin: 0 0 0 0;
}
.portfoliodetailimg-wrapper .corner-tr {
	width: 7px;
	height: 7px;
	background: url(images/home-img-corner-white-tr.png) no-repeat 0 0;
	position: absolute;
	z-index: 10;
	margin: 0 0 0 903px;
}
.portfoliodetailimg-wrapper .corner-bl {
	width: 7px;
	height: 7px;
	background: url(images/home-img-corner-white-bl.png) no-repeat 0 0;
	position: absolute;
	z-index: 10;
	margin: 351px 0 0 0;
}
.portfoliodetailimg-wrapper .corner-br {
	width: 7px;
	height: 7px;
	background: url(images/home-img-corner-white-br.png) no-repeat 0 0;
	position: absolute;
	z-index: 10;
	margin: 351px 0 0 903px;
}
/*
------------------------------------------------------------------------------------------------------
ABOUT US (CONTENT) PAGE
------------------------------------------------------------------------------------------------------
*/
#aboutus-col1 {
	width:268px;
	float:left;
}
#aboutus-col2 {
	width:601px;
	float:right;
}
#contentimg-wrapper {
	width:601px;
	padding: 0;
	height:363px;
	margin:0 0 10px 0;
	font-size:11px;
	background: url(images/loading_white.gif) no-repeat 50% 50%;
}
/*
------------------------------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------------------------------
*/
#footer-cross-sell {
	display:block;
}
#footer-cross-sell .footer .dottedline {
	float:left;
	width:1px;
	height:40px;
	margin:0 3px 0 0;
	padding:0;
	background: url(images/dotted-line-grey-vertical.gif) repeat-y 0 0;
}
#footer {
}
.footer-top-spacer {
	height:20px;
	width:950px;
	margin:0 auto 0 auto;
}
.footer {
	width:910px;
	margin:0 auto 0 auto;
	padding:10px 20px 10px 20px;
	background-color:#fff;
	font-size:11px;
	color: #333;
}
.footer h4 {
	margin:0;
	padding:0;
	color:#000;
	font-size:14px;
	font-weight:100;
}
.footer ul {
	margin:10px 0 10px 0;
	padding:0;
}
.footer ul li {
	margin:0 0 3px 0;
	padding:0;
	list-style-type:none;
}
.footer p {
	margin: 10px 0 0 0;
}
.footer a:link,
.footer a:visited,
.footer a:active {
	color:#000;
}
.footer a:hover {
	color:#32c8d7;
}
.footer .col1 {
	width:218px;
	float:left;
	padding:0 5px 0 0;
}
.footer .col2 {
	width:216px;
	float:left;
	padding:0 5px 0 5px;
}
.footer .col3 {
	width:216px;
	float:left;
	padding:0 5px 0 5px;
}
.footer .col4 {
	width:218px;
	float:left;
	padding:0 0 0 5px;
}
.footer .dottedline {
	float:left;
	width:1px;
	height:200px;
	margin:0 3px 0 0;
	padding:0;
	background: url(images/dotted-line-grey-vertical.gif) repeat-y 0 0;
}
#copyright {
	width:910px;
	margin:20px auto 30px auto;
	padding:0;
	font-size:10px;
	text-align:center;
	color:#a0a0a0;
}
#copyright p {
	margin:0;
	padding:0;
}
#copyright a {
	color:#a0a0a0;
	text-decoration:underline;
}
#copyright a:hover {
	color:#32c8d7;
	text-decoration:none;
}
/*
------------------------------------------------------------------------------------------------------
NAVIGATION FOR CONTENT PAGES
------------------------------------------------------------------------------------------------------
*/
.navigation {
	margin:0 0 15px 0;
	font-size:11px;
}
.navigation ul {
	margin:0;
	padding:0;
}
.navigation ul ul {
	margin:0 0 0 0;
	padding:0;
}
.navigation ul ul ul {
	margin:0 0 0 0;
	padding:0;
}
.navigation ul li {
	margin:0 0 0 0;
	list-style-type:none;
}
.navigation ul li a:link,
.navigation ul li a:active,
.navigation ul li a:visited {
	display:block;
	padding:6px 0 6px 20px;
	color:#000;
	border-bottom:1px solid #eee;
	background-color:#fff;
	font-size: 12px;
}
.navigation ul li a:hover {
	color:#000;
	background-color:#eee;
}
.navigation ul ul li a:link,
.navigation ul ul li a:active,
.navigation ul ul li a:visited {
	display:block;
	padding:6px 0 6px 35px;
	color:#000;
	font-size:90%;
	border-bottom:1px solid #eee;
	background: #fff url(images/navigation-bullet-white.gif) no-repeat 20px 7px;
}
.navigation ul ul li a:hover {
	color:#000;
	background-color:#eee;
}
.navigation ul ul ul li a:link,
.navigation ul ul ul li a:active,
.navigation ul ul ul li a:visited {
	display:block;
	padding:6px 0 6px 50px;
	color:#000;
	font-size:80%;
	border-bottom:1px solid #eee;
	background: #fff url(images/navigation-bullet-white.gif) no-repeat 35px 7px;
}
.navigation ul ul ul li a:hover {
	color:#000;
	background-color:#eee;
}
.navigation li a.currentpage:link,
.navigation li a.currentpage:active,
.navigation li a.currentpage:visited {
	color:#ec008c;
	font-weight: bold;
	background-color: #fff;
}
/*
------------------------------------------------------------------------------------------------------
MISC
------------------------------------------------------------------------------------------------------
*/
/* Ribbon */
.ribbon {
	position:absolute;
	right:0px;
	top:0px;
	margin:0px;
	padding:0px;
	display: none;
}
.ribbon img {
	border:none;
}
.ribbon a:hover {
	background-color:transparent;
}

/* Sitemap */
#pagecontent div.sitemap ul {
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left;
	background: none;	
}
#pagecontent div.sitemap ul li {
	margin:1px 0 1px 0;
	background: transparent;
	list-style: none;
	list-style-type: none;
}
.win.ie6 #pagecontent div.sitemap ul li {
	margin: 1px 0 -15px 0;
}
#pagecontent div.sitemap ul li ul li {
	margin:1px 0 1px 0px;
}
#pagecontent div.sitemap ul li ul li ul li {
	margin:1px 0 1px 0px;
}
#pagecontent div.sitemap ul li ul li ul li ul li {
	margin:1px 0 1px 0px;
}
#pagecontent div.sitemap a:link,
#pagecontent div.sitemap a:active,
#pagecontent div.sitemap a:visited {
	color:#000;
	padding:4px;
	text-align:left;
	display: block;
}

#pagecontent div.sitemap ul li a {
	background-color: #8e8a89;
}
#pagecontent div.sitemap ul li ul li a {
	font-size: 80%;
	background-color: #c2bebd;
}
#pagecontent div.sitemap ul li ul li ul li a {
	font-size: 60%;
	background-color: #d1cfd0;
}



#pagecontent div.sitemap a:hover {
	color:#000;
	background-color:#fff;
}

/* Google Maps border */
.googlemaps {
	border:solid 10px #000;
	height:400px;
	margin: 0 0 10px 0;
}
/* Black border for images */
.blackborder {
	border:solid 10px #000;
}
/* Style Switcher */
#menu #styleswitcher {
	font-size: 9px;
	float: right;
	color: #666;
	line-height: 8px;
	margin: 5px 0 0 0; display: none;
}
#menu #styleswitcher li {
	float: left;
	display: block;
	height: 7px;
	margin: 0 0 0 5px;
}
#menu #styleswitcher li a.white {
	overflow: hidden;
	display: block;
	width: 7px;
	height: 7px;
	background-color: #fff;
	border: 1px solid #000;
}
#menu #styleswitcher li a.black {
	overflow: hidden;
	display: block;
	width: 7px;
	height: 7px;
	background-color: #000;
	border: 1px solid #000;
}
/*
------------------------------------------------------------------------------------------------------
FORMS
------------------------------------------------------------------------------------------------------
*/
/* Contact form */
.form-contact {}
.form-contact tr td {
	padding: 0 0 10px 0;
	text-align: left;
	vertical-align: top;
}
.form-contact input,
.form-contact textarea {
	font-size: 22px;
	color: #000;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
	border-top: 8px solid #eee;
	border-left: 8px solid #eee;
	border-right: 8px solid #ddd;
	border-bottom: 8px solid #ddd;
	width: 400px;
	margin: 0 0 0 20px;
	background-color: #fff;
}
.form-contact textarea { height: 130px; overflow-y: auto; font-size: 18px;}
.mac.webkit .form-contact textarea { width: 402px;}

.form-contact input.fbsubmit {
	display: block;
	width: 156px;
	height: 33px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	background: url(images/h2-button.png) no-repeat 0 0;
	font-size: 13px;
	line-height: 13px;
	color: #fff;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
	border: 0;
	float: right;
	cursor: pointer;
}
.win.ie8 .form-contact input.fbsubmit {
	padding: 8px 0 2px 0;
}
.form-contact input.fbsubmit:hover {
	background: url(images/h2-button.png) no-repeat 0 -33px;
}
.form-contact .error input,
.form-contact .error textarea {
	border-left: 8px solid #c3476b;
}


/*
------------------------------------------------------------------------------------------------------
HOME PAGE - LATEST NEWS -
------------------------------------------------------------------------------------------------------
*/

#scrollableNews {
	position:relative;
	overflow:hidden;	 	
	height:95px;
	width:368px;	
}
#scrollableNews #itemsNews {	
	width:20000em;	
	position:absolute;
	clear:both;
}
#scrollableNews #itemsNews div {
	float:left;
	height:195px;
	width:368px;
	overflow: hidden;
}
/* position and dimensions of the navigator */
#naviNews {
	margin: 0 auto;
	width: 85px;
	height:20px;
}
/* items inside navigator */
#naviNews a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background: url(images/navigator.png) 0 0 no-repeat;     
	cursor:pointer;
	display: block;
}
/* mouseover state */
#naviNews a:hover {
	background-position:0 -8px;      
}
/* active state (current page state) */
#naviNews a.active {
	background-position:0 -16px;     
} 













/*
------------------------------------------------------------------------------------------------------
PORTFOLIO DETAIL PAGE - SCROLLABLE
------------------------------------------------------------------------------------------------------
*/
#scrollablePortf {
	position:relative;
	overflow:hidden;	 	
	width:910px;
	height:406px;	
}
#scrollablePortf #scrollableItemsPortf {	
	width:20000em;	
	position:absolute;
	clear:both;
}
#scrollablePortf #scrollableItemsPortf div {
	float:left;
	text-align:center;
	width: 910px;
	height: 406px;
	overflow: hidden;
}
#scrollablePortf #scrollableItemsPortf div img {
	border: 10px solid black;
}



/* position and dimensions of the navigator */
#scrollableNaviPortf {
	margin: -35px auto 0 auto;
	width: 85px;
	height:20px;
}
/* items inside navigator */
#scrollableNaviPortf a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background: url(images/navigator.png) 0 0 no-repeat;     
	cursor:pointer;
	display: block;
}
/* mouseover state */
#scrollableNaviPortf a:hover {
	background-position:0 -8px;      
}
/* active state (current page state) */
#scrollableNaviPortf a.active {
	background-position:0 -16px;     
} 	



#scrollableButtonsPortf {
	width: 91px;
	height: 30px;
	position: absolute;
	z-index: 5;
	margin: -40px 0 0 820px;
}
a#prev{
	display: block;
	width: 45px;
	height: 30px;
	float: left;
	background: url(images/home_carousel_nav.png) no-repeat 0 -30px;
	cursor: pointer;
}
#scrollableButtonsPortf span {
	width: 1px;
	height: 30px;
	float: right;
	background: url(images/home_carousel_nav.png) no-repeat -5px -60px;
}
a#next {
	display: block;
	width: 45px;
	height: 30px;
	float: right;
	background: url(images/home_carousel_nav.png) no-repeat -45px -30px;
	cursor: pointer;
}
a:hover#next {
	background: url(images/home_carousel_nav.png) no-repeat -45px 0px;
}
a:hover#prev {
	background: url(images/home_carousel_nav.png) no-repeat 0 0px;
}
#scrollableButtonsPortf .disabled {
	visibility: visible;
}

/* End of 'kd-global-white' */