body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	color:#333366;
	background:#e0dfdf;
}

html { height:101%; }

img { border:none; }

a { color:#333366; text-decoration:underline; }

h1, h2, h3, h4, h5, ul, li, form, input, p, blockquote { padding:0; margin:0; list-style:none; }

h1 { font-size:24px; }
h2 { font-size:16px; }
h3 { font-size:14px; }

h1 a, h2 a, h3 a { text-decoration:none; }

iframe { width:535px; height:300px; z-index:1; }

/* == Staging == */
#staging {
	background:url(http://www.chameleonadmin.co.uk/images/preview-header-bg.gif) top left repeat-x;
	padding:9px 29px 0 29px;
	height:41px;
}

#staging span { margin:0 auto; overflow:auto; display:block; }

#staging a {
	background:url(http://www.chameleonadmin.co.uk/images/live-site-button.gif) top left repeat-x;
	border:1px solid #33383c;
	display:block;
	height:18px;
	color:#fff;
	font-weight:bold;
	padding:0 5px;
	line-height:16px;
	float: right; width:106px;
	text-align:center;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial;
	margin-top:6px;
	outline:none;
}

#staging a:hover {
	background:url(http://www.chameleonadmin.co.uk/images/live-site-button.gif) bottom left repeat-x;
	text-decoration:none;
}


.topwrap {
	background:url(/images/topwrap.png) 0 0 no-repeat;
	width:956px;
	margin:0 auto;
}

.bottomwrap {
	background:url(/images/bottomwrap.png) bottom left no-repeat;
	width:940px;
	margin:0 auto;
	padding:0 8px;
}

#outer-wrap { background-color:#fff; }

#clientbarwrap { border-top:4px solid #c5c5c4; position:absolute; width:940px; z-index:1; }

#clientbar {
	background:#c5c5c4;
	width:940px;
	display:none;
}

#clientbar a { color:#333366; }

#clientbar form {
	width:880px;
	margin:0 auto;
	height:25px;
	text-align:right;
	padding-top:1px;
}

#clientbar form strong { float:left; padding-top:1px; }
#clientbar form label { padding-right:10px; }
#clientbar form input { border:none; width:190px; margin-right:6px; height:18px; background:#f7f7f7; padding:0 5px; }

a.enterbutton {
	height:19px;
	width:48px;
	background:url(/images/enter-button.gif) top left no-repeat;
	text-indent:-9999px;
	text-align:left;
	display:block;
	float:right;
}

a:hover.enterbutton { background:url(/images/enter-button.gif) top right no-repeat; }

a.confirmbutton {
	height:24px;
	width:73px;
	background:url(/images/confirm-button.gif) bottom left no-repeat;
	text-indent:-9999px;
	text-align:left;
	display:block;
	float:right;
}

a:hover.confirmbutton { background:url(/images/confirm-button.gif) top right no-repeat;cursor:pointer; }

a.cancelbutton {
	height:24px;
	width:73px;
	background:url(/images/cancel-button.gif) bottom left no-repeat;
	text-indent:-9999px;
	text-align:left;
	display:block;
	float:right;
	margin-right:5px;
}

a:hover.cancelbutton { background:url(/images/cancel-button.gif) top right no-repeat;cursor:pointer; }

a.okbutton {
	height:24px;
	width:35px;
	background:url(/images/ok-button.gif) bottom left no-repeat;
	text-indent:-9999px;
	text-align:left;
	display:block;
	float:right;
}

a:hover.okbutton { background:url(/images/ok-button.gif) top right no-repeat;cursor:pointer; }

.clientbutton { width:880px; margin:0 auto; }

.clientbutton img {
	cursor:pointer;
	position:relative;
	float:right;
	z-index:9;
}

#wrap {
	width:910px;
	margin:0 auto;
}

#header { width:880px; margin:0 auto; position:relative; }

.logo {
	overflow:auto;
	padding-top:30px;
}

.winner {
	position:absolute; top:20px; /*left:605px;*/ left:670px;
}

#breadcrumb {
	height:26px;
	color:#6699cc;
	text-align:right;
	clear:both;
	width:880px;
}

#breadcrumb a { color:#6699cc; text-decoration:none; }


#menu { 
	background:url(/images/nav-bg.gif) top left repeat-x #dbd9da;
	height:30px;
	position:relative;
}

#menu li { float:left; }

#menu li a {
	display:block;
	height:30px;
	cursor:pointer;
	text-indent:-9999px;
	outline:none;
	background:url(/images/nav-buttons.png) top left no-repeat;
}

/* ==  Menu buttons  == */

#menu li a.about-us { background-position:0 0; width:103px; }
#menu li a:hover.about-us { background-position:0 -30px; }
#menu li.onstate a.about-us, #menu li.onstate a:hover.about-us { background-position:0 -60px; }

#menu li a.what-we-do { background-position:-103px 0; width:122px; }
#menu li a:hover.what-we-do { background-position:-103px -30px; }
#menu li.onstate a.what-we-do, #menu li.onstate a:hover.what-we-do { background-position:-103px -60px; }

#menu li a.whats-new { background-position:-225px 0; width:117px; }
#menu li a:hover.whats-new { background-position:-225px -30px; }
#menu li.onstate a.whats-new, #menu li.onstate a:hover.whats-new { background-position:-225px -60px; }

#menu li a.training { background-position:-342px 0; width:116px; }
#menu li a:hover.training { background-position:-342px -30px; }
#menu li.onstate a.training, #menu li.onstate a:hover.training { background-position:-342px -60px; }

#menu li a.clients { background-position:-458px 0; width:85px; }
#menu li a:hover.clients { background-position:-458px -30px; }
#menu li.onstate a.clients, #menu li.onstate a:hover.clients { background-position:-458px -60px; }

#menu li a.green-issues { background-position:-543px 0; width:130px; }
#menu li a:hover.green-issues { background-position:-543px -30px; }
#menu li.onstate a.green-issues, #menu li.onstate a:hover.green-issues { background-position:-543px -60px; }

#menu li a.careers { background-position:-673px 0; width:91px; }
#menu li a:hover.careers { background-position:-673px -30px; }
#menu li.onstate a.careers, #menu li.onstate a:hover.careers { background-position:-673px -60px; }

#menu li a.videos { background-position:-673px 0; width:91px; }
#menu li a:hover.videos { background-position:-673px -30px; }
#menu li.onstate a.videos, #menu li.onstate a:hover.careers { background-position:-673px -60px; }

#menu li a.contact-us { background-position:-764px 0; width:116px; }
#menu li a:hover.contact-us { background-position:-764px -30px; }
#menu li.onstate a.contact-us, #menu li.onstate a:hover.contact-us { background-position:-764px -60px; }

#menu li ul {
	position:absolute;
	background:url(/images/sub-nav-bg.gif) top left repeat-x;
	width:860px;
	clear:both;
	left:0;
	padding:7px 0 0 20px;
}

#menu li ul li a {
	color:#fff;
	text-indent:0;
	text-decoration:none;
	background:url(/images/sub-nav-bullet.gif) top left no-repeat;
	padding:7px 15px;
	display:inline;
	font-size:15px;
}
#menu li.onstate ul li a { background:url(/images/sub-nav-bullet.gif) top left no-repeat; }

.subnav { background:url(/images/sub-nav-bg.gif) top left repeat-x; height:30px; width:880px; display:block; }

.home #contentwrap { padding-top:0; }
#contentwrap { width:880px; margin:0 auto; padding-top:20px; }

/* == Right Content == */

#right-wrap {
	float:right;
	width:230px;
	color:#fff;
}

#right-wrap .rightad h3 { font-size:20px; line-height:15px; padding:15px 15px 17px 15px; position:absolute; }
#right-wrap .rightad p { padding:0 15px; padding-top:47px; position:absolute; }


.rightad {
	background:url(/images/right-advert-bg.gif) top left repeat-x;
	height:241px;
	width:220px;
	margin-left:10px;
	position:relative;
}

.rightad a {
	display:block;
	width:240px;
	height:241px;
	position:absolute;
	background:url(/images/rightad-more.png) bottom right no-repeat;
	z-index:1;
}

.rightad a:hover { background:url(/images/rightad-more.png) bottom left no-repeat; }

.quote {
	background:url(/images/quote-bg.png) bottom right repeat-x #333366;
	margin-left:10px;
	font-size:0;
	width:220px;
}

.quote blockquote {
	font-size:17px;
	font-style:italic;
	line-height:20px;
	padding:15px;
	width:185px;
}

#right-wrap .quote p { padding:15px; padding-top:0; font-size:12px; }

.est-tool {
	background:url(/images/esttool-bg.png) top left repeat-x #c0c0c0;
	width:180px;
	float:right;
	color:#333366;
	padding:20px;
}

.est-tool h2 {
	line-height:12px;
	font-size:16px;
	padding-bottom:20px;
}

.est-tool ul { padding:10px 0 75px 0; }

.est-tool h3 { font-size:14px; padding-top:17px; }

.est-tool select {
	width:100%;
	border:1px solid #7f9db9;
	height:20px;
	margin-top:6px;
}

.est-total {
	background:#d7d8d8;
	border:1px solid #8c90a7;
	font-weight:bold;
	font-size:16px;
	height:32px;
	line-height:30px;
	padding:0 6px;
	margin-bottom:13px;
}

.est-total strong { float:right; }

a.contact-button {
	background:url(/images/contact-button.gif) top right no-repeat;
	height:24px;
	width:90px;
	display:block;
	float:right;
	text-indent:-9999px;
	margin-top:15px;
}
a:hover.contact-button { background:url(/images/contact-button.gif) top left no-repeat; }

/* == Banner Module == */


.banner {
	position:relative;
	height:180px;
	font-size:0;
	float:left;
}

.banner h1 {
	color:#fff;
	position:absolute;
	font-size:21px;
	padding:5px 0 0 20px;
}

.banner p {
	color:#333366;
	position:absolute;
	padding:60px 0 0 0;
	width:370px;
	font-size:19px;
	line-height:21px;
}
#slider { width:535px; float:left; height:300px; background:url(/images/flash-holder.jpg) 0 0 no-repeat; }

/* == Content Module == */

.home .content { float:right; width:345px; height:300px; }

.content { float:left; width:650px }
.content.fullwidth { float:none; width:auto; }
#contentwrap .content ul { padding:10px 2px 0 25px; }
#contentwrap .content li { list-style:disc; padding:5px; }
#contentwrap .content li ul { padding:10px 0 0 10px; }
#contentwrap .content li ul li { background:url(/images/tick.png) left no-repeat; list-style:none; padding-left:25px; }

.content h2 { font-size:16px; padding:20px 0 0 0; }
.content h2 strong { font-size:12px; font-weight:normal; }
.content h3 { padding:20px 0 0 0; }
.home .content h1 { font-size:18px; padding:18px 0 0 0; }

.content.solutions h1 {
	color:#fff;
	height:30px;
	background:#5f95c2;
	font-size:20px;
	padding:5px 0 0 20px;
}

#contentwrap .content ul { padding:10px 0 10px 15px; }
#contentwrap .content.solutions ul { padding:10px 0; }

#contentwrap .content ul li ul li,
#contentwrap .content.solutions ul li { background:url(/images/tick.png) left 5px no-repeat; list-style:none; padding-left:25px; font-weight:bold; }

#contentwrap .content ul li strong { font-size:14px; }

.content p { line-height:16px; padding:20px 0 0 0; }
.home .content p { line-height:14px; color:#6096c2; }

.floatleft, .googlemapstyle { background:url(/images/img-bg.png) bottom right no-repeat; padding:8px 28px 28px 0; float:left; }
.floatright { background:url(/images/img-bg.png) bottom right no-repeat; padding:8px 28px 28px 28px; float:right; }

/* == Expandable Content == */

#contentwrap .content .expandablecontent h1 {
	background:url(/images/expandable-h2.gif) 0 0 repeat-x;
	height:25px;
	color:#263172;
	font-size:14px;
	display:block;
	line-height:24px;
	border-bottom:1px solid #fff;
}
#contentwrap .content .expandablecontent h1.on { background-position:bottom; }

#contentwrap .content .expandablecontent h1 a {
	background:url(/images/expandable-arrows.gif) 860px bottom no-repeat;
	display:block; height:25px;
	padding-left:20px;
	outline:none;
}
#contentwrap .content .expandablecontent h1.on a { background-position:860px top; color:#fff; }

#contentwrap .content .expandablecontent .expanded {
	height:400px;
	overflow:auto;
	margin-bottom:1px;
	padding:20px;
	padding-top:0;
	display:none;
}

/* == Whats new Module == */

#list { width:650px; float:left; padding-top:10px; }

#list img { float:left; padding-bottom:15px; }

.sort-by {
	border-bottom:1px solid #333366;
	text-align:right;
	height:30px;
	padding-top:10px;
}

.select-sortby, .select-pagenum {
	width:180px;
	border:1px solid #7f9db9;
	margin:0 10px;
	font-weight:bold;
	color:#333366;
	font-family:Arial;
	font-size:12px;
}
.select-pagenum { width:80px; }

.sort-by a { text-decoration:none; }

#solutions { width:650px; float:left; margin-top:35px; overflow:hidden; }

#solutions ul {
	width:700px;
	overflow:hidden;
}

#solutions ul li {
	float:left;
	width:328px;
	position:relative;
	height:73px;
	margin-bottom:12px;
}

#solutions a {
	display:block;
	height:68px;
	width:323px;
	padding:5px 5px 0 0;
	text-decoration:none;
	color:#5f95c2;
}
#solutions a:hover { background:url(/images/solutions-hover.png) 0 0 repeat-y #eeeded; }

#solutions strong {
	display:block;
	font-size:17px;
	color:#263172;
	padding-bottom:5px;
}

#solutions img {
	background:url(/images/solutions-thumb.png) 0 0 no-repeat;
	float:left;
	margin-right:5px;
	padding:6px 8px 8px 6px;
}

#contentwrap #list ul { padding:0; }

#contentwrap #list li {
	border-bottom:1px solid #333366;
	width:100%;
	overflow:auto;
	padding:0;
	padding-top:20px;
}

#contentwrap #list li h2 { font-size:16px; }

#list .whatsnew, #list .clientarea {
	float:right;
	width:507px;
}

#list .clientarea { width:580px; }

#list li h2 span { float:right; font-size:12px; font-weight:normal; }

#list p { padding:20px 0 10px 0; }
#list li.whitepapers p, #list li.whitepapers h2 { float:right; width:580px; }

#contentwrap #list li.faq { padding:10px 0 5px 0; }
#list li.faq h2 span { display:none; }
#list li.faq h2 { padding-bottom:10px;}
#list li.faq p { padding:5px 0; }

.readmore, .contactbar {
	background:url(/images/readmore-corner.gif) top left no-repeat #dfeaf3;
	height:25px;
	padding:0 0 0 5px;
	margin-bottom:20px;
}
.contactbar { line-height:24px; }

#list .readmore span {
	font-weight:bold;
	float:left;
	line-height:24px;
}

.readmore a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:20px;
	width:70px;
	padding:5px 0 0 0;
	background:url(/images/readmore-bg.gif) bottom left no-repeat;
	text-align:center;
	float:left;
}

.readmore a:hover { background:url(/images/readmore-bg.gif) top left no-repeat; }

#whatsnew-preview {
	width:192px;
	background:#5f95c2;
	float:left;
	height:260px;
	overflow:hidden;
	padding:20px 14px;
	padding-bottom:0;
	color:#fff;
}

#whatsnew-preview h3, #adverts h3 { font-size:20px; line-height:20px; padding-bottom:10px; }

#whatsnew-preview li {
	background:url(/images/date-bg.gif) top left no-repeat;
	width:100%;
	overflow:auto;
	margin:7px 0 26px 0;
}

#whatsnew-preview li span {
	width:24px;
	height:24px;
	float:left;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#212e62;
	padding-top:3px;
}
#whatsnew-preview li span strong { font-size:7px; display:block; color:#fff; padding-bottom:2px; }

#whatsnew-preview li p {
	width:156px;
	float:right;
	font-size:11px;
	line-height:15px;
}
#whatsnew-preview li a { color:#fff; font-weight:bold; font-style:italic; }

/* == clients == */

#clients { padding:20px 0; width:650px; float:left; }

#clients ul { padding:20px 0; width:100%; overflow:auto; }

#clients li {
	float:left;
	height:130px;
	width:130px;
	position:relative;
}

#clients a {
	clear:both;
	float:left;
	background:url(/images/casestudy-link.gif) bottom left no-repeat;
	display:block;
	width:77px;
	height:15px;
	position:absolute;
	bottom:15px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin-left:19px;
}
#clients a:hover { background:url(/images/casestudy-link.gif) top left no-repeat; }


#clients span {
	background:url(/images/img-bg.png) bottom right no-repeat;
	width:115px; height:92px;
	display:block;
	text-align:center;
	padding:0 15px 15px 0;
}

/* == Adverts Module == */

#adverts {
	background:url(/images/advert-bg.gif) top left repeat-x;
	height:294px;
	float:left;
	color:#fff;
}

#adverts li {
	background:url(/images/advert-li.gif) top left no-repeat;
	float:left;
	width:220px;
	height:294px;
	position:relative;
}

#adverts h3 { padding:20px 0 17px 14px; }
#adverts p { padding:0 14px; }

#adverts li a {
	background:url(/images/advert-more-button.png) bottom left no-repeat;
	display:block;
	height:294px;
	z-index:1;
	position:absolute;
	width:234px;
}
#adverts li a:hover { background-position:bottom right; }
#adverts li span { position:absolute; bottom:0; text-align:center; width:220px; }
#adverts li span img { margin:0 auto; }

.printpage {
	clear:both;
	background:url(/images/icon-print.gif) bottom left no-repeat;
	padding:20px 0 0 0;
	height:21px;
	line-height:26px;
	color:#6699cc;
}

.printpage span {
	padding-left:30px;
	cursor:pointer;
	height:21px;
	display:block;
	float:left;
}

/* == Footer == */

#footer {
	background:url(/images/footer.gif) top left repeat-x;
	margin-top:20px;
	height:115px;
	position:relative;
}


#footer a { color:#666; text-decoration:none; }

.winner2009 { position: absolute; top:53px; right:370px; }

.constructiononline {
	position:absolute; top:35px; right:280px;
}

.coc {
	position:absolute; top:40px; right:213px;
}

.chas {
	position:absolute; top:57px; right:124px;
}

.niceic {
	position:absolute; top:57px; right:30px;
}

#footer .sitedesign { width:880px; text-align:right; margin:0 auto; }

#footer .logolink {
	float:right;
	width:170px;
	text-align:left;
	color:#9d9c9c;
	padding-top:20px;
	font-size:11px;
}
#footer .logolink a {
	text-indent:-9999px;
	display:block;
	background:url(/images/arthaus-logo.gif) bottom left no-repeat;
	height:11px; width:64px;
	float:right;
	line-height:1px;
	margin-top:1px;
}
#footer .logolink a:hover { background-position:0 0; }

#footer .sitedesign ul {
	margin:0 auto;
	float:left;
	color:#666;
	font-size:11px;
	padding-top:16px;
	text-align:left;
}

#footer li {
	float:left;
	padding-right:15px;
	line-height:24px;
}

#footer li a.extranet {
	display:block;
	width:73px; height:24px;
	background:url(/images/extranet-button.gif) top right no-repeat;
	text-indent:-9999px;
	padding:0;
}

#footer li a:hover.extranet { background:url(/images/extranet-button.gif) top left no-repeat; }

#footer li a { padding-left:15px; }
#footer li a:hover { text-decoration:underline; }
	
	
/* Registration overlay CSS */
.modal {
	background-color:#fff;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #333;
}

.modal ul 
{
	width:350px;
	margin:0 auto;
	padding-top:15px;
	margin-bottom:15px;
}

.modal span
{
	float:left;
	width:70px;
	font-weight:bold;
	padding-top:3px;
	color:#333366;
	text-align:left;
}

.modal p
{
	margin-top:10px;
}

.inputbox 
{
	float:left;
	width:270px;
	font-size: 10px;
	background-color: #CCCCCC;
	border: 1px solid #666666;
	height:16px;
	padding-top:2px;
	padding-left:3px;
}

.modal li
{
	min-height:25px;
	color:Red;
	text-align:right;
	padding-right:5px;
	padding-bottom:3px;
}
/* End registration overlay CSS */

.sitemapul { padding:15px; }
.sitemapul a { color:#000; text-decoration:none; }
.sitemapul h4 a { color:#333366; text-decoration:none; }
.sitemapul h4 {
	padding:0; 
	font-size:14px;
	height:25px;
	line-height:24px;
 }

.sitemapul li ul { display:block; position:relative; }


/* Access Violation */
#accessviolation {
	padding-top:150px;
	width:380px;
	margin:0 auto;
}
#accessviolation h1 {
	background:url(/images/padlock-icon.gif) top left no-repeat;
	height:36px;
	font-size:21px;
	font-weight:normal;
	line-height:32px;
	padding:0 0 4px 42px;
}
#accessviolation p { 
	background:url(/images/error-message.gif) top left no-repeat;
	width:364px;
	padding:10px;
	color:#333;
}