/* Layout Styles for ikoninc.net */

body	{
	background: #fff; /* page bg */
	font-size: 12px;
	color: #47454c;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
}
	
#wrapper {
	width: 792px;
	border: 0;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color: #fff; 
}

#content {
	padding: 10px 20px 10px 20px;
}

#contentdisciplines {
	padding: 10px 20px 10px 20px;
}

#home {
	background: #46454B;
}

#leftside {
	float: left;
	width: 350px;
	background-color: #fff;
}

#rightside {
	float: right;
	margin-left: 15px;
	width: 350px; 
	background-color: #fff;
}

#homepageleft {
	margin: 0;
	padding: 0;
	float: left;
	width: 702px;
}

#rightfeature {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 331px;
	background-color: #fff;
}

div.spacer {
  clear: both;
}

div.spacerspecial {
  clear: both;
  height: 200px;
 }

#banner {
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	border: 0px solid black;
}

#banneralt {
	display: none;
}

#navigation {
	padding: 10px 4px 10px 4px;
	text-align: center;
	margin: 0px;
	background-color: #D9E2C3;
}

img {
	border: 0;
}

#footer {
	clear: both;
	background: #77787B;
	text-align: center;
	border-top: 0px solid #999;
	width: 752px;
	margin: auto;
	padding: 15px 0 15px 0;
}

/* positioning for subnav office buttons */
div.floatsmall {
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
  margin-bottom: 10px;
  height: 175px;
  width: 175px;
  text-align: center;
}

/* positioning for subnav discipline buttons */
div.floatdisc {
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
  margin-bottom: 10px;
  height: 140px;
  width: 140px;
  text-align: center;
}

div.biocontent {
	background: #ECF5FA;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
	border: 0;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; 
	left:0;
	padding: 5px 0 0 0;
	width:300px;
	color: #47454c;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	text-decoration: none;
	border: 0;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble_ikon.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler_ikon.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble_ikon.gif) no-repeat bottom;
}

#content a.tt span p, #content a.tt span ul {
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	margin: 0 !important;
	font-variant: small-caps;
	text-decoration: none;
	border: 0;
}

/*  Typography */
	
h1, h2, h3, h4, h5, h6	{
	font-weight: bold;
	color: #999;
	margin-bottom: 4px;
	letter-spacing: 1px;
	text-align: left;
	margin-left: 0px;
	padding: 0px;
	font-variant: small-caps;
	}
	
h1	{
    font-size: 18px;      	
    }
	
h2	{
	color: #999;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	margin-bottom: 0px;
    }

p	{
	font-size: 12px;
	line-height: 20px;
	text-align: left;
    font-variant: small-caps;
	}

div.biocontent p {
	margin: 5px 5px 10px 20px;
}

p.breadcrumb {
	color: #22afd6;
}
	
ol {
	font-size: 12px;
	line-height: 25px;
	text-align: left;
	margin-top: 10px;
	margin-left: 30px;
	}
	
td	{
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	}
	
	
#content ul {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	margin-top: 10px;
	margin-left: 40px;
	font-variant: small-caps;
	}
	
#content li {
	margin-top: 5px;
}
	
#footer ul	{
	display: inline;
	font-size: 12px;
	color: #fff;
	font-variant: small-caps;
	}
	
#footer li	{
	display: inline;
	padding: 0 15px 0 0;
	}	
	
#footer p {
	color: #fff;
	text-align: center;
	}
	
.cancelled {
	color: #999999;
	text-decoration: line-through;
}


/* General link coloring */
	
a:link, a:visited {
	font-weight : normal; 
	text-decoration : none;
	color: #22afd6;
	background: transparent; 
	}

a:hover {
	font-weight : normal; 
	text-decoration : underline;
	color: #000;
	background: transparent; 
	}

a:active {
	font-weight : normal; 
	text-decoration : underline;
	color: #22afd6;
	background: transparent;  
}

#footer a:link, #footer a:visited {
	font-weight : normal; 
	text-decoration : none;
	color: #fff;
	background: transparent; 
	}

#footer a:hover {
	font-weight : normal; 
	text-decoration : underline;
	color: #22afd6;
	background: transparent; 
	}

#footer a:active {
	font-weight : bold; 
	text-decoration : underline;
	color: #fff;
	background: transparent;  
}


/* keep banner buttons from showing link decorations */
#banner a {
	text-decoration: none;
	border: 0;
	margin: 0;
	background: transparent;
}

a:link.nolink,a:visited.nolink,a:hover.nolink,a:active.nolink {
	text-decoration: none;
	border: 0;
}

/*  Hide */

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}

/*  Helpers */
	
.linewrap {
	font-weight: bold; 
	color: #c60; 
	font-size: 13px;
	}
	
.floatleft	{
	float: left;
	padding: 0;
	margin: 0px 15px 0 0;
	}

.biopic {
	padding: 10px;
	margin: 10px;
	border: 1px solid #999;
	float: right;
	background: #fff;
}

.red {
	background: red;
}

.grey {
	color: #ccc;
}

/* WORK SECTION DIVS! */
.workBox {
	height:150px;
	display:block;
	padding-top:15px;
}
.desc {
	width:625px;
	float:right;
}
.imgArea{
	position:absolute;
	margin-left:17px;
	height:150px;

}
.workEx {
}