/* CSS 2 Document */
/*
Author: The Partnership UK
Website: www.thepartnershipagency.com
CSS Version: 2.1
XHTML Version: 1.1
*/

body {
	margin: 0;
	padding: 0;
	font: normal 11px/1.3 Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #ffffff;
}

a:active, a:focus { color: #281F7F; text-decoration: underline; }

#layout { margin: 0 auto; width: 1000px; }

#container {
	width: 960px;
	text-align: left;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	background-image: url(images/body.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
}

#container, #head, #logo, #topnavi, #wrapper, #path, #wrapper-left, #wrapper-mid, #wrapper-right, #wrapper h1,.menu_main, .menu_sub, .box, .product-offer, #foot, .product-item-left, .product-item-right, .page-info, .page-site, .product-left, .product-right, .product-imagelist img { float: left; overflow: hidden; }

/* HEAD____________________________________________________________________________________________________________________ */

#head { height: 140px; width: 960px; }

#logo {
	width: 300px;
	height: 115px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#logo img { border: none; }

#topnavi {
	width: 660px;
	height: 135px;
	padding: 0px;
}

/* CONTENT__________________________________________________________________________________________________________________ */

#wrapper { width: 920px; padding: 20px; }

#path {
	width: 898px;
	padding: 6px 10px;
	margin: 0 0 10px 0;
	background: #f9fafc;
	border: 1px solid #d6ddea;
	color: #281F7F;
}

#wrapper-left { width: 200px; padding: 0 10px 0 0; }
#wrapper-mid { width: 500px; }
#wrapper-right { width: 200px; padding: 0 0 0 10px; }

#wrapper h1 {
	padding: 6px 10px 5px 28px;
	margin: 0 0 2px 0;
	border: 1px solid #D6DDEA;
	color: #281F7F;
	font-size: 13px;
	font-weight: bold;
	background-color: #E5E5F0;
	background-image: url(images/h1_bg.gif);
	background-repeat: repeat-x;
}
#wrapper-left h1, #wrapper-right h1 { width: 160px; }
#wrapper-mid h1 { width: 460px; }

#wrapper h2 {
	margin: 0;
	color: #281F7F;
	font-size: 11px;
	font-weight: bold;
}

#wrapper h3 {
	margin: 0;
	color: #281f7f;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	padding-bottom: 10px;
}
#wrapper h3 a {
	margin: 0;
	color: #281F7F;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	padding-bottom: 10px;
	text-decoration: none
}
#wrapper h4 {
	margin: 0;
	color: #281F7F;
	font-size: 24px;
	font-weight: normal;
	padding-bottom:10px;
}
#wrapper h5 {
	font-size: 11px;
	margin: 0;
	color: #912B88;
	font-weight: normal;
}
#wrapper-mid ul  {
	color: #281F7F;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	list-style-type: none;
}

#wrapper-mid ul a:link {
	color: #281F7F;
	text-decoration: none;
	background-image: url(images/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 10px;
	display: block;
}

#wrapper-mid ul a:visited {
	color: #281F7F;
	text-decoration: none;
	background-image: url(images/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 10px;
	display: block;
}

#wrapper-mid ul a:hover {
	color: #7481b5;
	text-decoration: none;
	background-image: url(images/arrow_02.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 10px;
	display: block;
}

#wrapper p {
	margin: 0;
	color: #281F7F;
	line-height: 1.3;
}
#wrapper-left p { padding: 5px 0 0 0; }
#wrapper-mid p { text-align: justify; padding: 0 0 10px 0; }
#wrapper-right p { padding: 0 0 5px 0; }

#wrapper p a, #path a {
	color: #912B88;
	text-decoration: none;
/*	background: url("images/arrow_03.gif") no-repeat 0 3px; */
	padding: 0;
}
#wrapper p a:hover, #path a:hover {
	color: #c895c3;
	text-decoration: none;
/*	background: url("images/arrow_04.gif") no-repeat 0 3px; */
}

#wrapper-mid h3 a:link, #wrapper-mid h3 a:visited {
	color: #912B88;
	text-decoration: none;
	padding:0;
}

#wrapper-mid h3 a:hover {
	color: #c895c3;
	text-decoration: none;
}

#wrapper small { color: #7481b5; font-size: 10px; }
#wrapper caption { text-transform: uppercase; }
#wrapper strong { font-weight: bold; }
#wrapper em { font-style: italic; }
#wrapper abbr, acronym { border-bottom: 1px dotted #d6ddea; cursor: help; }
#wrapper del { text-decoration: line-through; color: #b00000; }
#wrapper address { font-style: normal; line-height: 1.3; padding: 0.5em 0; }
#wrapper hr {
	border-top: 1px dotted #d6ddea;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 0em;
	padding: 0;
	margin: 4px 0!important;
	margin: 0;
}

#wrapper .box {
	border: 1px solid #d6ddea;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.box_banner {
	border: 1px solid #d6ddea;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0;
	float: left;
	height: auto;
	width: auto;
}
.phone_prominent {
	font-size: 4.5em;
	font-weight: bold;
	color: #46C3D3;
	text-align: center;
	padding-bottom: 2px;
}
.flash_banner {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	float: left;
	height: auto;
	width: auto;
}

#wrapper-left .box, #wrapper-right .box { width: 178px; }
#wrapper-mid .box { width: 478px; }

.menu_main, .menu_sub { padding: 0; margin: 0; list-style: none; width: 178px; }
.menu_main li a, .menu_main li a:hover, .menu_sub li a, .menu_sub li a:hover {
	line-height: 2.2;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d6ddea;
}

.menu_main li { clear: left; }
.menu_main li a {
	color: #281F7F;
	text-decoration: none;
	line-height: 2.2;
	background: url("images/arrow_01.gif") no-repeat 0 8px;
	padding: 0 0 0 14px;
	width: 164px;
}
.menu_main li a:hover { color: #912B88; text-decoration: none; background: url("images/arrow_03.gif") no-repeat 0 8px; }

.menu_sub li {}
.menu_sub li a {
	color: #938FBF;
	text-decoration: none;
	line-height: 2.2;
	background: url("images/arrow_02.gif") no-repeat 14px 8px;
	padding: 0 0 0 28px;
	width: 150px;
}
.menu_sub li a:hover { color: #281F7F; text-decoration: none; background: url("images/arrow_01.gif") no-repeat 14px 8px; }

fieldset { border: none; margin: 0; padding: 0; }

#search { padding: 0; margin: 0; }
#searchinput {
	padding: 2px 4px;
	margin: 0 10px 0 0;
	float: left;
	overflow: hidden;
	border: 1px solid #a5acb2;
	background: #ffffff;
	color: #912B88;
	font: normal 11px/1.3 Verdana, Arial, Helvetica, sans-serif;
}
#searchsubmit { border: none; width: 20px; height: 16px; }

.active { font-weight: bold; }
.headline { border-bottom: 1px dotted #d6ddea; padding: 0 0 5px 0; margin: 0 0 3px 0; }
.price { padding: 0 0 0 40px; }

.product-offer {
	width: 33%;
	padding: 0 0 10px 0;
}
.product-offer span { text-align: center; display: block; }
.product-offer span img { border: none; vertical-align: middle; }
.product-offer span a { color: #281F7F; text-decoration: none; }
.product-offer span a:hover { color: #938FBF; text-decoration: none; }
.product-offer small { padding: 0 0 0 4px; }

.case_study_wrapper {
	border-bottom-width: 1px;
	style: dotted;
	color: #938FBF;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-style: dotted;
	border-bottom-color: #d6ddea;
	float: left;
	clear: both;
	width: 100%;
}

.case_study_right {
	width:60%;
	float:right;
}

.case_study_detail {
	padding-bottom: 10px;
	float: left;
	clear: both;
	width: 100%;
}

#breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 1.3;
	font-weight: normal;
	font-variant: normal;
	color: #281F7F;
	border-bottom-width: 1px;
	style: dotted;
	color: #938FBF;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-style: dotted;
	border-bottom-color: #d6ddea;
}
#breadcrumbs a {
	color: #281F7F;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #938FBF;
	text-decoration: none;
}
.package_pdf a {
	float: left;
	overflow: hidden;
	display: block;
	background-image: url(images/pdf_small.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	color: #CC0000;
	text-decoration: none;
	padding-bottom: 10px;
	clear: both;
	text-align: left;
	width: 480px;
}
.enquiry_form {
	text-decoration: none;
	float: left;
	width: 100%;
	display: block;
	padding-bottom: 10px;
}


/* FOOTER__________________________________________________________________________________________________________________ */

#foot {
	width: 920px;
	margin: 0 20px!important;
	margin: 0 10px;
	padding: 5px 0;
	border-top: 1px solid #d6ddea;
}

#foot p { padding: 0; margin: 0; color: #281F7F; float: left; overflow: hidden; }
#foot .spacer {
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #d6ddea;
}
#foot p a {
	text-decoration: none;
	color: #281F7F;
}
#foot p a:hover {
	text-decoration: none;
	color: #922B88;
}
#foot ul { padding: 8px 0 0 0; margin: 0; list-style: none; text-align: right; }
#foot ul li { display: inline; color: #d6ddea; }
#foot ul li a { color: #922B88; text-decoration: none; }
#foot ul li a:hover { color: #c895c3; text-decoration: none; }

#foot img {padding-top:10px;}

/* GLOBAL__________________________________________________________________________________________________________________ */
.phone, .mobile, .mail, .fax, .www { padding: 0 0 0 14px; }
.phone { background: url("images/icon_phone.gif") no-repeat 0; }
.mobile { background: url("images/icon_mobile.gif") no-repeat 0; }
.mail { background: url("images/icon_mail.gif") no-repeat 0; }
.fax { background: url("images/icon_fax.gif") no-repeat 0; }
.www { background: url("images/icon_www.gif") no-repeat 0; }

.alignright { text-align: right; }
.aligncenter { text-align: center; }
.alignleft { text-align: left; }
.alignjustify { text-align: justify }

.floatleft { float: left; overflow: hidden; }
.floatleft_images {
	float: left;
	overflow: hidden;
	padding-right: 10px;
}
.floatright { float: right; overflow: hidden; }
.floatright_images {
	float: right;
	overflow: hidden;
	padding-left: 10px;
}

.clear { clear: both; height: 0; font-size: 0em; visibility: hidden; }

img.noborder { border: none; padding: 0; margin: 0 8px 0 0; }
img.border { border: 1px solid #d6ddea; padding: 0; margin: 0 8px 0 0; }
img.left { border: none; float: left; overflow: hidden; padding: 0; margin: 0 8px 0 0; }
img.right { border: none; float: right; overflow: hidden; padding: 0; margin: 0 0 0 8px; }
img.left-border { border: 1px solid #d6ddea; float: left; overflow: hidden; padding: 0; margin: 0 8px 0 0; }
img.right-border { border: 1px solid #d6ddea; float: right; overflow: hidden; padding: 0; margin: 0 0 0 8px; }


.gallery {
float:left;
margin:5px;
border: 1px #c1c1c1 solid;
}

.activecontact {
	font-weight: bold;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}