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

/* CSS Reset */
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
pre,code,kbd,samp,tt {font-family:monospace;font-size:108%;line-height:100%;}

/* Default Styles */
h1 {font-size:135%;}
h2 {font-size:125%;}
h3 {font-size:115%;}
h1,h2,h3 {margin:0.5em 0;}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;}
img { border:none; }
abbr,acronym {border-bottom:1px dotted #000;} 
em {font-style:italic;}
blockquote,ul,ol,dl {margin:1em 2em;}
ol,ul,dl {margin-left:2em;}
ol li {list-style: decimal outside;}
ul li {list-style: disc outside;}
dl dd {margin-left:1em;}
th,td {padding:.5em;}
th {font-weight:bold;text-align:center;}
caption {margin-bottom:.5em;text-align:center;}
fieldset,pre {margin-bottom:1em;}

p { margin:0.75em 0; 
	padding:0; 
	line-height:1.5em;

}

html {
	height:100%;
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
	height:100%;
}

a, a:link, a:visited { color:#2b2b7f; }

#wrapper {
	width:980px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
	padding:0;
	background:url(../images/tile.gif) repeat-y;
}

#header {
	width:980px;
	height:110px;
	margin:0;
	padding:0;
	background:url(../images/header.jpg) no-repeat;
}

#header1 {
	width:159px;
	height:98px;
	margin-left:12px;

	background:url(../images/blinking-hippo.gif) no-repeat;
}


#nav {
	width:980px;
	height:29px;
	margin:0;
	padding:0;
	color:#ffffff;
	font-size:0.75em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:url(../images/nav-bgd.gif) no-repeat bottom;
}

#nav ul {
	margin:0;
	padding:0;
}

ul.verde13 li {
	line-height:1.2em;
	list-style-image:url(../images/tick1.jpg);
	margin-left:30px;
	font-size:1.2em;
	color: #666666;
}

#nav ul li {
	float:left;
	margin:0px 5px 0px 0px;
	padding:0;
	list-style-type:none;
	display:inline;
	background:url(../images/menu-bgd.jpg) no-repeat bottom;
}

#nav ul li a {
	width:159px;
	height:29px;
	margin:0;
	padding:0;
	line-height:29px;
	display:block;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}

#nav ul li a.drop {
	width:139px;
	padding-right:20px;
	background:url(../images/drop-bgd.png) no-repeat top right;
}

#nav ul li a:hover.drop {
	background:url(../images/drop-bgd-hover.gif) no-repeat top right;
}

#nav ul li#last {
	margin:0;
}

#nav ul li a:hover {
	text-decoration:none;
	background:url(../images/menu-bgd-hover.jpg) no-repeat;
}

#nav ul li.active {
	background:url(../images/menu-bgd-active.gif) no-repeat;
}

#nav ul li.active a:hover.drop {
	background:url(../images/drop-active-hover.jpg) no-repeat;
}

#nav ul li.active a {
	color:#2b2b7f;
}

#nav ul li.active a:hover {
	background:none;
}

.white_content {
	display:none;
	width:978px;
	height:270px;
	padding:0;
	z-index:1;
	overflow:auto;
	position:absolute;
	margin-left:-489px;
	left:50%;
	top:140px;
	z-index:10;
} 

#services {
	width:978px;
	height:260px;
	padding:0;
	background:url(../images/bottom-curves.gif) bottom center no-repeat;
	font-size:0.75em;
}

#services h3 {
	margin:10px 0;
	padding:0;
	font-size:1.1em;
	font-weight:bold;
	color:#2b2b7f;
}

#services .col {
	float:left;
	width:178px;
	height:215px;
	margin:10px 0 0 15px;
	padding:0 0 10px 0;
	border-right:1px solid #d4d4d4;
	display:inline;
}

#services .col ul { margin:0; padding:0; }

#services .col ul li { margin:5px 0; padding:0; list-style-type:none; display:block; }

#services .col ul li a { color:#555555; text-decoration:none; }

#services .col ul li a:hover { color:#09C; text-decoration:none; }

#services #noborder {
	border:none;
}

#services #row {
	clear:both;
	width:960px;
	height:20px;
	margin:0 auto;
	padding:0;
	line-height:20px;
	border-top:1px solid #d4d4d4;
}

.black_overlay{
	display:none;
	position:absolute;
	top:140px;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/overlay.gif) repeat #000000;
	z-index:0;
	opacity:.60;

}

#banner {
	width:976px;
	height:264px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d4d4d4;
	position:relative;
}

#banner #link {
	display:none;
	width:147px;
	height:38px;
	margin:0;
	padding:0;
	position:absolute;
	bottom:24px;
	left:24px;
}

#banner #linka {
	width:125px;
	height:22px;
	margin:0;
	padding:0;
	position:absolute;
	bottom:24px;
	left:24px;
}

#banner #staff {
	width:220px;
	height:186px;
	margin-top:20px;
	padding:0px 0px 0px 2px;
	position:absolute;
	top:35px;
	right:13px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:28px;
}

#banner #staff a { color:#00518d; text-decoration:none; }
#banner #staff a:hover { text-decoration:underline; }

#banner #staff.majid { background:url(../images/staff/majid.png) no-repeat; }
#banner #staff.contactdetails { background:url(../images/contact.gif) no-repeat; }

#thought { background:url(../images/boxes/idea.jpg) no-repeat; 
width:240px; height:52px;

	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.5em;
	text-decoration:none;
	padding:1px 1px 1px 74px;
	color:#00C;
}

#left-col {
	float:left;
	width:638px;
	margin:10px;
	padding:0;
	display:inline;
}

#social {

	width:200px;
	margin-top:10px;


}


.grey-box {
	float:left;
	width:312px;
	margin:10px 14px 0 0;
	padding:0;
	background:url(../images/grey-box-tile.gif) repeat-y;
	display:inline;
}

.grey-box-top {
	width:312px;
	height:9px;
	margin:0;
	padding:0;
	background:url(../images/grey-box-top.gif) no-repeat;
	font-size:0;
}

.grey-box-bottom {
	width:312px;
	height:9px;
	margin:0;
	padding:0;
	background:url(../images/grey-box-bottom.gif) no-repeat;
	font-size:0;
}

.grey-box .content {
	width:288px;
	margin:0;
	padding:0 12px;
	font-size:0.75em;
}

.grey-box .content h2 {
	font-size:135%;
	color:#000066;
}

.content-box {
	float:left;
	width:638px;
	margin:0;
	padding:0;
	background:url(../images/content-box-tile.gif) repeat-y;
	display:inline;
}

.content-box-top {
	width:638px;
	height:9px;
	margin:0;
	padding:0;
	background:url(../images/content-box-top.gif) no-repeat;
	font-size:0;
}

.content-box-bottom {
	width:638px;
	height:9px;
	margin:0;
	padding:0;
	background:url(../images/content-box-bottom.gif) no-repeat;
	font-size:0;
}

.content-box .content {
	width:614px;
	margin:0;
	padding:0 12px;
	font-size:0.75em;
}

.content-box .content li {
	padding-bottom: 0.5em;
}

.content-box .content  h2 {
	font-size:135%;
	color:#000066;
}

.content-box .content  h1 {
	font-size:135%;
	color:#000066;
}

.clear {
	clear:both;
}

#right-col {
	float:left;
	width:312px;
	margin:10px 0;;
	padding:0;
	display:inline;
}

#right-col .rectangle {
	width:312px;
	height:52px;
	margin:0 0 10px 0;
	padding:0;
}

#right-col .rectangle1 {
	width:312px;
	height:52px;
	margin:0 0 10px 0;
	padding:0;
	top:15px;
	right:10px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:28px;
}







#footer {
	width:960px;
	margin:0 auto;
	padding:0;
	font-size:0.75em;
	border-top:1px solid #d4d4d4;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
}

#footer h3 {
	margin:10px 0;
	padding:0;
	font-size:1.1em;
	font-weight:bold;
	color:#2b2b7f;
}

#footer .col {
	float:left;
	width:172px;
	height:220px;
	margin:10px 0 0 18px;
	padding:0;
	border-right:1px solid #d4d4d4;
	display:inline;
}

#footer .col ul { margin:0; padding:0; }

#footer .col ul li { width:165px; margin:5px 0; padding:0; list-style-type:none; display:block; }

#footer .col ul li a { color:#555555; text-decoration:none; }

#footer .col ul li a:hover { color:#09C; text-decoration:none; }

#footer .last-col {
	float:left;
	width:172px;
	height:180px;
	margin:10px 0 0 18px;
	padding:0;
	display:inline;
}

#footer .last-col ul { margin:0; padding:0; }

#footer .last-col ul li { width:165px; margin:5px 0; padding:0; list-style-type:none; display:block; }

#footer .last-col ul li a { color:#555555; text-decoration:none; }

#footer .last-col ul li a:hover { color:#09C; text-decoration:none; }

#footer .row {
	clear:both;
	width:960px;
	margin:0 auto;
	padding:0 0 5px 0;
	border-top:1px solid #d4d4d4;
}

#footer .row p {
	margin:7px 0px;
	padding:0;
	text-align:center;
}

#footer .row #copy {
	margin:0;
	padding:0;
}

#footer .row #copy a {
	color:#555555;
	text-decoration:none;
}

#footer .row #copy a:hover {
	text-decoration:none;
	color:#06C;
}

#footer .row #links {
	margin:0;
	padding:0;
}

#footer .row #links a {
	color:#555555;
	text-decoration:none;
}

#footer .row #links a:hover {
	text-decoration:none;
	color:#06C;
}


/*
* PRODUCT AND SERVICES PAGE LAYOUT
*/

#left {
	float:left;
	width:200px;
	margin:10px 0 10px 10px;
	padding:0;
	font-size:0.75em;
	display:inline;
}

#left #subnav {
	width:200px;
	margin:0;
	padding:0;
}

#left #subnav #top {
	width:180px;
	height:58px;
	margin:0;
	padding:10px 10px 0 10px;
	background:url(../images/subnav-top.gif) no-repeat;
}

#left #subnav #top h3 {
	margin:0 0 12px 0;
	padding:0;
	color:#2b2b7f;
}

#left #subnav #content {
	width:180px;
	height:184px;
	margin:0;
	padding:0 10px;
	background:url(../images/subnav-tile.gif) repeat-y;
}

#left #subnav #content ul {
	margin:0;
	padding:0;
}

#left #subnav #content ul li {
	margin:0;
	padding:0 0 10px 0;
	list-style-type:none;
	display:block;
}

#left #subnav #content ul li a { color:#555555; text-decoration:none; }

#left #subnav #content ul li a:hover { color:#000000; text-decoration:none; }

#left #subnav #content ul li ul li {
	margin:0;
	padding:7px 0 0 15px;
	list-style-type:none;
	display:block;
	font-size:90%;
}

#left #subnav #content ul li ul li a { color:#777777; text-decoration:none; }

#left #subnav #content ul li ul li a:hover { color:#333333; text-decoration:underline; }

#left #subnav #bottom {
	width:200px;
	height:10px;
	margin:0;
	padding:0;
	background:url(../images/subnav-bottom.gif) no-repeat;
}

#right {
	float:left;
	width:740px;
	margin:10px 0 10px 20px;
	padding:0;
	background:url(../images/wd-content-box-tile.gif) repeat-y;
	font-size:0.75em;
	display:inline;
}

#right #content {
	width:710px;
	margin:0;
	padding:0 15px;
}

#right #content3 {
	width:710px;
	margin:0;
	padding:0 15px;
}

#right #content h2 {
	font-size:135%;
	color:#000066;
}

#right #contenta {
	width:710px;
	height:380px;
	margin:0;
	padding:0 15px;
}

#right #contentc {
	width:710px;
	height:440px;
	margin:0;
	padding:0 15px;
}

#right #contentd {
	width:710px;
	height:690px;
	margin:0;
	padding:0 15px;
}


#right #contentservices {
	width:710px;
	height:320px;
	margin:0;
	padding:0 15px;
}

#right #contentb {
	width:710px;

	margin:0;
	padding:0 15px;
}

#right #contentb h1 {
	font-size:135%;
	color:#000066;
}

#right #contentb h2 {
	font-size:135%;
	color:#000066;
}

#right #contenta h1 {
	font-size:135%;
	color:#000066;
}

#right #contenta h2 {
	font-size:135%;
	color:#000066;
}

#right #contentservices h1 {
	font-size:135%;
	color:#000066;
}

#right #contentservices h2 {
	font-size:135%;
	color:#000066;
}

#right #topa {
	width:740px;
	height:9px;
	margin:0;
	padding:0;
	background:url(../images/wd-content-box-top.gif) no-repeat;
	font-size:0;
}

#right #bottom {
	clear:both;
	width:740px;
	height:9px;
	margin:0;
	padding:0;
	background:url(../images/wd-content-box-bottom.gif) no-repeat;
	font-size:0;
}

#right #bottoma {
	clear:both;
	width:740px;
	height:9px;
	margin:0;
	padding:0;
	background:url(../images/wd-content-box-bottom.gif) no-repeat;
	font-size:0;
}

#partners {
	width:690px;
	margin:0 0 0 20px;
	padding:0;
}

.partner-logo {
	float:left;
	width:180px;
	height:58px;
	margin:0px 50px 25px 0px;
	padding:0;
}

.new-row {
	width:710px;
	margin:0 0 20px 0;
	padding:0;
}

.testimonial {
	float:left;
	width:215px;
	margin:0 20px 0 0;
	padding:0;
}

.floatright {
	float: right;
	margin: 5px 0 1em 5px;
}

.floatleft {
	float: left;
	margin: 5px 1em 5px 0;
}

.galleryitem {
	float: left;
	margin: 3px;
}

#enqform {
	width:500px;
	margin:0 auto;
	padding:0;
}

#wide-box {
	width:960px;
	margin:10px auto;
	padding:0;
	background:url(../images/wide-box-tile.gif) repeat-y;
}

#wide-box-top {
	width:960px;
	height:9px;
	margin:0;
	padding:0;
	background:url(../images/wide-box-top.gif) no-repeat;
	font-size:0;
}

#wide-box-bottom {
	width:960px;
	height:9px;
	margin:0;
	padding:0;
	background:url(../images/wide-box-bottom.gif) no-repeat;
	font-size:0;
}

#wide-box .content {
	width:936px;
	margin:0;
	padding:0 12px;
	font-size:0.75em;
}

#wide-box .content h2 {
	font-size:135%;
	color:#000066;
}

.border { border-bottom:1px solid #d4d4d4; }