@charset "utf-8";

/*
* reset defaults
*/

html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,table,th,td{
	margin:0;
	padding:0;
	border:0;
	line-height:1.2;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	color:#5B5E60;
}

ul,ol{
	list-style:none;
}

/*
* standard tags
*/

body{
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
}

body#body{
	background:#5B5E60;
}

h2,h3,h4,h5,h6{
	color:#39b6c2;
    font-family:Verdana, Geneva, sans-serif;
	line-height:1.3;
}

h2{
	font-size:2.4em;
	padding-bottom:20px;
}

h3{
	font-size:1.6em;
	font-weight:bold;
	padding-bottom:16px;
	color:#eb008b;
}

h4{
	font-size:1.2em;
	padding-bottom:13px;
}

p,li{
	font-size:1.2em;
	padding-bottom:10px;
	line-height:1.3;
}

li p,
td p,
td li{
	font-size:1em;	
}

td{
	font-size:1.2em;
}

a,
a:link,
a:visited{
	color:#39b6c2;
	font-weight:normal;
	text-decoration:underline;
}

img{
	border:0;
}

strong{
	font-weight:bold;
}

em{
	font-style:italic;
	font-weight:normal;
}

/*
* misc
*/

.spinner {
	position: absolute;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 999;
	background: #000;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
}

.spinner-img {
	background: url(images/spinner.gif) no-repeat;
	width: 24px;
	height: 24px;
	margin: 0 auto;
}

.mask {
	position: absolute;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	z-index: 999;
	background: #000;
}


#outer{
	background:#FFF;	
}

div.clear{
	display:block;
	clear:both;
	float:none;
	height:1px;
	overflow:hidden;	
}

.pink{
	color:#eb008b;
}

.blue{
	color:#39b6c2;	
}

.grey{
	color:#5B5E60;
}

/*
* flash
*/

#steps{
	height:auto;
	margin-top:25px;
}

#steps li{
	background:none;	
	margin:0;
	padding:0;
}

#steps ul{
	margin:0;
	padding:0;
}

#steps a.movieController,
#steps a.movieController:link,
#steps a.movieController:visited{
	display:block;
	background:url(images/next-button.png) no-repeat;
	height:20px;
	width:59px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}

#steps a.replay,
#steps a.replay:link,
#steps a.replay:visited{
	display:block;
	background:url(images/replay-button.png) no-repeat;
	height:20px;
	width:59px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin-right:10px;
}

#steps a.playAll,
#steps a.playAll:link,
#steps a.playAll:visited{
	display:block;
	background:url(images/play-all-button.png) no-repeat;
	height:20px;
	width:59px;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin-right:10px;
}

#steps a.previous,
#steps a.previous:link,
#steps a.previous:visited{
	display:block;
	background:url(images/previous-button.png) no-repeat;
	height:20px;
	width:70px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin-right:10px;
}

#steps a.reset,
#steps a.reset:link,
#steps a.reset:visited{
	display:block;
	background:url(images/reset-button.png) no-repeat;
	height:20px;
	width:70px;
	text-indent:-9999px;
	overflow:hidden;
	float:none;
	margin-right:10px;
}

#steps li h3{
	font-size:1.6em;
	font-weight:normal;
}

/* breadcrumb */


/*
* animations
*/

#selector{
	margin-top:-12px;
	height:12px; 
	background:#eb008b; 
	position:absolute;
	background:url('images/selector.png') no-repeat; 
}

.selectorLeft{
	margin-left:0px;
	width:219px;
}

.selectorMid{
	margin-left:219px;
	width:239px;
}

.selectorRight{
	margin-left:455px;
	width:221px;
}

/*
* header
*/

#header{
	overflow:hidden;
	width:922px;
	margin:0 auto;
	padding:13px 0 10px 0;
}

/* logo */

#logo{
	float:left;
}

#logo h1 a,
#logo h1 a:link,
#logo h1 a:visited{
	display:block;
	text-indent:-9999px;
	background:url(images/kameleon-digital-logo.png) no-repeat;
	width:250px;
	height:45px;
}

/* search results */

#searchResults dt{
	font-size:1.3em;
	font-weight:bold;
	color:#eb008b;	
}

#searchResults dd a,
#searchResults dd a:link,
#searchResults dd a:visited{
	font-size:1.2em;	
}

#searchResults form{
	margin-bottom:20px;	
}

#searchResults label{
	font-size:1.2em;	
}

#searchResults select{
	border:1px solid #d1d4d1;	
	color:#555;
}

#resultsFound{
	float:left;	
	margin-top:6px;
}

.resultsNav p{
	float:left;
	margin-top:6px;
}

.resultsNav ul{
	float:left;	
}

.resultsNav{	
	float:right;
	height:12px;
}

.colB .resultsNav ul li{
	float:left;
	background:url(images/portfolio-thumb-small.png) no-repeat;
	padding:0;
	margin-right:5px;
}

.colB .resultsNav ul li.selected{
	background:url(images/portfolio-thumb.png) no-repeat;	
	margin-top:4px;
}

.colB .resultsNav ul li.selected a,
.colB .resultsNav ul li.selected a:link,
.colB .resultsNav ul li.selected a:visited{
	padding:3px 5px 4px 5px;
}

.colB .resultsNav ul li a,
.colB .resultsNav ul li a:link,
.colB .resultsNav ul li a:visited{
	padding:7px 4px 2px 8px;
	display:block;
	text-decoration:none;
	color:#fff;
	font-size:.8em;
}

/* contact details */

#contact{
	float:right;	
}

#contact p{
	color:#EB008B;	
}

#contact p span{
	color:#39B6C2;
}

#contact p.tel{
	font-size:18px;
	padding-top:13px;
}

#contact p.email{
	font-size:12px;
}

/*
* content columns
*/

#content{
	width:922px;
	margin:0 auto;
	padding:7px 0 80px 0;
	background:url(images/content-background.png) no-repeat left bottom;
}

.colA{
	float:left;
	width:180px;
	margin-right:20px;
}

.colB{
	float:left;
	width:509px;
}

.colC{
	float:right;
	width:200px;
}

/*
* search
*/

#search{
	float:right;

}

#search form,
#search fieldset{
	padding:0;
	margin:0;
}

#search input{
	padding:0;	
	float:left;
	margin-top:5px;	
}

#search input.searchSubmit{
	
}

#search input.searchInput{
	border:1px solid #23aebb;	
	width:134px;
	height:17px;
	margin-right:4px;
	padding:1px 2px;
}

/*
* topnav
*/

#topnav{
	background:#5B5E60;
	height:32px;
	overflow:hidden;
	margin-bottom:5px;
}

#topnavInner{
	width:922px;
	margin:0 auto;
}

#topnav ul{
	float:left;
}

#topnav li{
	float:left;
	border-right:1px solid #626567;
	font-size:1.1em;
}

#topnav li a,
#topnav li a:link,
#topnav li a:visited{
	display:block;
	height:100%;
	font-weight:bold;
	color:#FFF;
	padding:9px 11px 11px 11px;
	text-decoration:none;
	border-right:1px solid #696C6E;
	text-transform:uppercase;
}

/* selected/hover state */

#topnav li a.selected,
#topnav li a.selected:link,
#topnav li a.selected:visited{
	background:url(images/top-nav-background-highlighted.png) no-repeat;
}

#topnav li a:hover,
#topnav li.hover a,
#topnav li.hover a:link,
#topnav li.hover a:visited{
	background:#656769;
}

/* last item */

#topnav li.last{
	border:0;
}

#topnav li.last a,
#topnav li.last a:link,
#topnav li.last a:visited{
	border:0;
}

/**
* subnav
*/

#leftnav{
	width:180px;
	padding:0 0 6px 0;
	border: 2px solid #3BB7C3;
	margin-bottom: 60px;
}

#leftnav h2{
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	overflow:hidden;
	font-size:1.2em;
	padding:8px 15px 16px 15px;
	background:url(images/subnav-title-back.png) repeat-x left bottom #23AEBB;
}

#leftnav h2 a,
#leftnav h2 a:link,
#leftnav h2 a:visited{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

#leftnav h2 a:hover{
	text-decoration:underline;	
}

#leftnav li{
	padding:0;
	font-size:1.1em;
}

#leftnav li a,
#leftnav li a:link,
#leftnav li a:visited
{
	display:block;
	text-decoration:none;
	border-bottom:1px solid #eaedf0;
	border-top:1px solid #fafbfb;
	padding:5px 0 5px 25px;
	background:url(images/leftnav-a-background.png) no-repeat 10px 8px;
	color:#5B5E60;
}

#leftnav li.first a,
#leftnav li.first a:link,
#leftnav li.first a:visited{
	border-top:0;
}

#leftnav li.last a,
#leftnav li.last a:link,
#leftnav li.last a:visited{
	border-bottom:0;
}

#leftnav li.selected{
	background:url(images/bullet-blue.png) no-repeat 4px 9px;	
}

#leftnav li a.selected,
#leftnav li a.selected:link,
#leftnav li a.selected:visited,
#leftnav li a:hover{
	color:#00BCFE;
	background-image:url(images/leftnav-a-background-selected.png);
}

/* second level */

#leftnav ul ul{
	padding:5px 0 10px 17px;
	border-top:1px solid #fafbfb;
	border-bottom:1px solid #eaedf0;
}

#leftnav li li{
	padding:0;
	font-size:1em;
}

#leftnav li.selected li a,
#leftnav li.selected li a:link,
#leftnav li.selected li a:visited
{
	display:block;
	border:none;
	padding:3px 0 3px 25px;
	background:url(images/leftnav-a-background.png) no-repeat 10px 6px;
}

#leftnav li li.first a,
#leftnav li li.first a:link,
#leftnav li li.first a:visited{
	border-top:0;
}

#leftnav li li.last a,
#leftnav li li.last a:link,
#leftnav li li.last a:visited{
	border-bottom:0;
}

#leftnav li li.selected{
	background:url(images/bullet-blue.png) no-repeat 4px 9px;	
}

#leftnav li.selected li.selected a,
#leftnav li.selected li.selected a:link,
#leftnav li.selected li.selected a:visited,
#leftnav li.selected li a:hover{
	color:#00BCFE;
	background-image:url(images/leftnav-a-background-selected.png);
}

/**
* breadcrumb
*/

#breadcrumb{
	padding-bottom:10px;
	width:922px;
	margin:0 auto;
}

#breadcrumb ul{
	padding:0;
	margin-left:200px;
}

#breadcrumb li{
	float:left;
	padding:0 12px 0 5px;
	background:url(images/breadcrumb-div.png) no-repeat right 5px;
	font-size:1.1em;
}

#breadcrumb li.first{
	padding-left:0;	
}

#breadcrumb li.last{
	background:none;	
}

#breadcrumb li a,
#breadcrumb li a:link,
#breadcrumb li a:visited{
	color:#9ea2a5;
	text-decoration:none;
}

#breadcrumb li.last a,
#breadcrumb li.last a:link,
#breadcrumb li.last a:visited{
	color:#39b6c2;
}

#breadcrumb li.last a:hover{
	text-decoration:underline;
}

/*
* homepage styles
*/

.colAHome{
	width:220px;
	margin-right:20px;
}

.colAHome h2{
	font-size:2.6em;
	font-weight:normal;
	text-transform:uppercase;
}

.colAHome li ul{
	padding-top:15px;	
}

.colAHome li a,
.colAHome li a:link,
.colAHome li a:visited{
	display:block;
	background:url(images/bullet-arrow-blue.png) no-repeat 0 3px;
	color:#39b6c2;
	text-decoration:none;
	padding-left:15px;
}

.colAHome li a:hover{
	background-image:url(images/bullet-arrow-pink.png);
	color:#eb008b;
}

/* hero panel */

.colBHome{
	float:left;
	width:676px;
	overflow:hidden;
}

#heroPanel ul.items{
	overflow:hidden;
	height:332px;
	overflow:auto;
	border:2px solid #39b6c2;
	padding:0;
}

#prevButton{
	position:absolute;
	background:url('images/home-hero-panel-back-link.png') no-repeat;	
	width:32px;
	height:32px;
	z-index:99999999;
	margin-top:150px;
}

#prevButton a,
#prevButton a:link,
#prevButton a:visited{
	display:block;
	width:32px;
	height:32px;	
}

#nextButton a,
#nextButton a:link,
#nextButton a:visited{
	display:block;
	width:32px;
	height:32px;	
}

#nextButton{
	position:absolute;
	background:url('images/home-hero-panel-forward-link.png') no-repeat;
	width:32px;
	height:32px;
	margin:150px 0 0 643px;
	z-index:99999999;
}

/* javascript overrides */

body#body.hasJS #heroPanel ul.items,
body#body.hasJS #heroPanel ul.items li ul{
	overflow:hidden;
}

#heroPanel ul.items li{
	display:block;
	padding:30px 50px 50px 270px;
}

#heroPanel ul.items div{
	background:url(images/home-hero-panel-text-background.png) scroll 0 0;
	width:352px;
	height:272px;
	overflow:hidden;
}

#heroPanel ul.items div .straplines{
	margin-left:15px;
	background:none;
	
}

#heroPanel ul.items h2,
#heroPanel ul.items h3,
#heroPanel ul.items p{
	padding:0 15px 0 30px;
}

#heroPanel ul.items h2{
	font-size:1.2em;
	padding:0px;
}

#heroPanel ul.items li div.straplines h2 a,
#heroPanel ul.items li div.straplines h2 a:link,
#heroPanel ul.items li div.straplines h2 a:visited{
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	color:#E7ABCD;
	background:url(images/home-hero-panel-title-arrow.png) no-repeat 30px 21px;
	padding:15px 15px 15px 50px;
	margin-top:10px;
				
}

#heroPanel ul.items li ul{
	height:160px;
	overflow:auto;
	border:0;
	width:100%;
}

#heroPanel ul.items li li{
	color:#FFF;	
	height:160px;
	overflow:visible;
	padding:0;
	width:333px;
}

#heroPanel ul.items h3{
	font-size:1.9em;
	color:#FFF;	
	padding-bottom:10px;
}

#heroPanel ul.items p{
	color:#FFF;	
}

#heroPanel ul.items li a,
#heroPanel ul.items li a:link,
#heroPanel ul.items li a:visited{
	display:block;
	background:url(images/home-hero-panel-read-more-background.png) no-repeat;
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
	text-decoration:none;
	padding-left:33px;
}

/* summaries */

#heroPanel div.summaries li{
	display:block;
	float:left;
	width:198px;
	padding-right:20px;
	margin-right:20px;
	border-right:1px solid #5B5E60;
	margin-top:20px;
}

#heroPanel div.summaries li h2{
	font-size:1.2em;
	padding:0;
}

#heroPanel div.summaries li h2 a,
#heroPanel div.summaries li h2 a:link,
#heroPanel div.summaries li h2 a:visited{
	display:block;
	color:#39b6c2;
	text-decoration:none;
	padding-bottom:5px;
	text-transform:uppercase;
	font-weight:bold;
}

#heroPanel div.summaries li p{
	font-size:13px;
	padding-bottom:0;
}

#heroPanel div.summaries li p a,
#heroPanel div.summaries li p a:link,
#heroPanel div.summaries li p a:visited{
	display:block;
	color:#5B5E60;
	text-decoration:none;
	padding:0 0 5px 0;
}

#heroPanel div.summaries li p.more a,
#heroPanel div.summaries li p.more a:link,
#heroPanel div.summaries li p.more a:visited{
	display:block;
	background:url(images/bullet-arrow-blue.png) no-repeat 0 3px;
	color:#39b6c2;
	text-decoration:none;
	padding:0 0 0 15px;
}

#heroPanel div.summaries li p.more a:hover{
	background-image:url(images/bullet-arrow-pink.png);
	color:#eb008b;
}

#heroPanel div.summaries li p.more a.pinkArrow{
	background-image:url(images/bullet-arrow-pink.png);
}

#heroPanel div.summaries li p.more a.blueArrow{
	background-image:url(images/bullet-arrow-blue.png);
}

/*
* portfolio
*/

#portfolioPanel{
	width:505px;
	border:2px solid #EB008B;	
}

#portfolioPanel h2{
	background:url(images/potfolio-title-back.png) no-repeat;
	color:#FFF;
	font-size:12px;
	padding:8px 0 11px 8px;
	margin:0;
	display:block;
	clear:both;
	float:none;
	font-weight:bold;
}

#portfolioPanel h2 a,
#portfolioPanel h2 a:link,
#portfolioPanel h2 a:visited{
	color:#ffffff;
	display:block;
	float:right;
	padding-right:10px;
	text-decoration:none;
	font-weight: bold;
	width: 20px;
}


body#body.portfolio #portfolioPanel{
	overflow-y:auto;	
}

body#body.hasJS #portfolioPanel{
	overflow:hidden;
}

#portfolioPanel li{
	background:none;
	padding:0px;
	margin:0px;
}

#portfolioPanel ul{
	padding:0px;
	margin:0px;
}

.visitSite{
	width:111px;
	height:28px;
	background:url('images/visit-site-background.png') no-repeat;
	overflow:hidden;
	margin-top:20px;
	float:left;
}

.visitSite a,
.visitSite a:link,
.visitSite a:visited{
	display:block;
	width:111px;
	height:28px;
	color:#fff;
	text-decoration:none;
	padding:7px 0 0 30px;
	font-size:1.2em;
}

#portfolioNav{
	float:right;
	margin-top:20px;
}

#portfolioNav li{
	float:left;	
	display:block;
	height:28px;
	width:24px;
	padding:0px;
	background:url('images/portfolio-thumb-small.png') no-repeat;
}

#portfolioNav li a,
#portfolioNav li a:link,
#portfolioNav li a:visited{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:6px 3px 3px 8px;
    font-size:0.9em;
}

#portfolioNav li.selected{
	background:url('images/portfolio-thumb.png') no-repeat;
}

#portfolioNav li.selected a,
#portfolioNav li.selected a:link,
#portfolioNav li.selected a:visited{
    font-size:1em;
}

#portfolioNav li.intro{
	display:none;	
}

#portfolioNav li.first{
	background:url('images/portfolio-prev-link.png') no-repeat 3px 0;	
	width:18px;
	height:16px;
	margin-top:6px;
	margin-right:5px;
	text-indent:-9999px;
	overflow:hidden;
}

#portfolioNav li.last{
	background:url('images/portfolio-next-link.png') no-repeat ;	
	width:16px;
	height:16px;
	margin-top:6px;
	margin-left:5px;
	text-indent:-9999px;
	overflow:hidden;
}

#portfolioDescription{
	margin-top:20px;	
}

a.animationPause,
a.animationPause:link,
a.animationPause:visited{
	display:block;
	float:left;
	width:28px;
	height:28px;
	background:url('images/play-button.png') no-repeat;
	margin:20px 5px 0 0;
	text-decoration:none;
}

/* contact */

.colAContact{
	width:500px;
	float:left;
}

.colBContact{
	width:350px;
	float:right;
}

.colBContact #contactAd{
	width:349px;
	float:right;
}

#map{
	width:350px;
	height:350px;
	border:2px solid #3BB7C3; 
	margin-top:35px;
}

/*
* footer
*/

#footer{
	background:#5B5E60;
	border-top:2px solid #23aebb;
	font-family:Arial, Helvetica, sans-serif;
}

#footer.home p{
	color:#acafb2;
	float:left;
	font-size:1.1em;
}

#footer.home p.reserved{
	float:right;	
}

#footer.home ul{
	float:right;	
}

#footer.home li{
	float:left;	
	padding:0 5px;
	background:url(images/footer-divider.png) no-repeat bottom right;
}

#footer.home li.last{
	background:none;
	padding-right:0;
}

#footer .inner{
	width:922px;
	margin:0 auto;
	margin-top:20px;
}

#footer #footerLinks{
	width:700px;
	float:left;
}

#footer #footerLinks a,
#footer #footerLinks a:link,
#footer #footerLinks a:visited{
	
}

#footer #footerLinks li{
	float:left;	
	width:202px;
	font-size:1.0em;
	margin-right:30px;
	font-family:Arial, Helvetica, sans-serif;
}

#footer #footerLinks li a,
#footer #footerLinks li a:link,
#footer #footerLinks li a:visited{
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	text-decoration:none;	
	font-size:1.4em;
	padding-left:7px;
}

#footer #footerLinks li ul{
	margin:10px 0 0 7px;
}

#footer #footerLinks li li{
	border-bottom:1px solid #717578;
	margin-bottom:10px;
}

#footer #footerLinks li li a,
#footer #footerLinks li li a:link,
#footer #footerLinks li li a:visited{
	color:#fff;
	text-decoration:none;
	font-size:1.2em;
	text-transform:none;
	font-weight:normal;
	background:url('images/bullet-arrow-blue.png') no-repeat center left;
	padding:0 0 0 15px;
	margin-left:10px;
}

#footer #footerAddress{
	float:left;	
}

#footer #footerAddress h4{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:7px;
}

#footer #footerAddress span{
	font-weight:bold;	
}

#footer #footerAddress p{
	color:#fff;	
	display:block;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}

#footer #footerAddress ul{
	margin-top:35px;	
}

#footer #footerAddress li{
	color:#fff;	
	font-weight:bold;
	margin:0 0 3px 0px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

#footer #footerBottom{
	height:50px;
	background:#3d4043;
}

#footer #footerBottom .inner{
	width:922px;
	margin:0 auto;
	padding-top:10px;
}

#footer #footerBottom p{
	color:#acafb2;
	font-size:1.1em;
}

/*
* content styles
*/

.colB ul{
	padding:0 0 20px 5px;
}

.colB ul li{
	background:url(images/bullet-grey-star.png) no-repeat 0px 4px;
	padding:0 0 3px 17px;
}

.colB ul li li a,
.colB ul li li a:link,
.colB ul li li a:visited{
	font-size:1em;
}

ul.pageLinks li,
ul.pageLinks li{
	background:none;
	padding-left:0;
}

ul.pageLinks li a,
ul.pageLinks li a:link,
ul.pageLinks li a:visited{
	display:block;
	background:url(images/bullet-arrow-blue.png) no-repeat 0 3px;
	color:#39b6c2;
	text-decoration:none;
	padding-left:17px;
}

ul.pageLinks li a:hover{
	background-image:url(images/bullet-arrow-pink.png);
	color:#eb008b;
}

/*
* adverts
*/

.advert{
	margin-bottom:20px;
}

.advert h2{
	font-size:1.2em;
	font-weight:bold;
	background:url(images/advert-title-arrow.png) no-repeat left 8px #5B5E60;
	padding:8px 8px 7px 20px;
	border:2px solid #5B5E60;
	border-left:0;
	color:#FFF;
}

.advert p{
	border:2px solid #5B5E60;
	padding:8px;
}

.advert p a,
.advert p a:link,
.advert p a:visited{
	display:block;
	text-decoration: none;
}

/*.advert li{
	background:url('images/bullet-arrow-blue.png') no-repeat 0 2px;
	padding-left:20px;
}

.advert li.linkItem{
   background:0;
   padding-left:0;
}
*/
.advert ul{
	border:2px solid #5b5e60;
	padding:8px 8px 0 8px;
}
/*
.advert li a,
.advert li a:link,
.advert li a:visited{
	background:url('images/bullet-arrow-blue.png') no-repeat 0 2px;
   	text-decoration: none;
   	padding-left:20px;
}

.advert li a:hover{
   background: url(images/bullet-arrow-pink.png)  no-repeat 0 3px;
   color: #eb008b;
}*/

.pinkadvert ul{
	border-color:#eb008b;	
}

.pinkadvert h2{
	background-color:#EB008B;
	border-color:#EB008B;
}

.pinkadvert p{
	border-color:#EB008B;
}

.blueadvert h2{
	background-color:#39B6C2;
	border-color:#39B6C2;
}

.blueadvert p{
	border-color:#39B6C2;
}

.brief{
	margin-bottom:20px;
	background:url('images/brief-bottom.png') no-repeat bottom;
	padding-bottom:8px;
}

.brief p{
	color:#fff;
	padding:8px;
}

.brief p a,
.brief p a:link,
.brief p a:visited{
	color:#FFF;
}

.brief .inner{
	background:#39b6c2;
	padding-bottom:7px;
}

.brief h2{
	background:url(images/advert-title-arrow.png) no-repeat left center #00919e;
	font-size:1.2em;
	font-weight:bold;	
	padding:10px 8px 11px 20px;
	color:#FFF;
}

.projectDetails{
	border:2px solid #39b6c2;	
	margin-bottom:20px;
	padding:8px 8px 0 8px;
}

.projectDetails li{
	padding: 0 0 0 20px;
	margin-bottom:10px;
	background:url('images/pink-list-arrow.png') no-repeat left top;
}

.projectDetails li strong{
	color:#39b6c2;
}

.projectDetails li{
	color:#eb008b;	
}

/*
* tables
*/

table{
	border-left:1px solid #39b6c2;
	border-top:1px solid #39b6c2;
	width:100%;
	border-collapse:collapse;
}

table th{
	border-right:1px solid #39b6c2;
	border-bottom:1px solid #39b6c2;
	background:#39b6c2;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	padding:10px;
}

table td{
	border-right:1px solid #39b6c2;
	border-bottom:1px solid #39b6c2;
	padding:10px;
	width:50%;
}

/*
* forms
*/

form.kamValidate input.kamSubmit{
	width: 100px;
}

form.kamValidate fieldset legend{
   color:#EB008B;
}

/*
* contact ad
*/

#contactAd{
	background:url(images/contact-advert-bottom.jpg) no-repeat bottom left #C10069;	
}

#contactAd h2{
	color:#FFF;	
	font-weight:bold;
	font-size:1.2em;
	padding:8px 0 8px 8px;
	background:#EB008B;
}

#contactAd p{
	color:#FFF;
	padding:8px 8px 20px 8px;
}

/* kamPan */

#emailClient{
	background:url(images/emailClient.png) no-repeat;
	height:379px;
	width:822px;
	padding-top:220px;
}

#emailPan{
	margin:0 auto;
	height:334px;
	width:600px;
	overflow:hidden;
}

#panControls{
	width:822px;
	height:30px;
	padding-top:10px;
}

#panPause{
	float:left;
	width:30px;
}

#panNav{
	float:right;
}

#panControls a#pause,
#panControls a#pause:link,
#panControls a#pause:visited{
	height:28px;
	width:28px;
	display:block;
	background:url(images/play-button.png) no-repeat;
}

#panControls a#back,
#panControls a#back:link,
#panControls a#back:visited{
	display:block;
	height:16px;
	width:16px;
	background:url(images/portfolio-prev-link.png) no-repeat;
	float:left;

}
	
#panControls a#forward,
#panControls a#forward:link,
#panControls a#forward:visited{
	display:block;
	height:16px;
	width:16px;
	background:url(images/portfolio-next-link.png) no-repeat;
	float:right;
	margin-left:10px;
}
	
#emailSurround{
	width:500px;
	overflow:scroll;
}

#panControls li.first,
#panControls li.last{
	background:none;	
}

#panControls li{
	float:left;	
	display:block;
	height:28px;
	width:24px;
	padding:0px;
	background:url(images/portfolio-thumb-small.png) no-repeat;
}

#panControls li{
	padding:0px;
	margin:0px;
}

#panControls li a,
#panControls li a:link,
#panControls li a:visited{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:6px 3px 3px 8px;
    font-size:0.9em;
}

#panControls li.selected{
	background:url('images/portfolio-thumb.png') no-repeat;
}

#panControls li.first{
	background:url('images/portfolio-prev-link.png') no-repeat 3px 0;	
	width:18px;
	height:16px;
	margin-top:6px;
	margin-right:5px;
	text-indent:-9999px;
	overflow:hidden;
}

#panControls li.last{
	background:url('images/portfolio-next-link.png') no-repeat ;	
	width:16px;
	height:16px;
	margin-top:6px;
	margin-left:5px;
	text-indent:-9999px;
	overflow:hidden;
}