/*(c) 2011 Better-IT http://www.better-it.net*/
@charset "utf-8";
/**********************************
Reset
***********************************/
html,body,p,li,ul,ol,form,div,button,input,textarea,select,h1,h2,h3,h4,h5,h6,h7,img {
	margin: 0;
	padding: 0;
}

/**********************************
default overflow
***********************************/
div, p , ul {
	overflow: hidden;
}

/**********************************
default image styles
***********************************/
img {
	border:none;
}

/**********************************
reset styling on button element
***********************************/
/* from http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/ */		
button { 
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}/**********************************
Basic text styles, sizez and spacing
***********************************/
body {
font-family:Tahoma, Geneva, sans-serif;
color:#555;
line-height:1.5em;
font-size:11px;
}

h1, h2, h3, h4, h5, p, ul, ol {
padding: .5em 0;
margin: 0;
}



/**********************************
Headings
***********************************/

h1, h2, h3, h4, h5 {
clear:both;
color:#000;
}

h2 a:link, h2 a:visited, h2 a:hover, h3 a:link, h3 a:visited, h3 a:hover, h4 a:link, h5 a:visited, h4 a:hover {
color:#000;
text-decoration:none;
}

h1, h1 a:link, h1 a:visited, h1 a:hover {
color:#AF0404;
text-decoration:none;
display: block;
}

h1 {
color: #AF0404;
height: 40px;
line-height: 40px;
margin: 0;
padding: 20px;
font-size: 37px;
text-shadow: 0 0 2px #fff;
height: 178px;
font-weight: normal;
}

h1 strong {
color: #840000;
}

#main_content h1 {
padding: 10px 0 20px 30px;
height: auto;
}

h2 {
font-size:13px;
}

h3 {
font-size:11px;
}

.text h3 {
padding-top: 1em;
font-size:11px;
}

.text h3:first-child {
padding-top: 0.5em;
}

/**********************************
Lists
***********************************/
ul , ol, li {
padding: .5em 0;
}

ul li {
padding:0 0 0 0em;
margin:.5em 0 .5em 14px;
list-style-type:square;
list-style-position:outside;
}

ol li {
margin: .5em 0 .5em 2em;
}


ol li p {
color:#4f4f4f;
font-weight:normal;
padding:0;
margin:0;
}

p + ul {
padding-top: 0;
}

li:first-child {
padding-top: 0;
}



/**********************************
links
***********************************/
a:link, a:visited {
text-decoration:underline;
color:#0090b7;
}

a:hover {
text-decoration:none;
}

a.special-link {
color:#444;
text-decoration:none;
cursor:default;
}

a.special-link span {
display:none;
}


/**********************************
Other text styles
***********************************/
blockquote {
padding:0;
margin:0 1em;
}

.align_left {
text-align:left;
}

.align_right {
text-align:right;
}

.hide {
display:none;
}

.float_left {
float:left;
}

.float_right {
float:right;
}/**********************************
Basic body structure
***********************************/
body {
	text-align:center;/*ie5/6 fix*/
	padding:10px 20px 20px;
	background-color:#bfbfbf;
	margin: 0;
}

/**********************************
Other Structural elements
***********************************/

.outerwrap {
	margin:0 auto;
	width:960px;
	}

#mobile_switch {
	display: block;
	position: absolute;
	overflow: visible;
	top: 0;
	left: 0;
	width: 100%;
	text-align: right;
}
#mobile_switch .mobile_version_on, #mobile_switch .mobile_version_off {
	background-color: #0B2C3A;
	border: 1px solid #ccc;
	display: none;
	width: auto;
	font-weight:bold;
	font-size: 1.3em;
	text-align: center;
	float:right;
	padding: 0.25em;
}#header .innerwrap {
text-align:left;
color:#999;
background: transparent url(/images/bgd-header.jpg) left top no-repeat;
height: 174px;
}

#header #logo {
width:472px;
height:83px;
display:block;
float:left;
margin: 20px 0 0 20px;
}

#header_right {
width:220px;
float:right;
margin-top: 20px;
color: #fff;
text-shadow: 0px 0px 10px #000;
}

#brochure_links  p{
padding: 0;
}

#brochure_links ul {
}

#brochure_links li {
list-style: none;
width: 32px;
height: 21px;
display: block;
float: left;
padding: 0;
margin: 0 5px 0 0;
}

#brochure_links li a {
width: 32px;
height: 21px;
display: block;
text-indent: -1000px;
}

#brochure_links .smallflag.en {
background-repeat: none;
background-position: left top;
}

#brochure_links .smallflag.en {
background-image:url("/images/flag-en-small.gif");
}

#brochure_links .smallflag.ar {
background-image:url("/images/flag-ar-small.gif");
}

#brochure_links .smallflag.ja {
background-image:url("/images/flag-ja-small.gif");
}

#brochure_links .smallflag.no {
background-image:url("/images/flag-no-small.gif");
}

#header .contact_info p {
padding: 0.25em 0;
}

#header .contact_info a {
text-decoration:none;
}

#header .telephone, #header .email {
color:#fff;
font-weight:bold;
}
/**********************************
default form styles
***********************************/
input, select, button, textarea {
float:left;
font-family:Tahoma, Geneva, sans-serif;
color:#555;
font-size:11px;
}

label {
float:left;
font-weight:bold;
display:block;
width:200px;
}

input, select, textarea {
border:1px solid #ccc;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
}

input {
width:198px;
height:28px;
line-height:28px;
padding:0 5px;
}

select {
height:28px;
line-height:28px;
width:200px;
padding:0px 0 0px 5px;
}

textarea {
width:210px;
}

form p.error input, form p.error select, form p.error textarea {
border-color:#f00;
}

form p {
clear:both;
}

form .error_message {
margin-left: 200px;
display:block;
color:#f00;
}

button {
font-weight:bold;
padding:0 5px;
cursor:pointer;
height:30px;
line-height:30px;
color:#fff;
border:none;
background-color: #f59a41;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;	
-moz-border-radius: 4px;
border-radius: 4px;
}

button:hover {
background-position:center bottom;
}

.req {
color:#f00;
}

/**********************************
individual form styles
***********************************/
#form_callback #form_item1 label {
display: none;
}

#form_callback #form_item1, #form_callback .submit_button {
float: left;
clear: none;
}

#form_callback .submit_button {
margin-left: 10px;
}

#form_callback button {
width: 38px;
}

#form_callback .telephone_wrapper.error span {
display: none;
}

#form_callback p.error_message {
margin-left: 0;
}

#form_quote .text_wrapper, #form_contact .text_wrapper {
font-size: 13px;
color: #840000;
font-weight:bold;
}

#form_quote input, #form_contact input {
width:358px;
}

#form_quote textarea, #form_contact textarea{
width:368px;
}

#form_quote .textarea_wrapper {
padding-top: 20px;
}

#form_quote .checkbox_wrapper {
width: 33.33333333%;
height:3em;
float: left;
clear: none;
}

#form_quote .checkbox_wrapper input {
width: 10px;
height:12px;
line-height:12px;
float: left;
}

#form_quote .checkbox_wrapper label {
float: right;
width: 170px;
}

#form_quote button, #form_contact  button , #brochure-request button {
width: 118px;
margin-left: 200px;
}

#brochure-request button, #brochure-request form .error_message {
margin-left: 0px;
}#mainnav {
margin:18px 0 0;
background:transparent url('/images/bgd-mainnav-bot.png') no-repeat bottom left;
display:block;
clear:both;
padding-bottom:10px;
}

#mainnav li {
list-style:none;
margin:0;
float:left;
}

#mainnav li.button_home{
width:73px;
}

#mainnav li.button_products {
width:90px;
}

#mainnav li.button_testimonials {
width:113px;
}

#mainnav li.button_clients {
width:79px;
}

#mainnav li.button_survey {
width:143px;
}

#mainnav li.button_quote  {
width:113px;
}

#mainnav li.button_contact  {
width:85px;
}



#mainnav li a {
text-align:center;
display:block;
overflow:hidden;
color:#fff;
text-decoration:none;
padding:0 10px 7px;
background-image:url('/images/bgd-mainnav-element.png');
background-repeat:no-repeat;
background-position:-1000px bottom ;
margin:10px 10px 0;
}

#mainnav li a:link#mainnav li a:visited {
}

#mainnav li a:hover {
background-position:center bottom;
}
#content {
background-color:#4d2540;
}

#content .innerwrap {
text-align:left;
}

#main_content {
background-color:#fff;
clear:both;
background:transparent url('/images/bgd-content-940-3col-divs.jpg') repeat-y top center;
}

#main_content_top, #main_content_bot {
clear:both;
height:10px;
background:transparent url('/images/bgd-content-top-bot.png') no-repeat top center;
}

#main_content_bot {
background-position:bottom center;
}

.red_bullet {
background:transparent url('/images/bullet-large-orange.png') no-repeat center left;
font-weight:bold;
padding-left:10px;
}

#main_content h2 {
height:28px;
line-height:30px;
padding:0 10px;
margin:0 20px 10px;
background-color: #f59a41;
padding: 0 10px;
line-height:28px;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;	
-moz-border-radius: 4px;
border-radius: 4px;
}

#main_content .text {
padding:0 10px;
margin:0 20px 10px;
}

#main_content .image {
border: 1px solid #ccc;
}

.w50 {
width:50%;
float:left;
}

.column {
float:left;
width:33.3333333%;
}

.white_box_300 {
background-color: #fff;
margin:0 10px 10px;
float:right;
width:298px;
min-height:316px;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;	
-moz-border-radius: 4px;
border-radius: 4px;
}

.white_box_300 ul {
padding:0 20px;
}

.white_box_300 h2 {
background-color: #f59a41;
padding: 0 10px;
margin:10px 10px;
line-height:28px;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;	
-moz-border-radius: 4px;
border-radius: 4px;
}

.grey_box_630 {
margin:0 0px 10px 10px;
float:left;
width:628px;
height:318px;
}

/**********************************
feature B
***********************************/
#feature_b  ul {
min-height: 268px;
font-size: 13px;
font-weight: bold;
}

#feature_b  li {
line-height: 1.5em;
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #ddd;
}

#feature_b  li a {
line-height: 33px;
display: block;
text-decoration: none;
padding-left: 15px;
background: transparent url('/images/bullet-large-orange.png') no-repeat left 10px;
margin: 0;
}

#feature_b li a:hover {
background-color: #eee;
}



/**********************************
feature a
***********************************/
#feature_a {
background-color: #130f0c;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;	
-moz-border-radius: 4px;
border-radius: 4px;
/*background: transparent url('/images/bgd-feature-a-grey.jpg') no-repeat top center;*/
}

#feature_a_bot {
height: 80px;
padding: 10px;
font-size: 15px;
line-height: 1.5em;
color: #444;
}

/**********************************
Google Translate
***********************************/
.goog-te-combo {
font-family: Tahoma, Geneva, sans-serif !important;
font-size: 11px !important;
float: left;
height: 28px;
line-height: 28px !important;
padding: 0 0 0 5px !important;
width: 210px !important;
margin: 0.5em 0 !important;
}

/**********************************
testimonials
***********************************/
.testimonial {
margin:0.5em 0 30px;
}

.testimonial blockquote {
margin:0;
}

.testimonial h3 {
background-repeat:no-repeat;
background-position:left top;
text-indent:-3000px;
}

#Lengard.testimonial h3 {
background-image:url('/images/Lengard_logo.gif');
height:80px;
}

#Miller.testimonial h3 {
background-image:url('/images/miller.gif');
height:10px;
}

#Bridgford.testimonial h3 {
background-image:url('/images/bridgford.gif');
height:70px;
}

#Mace.testimonial h3 {
background-image:url('/images/mace.gif');
height:30px;
}

#OHeap.testimonial h3 {
background-image:url('/images/oheap.gif');
height:50px;
}

#Paramount.testimonial h3 {
background-image:url('/images/paramount.gif');
height:40px;
}
#LTSR.testimonial h3 {
background-image:url('/images/LTSRlogo.gif');
height:40px;
}
#Martinisation.testimonial h3 {
background-image:url('/images/martinisation-logo.jpg');
height:105px;
}
#Hira.testimonial h3 {
background-image:url('/images/hira-construction-logo.jpg');
height:70px;
}
#Vue.testimonial h3 {
font-size: 13px;
text-indent: 0;
margin-top: 0;
}#footer {
	background:#4d2540 url('/images/bgd-footer-bot.jpg') no-repeat bottom center;
	min-height:200px;
	color:#c6c6c6;
	text-align:left;
	}

#footer h4 {
	color:#fff;
	}

#footer a {
	text-decoration:none;
	color:#c6c6c6;
	}

#footer ul, #footer li {
	list-style:none;
	margin:0;
	padding:0;
	}

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

#footer .text {
	margin:20px;
	}
	

#footer .column {
	width: 25%;;
	}

#copyright_message {
	clear:both;
	margin:20px;
	text-align:center;
	}