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

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; }

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

#staging span { width:953px; 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;
}


#clientbarwrap { display:none; }

#clientbar {
	background:#c5c5c4;
	width:100%;
	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;
}

#outer-wrap { background:#fff; }

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

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

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

#breadcrumb { display:none; }

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


#menu { display:none; }

.subnav { display:none; }

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

/* == Right Content == */

#right-wrap { display:none; }

#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 20px;
	width:380px;
	font-size:19px;
	line-height:21px;
}
#slider { display:none; }

/* == Content Module == */

.home .content { width:100%; }

.content { float:left; width:650px }
#contentwrap .content ul { padding:10px 25px; }
#contentwrap .content li { list-style:disc; padding:5px; }

.content h2 { font-size:16px; padding:20px 0 0 0; }
.home .content h1 { font-size:18px; padding:18px 0 0 0; }

.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) 625px bottom no-repeat;
	display:block; height:25px;
	padding-left:20px;
	outline:none;
}
#contentwrap .content .expandablecontent h1.on a { background-position:625px top; color:#fff; }

#contentwrap .content .expandablecontent .expanded {
	height:430px;
	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; }

.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; }

#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 span { float:right; }

#list p { padding:20px 0 10px 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:100%; }

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

#whatsnew-preview li {
	width:100%;
	overflow:auto;
	margin:7px 0 26px 0;
}

#whatsnew-preview li span { display:none; }

/* == 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;
}
#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 li { display:block; list-style:none; }

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

#adverts li a, #adverts li span { display:none; }

.printpage { display:none; }

/* == Footer == */

#footer, .modal { display:none; }