/* Reset CSS*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }

table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; padding:0; margin:0; }

/* Reset Fonts */
body { font:0.7em verdana,helvetica,sans-serif;0*font-size:small;0*font:x-small; }
table { font-size:inherit;font:100%; }
select, input, textarea {font:99% arial,helvetica,clean,sans-serif; }
pre, code { font:115% monospace;*font-size:100%; }
body * { line-height:1.22em; }

#container {
    padding-top: 20px;
}
#strapline {
    background: rgb(2, 87, 108);
    color:rgb(255, 255, 255);
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left:-390px;
    width: 782px;
    height: 20px;
}
#strapline h1 {
    margin: 0px;
    padding: 3px 0px 0px;
    color: rgb(255, 255, 255);
}
#copyright {
    text-align: center;
}

/* Layout Pages*/
body{text-align:center; }
div#header{position:relative}
div#container{text-align:left}
div#extra{background:#FF8539}
div#container{width:740px;margin:0 auto}
div#content{float:left;width:445px; }
div#navigation{float:right;width:275px}
div#extra{clear:both;width:100%}
div#headbox{float:right; text-align:right;}

/* Layout styling */
html { height:100%; background:url(/images/bk.jpg) repeat-y center; overflow: -moz-scrollbars-vertical;}
#header { height:85px; margin-top:20px; }
#mainmenu { background:#837c45; height:40px; }
#wrapper { border-top:1px solid #dadada; }
#footer { margin:40px 0 10px 0; padding-bottom:10px; }

.navheading { padding-bottom:10px; border-bottom:1px solid #dadada; margin-top:10px; }
.boxlandscape-left { border:1px solid #afafaf; float:left; width:213px; margin:0 15px 15px 0; }
.boxlandscape-right { border:1px solid #afafaf; float:left; width:213px; margin:0 0 15px 0; }
.boxindex-left { float:left; margin:0 18px 14px 0; }
.boxindex-righttop { float:left; margin:0 0 14px 0; }
.boxindex-rightbottom { float:left; }

/* Image + font styling */
p { padding-top:1em; color:#333333; }

a { color: #000000; text-decoration:none; }
a:hover { color:#02576b; text-decoration:underline; }

#footer { color:#bbb; }

#footer a { color:#02576b; text-decoration:none; }
#footer a:visited { color:#02576b; }
#footer a:hover { text-decoration:underline; }


h1 { padding:1em 0; font-weight:700; color:#ffffff; } 																														/* Page heading */
h1 a { font-size:1em; padding:1em 0; font-weight:700; color:#ffffff; } 																					/* Top right strapline */
h1 a:hover { text-decoration: none; color:#ffffff; }
h2 { padding:1em 0; font-weight:700; color:#02576b; } 																														/* Page heading */
h2 a { font-size:1.4em; padding:1em 0; font-weight:700; color:#02576b; } 																					/* Top right strapline */
h2 a:hover { text-decoration: none; color:#02576b; }
h3 { margin:3px 0; }																																															/* Main link in services/case studies section */
h3 a { font-size:1.1em; font-weight:700; color:#5c1815; } 																												/* Main link in services/case studies section */
h3 a:visited { color:#5c1815; }
h4 a { font-size:1.2em; font-weight:700; margin: 3px 0 5px 0; color:#02576b; } 																		/* Navitem heading */
h5 { font-size:1.2em; font-weight:700; color:#5c1616; margin: 20px 0 0 0; clear:both; } 													/* Headings in page */
h5 a, a:hover {	text-decoration:none; color:#5c1616; }
h6 { font-style: italic; line-height:1.4em; font-size:1.2em; font-weight:700; color:#837c45; margin:20px 0 0 0; } /* Quotes and footers */
h6 a, a:hover {	text-decoration:none; color:#837c45; }
#copyright a,
#copyright a:hover, 
#copyright a:visited,
#copyright a:active {
    text-decoration:none;
    color: #BBBBBB;
}
.nav-link { padding:0; margin:0; font-weight:700; color:#02576b; }																								/* Links and news right nav */
.nav-link a { text-decoration:none; color:#02576b; }
.nav-link a:hover { text-decoration:underline; color:#02576b; }
.page-link { padding:0; margin:20px 0 0 0; font-weight:700; color:#02576b; }																			/* Links and news articles in-page */
.page-link a { text-decoration:none; color:#02576b; }
.page-link a:hover { text-decoration:underline; color:#02576b; }
.page-link-title { font-weight:700; color:#837c45; margin: 10px 0 4px 0; }																				/* Link titles on links page */
.page-quote { font-style: italic; } 																																							/* Quote details */
.page-cost { color:#837c45; font-weight:700; } 																																		/* Cost in services section in-page */
.page-strap { color:#837c45; font-weight:700; margin:0; padding:7px 0 0 0;  } 																		/* Strapline on case studies */
.page-news { font-size:1.2em; padding:0; margin:0; font-weight:700; color:#02576b; }															/* News article headline on news page */
.page-names { font-size:1.2em; font-weight:700; color:#5c1616; margin: 10px 0 0 0; padding:0; }										/* Names on about us pages */
.page-header { padding:0.3em 0 0.7em 0; font-weight:700; color:#02576b; } 																														/* Page heading */
.page-header a { padding:1em 0; color:#02576b; } 																					/* Top right strapline */
.page-header a:hover { text-decoration: none; color:#02576b; }
.page-title { clear: both; padding: 0; margin: 0; }
p.service-info { padding-top: 2px;}
.service-info a { margin:5px 0; text-decoration: none; color:#5c1815 } 																																						/* Strap link in services section */
.service-info a:hover { text-decoration: none; }
.service-info a:visited { color:#5c1815; }

#call2action, #call2action * { line-height: 0; }

/* Menus + Navigation */
#mainmenu { margin-bottom:20px; color:#9d5e6f; height:28px; padding:12px 0 0 10px; }
#mainmenu ul, #mainmenu li { display:inline; margin:0; padding:0;}
#mainmenu a { font-weight:700; color:#fff; border-right:1px solid #fff; padding:5px 13px 2px 8px; }

#breadcrumb { height:30px; padding-top:10px; color:#671e13; font-weight:700; }
#breadcrumb ul, #breadcrumb li { display:inline; margin:0; padding:0;}
#breadcrumb a { color:#671e13;  }

#navmenu { color:#02576b; }
#navmenu ul { margin:0; padding:0;}
#navmenu li { margin:0; padding: 8px 0; border-bottom:1px solid #dadada;}
#navmenu a { color:#02576b; font-weight:700; }

.navitem {margin-top:10px; padding-bottom:10px; border-bottom:1px solid #dadada; }
.navitemdate {text-align:right; font-weight:700; color:#837c45; }

/* Forms */
#newsletter { }
.input { font:1em verdana; padding:3px 4px; margin: 6px 0; }
.contactinput {
	0border: 0;
	padding: 3px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 3px 0 2px 0;
  0border:1px solid #837c45;
}
.contactoption {
	border: 0;
	padding: 5px;
	width:100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 2px;
  border:1px solid #837c45;
}
form {
	padding: 0;
	margin: 0;
}
.error { font-weight:700; color:#5c1616; margin: 10px 0; }
#undersite {
position: relative; bottom: 0px; margin: auto; background-color: #02576C; color: #ffffff;
}
#undersite a {
color: #ffffff;
}
.youtube {

	border: 1px solid #837C45; 
	margin: 0 auto; 
	padding: 10px; 
	background: #EEE9D5; 
	width: 416px; 
	text-align: center;

}
.youtube_tn {

	border: 1px solid #837C45; 
	margin: 0;
	padding: 0 ;
	background: #F5F5F5; 
	text-align: center;
	width: 150px;

}
.casestudy_links a, a:hover {
	text-decoration: underline;
}
#arabHeader {
	padding-bottom: 15px;
}
#container #header #headbox .abccstrapline {
	font-size: 18px;
	color: #62250c;
}