@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	 line-height:16px;
	  
}
h1, h2, h3, h4 { padding-bottom:10px;}
a  { color:#950000; 	cursor:pointer;}
a:hover{ color:#161616; text-decoration:underline;}

body {
	line-height: 1;
	background-color:#000;

}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear:both;
}
/*--------------------FONTS START-------------------------------------------------*/
.red { color:#950000;}
.black{ color:#161616;}
.white{ color:white;}
.f10 { font-size:10px;}
.f11 { font-size:11px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.b { font-weight:bold;}
.italic{ font-style:italic;}
.sub{ line-height:22px;}
/*--------------------FONTS END----------------------------------------------------*/
#awrapper{ /*height:880px;*/padding-bottom: 250px; width:100%; margin:auto; background:url(../images/footers/home.jpg) bottom no-repeat; background-color:#f7f4e8;}
#bwrapper{ /*height:1200px;*/ padding-bottom: 350px; width:100%; margin:auto; background:url(../images/footers/who_are_we.jpg) bottom no-repeat; background-color:#f7f4e8;}
#cwrapper{ /*height:1250px;*/ padding-bottom: 350px; width:100%; margin:auto; background:url(../images/footers/what_we_do.jpg) bottom no-repeat; background-color:#f7f4e8;}
#dwrapper{ /*height:1350px;*/ padding-bottom: 200px; width:100%; margin:auto; background:url(../images/footers/free_demo.jpg) bottom no-repeat; background-color:#f7f4e8;}
#ewrapper{ /*height:950px;*/ padding-bottom: 360px; width:100%; margin:auto; background:url(../images/footers/careers.jpg) bottom no-repeat; background-color:#f7f4e8;}
#fwrapper{ /*height:870px;*/ padding-bottom: 300px; width:100%; margin:auto; background:url(../images/footers/contact.jpg) bottom no-repeat; background-color:#f7f4e8;}
#gwrapper{ height:2150px; width:100%; margin:auto; background:url(../images/footers/contact.jpg) bottom no-repeat; background-color:#f7f4e8;}
#hwrapper{ /*height:1150px;*/ padding-bottom: 200px; width:100%; margin:auto; background:url(../images/footers/contact.jpg) bottom no-repeat; background-color:#f7f4e8;}
#iwrapper{ /*height:1550px;*/ padding-bottom: 280px; width:100%; margin:auto; background:url(../images/footers/contact.jpg) bottom no-repeat; background-color:#f7f4e8;}
#flexwrapper{ padding-bottom:200px;width:100%; margin:auto; background:url(../images/footers/contact.jpg) bottom no-repeat; background-color:#f7f4e8;}
#wrapper{ width:980px; margin:auto; }

/*---------------------------------------------------------------------------------*/
#header{ width:980px; height:156px;position:relative;}
#logo{ display:block; width:214px;height:156px;position:absolute;left:0;z-index:1;}
#title_img{ width:460; height:156px; display:block; margin-left:251px;}
/*---------------------------------------------------------------------------------*/
#left_col{ margin-top:37px; display:block; float:left;}
#left_col ul li{ border:none; margin:0 0 0 0;}
/*---------------------------------------------------------------------------------*/
#mid_col{ display:block; float:left; width:460px; margin:37px 0 0 37px;}
#home_hero{ width:460px; height:200px;}
#home_copy { width:460px; margin-top:15px;}
/*---------------------------------------------------------------------------------*/
#right_col{ display:block; float:left; margin:37px 0 0 37px; width:230px;}
#news { margin:0 0 0 0;}
#newsb { margin:15px 0 0 0;}
#news a{ color:#950000;  }
#newsb a{ color:#950000; }
#right_col a{color:#950000;}
#right_col a:hover{ text-decoration:underline;}
/*---------------------------------------------------------------------------------*/
#footer_wrapper{ width:100%; background-color:#000000; }
#footer{ width:980px; margin:auto; padding-bottom:37px;}
#footer_block{	display:block;	float:left; padding-right:15px; margin-top:37px; }
#footer_block a{ color:#FFFFFF;}
#footer_logo{ display:block; float:left; width:81px; height:67px; margin:30px 0 0 0; padding-bottom:30px;}
#footer_number{ display:block; float:left; margin:30px 0 0 37px; text-align:left; padding-bottom:30px;}
#footer_number a{ color:white; font-size:11px;}
#footer_copyright{ margin:10px 0 0 0; display:block; float:left;}
#footer_services a{  color:#FFFFFF; font-size:11px; width:980px; }
#footer_services ul li{ padding-right:2px; display:inline; font-size:11px; color:#FFFFFF;}
/*---------------------------------------------------------------------------------*/

#wall{ margin:auto; width:980px; height:2622px; }
#bottom_wrapper{margin:auto; background-color:#000000; }
#bottom{margin:auto; width:980px; background-color:#000000; text-align:center; color:white; padding-bottom:37px;}
#bottom a{ color:white; font-size:11px;}
/*---------------------------------------------------------------------------------*/
#heads{ margin:37px 0 0 37px; display:block; float:left;}
/*---------------------------------------------------------------------------------*/
#body_copy_b{margin:37px 0 0 37px; display:block; float:left; width:728px;}
#body_copy_b input{ margin-bottom:5px;}
#specs{	width:200px; display:block;	float:left;	line-height:15px;}
#specs a { line-height:18px;}
/*---------------------------------------------------------------------------------*/
#body_copy_c{margin:37px 0 0 37px; display:block; float:left; width:728px;}

#postcards{ width:219px; display:block; float:left; padding-left:30px;}
#postcardsl{ width:219px; display:block; float:left;}
/*---------------------------------------------------------------------------------*/
#mid_col_careers{ display:block; float:left; width:460px; margin:37px 0 0 37px;}
#right_col_careers{ display:block; float:left; margin:37px 0 0 37px; width:230px;}
#careers_body input{ margin-bottom:5px;}
/*---------------------------------------------------------------------------------*/
#mid_col_contact{ display:block; float:left; width:460px; margin:37px 0 0 37px;}
#right_col_contact{ display:block; float:left; margin:37px 0 0 37px; width:230px;}

/*---------------------------------------------------------------------------------*/
#testimonial_body { display:block; float:left; margin:37px 0 0 37px;}
#testimonial_frame {width:725px;}
#testimonial_img {display:block;	float:left;	width:210px;}
#testimonial_text {	display:block;	float:left;	padding-left:37px;	width:450px;}
#test_title{ padding:10px 0 10px 0;}
/*---------------------------------------------------------------------------------*/
#right_col_specialties { display:block; float:left; margin:37px 0 0 37px; width:230px;}
#spec_copy{ width:750px;  margin:0 0 0 250px;}
#spec_copy table{}
#spec_copy input{ margin-bottom:5px;}
/*---------------------------------------------------------------------------------*/
#clients{ width:219px; display:block; float:left; padding-left:30px;}
#clientsl{ width:219px; display:block; float:left;}
/*---------------------------------------------------------------------------------*/

#default_body { display:block; float:left; margin:37px 0 0 37px; width:728px; min-height:360px; height:auto !important; height:360px;}
#default_body p{margin: 0 0 10px 0;}
#speciality_list{padding: 0; margin:0 0 5px 0;}
#speciality_list .spec_col{width:200px; display:block; float:left; padding: 0 15px 0 0;}
#speciality_list .spec_col a{line-height:18px;}
/*---------------------------------------------------------------------------------*/

#form_float{display:block; float:left;}

.formStatusOk {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; padding-bottom:10px;}
	
.formStatusError { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; padding-bottom:10px;}

/* Added by Remon Saddik */
#FlashOverlay {display:none;position:absolute;width:100%;top:20px;}
#FlashOverlay .container {position:relative;width:980px;margin:0 auto;}
#FlashOverlay .container iframe {background:transparent;border:none;width:980px;height:780px;position:absolute;top:10px;margin:0 auto;z-index:1000;}

/* image gallery on free demo page 
.gallery {zoom:1; width:687px; }
.gallery a {display:block; float:left;  text-align:center; opacity:0.87; }
.gallery a:hover {opacity:1;}
.gallery a img {border:none; display:block;}
.gallery a#vlightbox{display:none}*/
#FreeDemoForm_MyFreeDemoForm a.free_demo_gallery img{filter: alpha(opacity=87);-moz-opacity: 0.87;-khtml-opacity: 0.87;opacity: 0.87;}
#FreeDemoForm_MyFreeDemoForm a.free_demo_gallery:hover img{filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}

/* Form */
form { font-size:12px; font-family:Arial, Helvetica, sans-serif;}
form .message{ color:#990000; font-size:12px; font-weight:normal;}
form legend{ display:none;}

#ContactUsForm_MyContactUsForm .field{ width:230px; margin: 5px 0 0 0; display:block; float:left;}
#ContactUsForm_MyContactUsForm .textarea{width:460px;}
#ContactUsForm_MyContactUsForm .field label.left{ display:block; float:left; width:220px; font-weight:bold;}
#ContactUsForm_MyContactUsForm #Comments textarea {width:430px; height:100px; margin:5px 0;}

#CaseStudyForm_MyCaseStudyForm fieldset{ width:460px; display:block; float:left; margin:0; padding:0;}
#CaseStudyForm_MyCaseStudyForm .Actions{ width:213px; display:block; float:left; margin: 15px 0 0 0; padding:0;}
#CaseStudyForm_MyCaseStudyForm .field{ width:230px; margin: 5px 0 0 0; display:block; float:left;}
#CaseStudyForm_MyCaseStudyForm .field label.left{ display:block; float:left; width:220px; font-weight:bold;}

#CareersForm_MyCareersForm .field{ width:460px; margin: 5px 0 0 0; display:block;}
#CareersForm_MyCareersForm .field label.left{ font-weight:bold;}
#CareersForm_MyCareersForm .field .left .hint {font-weight:normal;}
#CareersForm_MyCareersForm #Comments textarea {width:430px; height:100px; margin:5px 0;}


#FreeDemoForm_MyFreeDemoForm fieldset{margin:0; padding:0;}
#FreeDemoForm_MyFreeDemoForm #FreeDemoForm_MyFreeDemoForm_PostCard ul{margin:0; padding:0;}
#FreeDemoForm_MyFreeDemoForm #FreeDemoForm_MyFreeDemoForm_PostCard li{ width:230px; display:block; float:left; margin:10px 0 0 0; padding:0; border:none; list-style:none; list-style-type:none;}

#FreeDemoForm_MyFreeDemoForm #FreeDemoForm_MyFreeDemoForm_PostCard .valClear_code,
#FreeDemoForm_MyFreeDemoForm #FreeDemoForm_MyFreeDemoForm_PostCard .valMessage_found,
#FreeDemoForm_MyFreeDemoForm #FreeDemoForm_MyFreeDemoForm_PostCard .valTuned_in,
#FreeDemoForm_MyFreeDemoForm #FreeDemoForm_MyFreeDemoForm_PostCard .valDeciphered
{ margin: 10px 0 0 15px; padding:0;}

#FreeDemoForm_MyFreeDemoForm input.radio{margin: 0 5px; padding:0; border:none; width:16px; height:16px;}
#FreeDemoForm_MyFreeDemoForm #FreeDemoForm_MyFreeDemoForm_PostCard img{margin:3px 5px;}
#FreeDemoForm_MyFreeDemoForm #FreeDemoForm_MyFreeDemoForm_PostCard span{ vertical-align:middle; padding: 0 0 7px 0; height:16px; display:inline-block;}

#FreeDemoForm_MyFreeDemoForm .field{ margin: 5px 0 0 0; padding:0;}
#FreeDemoForm_MyFreeDemoForm .text label,
#FreeDemoForm_MyFreeDemoForm .textarea label
{ display:block; float:left; width:135px; font-weight:bold;}


#FreeDemoForm_MyFreeDemoForm #FirstName,
#FreeDemoForm_MyFreeDemoForm #LastName,
#FreeDemoForm_MyFreeDemoForm #YourMessage,
#FreeDemoForm_MyFreeDemoForm #FriendFirstName,
#FreeDemoForm_MyFreeDemoForm #FriendLastName,
#FreeDemoForm_MyFreeDemoForm #Address_1,
#FreeDemoForm_MyFreeDemoForm #Address_2,
#FreeDemoForm_MyFreeDemoForm #Postcode,
#FreeDemoForm_MyFreeDemoForm #State
{ display:block; width:728px; margin: 10px 0 0 0; padding:0; clear:both;}
 
#FreeDemoForm_MyFreeDemoForm #FirstName .middleColumn,
#FreeDemoForm_MyFreeDemoForm #LastName .middleColumn,
#FreeDemoForm_MyFreeDemoForm #YourMessage .middleColumn,
#FreeDemoForm_MyFreeDemoForm #FriendFirstName .middleColumn,
#FreeDemoForm_MyFreeDemoForm #FriendLastName .middleColumn,
#FreeDemoForm_MyFreeDemoForm #Address_1 .middleColumn,
#FreeDemoForm_MyFreeDemoForm #Address_2 .middleColumn,
#FreeDemoForm_MyFreeDemoForm #Postcode .middleColumn,
#FreeDemoForm_MyFreeDemoForm #State .middleColumn
{ display:block; width:500px; float:left; margin:0; padding:0;}


#FreeDemoForm_MyFreeDemoForm textarea{width:430px; height:100px;}
#FreeDemoForm_MyFreeDemoForm #AgreeToTerm{margin:10px 0 0 135px; font-weight:bold; vertical-align:middle; display:block; width:500px;} 
#FreeDemoForm_MyFreeDemoForm .Actions{margin:15px 0 0 135px;}
#FreeDemoForm_MyFreeDemoForm #AgreeToTerm span.message{display:block;}


#default_body .field label{ font-weight:bold;}
#default_body .field input.text{ width:202px;}
#default_body .field{margin: 5px 0 0 0; display:block;}
#default_body .Actions{margin:15px 0 0 0;}

/* flash link */
#logoOverlay {display:block;width:214px;height:156px;position:absolute;z-index:100;left:0;}
a.flash_link { display:block;width:214px;height:156px;text-decoration:none;}