/* CSS Document */

body {
	margin: 0;
	background: url(images/main-bg.jpg) top left repeat-x;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #222222;
}
#main {
	width:900px;
	text-align:left;
}
#main h1 {
	height:24px;
	color:#222222;
	font-size:160%;
	font-weight:bold;
	margin:0;
	padding: 10px 0 0 20px;
}
#home #main #h1 {
	padding: 10px 0 0 20px;
}

/* page formatting */
ul, ol {
	margin:0 0 10px 0;
	padding:0 0 0 20px;
}
li {
	margin-bottom:5px;
}
li.indent {
	margin-left:22px; margin-top:-3px; list-style-type:circle;
}
a:link {
	color: #591089;
	border-bottom:1px solid #591089;
	text-decoration: none;
}
a:visited {
	border-bottom:1px dotted #591089;
	text-decoration: none;
	color: #591089;
}
a:active {
	border-bottom:1px solid #DFD2E2;
}
.blue { color:#289ee9; }
a.blue:link, a.blue:visited {
	color:#289ee9;
	border-bottom:1px dotted #289ee9;
}
#prices p.bullet {
	padding-left:22px;
	background:url(images/bullet.gif) top left no-repeat;
}
a:hover, a.blue:hover  {
	border-bottom:1px solid #DFD2E2;
	color: #94749A;
}
a.noborder {
	border:0;
}
form .button {
	 background:url(images/homebox-white-button.gif) top left no-repeat; 
	 display: block; 
	 height:23px; 
	 width:120px; 
	 font-size:13px;
	 font-style: normal !important; 
	 padding:3px 0 0 3px; 
	 margin: 5px 10px 0 0;
	 color:#FFFFFF !important;
	 border:0 !important;
}


/* header */
#header {
	height: 124px;
	overflow:hidden;
	background:transparent url(images/bg-header.jpg) top left repeat-x;
}
#headerContent {
	width: 890px;
	position:relative;
	height:124px;
}
#breadcrumb {
	width:880px;
	text-align:left;
	font-size:x-small;
	margin:2px 0;
	color: #666666;
}
#breadcrumb a:link, #breadcrumb a:visited {
	color: #666666;
	text-decoration:none !important;
	border-bottom: 0px solid #FFFFFF !important;
}
#navigation {
	text-align:left; 
	margin:0 0 0 0;
	padding:0 15px 0 0;
	float:right;
	font-size: 110%;
	font-weight:normal;
	letter-spacing:-1px;
	position:absolute;
	right:0;
	bottom:20px;
}
#navigation ul{
	margin:0;
	padding:0;
	list-style:none;
}
#navigation li {
	margin:0 0 0 3px;
	padding:0;
	float:left;
	height:25px;
}
* html #navigation li {
	width:10px; /* fix for IE width bug */
	overflow:inherit;
}
#navigation li a {
	margin:0;
	padding:0;
	height:25px;
	background:transparent url(images/navtab.gif) top left no-repeat;
	text-decoration:none;
	border:0;
	display:block;
	color:#FFFFFF;
	cursor:pointer;
}
#navigation li a:hover, 
#home #navigation li.nav1 a,
#web #navigation li.nav2 a,
#ecommerce #navigation li.nav3 a,
#bespoke #navigation li.nav4 a,
#prices #navigation li.nav5 a,
#resources #navigation li.nav6 a,
#contact #navigation li.nav7 a  {
	background:transparent url(images/navtab_over.gif) top left no-repeat;
	text-decoration:none;
	border:0;
	color:#FFFFFF;
}
#navigation li a:hover {
	color:#289ee9;
}
#navigation li a span {
	padding:3px 19px 0 19px;
	height:25px;
	display:block;
	background:transparent url(images/navtabr.gif) top right no-repeat;
}
#navigation li a:hover span, 
#home #navigation li.nav1 a span,
#web #navigation li.nav2 a span,
#ecommerce #navigation li.nav3 a span,
#bespoke #navigation li.nav4 a span,
#prices #navigation li.nav5 a span,
#resources #navigation li.nav6 a span,
#contact #navigation li.nav7 a span {
	background:transparent url(images/navtabr_over.gif) top right no-repeat;
}

/* content */
#content {
	margin:0;
	min-height:320px;
	overflow:visible;
	clear:left;
	padding:7px 20px 10px 20px;
}
* html #content {
		height:320px;
}
#sideColumn {
	float:right;
	width: 260px;
	margin:0 0 0 15px;
	padding:0;
}
#contentInfo {
	width:540px;
	margin:0;
	min-height:420px;
	height:100%;
}
* html #contentInfo {
	width:425px;
}
#content h1 {
	padding:0;
	margin:0 0 10px 0;
	font-weight:normal;
	font-size:150%;
	color:#3DC3E9;
}

#content h2 {
	margin:5px 0 5px 0;
	color:#289ee9;
	font-size:130%;
	font-weight:normal;
}
/*#content h2 {
	padding:5px;
	margin:0 -5px 8px -5px;
	color:#591089;
	font-size:115%;
	font-weight:bold;
	border-bottom:1px solid #289ee9;
}*/
#content h2 a {
	color:#591089;
	text-decoration:none;
}
#home #content h2 {
	padding:5px;
	margin:0 0 2px 0;
	color:#591089;
	font-size:115%;
	font-weight:bold;
	background:none !important;
	border:0;
}

#content h2.banner {
	padding:5px 0;
	height:22px;
	margin:0 0 10px 0;
	background:none !important;
	color:#000000;
	font-size:140% !important;
	font-weight:bold;
	border-bottom:1px dashed #666666;
}
#content h2.subheading, #home p.subheading {
	color:#591089;
	font-size:130%;
	font-weight:bold;
	background:none !important;
	margin:0 0 5px 0;
	padding:0;
	border:0;
}
#home p.subheading {
	margin:3px 0 5px 25px ;
}
#content h3 {
	padding:0;
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:110%;
}
#content p {
	padding: 0 0 8px 0;
	margin:0;
}
#content p.furtherdetails a {
	border:0;
}
#content #imageR {
	margin-right:12px;
	width:197px;
	text-align:right;
	float:right;
}
#imageR img {
	border:1px solid #585858;
	margin-left:5px;
}
#imageR p {
	background: white !important;
	padding:0 0 15px 0;
}


/* footer */
#footer {
	clear:both;
	text-align:center;
	background: #f0f0f0 url(images/footer-bg.jpg) top left repeat-x;
	padding: 30px 15px 15px 15px;
	color:#333333;
	font-size:85%;
}
.footerCol {
	float:left; width:230px; text-align:left ;
}
#footerInfo {
	width:900px;
	margin:0 auto; padding-left:20px;
}
#footerInfo h2 {
	margin:0 0 10px 0;
}
#footer a {
	font-weight:normal;
	text-decoration:none;
	border:0;
	color:#581089;
}
#footer a:hover {
	text-decoration:underline;
	color:#581089;
}
#footer p {
	margin:0 0 10px 0;
	line-height:1.3;
}
#footer p.copyright {
	color:#333;
	margin-top:-5px;
	font-style:italic
}
#footer p.copyright a { color:#333}

/* Portfolio */
.portfolio {
	width:260px; 
	height:246px; 
	background:white url(images/portfolio.gif) top left no-repeat;
	margin-top:-10px;
}
.portfolio a {
	text-decoration:none;
	border:0 !important;
}
.portfolio img {
	margin-top:30px; margin-left:60px;
}
#pDesc {
	margin-bottom:5px;
}
.pItem {
	background: white url(images/portfolio-outer2.gif) top left no-repeat; 
	width:260px; 
	height:200px; 
	text-align:left; 
	font-size:11px;
	float:left;
	margin-top:10px;
}
.middle { margin-left: 30px; margin-right: 30px; }
.pItem a { 	text-decoration:none; border:0; }
.pItem img { margin: 4px 0 0 4px; }
.pItem a img { border:3px solid #4a4a4a; }
.pItem a:hover img{ 	border:3px solid #ccc; }
.pItem h2 { margin:0; padding:0 0 0 7px;  }
.pItem p { margin: -3px 0 0 0 !important; padding: 0 0 0 7px !important }
#home .pItem { 	height: 180px; }
#home .pItem p { text-align:left; margin: 7px 0 0 7px; }

span.pInfo {
	width: 90px;
	float:left;
	font-weight:bold;
}
.quote {
	width:230px; 
	display:block;
	background:transparent url(images/quotebox-top2.gif) top left no-repeat; 
	padding:10px 10px 0 10px;
	color:#333333;
	position:relative;
	font-style:italic;
	line-height:1.3;
	margin:10px 0 0 5px;
}
.quote .quoteref {
	background: #FFFFFF url(images/quotebox-bottom2.gif) top left no-repeat;
	margin: -5px 0 0 -10px !important;
	padding:20px 8px 0 12px !important;
	width:230px;
}
.quoteLogo {
	margin-right:50px;
}
.quote strong {
	color:#333333;
}
#home .quote {
	margin: 10px 0 0 30px;
}
#home .quote a {
	color:#333333;
	border:0;
}
.contactBox {
	width:230px; 
	display:block;
	background:transparent url(images/contact-box.jpg) top left no-repeat; 
	padding:13px 10px 0 10px;
	color:#454545;
	margin:30px 0 0 10px;
}
.contactBox strong {
	color:#111111;
	font-size:120%;
}
.contactBox2 {
	width:240px; height:240px;
	display:block;
	background:transparent url(images/contact-box2.jpg) top left no-repeat; 
	padding:18px 13px 0 17px;
	color:#FFF;
	margin:30px 0 0 0;
}
.contactBox2 strong {
	color:#FFF;
	font-size:120%;
}
.contactBox2 .button { background:url(images/contact-box-button.gif) top left no-repeat; }

.contactBox form#contactme { width:220px; }
.contactBox form#contactme label { font-weight:normal; margin: 0 0 1px 0 !important; }
.contactBox form#contactme input { 	width:220px !important; }


.contactBox2 form#contactme { width:220px; }
.contactBox2 form#contactme label { font-weight:normal; margin: 0 0 1px 0 !important; }
.contactBox2 form#contactme input { 	width:220px !important; }


/* sidebox */
#sidebox {
	margin:3px 0 0 6px;
	padding: 0;
	width: 178px; 
	text-align:left; 
	float:left;
}
#sidebox h2 {
	height:24px;
	margin:0 0 2px 0;
	padding:3px 0 0 0;
	font-size:100%;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background: #FFFFFF url(images/sidetab-blue.gif) top left no-repeat;
}
#sidebox h2.purpleTab {
	background: #FFFFFF url(images/sidetab-purple.gif) top left no-repeat !important;
}
#sidebox h2.greyTab {
	background: #FFFFFF url(images/sidetab-grey.gif) top left no-repeat !important;
}
#sidebox p {
	margin:0 0 8px 0;
	padding: 0 4px;
	font-size:85%;
	font-weight:normal;
	color:#454545;
}
#sidebox img {
	margin-bottom:8px;
}
#sidebox ul {
	margin:0 3px 0 0;
	padding:0;
	list-style:none;
	font-size:small;
	font-weight:bold;
}
#sidebox li  {
	margin:0;
	padding:0;
}
#sidebox li a {
	padding: 4px 0 8px 0;
	margin:0;
	display:block;
	text-decoration:none;
	border:0;
	color:#FFFFFF;
}
#sidebox li a:hover {
	color:#333333;
	background-color:#A386A8;
}
#sidebox li a .note   {
	font-size:85% !important;
	font-weight:normal;
}
.priceBox {
	background-color:white;
	background-position:top left;
	background-repeat:no-repeat;
	padding:40px 20px 9px 15px; 
}

/* other formatting */
p.more a {
	color:#828282;
	border:0;
}
#content a.back {
	background:#FFFFFF url(images/back.gif) top left no-repeat; 
	padding: 3px 0 0 10px;
}
#content a.more {
	padding: 3px 10px 0 0;
	border:0;
}
#content a.pdf {
	background: #FFFFFF url(images/pdf.gif) center right no-repeat;
	padding: 0 20px 0 0;
	border:none;
}
#content a.word {
	background: #FFFFFF url(images/word.gif) center right no-repeat;;
	padding: 0 20px 0 0;
}
#content .imgright {
	margin: 0 0 10px 12px;
	border:0;
	float:right;
}
#content .imgleft {
	margin: 0 15px 10px 0;
	border:0;
	float:left;
}
#content .note {
	font-weight:normal;
}
#content a.top {
	background: #FFFFFF url(images/top.gif) center right no-repeat;;
	padding: 0 25px 0 0;
	margin:0 10px 8px 0;
	font-weight:bold;
	color:black !important;
	text-decoration:none;
	border:0;
}
select, input, textarea {
	width: 250px;
	float: left;
	margin-bottom: 7px;
	height:18px;
	border: 1px solid #999999;
}
select {
	height:22px;
}
textarea {
	height:80px;
}
select.required, input.required, textarea.required {
	background-color:#f1f9fd;
	border: 1px solid #888888;
}
label {
	text-align: left;
	width: 150px;
	font-weight:bold;
	margin-right: 5px;
	margin-bottom: 7px;
	float:left;
	height:18px;
}
input.nopad  {
	width: 20px;
}



/* additional homepage formatting*/
#homeBoxContainer {
	background:transparent url(images/bg-homebox.gif) top left no-repeat;
	height:218px;
	padding:11px 0 0 10px;
	margin:0;
}
#home .latest img {
	margin: 0 3px;
	border:0;
}
.homeBox {
	width:275px; 
	height:195px;
	float:left;
	color:#FFFFFF;
	font-weight:normal;
	text-align:left;
	margin-left:10px;
}
.whiteBox {
	background:transparent url(images/homebox-white.gif) top left no-repeat;
	margin:0 9px 0 15px;
	color:#636264;
}
.greyBox {
	background:transparent url(images/homebox-grey.gif) top left no-repeat;

}
.purpleBox {
	background:transparent url(images/homebox-purple.gif) top left no-repeat;
}
.homeBox h2 {
	margin:18px 0 12px 0;
	padding-left:45px;
	color:#222222;
	font-size:16px;
	font-weight:bold;
	background:none;
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}
a.header, a:visited.header  {
	color:#222222;
	font-weight:bold;
	text-decoration:none;
	border:0;
}
.homeBox p {
	margin:0;
	padding: 0 20px;
	line-height:1.4;
}
.homeBox img {
	margin:0;
	padding: 5px 9px 0 19px;
}
.homeBox ul  {
	margin: 13px 0 0 0;
	padding:0;
}
.homeBox ul li {
	list-style:none;
	margin:0 0 4px 0;
}
.homeBox ul li a, .homeBox ul li a:visited {
	color:#f3f3f3;
	font-style:italic;
	font-weight:normal;
	border:0;
	border-bottom:1px solid #f3f3f3;
}
.whiteBox ul li a, .whiteBox ul li a:visited {
	color:#858486;
	border-bottom:1px solid #858486;
}
.homeBox .button {
	 background:url(images/homebox-grey-button.gif) top left no-repeat; 
	 display: block; 
	 float:right; 
	 height:23px; 
	 width:128px; 
	 font-size:13px;
	 font-style: normal !important; 
	 padding:3px 0 0 7px; 
	 margin: 5px 18px 0 0;
	 color:#FFFFFF !important;
	 border:0 !important;
}
.whiteBox .button {
	background-image:url(images/homebox-white-button.gif);
}
.purpleBox .button {
	background:transparent url(images/homebox-purple-button.gif);
}
p.sectors img {
	margin: 0 5px 0 15px;
}
#testimonial {
	background:transparent url(images/bg-greybox.jpg) top left no-repeat;
	width: 285px;
	height:242px;
	float:right;
	margin:0 0 10px 0;
	padding:0;
}
#testimonial p {
	color:#FFFFFF;
	font-weight:normal;
	padding: 20px;
}


#sideColumn ul {
	margin:0 3px 10px 0;
	padding:0;
	list-style:none;
	font-size:small;
	font-weight:normal;
	border-top:1px dotted #999999;
}
#sideColumn li  {
	margin:0;
	padding:0;
}
#sideColumn li a {
	padding: 5px 0 7px 30px;
	margin:0;
	display:block;
	text-decoration:none;
	border:0;
	color:#222222;
	border-bottom:1px dotted #999999;
	background:white url(images/bullet-purple.gif) top left no-repeat;
}
#sideColumn li a:hover {
	color:#2aa5f3;
	background-color: #f1f9fd;
	background-image:url(images/bullet-blue.gif);
}
#sideColumn li a .note   {
	font-size:85% !important;
	font-weight:normal;
}