/* iphone CSS Document */

/* O&I Consulting - 2009 */
/* for information please contact Neville Coss */



body {
	margin:0px; 
	padding:00px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px; 
	font-weight:normal;
	color:#616161; /* GREY */
}
.cls {height:0px; clear:left; overflow:hidden;}

/* Main settings */

#main {
	width:760px;
	margin-left:auto;
	margin-right:auto;
}

/* Top section */

#logo{
	float:left;
	width:214px;
	height:68px;
	background:url("../images/logo.jpg") bottom no-repeat;
	border-right:#B7B7B7 2px solid;  /* LIGHT GREY border ON RIGHT OF LOGO*/
	margin:12px 0px 0px 0px; /*was 42px*/
	position: relative; /* added so the logo hyperlinks home  http://haacked.com/archive/2006/01/13/ClickableBackgroundImagesViaCSS.aspx */
}
/* added so the logo hyperlinks home */
#logo a{
    position: absolute;
    top: 0;
    left: 0;
    width: 214px;
    height: 68px;
}
 /* added so the logo hyperlinks home */
#logo a h1{
    display: none;
}



#top{
	float:left;
	width:524px;
	text-align:right;
	padding:0px 20px 0px 0px;
}

#top ul{
	margin:00px 0px 10px 0px; /*was 50px*/
	padding:0px;
	list-style:none;
}
#top li{
	margin:0px;
	padding:0px;
	display:inline;
}
#top a{
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px; 
	font-weight:normal;
	color:#7D7D7D; /* GREY */
	text-decoration:none;
	padding:0px 5px;
}

#top a:hover{
	/* text-decoration:underline; */
}
.inputsearch{
	width:132px;
	height:19px;
	color:#000000; /* BLACK FONT COLOUR IN SEARCH BOX */
	background-color:#ECECEC; /* LIGHT GREY BACKGROUND SEARCH BOX */
	border:#B3B5B5 1px solid;  /* LIGHT GREY border AROUND SEARCH BOX */
	margin:0px;
	padding:0px;
}
.buttonsearch{
	color:#979598; /* GREY OK TEXT */
	border:0px;
	background-color:#FFFFFF; /* WHITE BACKGROUND TO BUTTON - THUS CAN'T SEE IT */
}
.big-curve-bg{
	clear:left;
	width:760px;
	height:61px;
	background:url("../images/big-curve-bg.jpg") bottom no-repeat;
}
#all-header{
	clear:left;
	width:743px;
	margin-top:-44px;
	margin-left:auto;
	margin-right:auto;
}

/* Top menu */

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



/*
#menu li
{
float: left;
margin: 0 0.15em;
}



#menu li a:link
{
background: #F47d30; /*url(images/menu1100.jpg) #fff bottom left repeat-x;*/
height: 2em;
line-height: 2em;
float: left;
width: 9.15em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
display: block;
/*border: 0.1em solid #dcdce9;*/
color: #dcdce9; /* FONT colour */
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
text-decoration: none;
text-align: center;

}


#menu li a:visited /* revised v1.2 */
{
background: #F47d30; /*url(images/menu1100.jpg) #fff bottom left repeat-x;*/
height: 2em;
line-height: 2em;
float: left;
width: 9.15em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
display: block;
/*border: 0.1em solid #dcdce9;*/
color: #dcdce9; 
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	font-color:#dcdce9
text-decoration: none; /* stops the underline when visited 8/
text-align: center;
} 




#menu li a:active
{
background: #F47d30; /*url(images/menu1100.jpg) #fff bottom left repeat-x;*/
height: 2em;
line-height: 2em;
float: left;
width: 9.15em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
display: block;
/*border: 0.1em solid #dcdce9;*/
color: #dcdce9;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
text-decoration: none;
text-align: center;
} 

/* deactivated
#menu li a:active
{
background: #F47d30; /*url(images/menu1100.jpg) #fff bottom left repeat-x;*/
height: 2em;
line-height: 2em;
float: left;
width: 9.15em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
display: block;
/*border: 0.1em solid #dcdce9;*/
color:#FBFBFE;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
text-align: center;
}
*/



#menu li b:
{
background: #F47d30; 
height: 2em;
line-height: 2em;
float: left;
width: 9.15em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
display: block;
/*border: 0.1em solid #dcdce9;*/
color:#FBFBFE;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
text-align: center;
}

/* Hide from IE5-Mac \*/
#menu li a
{
float: none
}
/* End hide */

#menu
{
width:30em
} 


/* code to highlight the active sheet on the topmenu buttons v 1.2*/

body#index a#index-nav, 
body#profile a#profile-nav, 
body#services a#services-nav, 
body#experience a#experience-nav, 
body#newsandinfo a#newsandinfo-nav, 
body#contact_us a#contact_us-nav
{
color: #F47d30; /* font colour when active */
background-color: #616161; /* background colour when active */
/* border: 0px solid #929694; */ /* boarder colour when active */
}






/* Orginal and works 
#menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#menu li
{
float: left;
margin: 0 0.15em;
}

#menu li a
{
background: url(images/menu110.jpg) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9.7em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#menu li a
{
float: none
}
/* End hide */

#menu 
{
width:30em
} 


#menu li a:hover{
	color:#00000;
}




*/



#header{
	float:left;
	width:533px;
	height:231px;
	background:url("../images/header.jpg") no-repeat;
	/*margin:10px;*/
}

/* Main content */

#all-content{
	float:left;
	clear:left;
	width:760px;
	margin-left:auto; /*border control*/
	margin-right:auto;
	margin-top:10px;
	
}	
#content-left{
	float:left;
	margin:0px;
	
}

#up-content{
	width:571px;
	height:5px;
	background:url("../images/up-content.jpg") no-repeat;
	overflow:hidden;
}
#content{
	width:571px;
	background:url("../images/bg-content.jpg") repeat-y;
	padding:10px 0px;
}
#down-content{
	width:571px;
	height:7px;
	background:url("../images/down-content.jpg") no-repeat;
}
#last-and-letters{
	clear:left;
	float:left;
	
}

/* Latest news box */
/* removed
#last-news{
	width:163px;
	margin:0px 0px 0px 12px;
	background-color:#f1f1f1;
	padding:0px 0px 8px 24px;
	font-size:11px;
	color:#33333;
	border:#F8F8F8 1px solid;
}
#last-news h1{
	margin:0px;
	padding:15px 0px 12px 0px;
	font-size:11px; 
	color:#f47d30;
	text-transform:uppercase;
}
#last-news h1 span{
	color:#f47d30;
	padding:0px 0px 0px 30px;
}
#last-news h2{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#f47d30;
	font-weight:bold;
}
#last-news a{
	font-size:12px;
	color:#333333;
	font-weight:normal;
	text-decoration:underline;
}
#last-news a:hover{
	text-decoration:none;
}
#last-news p{
	margin:0px;
	padding:2px 0px;
}
#small-line{
	margin:10px 0px 10px -13px;
	height:1px;
	width:100%;
	background-color:#E7E7E7;
	border-bottom:#ECECEC 1px solid;
	overflow:hidden;
}

/* Newsletter box */

#newsletters{
	width:171px;
	height:68px;
	margin:5px 0px 0px 12px;
	background-color:#f1f1f1;
	padding:0px 0px 23px 14px;
	font-size:11px;
	color:#333333;
	border:#f8f8f8 1px solid;
	text-align:center;
}
#newsletters h1{
	margin:0px;
	padding:15px 0px 12px 0px;
	font-size:12px; 
	color:##686868;
	text-transform:uppercase;
}
#newsletters h1 span{
	color:#f47d30;
	padding:0px;
}
.inputnews{
	float:left;
	width:122px;
	height:19px;
	color:#000000;
	background-color:#ECECEC;
	border:#B3B5B5 1px solid;
	margin:0px;
	padding:0px;
}
.buttonnews{
	float:left;
	width:30px;
	height:25px;
	background:url("../images/button.jpg") 5px 0px no-repeat;
	border:0px;
}

end removed*/

/* Headings */

#welcome{
	float:left;
	padding:0px 10px 0px 21px;
	width:330px;
}
#welcome h1{
	font-size:23px;
	padding:25px 20px 12px 20px;
	font-weight:normal;
	color:#686868; /* DARK GREY */
	text-transform:uppercase;
	padding:0px;
	margin:0px;
}
#welcome h6{
	margin:00px 00px 00px 00px;
	padding:00px 20px 12px 10px;
	font-size:16px; 
	color:#686868; /* DARK GREY */
	text-transform:uppercase;
}
#welcome h6 span{
	color:#F47D30; /* ORANGE */
	padding:00px;
}
#welcome h2{
	font-size:12px;
	color:#F47D30;  /* ORANGE */
	text-transform:uppercase;
	padding:0px 0px 4px 0px;
	margin:0px;
}
#welcome h3{
	margin:00px 00px 00px 00px;
	padding:25px 00px 12px 10px;
	font-size:14px; 
	color:#686868;  /* DARK GREY */
	text-transform:uppercase;
}
#welcome h3 span{
	color:#F47D30; /* ORANGE */
	padding:00px;
}
#welcome h4{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#F47D30;
	font-weight:bold;
}
#welcome h8{ /* tester for contact page */
	margin:00px 00px 00px 00px;
	padding:00px 35px 12px 10px;
	font-size:14px; 
	
}
#welcome p{ /* main body text*/
	margin:0px;
	padding:8px 10px;
}
#welcome img{
	float:left;
	padding:0px 20px 0px 0px;
}


	
/* Read more links */

a.read-more{
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px; 
	color:#333333; /* DARK GREY */
	text-decoration:underline;
	background:url("../images/read-more-logo.jpg") 0px 0px no-repeat;
	float:justify;
	padding: 0px 0px 0px 20px;
	height:16px;
	line-height:18px;
}
a.read-more:hover{
	text-decoration:none;
	
}
#small-orange-line{
	width:222px;
	height:2px;
	background-color:#f47d30;
	overflow:hidden;
}
#orange-line{
	width:99%;
	height:1px;
	background-color:#f47d30;
	border-bottom:#B7B7B7 1px solid; /* WAS LIGHT BLUE CCDFF1 */
	overflow:hidden;
	margin: 0px 00px 0px 2px;
}
#content-right{
	float:left;
	margin:0px 0px 0px 5px;
}

/* Testimonials settings */

.up-testimonials{
	width:178px;
	height:7px;
	background:url("../images/up-testimonials.jpg") no-repeat;
	overflow:hidden;
}
.testimonials{
	width:164px;
	background:url("../images/bg-testimonials.jpg") repeat-y;
	font-size:11px;
	padding:0px 6px 4px 6px;
}
.down-testimonials{
	width:178px;
	height:7px;
	background:url("../images/down-testimonials.jpg") no-repeat;
	overflow:hidden;
}
.testimonials h1{
	padding:0px;
	margin:0px 00px 0px 4px;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	color:#F47D30; /* ORANGE */
	text-align:Left;
}
.testimonials h2{
	padding:0px;
	margin:-14px 21px 0px 0px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#686868; /* DARK GREY */
	text-align:right;
}

}
.testimonials h3{
	padding:0px;
	margin:-14px 21px 0px 0px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#686868; /* DARK GREY */
	text-align:left;
}

.view{
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#F47D30; /* ORANGE */
	text-decoration:none;
	background:url("../images/read-more-logo.jpg") 146px 0px no-repeat;
	padding: 0px 70px 0px 0px;
	height:16px;
	line-height:16px;
	display:block;
	text-align:right;
}

/* March 2010 v26 CM updates */

.orangetobold:link{
font-weight: normal; 
text-decoration: 
none; color: #f47d30/* DARK GREY */
}


.orangetobold:visited{ 
font-weight: normal; 
text-decoration: none; 
color: #f47d30/* DARK GREY */
}

.orangetobold:hover{
font-weight: bold; /* changed from bold version 26 */ 
text-decoration: none; 
color: #f47d30 /* ORANGE */
}

orangetobold:active{
font-weight: normal; /* changed from bold version 26 */ 
text-decoration: none; 
color: #f47d30 /* ORANGE */ 

}

/* CODE TO CONTROL THE HOVEROVER HYPERLINKS IN THE RIGHT BOX */

.grey2:link{
 
font-weight: normal; 
text-decoration: 
none; color: #686868 /* DARK GREY */
}


.grey2:visited{ 

font-weight: normal; 
text-decoration: none; 
color: #686868 /* DARK GREY */
}

.grey2:hover{

font-weight: normal; /* changed from bold version 26 */ 
text-decoration: none; 
color: #f47d30 /* ORANGE */
}

grey2:active{
font-weight: normal; /* changed from bold version 26 */ 
text-decoration: none; 
color: #f47d30 /* ORANGE */ 


}



/* CODE TO CONTROL THE HOVEROVER HYPERLINKS IN THE RIGHT BOX */

.grey:link{
font-weight: normal; 
text-decoration: 
none; color: #686868 /* DARK GREY */
}


.grey:visited{ 
font-weight: normal; 
text-decoration: none; 
color: #686868 /* DARK GREY */
}

.grey:hover{
font-weight: bold; 
text-decoration: none; 
color: #f47d30 /* ORANGE */
}

grey:active{
font-weight: bold; 
text-decoration: none; 
color: #f47d30 /* ORANGE */


}
/* CODE TO CONTROL THE HOVEROVER HYPERLINKS OVER THE PHOTOS FEB 2010 */

.orange:link{
font-weight: bold; 
text-decoration: bold; 
none; color: white/* orange */
}


.orange:visited{ 
text-weight: bold;
text-decoration: none; 
color: white /* DARK GREY */
}

.orange:hover{
text-weight: bold;
text-decoration: none; 
color: #f47d30 /* ORANGE */
}

orange:active{
text-weight: bold;
text-decoration: none; 
color: white /* ORANGE */ 




}
.testimonials p{
	padding:0px 0px 0px 4px;
	margin:0px;
	text-align:left;
}
.grey-line{
	width:100px;
	height:1px;
	background-color:#E1E1E1; /* LIGHT GREY */
	overflow:hidden;
	margin:1px 0px 3px 60px;
}

/* Footer settings */

#footer{
	width:744px;
	color:#282828; /* FOOTER FONT COLOUR */
	font-weight:bold;
	margin:-33px 2px 0px 8px;
	text-align:center;
}
#footer ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#footer li{
	margin:0px;
	padding:0px;
	display:inline;
}
#footer a{
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#282828; /* FOOTER FONT COLOUR */
	text-decoration:none;
	padding:0px 5px;
}
#footer a:hover{
	text-decoration:underline;
}

/*Copyright */

#copy{
	width:744px;
	color:#616161; /* COPYRIGHT DARK GREY */
	margin:10px 2px 54px 8px;
	text-align:center;
}

/*inner page*/

#up-inner-content{
	width:760px;
	height:7px;
	background:url("../images/up-inner-content.jpg") no-repeat;
	overflow:hidden;
}
#inner-content{
	width:760px;
	background:url("../images/bg-inner-content.jpg") repeat-y;
	padding:10px 0px;
}
#down-inner-content{
	width:760px;
	height:7px;
	background:url("../images/down-inner-content.jpg") no-repeat;
}
#inner-text{
	float:left;
	padding:0px 10px 0px 21px;
	width:524px;
}
#inner-text h1{
	font-size:23px;
	font-weight:normal;
	color:#686868; /* DARK GREY */
	text-transform:uppercase;
	padding:0px;
	margin:0px;
}
#inner-text h2{
	font-size:12px;
	color:#F47D30; /* ORANGE */
	text-transform:uppercase;
	padding:0px 0px 4px 0px;
	margin:0px;
}
#inner-text p{
	margin:0px;
	padding:8px 0px;
}
#inner-text img{
	float:left;
	padding:0px 11px 0px 0px;
}
#inner-orange-line{
	width:416px;
	height:2px;
	background-color:#F47D30; /* ORANGE */
	overflow:hidden;
}

#ticker{
	margin:0px;
	padding:8px 0px;
}

uniqueid: 'mycrawler',
style: {
 'width': '100%',
 'height': '200px',
 'color': '#fff',
 'font-family': 'Tahoma',
 'background-color': '#32f' //<--No comma following the very last line!
}


/* TEST CODE FOR TABLE LINKS WITH STAMP AS BULLET AND HOVER OVER ORANGE */




a.grey-read-more{
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px; 
	color:#333333; /* DARK GREY */
	text-decoration:underline;
	background:url("../images/read-more-logo.jpg") 0px 0px no-repeat;
	float:justify;
	padding: 0px 0px 0px 20px;
	height:16px;
	line-height:18px;
}

.grey-read-more:link{
font-weight: normal; 
text-decoration: 
none; color: #686868 /* DARK GREY */
}


.grey-read-more:visited{ 
font-weight: normal; 
text-decoration: none; 
color: #686868 /* DARK GREY */
}

.grey-read-more:hover{
font-weight: bold; 
text-decoration: none; 
color: #f47d30 /* ORANGE */
}

grey-read-more:active{
font-weight: bold; 
text-decoration: none; 
color: #f47d30 /* ORANGE */

}




a.read-more-bullet{
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px; 
	color:#333333; /* DARK GREY */
	text-decoration:none;
	background:url("../images/read-more-logo.jpg") 0px 0px no-repeat;
	vertical-align:bottom;
	/* float:justify; */
	padding: 0px 0px 0px 20px;
	height:16px;
	line-height:18px;
}

a.read-more-bullet-two-line{
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px; 
	color:#333333; /* DARK GREY */
	text-decoration:none;
	background:url("../images/read-more-logo.jpg") 0px 10px no-repeat;
	/* float:justify; */
	padding: 0px 0px 0px 20px;
	height:16px;
	line-height:18px;
}





/*
/* --- v24 CHROME DROP DOWN MENU ---  */

#chromemenu{
}

#chromemenu:after{ /* Mozilla fix */
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #f1f1f1;
content: "."; 
display: block; 
height: 0px; 
clear: both;
visibility: hidden; 
} 

#chromemenu ul{
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #616161; 
left:-1000px;
border: 0px solid #000000;
width: 720px;  /* was 555 in v25 */
background-color: #ffffff; /* full bar colour */
margin-left: 0;
padding-left: 0;
margin: 0;
float: left;
}

#chromemenu ul li{
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #616161;
left:-1000px;
display: inline;


/*
background: #F47d30; 

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
display: block;

color: #dcdce9; /* FONT colour */
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
text-decoration: none;
text-align: center;

*/
}

#chromemenu ul li a{
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #f1f1f1;
left:-1000px;
float: left;
padding:  6px 8px 6px 8px;    /* top, right, bottom, left */
background: url("../images/xxxx.jpg") center right no-repeat; /*no division*/

/* added NC */
background: #F47d30; 

float: left;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
display: block;
border: 2px solid #ffffff; /* border around buttons */
color: #dcdce9; /* FONT colour */
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
text-decoration: none;
text-align: center; 

}



#chromemenu ul li a:hover{
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #f1f1f1;
left:-1000px;
background-color: #F47D30;
font-weight: bold;
}


/*  on press action - enlarge */

/*
#chromemenu ul li a:active
{
background: #F47d30; 
height: 2em;
line-height: 2em;
float: left;
width: 9.15em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; 
display: block;
border: 0px solid #f1f1f1;
color: #dcdce9;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
text-decoration: none;
text-align: center;

}  */


/* Style for Drop Down Menu */


.dropmenudiv{
left:-1000px;
position:absolute;
top: 0;
border: 1px solid #686868; /* - dark grey  border round dropdown*/
border-top-width: 0;
border-bottom-width: 1;
text-decoration: none;
z-index:100;
background-color: #f1f1f1; /* - light grey dropdown background colour */
visibility: hidden;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
}

.dropmenudiv a{
left:-1000px;
display: block; /*drop down menu orientation*/
text-indent: 10px; /*indent for text*/  
border-bottom: 0px solid #F47D30; /*border*/
padding:2px 10px 1px 0px; 
font:12px;
}

/* *** DROPDOWN MENU OPTIONS- WHEN HOVERING *** */
.dropmenudiv a:link{
left:-1000px;
font:12px;
font-weight: normal;
color: #686868;
text-decoration:none;
}

.dropmenudiv a:active{
left:-1000px;
font-weight: normal;
color: #F47D30;
text-decoration:none;
background: url('image/logo.jpg') no-repeat left;; font-style:normal; font-variant:normal; font-size:12px; font-family:#F47D30
}

.dropmenudiv a:visited{
left:-1000px;
font:12px #F47D30; 
font-weight: normal;
color: #F47D30;
text-decoration:none;
}

.dropmenudiv a:hover{
left:-1000px;
font:12px #F47D30;
font-weight: normal;
color: #F47D30;
text-decoration:none;
background: url(../images/arrow.png) left no-repeat;
}
*/