.i-frame {
	display: inherit;
	float: right;
	position: relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.maincontentcenter {
	BORDER-BOTTOM: #333333 8px solid;
	BORDER-LEFT: #333333 1px solid;
	BORDER-RIGHT: #333333 1px solid;
	BORDER-TOP: #333333 1px solid;
	COLOR: #333333;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	FONT-SIZE: 12px;
	LINE-HEIGHT: normal;
	clip: rect( );
	padding-right: 0px;
	padding-left: 80px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	border-style: none;
	float: left;
	display: block;
	width: 300px;
}
.mediumheadingcenter {
	COLOR: #FFFFFF;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	FONT-SIZE: 18px;
	FONT-WEIGHT: bold;
	font-style: normal;
	text-align: center
}
.clientlogos {
	position:relative;
	width:710px;
	height:47px;
	z-index:1;
	left: 0px;
	top: 7px;
	background-color: #FFFFFF;
	layer-background-color: #FFFFFF;
	border: 1px none #000000;
	overflow: none;
	visibility: visible;
	padding-left: 100px;
}

.copyright {
	font-size: 9px;
	color: #000000;
	vertical-align: text-bottom;
	float: right;
	display: block;
	width: 300px;
	top: 200px;
	position: relative;
	left: 10px;
}
.menheadi {
	background-color: #FFFFFF;
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	COLOR: #000000;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	width: 270px;
}
.mediumheading {
	COLOR: #8AA1D3;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	font-style: normal;
}
.maincontent {
	BORDER-BOTTOM: #333333 8px solid;
	BORDER-LEFT: #333333 1px solid;
	BORDER-RIGHT: #333333 1px solid;
	BORDER-TOP: #333333 1px solid;
	COLOR: #333333;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	FONT-SIZE: 12px;
	border-style: none;
	margin:0;
	height:auto;
	width:656px;
	text-align: left;
	line-height: 1.5em;
	padding-bottom: 0.5em;
}
ul.maincontentlist  {
	height:auto;
	font-weight: normal;
	COLOR: #333333;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	FONT-SIZE: 12px;
	text-align: left;
	background: white;
	width: 646px;
	padding-left: 10px;
	margin-left: 0px;
	line-height: normal;
	float: left;
	padding-top: 2px;
}
ul.maincontentlist li  {
	margin-bottom: 0.5em;
	list-style-position: outside;
	list-style-type: none;
	background:url(graphics/bulletbluegrey.gif) left top no-repeat;
	padding-left: 20px;
}


#masthead {
	overflow: visible;
	clip: auto;
	height: 178px;
	z-index: 1;
}



.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:768px;/* 36px masthead height + 18px button height + 1px lower border*/
	min-width:560px;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0 { d\isplay:none; } }

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:560px solid #fff;
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-560px;
	height: 1px;
}
.mastheadtext {
	position:relative;        /* establish a menu-relative positioning context */
	float:none;                                  /* the menu's overall height */
	width:400px;
	top: -154px;
	padding: 0px;
	margin: 0px;
	left: -104px;
	line-height: 1;
	margin-top: 14px;
}



.bluetransparent {
	position:relative;        /* establish a menu-relative positioning context */
	float:inherit;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:18px;                                  /* the menu's overall height */
	width:788px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;         /* this (and also below) sets the menu's font size */
	background-color: #FFFFFF;
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	padding-left: 192px;
	top: 2px;
	left: 2px;
}


.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:inherit;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:18px;                                  /* the menu's overall height */
	width:980px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	top: -18px;
	z-index: 3;
}

.menu ul {
	margin:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;
	padding-left: 0px;
}

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0px;
	width: 96px;
	min-height: 18px;
}


.menu ul li ul {
	display:none;                               /* this is our box border width */
	padding: 0px 1px 1px 1px;
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:18px;
	color: #000000;
}



.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	height:17px;
	background-color: #FFFFFF;
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	color: #FF0000;
	margin-top: 1px;
}



/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	top:18px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;
	color:#666666;
	background: #0bb2dd;
	text-align: left;
	font-weight: normal;
	padding-right: 8px;
}


.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background:white;
	padding: 5px;
}



.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background: white;
	opacity: 0.75;
	filter: Alpha(Opacity=75);
}


.about {
	width: 57em;

}
.services {
	width: 49em;
}
.profiles {
	width: 41em;
}
.portfolio {
	width: 33em;
}
.contact {
	width: 25em;
}





.client {
	float: inherit;
	width: 980px;
	z-index: 1;
}




.leftmenu {
	border:0;
	height:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	top: -17px;
	position: relative;
	width: 270px;
	float: left;
	z-index: 3;
}

.leftmenu ul {
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;
	left: 0px;
	margin: 1px;
	position: relative;
	padding: 1px;
}

.leftmenu li {
	min-height: 19px;
	margin: 0;
}


.leftmenu ul li ul {
	display:none;
	list-style-type: none;
}

.leftmenu ul li a,
.leftmenu ul li a:visited {                    /* unselected top-level menu items */
	text-decoration:none;
	height:18px;
	color: #FFFFFF;
	float: left;
	width: 280px;
	text-align: left;
	font-weight: normal;
}

.leftmenu ul li:hover a,
.leftmenu ul li a:hover {                        /* selected top-level menu items */
	border-top:1px solid #0000;    /* these 2 lines create the push-in illusion */
	height:18px;
	background-color: #FFFFFF;
	color: #FF0000;
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	
	
	
	
}
.leftmenu   /*======================== 2ND LEVEL LEFT MENU DEFINITIONS ========================*/
ul    li:hover   ul, .leftmenu ul li a:hover ul  
     {                           /* 2nd level drop-down box */
	font-weight: normal;
	padding-left: 70px;
	float: inherit;
	display: block;
	height: 24px;
	position: absolute;

































	background: none
.gif;
	background: graphics/transpace
.gif;
	background-image: url(graphics/transpace.gif);
	background-repeat: repeat-x;
	left: 260px;
}

.leftmenu ul li:hover ul li a,
.leftmenu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0px;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background:#99FF00;
	text-align: left;
	width: 600px;
}


.leftmenu ul li:hover ul li:hover a,
.leftmenu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:#F5F9FC;
}
.leftmenu  ul  li:hover  ul  li  ul.maincontentlist, .leftmenu  ul  li a:hover   ul  li ul.maincontentlist {
	height:auto;
	font-weight: normal;
	float: inherit;
	display: block;
	COLOR: #333333;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	FONT-SIZE: 12px;
	text-align: left;
	background: white;
	width: 656px;
	padding-left: 20px;
	margin-left: -260px;
	line-height: normal;
}
.leftmenu ul li:hover ul li ul.maincontentlist li, .leftmenu ul li a:hover ul li ul.maincontentlist li {
	margin-bottom: 0.5em;
	list-style-position: outside;
	list-style-type: none;
	background:url(graphics/bulletbluegrey.gif) left top no-repeat;
	padding-left: 20px;
}
.leftmenu   ul  li  ul  li div.flyout {
	position:relative;
	left:-46px;
	width:694px;
	height:398px;
	z-index:3;
	background-color: white;
	layer-background-color: #FFFFFF;
	border: 1px none #000000;
	overflow: visible;
	visibility: visible;
	padding: 0px;
}
div.flyout {
	position:relative;
	left:18px;
	width:676px;
	height:378px;
	z-index:2;
	background-color: white;
	layer-background-color: #FFFFFF;
	border: 1px none #000000;
	overflow: auto;
	visibility: visible;
	padding: 8px;
	top: -27px;
	float: left;
}

.topwave {
	position:relative;
	top:-17px;
	left:1px;
	z-index:1;
	border: 1px none #000000;
	overflow: visible;
	visibility: visible;
}
#menu1 {
	top: -4px;
}
#menu2 {
	top: -26px;
}
#menu3 {
	top: -48px;
}
#menu4 {
	top: -70px;
}
#menu5 {
	top: -92px;
}
#menu6 {
	top: -116px;
}
#menu7 {
	top: -132px;
}
ol.maincontentlist {
	height:auto;
	font-weight: normal;
	COLOR: #333333;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	FONT-SIZE: 12px;
	text-align: left;
	background: #F5F9FC;
	width: 646px;
	padding-left: 10px;
	margin-left: 0px;
	line-height: normal;
	float: left;
	padding-top: 2px;
}

ol.maincontentlist li {
	margin-bottom: 0.5em;
	list-style-position: outside;
	padding-left: 20px;
	padding-bottom: 1em;
}
