BODY{
     font-family: arial, tahoma, verdana;
	   font-size: 0.75em;
	   background-color: #FFFFFF;
	   color: #036;
	   margin: 0px;
	   vertical-align: top;
	   padding: 5px 0px 5px 0px;
     background: url(../images/bg.gif) repeat-x fixed;	         
}

/* Generic Elements   =============================================== */
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
li {
	margin:  0px;
  padding: 0px;
}

/*  Links   =============================================== */
a:link, a:visited, a:active {
	color: #036;
	text-decoration: underline;	
}
a:hover	{
	color: #96ACCA;
}
				
a.sm:link, a.sm:visited, a.sm:active {
	font-family : tahoma;
	color: #ffffff;
	font-weight: normal;
  font-size: 0.8em;
	text-decoration: none;	
}

a.sm:hover	{
	color: #ffffff;
}

img {
	border: 0;
}
h1 {
  font-size: 2.4em;
   font-weight: bold; 
  color: #2E6A86;
  padding: 21px 0px 0px 227px;
  margin: 0px;
}
h2 {
  font-weight: bold; 
  color: #2E6A86;
  font-size: 1.2em;
  padding: 0px 0px 0px 0px;
}
h3 {
  	font-style: italic;
	font-weight: bold;
	color: #3092AF;
	font-size: 1em;
	margin-bottom: 0;
	padding: 0;
} 
p{
	margin-top: 0;
	padding: 0;
}
 

		


.email {
font-size: 1em;
}

a.email:link, a.email:visited, a.email:active {
	font-weight: normal;
	text-decoration: none;	
}



a.sm:hover	{
	color: #ffffff;
}



/*  header    =============================================== */

#header_top {
padding: 0px 0px 0px 0px;
width: 748px;
height: 103px;
/*background-image: url(../images/header.gif)*/
}

#header_top img {
float: left;
padding: 27px 0 0 21px;
}

#header_top h2{
	font-size: 1.8em;
  	color: #3092AF;
  	padding: 0 0 0 227px;
	margin: 0px;
	font-style: italic;
}



/*  layout  =============================================== */
		
#main  {
  border: 1px #003366 solid;
  padding: 0px 0px 0px 0px;
  background-color: #FFFFFF;
  width: 748px;
  margin: 0px auto 0px auto;
}

#content  {
	background: url(../images/bg-c.gif) top left repeat-y;
	padding: 0 0 0 0;
	height: 100%;
}

#content-text{
	padding: 16px 50px 0 227px;
}

#content-text ul{
	list-style-type: square;
	padding: 0 0 10px 51px;
}

#how-process #content-text li{
	padding-bottom: 5px;
}

#ourwork h3{
	font-size: 1.2em;
	padding-bottom: 5px;
}

p.no-space{
	margin: 0;
}

#box{
	background-color: #97c8d7; 
 	color: #2E6A86;
	font-weight: bold;
	padding: 14px 15px 15px 15px;
}

#box h4 {
	font-style: italic;
	font-weight: bold;
	color: #fff;
	padding: 0;
	margin: 0;
}

#box ul{
	list-style-type: square;
}

.image_left {
	float: left;
	margin-right: 5px;
}


#left-column {
  width: 192px;
  float: left;
  background-color: #3092af;
}

#left-column h4 {
	font-size: 1em;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0;
}

#gradient {
	width: 192px;
	background: url(../images/bg-left.gif) top left no-repeat;
}

#left-column #bullet{
	width: 156px;
	padding: 35px 15px 20px 21px;
	color: #fff;
	margin: 0;
}
#left-column #bullet p{
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

/*#left-column img {
	padding-bottom: 0;
	margin-bottom: 0;
}*/

#left-column #bullet ul{
	list-style-type: square;
	padding: 0 0 0 15px;
	}

#left-column p {
	/*background: url(../images/bg-left.gif) top left no-repeat;*/
	width: 153px;
	padding: 35px 15px 15px 21px;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	margin: 0;
}

input.text, textarea.text{
	padding: 3px 0;
	float: left;
	margin: 0 0 8px 0;
	width: 220px;
}

label.names{
	padding: 0;
	margin: 0;
	width: 160px;
	float: left;
	color: #036;
}

label {
	padding: 0;
	margin: 0;
}

form {
padding: 0 0 0 0;
margin: 0 0 15px 0;
color: #000;
background-color: #fff;
width: 400px;
}



/* Begin Navigation =============================================== */
#nav {	
border-bottom: solid 1px white;
  background-color: #2E6A86;
  width: 100%;
  height: 21px;
  margin: 0;
  /*padding: 0 14px 0 16px;*/
list-style: none;
float:left; /*needed to contain floated children. 
The children when contained will give the nav its height.
If it has height, then the background colour will show.*/
}

#nav li {	
float: left;
position: relative; /*so that we can use this as a reference point for positioning the child submenu.*/
/*padding: 2px 12px 2px 13px;*/
padding: 3px 14px 0 14px;
_padding: 3px 3px 0 14px;
margin:0;
border-right: solid 2px white;
}

#nav li.borderless {
border-right: none;
padding: 3px 14px 0 15px;
}

* html body #nav li {width:6.1em;} /*for Mac/IE, keeps nav links floated correctly */


#nav li a { /* formats the look of the menu items */
display:block;
text-decoration: none;
  color: #fff;
margin:0;
padding: 0;
height:19px;
_height: 30px;
background-color: transparent;

}

#nav li:hover {
background-color: #3092AF;
}

#index #nav01, /* current menu */
#interviews #nav02,
#conferences #nav03,
#whoweare #nav04,
#how-process #nav05,
#ourwork #nav06,
#additionalservices #nav07,
#contactus #nav08 {
background-color: #3092AF;
}

/*-------- SUBMENU ---------*/
#nav li ul { /* submenu background*/
display: none;
list-style:none;
}

#nav li > ul { /* to override top and left in browsers other than IE, 
which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}


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

#nav li:hover ul,
#nav li.over ul { /* positions and formats submenu background , class over is for javascript file*/
display: block;
background-color: #fff;
color:#fff;
float:none;
position: absolute;
top: 22px;
_top: 33px;
left: -2px;
width: 113px;
margin:0;
}

#nav li:hover ul li a,
#nav li.over ul li a {/*formats submenu individual items */
color:#fff;
background-color: #2E6A86;;
text-decoration: none;
font-weight:normal;
padding:5px 7px;
width: 95px;
height:100%;
text-align:left;/*need to override earlier Mac/IE text-centre rule on the parent*/
border-bottom: 2px solid white; /* white border on left and bottom */
border-left: 2px solid white;
}




#nav li:hover ul li a:hover ,
#nav li.over ul li a:hover { /*formats submenu links for hover */
color: #fff;
	background-color: #3092AF;
}

#nav li ul li a#current {/*sets the current (where the user is) submenu item to be highlighted*/
color: #bb2838;
background-color:#EFF2C3;}






/* --------------------*/

.blue {
	height: 10px;
	width: 100%;
	background-color: #3092AF;
}


.right{
	float: right;
	margin-right: 131px;
}

#costs {
	border: 2px solid #3092af;
	padding: 0 10px;
}




/* Begin footer  =============================================== */
	
#footer {
width: 728px;
padding: 5px 10px 5px 10px;
background-color: #2E6A86;
color: #fff;
border-top: 1px solid white;
}

#footer p{
	padding: 0 0 0 16px;
	margin: 0;
}

#footer_right {
text-align: right;
float:right;
}

#footer a.email {
color: #fff;
font-weight: bold;
}