/* General */
body{
	background: #2F594C url(../images/page_bg.jpg) repeat-x top left;
	padding: 0px;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a img{
	border: 0px;
}

a{
  color: #51947e;
}

.clear{
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

/* Structure */

#parent_container{
	width: 908px;
	margin: 0px auto 0px auto;
}

#header_container{
	margin: 6px 0px 0px 0px;
	height: 237px;
	width: 100%;
	background: url(../images/header_bg.jpg) top left no-repeat;
}

#body_container{
	width: 100%;
	background: url(../images/body_bg_shadow.jpg) top left repeat-y;
}

#footer_container{
	background: url(../images/footer_bg.jpg) top left no-repeat;
	height: 38px;
	width: 100%;
	color: #9BA8A4;
}

#footer_container_home{
	background: url(../images/footer_bg.jpg) bottom left no-repeat;
	height: 38px;
	width: 100%;
	color: #9BA8A4;
}

/* Header */

p#main_logo{
	float: right;
	margin: 19px 19px 0px 0px;
}

/* Body*/

#static_shadow{
	background: url(../images/static-shadow.gif) top left no-repeat;
	width: 908px;
}

#body_content{
	width: 900px;
	margin: 0px auto 0px auto;
	background: #1B322A url(../images/body_bg.jpg) top left repeat-x;
}

.body_image{
  min-height:419px;
  height: auto !important;
  height: 419px;
	width: 892px;
	margin: 0px auto 0px auto;
	background: url(../images/body_images/default.jpg) top right no-repeat;
}
.body_image.home{
	background: url(../images/body_images/home.jpg) top right no-repeat;
}
.body_image.about_body{
	background: url(../images/body_images/about_us.jpg) top right no-repeat;
}
.body_image.services_body{
	background: url(../images/body_images/services.jpg) top right no-repeat;
}
.body_image.case_studies{
	background: url(../images/body_images/case_studies.jpg) top right no-repeat;
}
.body_image.technologies_body{
	background: url(../images/body_images/technologies.jpg) top right no-repeat;
}
.body_image.faqs_body{
	background: url(../images/body_images/faqs.jpg) top right no-repeat;
}
/* Menu */

#top_menu{
	background: url(../images/menu_bg.jpg) top right no-repeat;
	width: 623px;
	height: 31px;
}

#top_menu ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	height: 27px;
}

#top_menu li{
	margin: 0px 0px 0px 0px;
	float: left;
}

#top_menu li.menu_spacer{
	width: 1px;
	height: 27px;
	background: url(../images/menu_spacer.jpg) top left no-repeat;
}

#top_menu li a{
	color: #ffffff;
	text-decoration: none;
}

#top_menu li a:hover{
	text-decoration: underline;
}

/* Content */

.page_title{
	height: 33px;
	width: 352px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image:url(../images/page_titles/home.jpg);
}

.page_title.about{
	background-image:url(../images/page_titles/about.jpg);
}
.page_title.services{
	background-image:url(../images/page_titles/services.jpg);
}
.page_title.technologies{
	background-image:url(../images/page_titles/technologies.jpg);
}
.page_title.case_study{
	background-image:url(../images/page_titles/case_studies.jpg);
}
.page_title.faqs{
	background-image:url(../images/page_titles/faqs.jpg);
}
.page_title.testimonials{
	background-image:url(../images/page_titles/testimonials.jpg);
}
.page_title.contact{
	background-image:url(../images/page_titles/contact.jpg);
}
.page_title.site_map{
	background-image:url(../images/page_titles/site_map.jpg);
}

.page_title a{
	float: right;
	margin: 12px 15px 0px 0px;
}

.page_title h1{
  display: none;
}

#page_text{
	color: #ffffff;
	width: 420px;
	height: 305px;
	font-size: 8pt;
	line-height: 16px;
	margin: 7px 0px 5px 15px;
	letter-spacing: 1px;
	overflow: hidden;
}

#page_text p{
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}

#scroll_up {
  cursor: pointer;
}
#scroll_down {
  cursor: pointer;
}
#scroll_box {
  overflow: auto;
}

#phone_holder{
	height: 419px;
	width: 900px;
	background: url(../images/phone_bg.jpg) bottom left no-repeat;
}

/* Home Page */

#home_text{
	width: 430px;
	height: 185px;
	overflow: hidden;
	color: #ffffff;
	font-size: 8pt;
	line-height: 16px;
	margin: 6px 0px 0px 20px;
	letter-spacing: 1px;
}

#home_text p{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#home_phone{
	background: url(../images/phone.jpg) top left no-repeat;
	width: 455px;
	height: 37px;
}

#home_images{
  height: 126px;
  overflow: hidden;
}

#home_images ul{
	margin: 2px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#home_images li{
	margin: 0px 12px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
}

/* Services */

#services_text{
	color: #ffffff;
	width: 600px;
	height: 81px;
	font-size: 8pt;
	line-height: 16px;
	margin: 15px 0px 0px 15px;
	letter-spacing: 1px;
	overflow: hidden;
}

#services_text p{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#services{
	width: 600px;
	height: 190px;
	margin: 0px 0px 0px 12px;
}

#service1, #service2, #service3, #service4, #service5, #service6{
	width: 187px;
	height: 82px;
	float: left;
	margin: 12px 12px 0px 0px;
}

#service1{
	background: url(../images/folders/folder_1.jpg) top left no-repeat;
}

#service2{
	background: url(../images/folders/folder_2.jpg) top left no-repeat;
}

#service3{
	background: url(../images/folders/folder_3.jpg) top left no-repeat;
}

#service4{
	background: url(../images/folders/folder_4.jpg) top left no-repeat;
}

#service5{
	background: url(../images/folders/folder_5.jpg) top left no-repeat;
}

#service6{
	background: url(../images/folders/folder_6.jpg) top left no-repeat;
}

.service_title{
	height: 19px;
	color: #51947e;
	padding: 7px 0px 0px 13px;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 14px;
}

.service_title a{
  color: #51947e;
  text-decoration: none;
}

.service_title a:hover{
  text-decoration: underline;
}

.service_info{
	height: 32px;
	padding: 6px 10px 5px 13px;
	color: #ffffff;
	font-weight: bold;
	overflow: hidden;
	line-height: 12px;
}

.service_info p{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#whole_lot_more{
	position: relative;
	left: 20px;
	top: 8px;
}

/* Case Studies */

#case_studies_text{
	color: #ffffff;
	width: 600px;
	height: 49px;
	font-size: 8pt;
	line-height: 16px;
	margin: 15px 0px 0px 15px;
	letter-spacing: 1px;
	overflow: hidden;
}

#case_studies_text p{
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}

#case_studies{
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
	height: 220px;
}

#case_study1, #case_study2, #case_study3, #case_study4{
	width: 287px;
	height: 93px;
	float: left;
	margin: 12px 12px 0px 0px;
}

#case_study1{
	background: url(../images/case_studies/folder_1.jpg) top left no-repeat;
}

#case_study2{
	background: url(../images/case_studies/folder_2.jpg) top left no-repeat;
}

#case_study3{
	background: url(../images/case_studies/folder_3.jpg) top left no-repeat;
}

#case_study4{
	background: url(../images/case_studies/folder_4.jpg) top left no-repeat;
}

.case_study_no{
	color: #94c4b4;
}

.car_name{
	color: #ffffff;
	padding: 6px 0px 0px 14px;
	font-weight: bold;
	width: 150px;
	height: 25px;
	overflow: hidden;
}

.customer_name{
	color: #94c4b4;
	padding: 1px 0px 0px 14px;
	width: 150px;
	height: 12px;
	overflow: hidden;
}

.case_study_link{
	padding: 1px 0px 0px 14px;
}

.case_study_link a{
	color:#51947e;
	text-decoration: none;
}

.case_study_link a:hover{
	text-decoration: underline;
}

#case_study_img1{
  height: 61px;
  width: 97px;
}

.case_study_img_frame{
	width: 97px;
	height: 61px;
	background:url(../images/case_study_img_bg.gif) top left no-repeat;
}

#case_study_img1, #case_study_img2, #case_study_img3, #case_study_img4{
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
	margin: 24px 8px 0px 0px;
}

#view_more{
	margin: 11px 0px 5px 19px;
}

#view_testimonials{
  margin: 0px 0px 0px 19px;
}

/* Case Studies Pages*/

#case_study_main_image{
	float: right;
	margin: 49px 0px 0px 0px;
}

#case_study_main_image img{
	border: 1px solid #2e574a;
}

#case_study_text{
	color: #ffffff;
	width: 500px;
	height: 300px;
	font-size: 8pt;
	line-height: 16px;
	margin: 15px 0px 0px 17px;
	letter-spacing: 1px;
	overflow: hidden;
}

#case_study_text p{
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}

.case_study_title{
	color:#51947e;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
}

#case_study_text td{
	vertical-align: top;
	padding: 0px 0px 18px 0px;
	line-height: 12px;
}

#case_study_text td.CStitle{
	width: 90px;
	font-weight: bold;
	color: #51947e;
	text-transform:uppercase;

}

/* Technologies */

#technology1, #technology2, #technology3, #technology4, #technology5, #technology6{
	width: 187px;
	height: 82px;
	float: left;
	margin: 12px 12px 0px 0px;
}

#technology1{
	background: url(../images/technology/folder_1.jpg) top left no-repeat;
}

#technology2{
	background: url(../images/technology/folder_2.jpg) top left no-repeat;
}

#technology3{
	background: url(../images/technology/folder_3.jpg) top left no-repeat;
}

#technology4{
	background: url(../images/technology/folder_4.jpg) top left no-repeat;
}

#technology5{
	background: url(../images/technology/folder_5.jpg) top left no-repeat;
}

#technology6{
	background: url(../images/technology/folder_6.jpg) top left no-repeat;
}


/* FAQs */

#faq_text{
	color: #ffffff;
	width: 500px;
	height: 300px;
	font-size: 8pt;
	line-height: 16px;
	margin: 15px 0px 0px 15px;
	letter-spacing: 1px;
	overflow: hidden;
}

#faq_text ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#faq_text li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;

}

#faq_text a{
	color: #ffffff;
	text-decoration: none;
}

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

.faq_arrow{
	color: #51947e;
}

#testimonial_text{
	color: #ffffff;
	width: 500px;
	height: 295px;
	font-size: 8pt;
	line-height: 16px;
	margin: 15px 0px 10px 15px;
	letter-spacing: 1px;
	overflow: hidden;
}

#services_example_text{
	color: #ffffff;
	width: 500px;
	height: 263px;
	font-size: 8pt;
	line-height: 16px;
	margin: 15px 0px 10px 15px;
	letter-spacing: 1px;
	overflow: hidden;
}

/* Footer*/

#footer_container a{
	color: #9BA8A4;
	text-decoration: none;
	font-size: 10px;
}

#site_map_link{
	float: left;
	margin: 19px 0px 0px 22px;
	display: inline;
}

#site_map_link a{
	color: #9BA8A4;
	text-decoration: none;
}

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

#quote_holder{
	float: left;
	margin: 7px 0px 0px 60px;
	padding: 1px 20px 0px 20px;
	width: 533px;
	height: 16px;
	overflow: hidden;
	font-weight: bold;
	font-size: 12px;
	color: #DFDFDF;
	display: inline;
	background: url(../images/quote_bg.gif) top left no-repeat;
	text-align: center;
}

#quote_holder a{
  font-size: 12px;
	color: #DFDFDF;
	 text-decoration: none;
}

#quote_holder a:hover{
  text-decoration: none;
}

#visualsoft_logo{
	float: right;
	margin: 20px 16px 0px 0px;
	display: inline;
}

#site_by{
	margin: 0px 5px 0px 0px;
}

.hide{
  display: none;
  color: #51947e;
	margin: 0px 0px 0px 7px;
}

.show{
  display: block;
  color: #51947e;
	margin: 0px 0px 0px 7px;
}

#faq_text{
  height: 285px;
  overflow: hidden;
}

#faq_text p, #testimonial_text p{
  margin: 0px 0px 2px 0px;
  padding: 0px 0px 0px 0px;
}

#services_example_text p{
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}

/* Contact Form */

#contact_form_holder{
  width: 351px;
  float: left;
}

#contact_text{
	color: #ffffff;
	width: 336px;
	height: 55px;
	font-size: 8pt;
	line-height: 14px;
	margin: 15px 0px 0px 15px;
	letter-spacing: 1px;
	overflow: hidden;
}

#contact_text p{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#contact_form{
  color: #ffffff;
  width: 351px;
}

#contact_form form{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#contact_form table{
  margin: 19px 0px 0px 15px;
}

#contact_form td{
  vertical-align: top;
}

.car_td{
  padding: 0px 0px 12px 0px;
}

.car_td2{
  padding: 0px 0px 11px 0px;
}

.textbox_right{
  float: right;
  width: 2px;
  height: 18px;
  background: url(../images/textbox_right.jpg) top left no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.textbox_left{
  float: right;
  width: 2px;
  height: 18px;
  background: url(../images/textbox_left.jpg) top left no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.custom_textbox{
  float: right;
  background: url(../images/textbox_mid.jpg) top left repeat-x;
  border: 0px;
  width: 230px;
  height: 16px;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 0px 0px;
  color: #b7b7b7;
  font-size: 7pt;
}

.custom_textarea{
  background: url(../images/text_bg.gif) top left repeat-x;
  border: 0px;
  width: 232px;
  height: 83px;
  overflow: auto;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 0px 2px;
  color: #b7b7b7;
  font-size: 8pt;
}

#send{
  float: right;
  position: relative;
  top: 2px;
  left: -14px;
}

.details{
  float: left;
  width: 130px;
}

.contact_divider{
  float: left;
  width: 1px;
  height: 271px;
  background: url(../images/contact_divider.gif) top right no-repeat;
  margin: 21px 0px 0px 0px;
}

.map_holder{
  float: left;
  width: 525px;
}

.map_holder_left{
  float: left;
  width: 145px;
  color: #51947e;
  font-weight: bold;
  padding: 20px 0px 0px 21px;
  font-size: 8pt;
}

.map_holder_left p{
  margin: 0px 0px 0px 2px;
  padding: 0px 0px 0px 0px;
  height: 69px;
}

.map_holder_left form{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.custom_textbox_postcode{
  float: right;
  background: url(../images/textbox_mid.jpg) top left repeat-x;
  border: 0px;
  width: 136px;
  height: 16px;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 0px 2px;
  color: #b7b7b7;
  font-size: 7pt;
}

.map_holder_right{
  float: right;
}

#map_canvas{
  width: 338px;
  height: 303px;
  margin: -13px 1px 0px 0px;
  border: 1px solid #2e574a;
}

#go{
  float: right;
  position: relative;
  top: 8px;
  left: -3px;
}

#go_directions{
  float: right;
}

#error_text{
  color: #ffffff;
  padding: 0px 0px 0px 20px;
}

#error_text a{
  color: #51947e;
  text-decoration: none;
}

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

h1.title{
  color: #51947e;
  margin: 10px 0px 5px 20px;
  font-size: 18px;
}

#map{
  float: left;
  width: 300px;
  height: 300px;
  margin: 10px 2px 0px 5px;
  padding: 0px 0px 0px 0px;
}

#route{
  float: left;
  width: 570px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #ffffff;
}

#route a{
  color: #51947e;
  text-decoration: none;
}

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

.print_link{
  float: right;
  margin: 0px 10px 0px 0px;
}

.print_link a{
  color: #51947e;
  text-decoration: none;
}

.print_link a:hover{
  text-decoration: underline;
}

#site_map_text a{
  color: #51947e;
  text-decoration: none;
}

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

#site_map_text ul{
  list-style: none;
}

#site_map_text li{
  margin: 3px 0px 0px 0px;
}

.testimonial_comment{
  padding:0px 0px 10px 10px;
  color: #51947e;
}

#sitemap_area{
  font-size: 11px;
}

#sitemap_lists ul{
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#sitemap_lists ul li{
  margin: 0px 0px 4px 0px;
  padding: 0px 0px 0px 12px;
  background: url(../images/arrow.gif) 0px 5px no-repeat;
}

#sitemap_lists a{
  text-decoration: none;
}

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

.sitemap_title{
  color: #ffffff;
  width: 160px;
  vertical-align: top;
}

.sitemap_list{
  width: 160px;
  vertical-align: top;
}

#sitemap_headers{
  margin: 10px 0px 5px 10px;
}

#sitemap_lists{
  margin: 5px 0px 0px 10px;
}

#sitemap_break{
  background-color: #1c392e;
  height: 1px;
  width: 100%;
  line-height: 1px;
  font-size: 1px;
  padding: 0px 0px 0px 0px;
}