@import url('nav.css');
@import url('form.css');



body{
	background:url(../images/header/bg_headerContainer.jpg) repeat-x center top #e6e7e8;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	color:#333333;
	letter-spacing:-0.03em;
}

h4{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#333333;
	letter-spacing:-0.01em;
	margin:0 0 8px 0;
}

#mainContainer ul.featuresList li p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#646464;
}

#mainContainer {
	text-align:left;
	background:none;
	padding:0;
	width:100%;
}



#mainContainer h2 {
	font-size:34px;
	color:#333333;
	/*border-bottom:2px solid #d71820;*/
	float:left;
	display:inline;
	padding:0 0 2px 0;
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-.04em;
}

#mainContainer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:140%;
	color:#595d65;
}

#mainContainer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:130%;
	font-weight:bold;
	color:#B70005;
	cursor:pointer;
}

#mainContainer a:hover {
	text-decoration:underline;
}

#mainContainer a.imgLink, #mainContainer a.imgLink:hover {
	text-decoration:none;
}

.headerContainer {
	background:url(../images/header/bg_header.jpg) no-repeat center top;
	/*height:640px;*/
	margin:0 0 0 0;
	padding:0;
	float:left;
	display:inline;
	width:100%;
}

#headerContainerHome {
	background:url(../images/header/bg_header_home.jpg) no-repeat center top;
}

#header {
	
	/*height:640px;*/
	width:960px;
	margin:0 auto;
	padding:0;
}

.banner {
	background:url(../images/header/bg_banner.png) no-repeat center bottom;
	height:200px;
	width:600px;
	padding:30px 330px 30px 30px;
	margin:0 auto 70px auto;
}

#home {
	background:none;
	height:400px;
	width:960px;
	padding:0;
}

body.home {
	background:url(../images/header/bg_headerContainer_home.jpg) repeat-x center top #e6e7e8;
}

#banner_callcentre {
	background:url(../images/header/bg_banner_callcentre.png) no-repeat center bottom;
}

#banner_services {
	background:url(../images/header/bg_banner_services.png) no-repeat center bottom;
}

#banner_contact {
	background:url(../images/header/bg_banner_contact.png) no-repeat center bottom;
}

#banner_technology {
	background:url(../images/header/bg_banner_technology.png) no-repeat center bottom;
}

#content {
	margin:0 auto;
	width:962px;
}



#intro {
	padding:0 0px 0px 0px;
	margin:0 auto;
}

#intro p {
    font-size:19px;
	line-height:130%;
	color:#757575;
	letter-spacing:-0px;
}

#intro p a {
    font-size:19px;
	line-height:130%;
	color:#d71921;
}

#intro p a:hover {
	text-decoration:underline;
}

.panel_big{
	float:left;
	display:inline;
	width:962px;
	margin:0 auto 5px auto;
}

#mainContainer .panel_heading {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	background:url(../images/pages/bg_panel_big_heading.jpg) repeat-x #fdfdfd;
	height:36px;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:13px 30px 0 30px;
	font-size:20px;
	line-height:100%;
	
}

#mainContainer .panel_top {
	font-size:20px;
	/*background:url(../images/pages/bg_panel_big_top.jpg) no-repeat;*/
	height:7px;
	width:962px;
	margin:0;
	padding:0;
	font-size:0px;
	line-height:0%;
}

.panel_big .panel_body {
	/*background:url(../images/pages/bg_panel_big_body.jpg) repeat-y;*/
	background:url(../images/pages/bg_panel_big_bottom.jpg) no-repeat bottom;
    padding:0px 16px 40px 16px;
	float:left;
	display:inline;
	width:930px;
}

.panel_big .panel_body .colLeft,
.panel_big .panel_body .colMid,
.panel_big .panel_body .colRight{
	float:left;
	display:inline;
	width:280px;
	margin:0 15px 0 15px;
	background:none;
}

.panel_big .panel_body .colImg {
	float:left;
	display:inline;
	width:250px;
	padding:10px 10px 0 10px;
	margin:0 0 0 0;
}

.panel_big .panel_body .colImg img {
/**	border:1px solid #d9d9d9;**/
	padding:9px 14px 15px 14px;
	background:url(../images/pages/bg_thumbnail.png);
	width:209px;
	height:188px;
}

.panel_big .panel_body .colText {
	float:left;
	display:inline;
	width:315px;
	padding:10px 5px 0 0px;
	font-size:15px;
	margin:0 0px 0 0;
}

.panel_big .panel_body .colText h3 {
	color:#BA0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	padding-bottom:13px;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	/*border-bottom:1px solid #e6e6e7;*/
}

#mainContainer .panel_big .panel_body .colText p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

#mainContainer .panel_big .panel_body .colList {
	float:left;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	width:300px;
	margin:10px 10px 0 20px;
}

#mainContainer .panel_big .panel_body .colList h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#646464;
	margin:2px 0px 10px 0px;
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	/*border-bottom:1px solid #e6e6e7;*/
}

#mainContainer .panel_big .panel_body .colList ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	margin:0 0 0 0px;
	list-style:none;
}

#mainContainer .panel_big .panel_body .colList li {
	background:url(../images/pages/bullet.jpg) 0px 5px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:140%;
	color:#646464;
	margin:0 0 8px 0;
	padding:0 0 0 12px;
}

.panel_bottom {
	/*background:url(../images/pages/bg_panel_big_bottom.jpg) no-repeat bottom;*/
	/*height:17px;*/
	height:0px;
	width:902px;
    padding:0px 30px 10px 30px;
	float:left;
	display:inline;
	margin:0 auto;
}

.panel_sml {
	background:url(../images/pages/bg_panel_sml_body.jpg) repeat-x;
	width:472px;
	margin:0 0px 0px 0px;
	float:left;
	display:inline;
	border:none;
}

.panel_left {
	margin-right:8px;
}

.panel_right {
	margin-left:8px;
}

#mainContainer .panel_med{
	float:left;
	display:inline;
	width:588px;
	padding:0 20px 0 20px;
	margin:0 6px 5px 0;
}

#mainContainer .panel_med p{
	font-size:14px;
}

#mainContainer .panel_med #intro p {
    font-size:19px;
	line-height:130%;
	color:#757575;
	letter-spacing:-0px;
}

#mainContainer .panel_med ul{
	margin:0 0 20px 10px;
	padding:0;
	list-style:none;
}

#mainContainer .panel_med ul li{
	font-family:Arial,Helvetica,sans-serif;
	background:url(../images/pages/bullet_grey.jpg) no-repeat 0px 13px;
	font-size:14px;
	font-weight:normal;
	color:#646464;
	margin:0;
	padding:10px 0 5px 10px;
}

#mainContainer .panel_med ul li ul{
	margin:0 0 0px 10px;
	padding:0;
	list-style:none;
}

#mainContainer .panel_med ul li ul li{
	background:url(../images/pages/bullet_grey.jpg) no-repeat 0px 13px;
	font-size:12px;
	padding:10px 0 0px 10px;
}

#mainContainer ul.featuresList {
	margin:0 0 0 0;
	padding:0;
	list-style:none;
}

#mainContainer ul.featuresList li {
	margin:0;
	padding:0 0 20px 135px;
	float:left;
	display:inline;
	width:440px;
}

#mainContainer ul.callcentreList {
	margin:0 0 0 0;
	padding:0;
	list-style:none;
}

#mainContainer ul.callcentreList li {
	padding:0 0 0 200px;
	margin:0px 0 0px 0;
	float:left;
	display:inline;
	width:375px;
	height:146px;
}

#mainContainer .panel_med .panel_top {
	font-size:20px;
	background:url(../images/pages/bg_panel_big_heading.jpg) repeat-x #fdfdfd;
	height:35px;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:14px 30px 0 30px;
	font-size:20px;
	line-height:100%;
}

#mainContainer .panel_med .panel_body {
	background:url(../images/pages/bg_panel_med_body.jpg) repeat-y;
    padding:20px 16px 20px 16px;
	float:left;
	display:inline;
	width:603px;
}

#mainContainer .panel_med .panel_bottom {
	background:url(../images/pages/bg_panel_med_bottom.jpg) no-repeat;
	height:17px;
	width:575px;
    padding:0px 30px 10px 30px;
	float:left;
	display:inline;
	margin:0 auto;
}

#mainContainer .panel_side{
	float:right;
	display:inline;
	width:322px;
	margin:0 0 5px 6px;
}

#mainContainer .panel_side .panel_top {
	font-size:0px;
	height:40px;
	width:312px;
	padding:0;
	line-height:0px;
	float:left;
	display:inline;
}

#mainContainer .panel_side .panel_body {
	background:url(../images/pages/bg_panel_side_body.jpg) no-repeat bottom;
    padding:1px 20px 30px 20px;
	float:left;
	display:inline;
	width:282px;
}

#mainContainer .panel_side .panel_body p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#646464;
}

#mainContainer .panel_side .panel_body h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#333333;
	padding:10px 0 0px 0;
	line-height:130%;
	letter-spacing:-0.05em;
}

#mainContainer .panel_side h5 {
	font-size:15px;
	color:#333333;
	margin-top:15px;
	margin-bottom:10px;
}

#mainContainer .panel_side .panel_bottom {
	background:url(../images/pages/bg_panel_big_bottom.jpg) no-repeat;
	height:17px;
	width:244px;
    padding:0px 30px 10px 30px;
	float:left;
	display:inline;
	margin:0 auto;
}


.panel_sml .panel_body {
    padding:15px 15px 0px 15px;
	float:left;
	display:inline;
	width:440px;
	height:181px;
}

.panel_sml .panel_body .colImg {
	float:left;
	display:inline;
	width:161px;
	padding:10px 10px 0 10px;
}

.panel_sml .panel_body .colImg img {
/**	border:1px solid #d9d9d9;
	padding:4px;**/
}


.panel_sml .panel_body .colText {
	float:left;
	display:inline;
	width:237px;
	padding:10px 10px 0 10px;
}

.panel_sml .panel_body .colText h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:-1px;
	color:#d71921;
	margin-bottom:5px;
}

.contentRegion {
	width:922px;
    padding:0px 20px 0 20px;
	margin:0 auto;
}

.contentRegionTwoThirds {
	width:600px;
    padding:0px 10px 0 10px;
	float:left;
	display:inline;
}

.contentRegionOneThird {
	width:280px;
    padding:0px 10px 0 10px;
	float:left;
	display:inline;
	text-align:right;
}

#mainContainer .contentRegion .contentRegionTwoThirds p.big,
#mainContainer .contentRegion .contentRegionTwoThirds p.big a,
#mainContainer .contentRegion .contentRegionTwoThirds p.big b,
#mainContainer .contentRegion .contentRegionOneThird p.big,
#mainContainer .contentRegion .contentRegionOneThird p.big a,
#mainContainer .contentRegion .contentRegionOneThird p.big b{
	font-size:16px;
	line-height:140%;
}

#mainContainer .contentRegion .contentRegionTwoThirds img,
#mainContainer .contentRegion .contentRegionOneThird img{
	border:none;
	padding-top:0px;
}

/* FOOTER CSS *************************/
#mainContainer #footer {
	background:url(../images/pages/bg_footer.jpg) 710px 17px no-repeat;
	margin:30px auto;
	width:902px;
	text-align:left;
	padding:15px 30px 0px 30px;
	border-top:1px solid #b8b8b8;
	border-bottom:1px solid #b8b8b8;
}

#mainContainer #footer p {
	float:left;
	color:#b8b8b8;
	font-size:11px;
	line-height:130%;
	font-weight:bold;
}

#botNav {
	float:left;
}

#botNav li {
	font-size:11px;
	line-height:130%;
	float:left;
	display:inline;
	margin:0 10px 0 0;
	border-left:1px solid #646464;
	padding:0 0 0 10px;
	text-transform:lowercase;
}

#botNav li a:link, #botNav li a:visited{
	font-size:11px;
	line-height:130%;
	color:#646464;
	text-decoration:underline;
}

#botNav li a:hover{
	font-size:11px;
	line-height:130%;
	color:#d71921;
	text-decoration:none;
}

#botNav li.first{
	border:none;
	font-size:11px;
	line-height:130%;
	color:#d71921;
}