/* CSS Document */

* {
margin:0;
padding:0;
}

body {
height:100%;
background:url(../images/ii_main_bg.jpg);
background-repeat:repeat-x;
background-color:#85806c;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
line-height:11pt;
font-style:normal;
}

a{outline:none;} /* removes the ugly link outlines in Firefox */

a:link {
color: #633613;
text-decoration: underline;
}

a:visited {
color: #633613;
text-decoration: underline;
}

a:hover {
color: #4c4b3d;
text-decoration: underline;
}

h1 {
font-size: 150%;
color: #7c0000;
font-weight: bold;
margin: 0;
padding: 0;
line-height:130%;
text-transform:uppercase;
}

#h1 {
font-size: 150%;
color: #7c0000;
font-weight: bold;
margin: 0;
padding: 0;
line-height:130%;
text-transform:uppercase;
}


h2 {
font-size: 125%;
color: #7c0000;
font-weight: bold;
margin: 0;
padding: 0;
line-height:120%;
text-transform:uppercase;
}

#h7 {
font-size: 125%;
color: #7c0000;
font-weight: bold;
margin: 0;
padding: 0;
line-height:120%;
}


h3 {
font-size: 100%;
color: #7c0000;
font-weight: bold;
margin: 0;
padding: 0;
text-transform:uppercase;
}
  
ul li {
list-style:none;
list-style-type: square;
}

/* .watermark {
position:absolute;
left:50%;
top:0px;
width:829px;
height:580px;
margin-left:-370px;
background:url(../images/ii_watermark_bg.jpg);
background-repeat:no-repeat;
z-index:1;
} */

.content {
position:absolute;
left:50%;
top:0px;
width:765px;
margin-left:-383px;
z-index:5;
}

.logo {
position:absolute;
background:url(../images/header_ii_logo.gif);
background-repeat:no-repeat;
top:0;
width:513px;
height:88px;
z-index:5;
}

.photo01 {
position:absolute;
background:url(../images/top_image_01.jpg);
background-repeat:no-repeat;
width:550px;
/*height:198px;*/
height:227px;
top:22px;
left:219px;
z-index:5;
}

.mainContent {
position: absolute;
/* background:url(../images/content_bg.gif);
background-repeat: repeat-y; */
background-color:#eae8e2;
border-left:1px solid #3a3b2b;
border-right:1px solid #3a3b2b;
border-top:1px solid #3a3b2b;
width: 720px;
top: 289px;
left: 3px;
z-index: 6;
margin: 0;
padding: 40px 20px 0px 20px;
}

.textArea {
/* width: 500px; */
}

.contentTitle {
position: absolute;
width: 772px;
height: 41px;
top: 275px;
left: -2px;
z-index: 6;
}

.who {
background:url(../images/title_whoweare.gif);
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.our {
background:url(../images/title_ourpartners.gif);
background-repeat: no-repeat;
}

.workshops {
background:url(../images/title_workshops.gif);
background-repeat: no-repeat;
}

.products {
background:url(../images/title_products.gif);
background-repeat: no-repeat;
}

.case {
background:url(../images/title_casestudies.gif);
background-repeat: no-repeat;
}

.saying {
background:url(../images/title_peoplesaying.gif);
background-repeat: no-repeat;
}

.contact {
background:url(../images/title_contact.gif);
background-repeat: no-repeat;
}

.references {
background:url(../images/title_references.gif);
background-repeat: no-repeat;
}

.home {
background:url(../images/title_welcome.gif);
background-repeat: no-repeat;
}

.contentFooter {
position: absolute;
background:url(../images/content_footer.gif);
background-repeat: no-repeat;
width: 772px;
height: 25px;
left: -6px;
margin-top: 0px;
z-index: 6;
padding-bottom:30px;
}

.footerAddress{
position: absolute;
margin-top:30px;
padding-right:20px;
color:#ffffff;
font-size:8pt;
}

.list {
margin-left: 20px;
}

.newsBG {
position: absolute;
display:block;
background:url(../images/news_bg.gif);
background-repeat: repeat-y;
width: 210px;
top: 307px;
z-index: 5;
margin-top: 3px;
}

.newsTitle {
position: absolute;
background:url(../images/title_newsbox.gif);
background-repeat: no-repeat;
width: 210px;
height: 36px;
margin-top: -10px;
z-index: 6;
}

.newsFooter {
position:relative;
background:url(../images/news_footer.gif);
background-repeat: no-repeat;
width: 210px;
height: 19px;
margin-top: 20px;
top: 19px;
z-index: 5;
}

.newsText{
position: relative;
width: 170px;
left: 18px;
top: 36px;
margin: 0px 0px 0px 0px;
font-family: Arial,Helvatica,sans-serif;
font-size: 10px;
line-height: 11px;
}

.newsDate{
font-weight: bold;
color: #cc0203;
margin-bottom: 1em;
}

.newsLink {
background:url(../images/button_readmore.gif);
width: 175px;
height: 20px;
margin-top: 10px;
position:absolute;
top:120px;
}

/*************************************************/
/******************** Main Nav *******************/
/*************************************************/

.NavContainer {
position:absolute;
top:23px;
width:208px;
left:0px;
z-index:5;
}

.nav {
left:0px;
list-style:none;
padding:0px;
margin:0 auto;
text-align:left;
z-index:5;
overflow:hidden;
}

.navSub {
position:absolute;
width: 208px;
height: 20px;
top: 269px;
left: 550px;
z-index: 7;
}

.nav ul {
list-style: none;
text-align: left;
margin:0 auto;
padding:0px;
z-index:5;
}

.nav li {
list-style: none;
text-align: left;
margin-bottom:-7px;
z-index:5;
}

.nav a {
font-face:Arial, Helvetica, sans-serif;
font-weight: bold;
color: #4b5141!important;
font-size: 11px;
text-decoration:none;
width:208px;
height:28px;
display:block;
padding:7px 0px 0px 30px;
background: url(../images/button_off.gif) no-repeat;
margin:0;
z-index:5;
}

.nav a:hover, .nav a.selected {
color: #633613!important;
background: url(../images/button_over.gif) no-repeat;
text-decoration:none;
z-index:5;
}

.nav a span {
padding-top:5px;
color:#633612;
background: url(../images/button_select.gif) no-repeat;
z-index:5;
}

.dark_box{
	border:1px solid #3a3b2b;
	padding:20px;
	background-color:#85806c;
	color:#ffffff;
}
.light_box{
	border:1px solid #85806c;
	padding:20px;
	background-color:#f5f2eb;
}
.clear_box{
	border:1px solid #85806c;
	padding:20px;
}

/* .fancy_table{border:1px solid #85806c;} */
.fancy_table td{
	padding:5px;
}
.odd_table_row{
	background-color:#fffcf5;
}
.table_heading_row{
	background-color:#85806c;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
}

.hidden{display:none;}
.reveal_list h2{margin-bottom:5px;}
.reveal_list h3{margin-bottom:5px;}
.reveal_list li ul{
	border:1px solid #c0c0c0;
	list-style:none;
	padding:20px;
	margin:20px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
}
.reveal_list li.bottom_reveal_item ul {margin-bottom:0px;}
/* when a reveal_list item is close to the bottom, it needs to have a bottom margin of zero, so it doesn't mess up the display of the curves on the main text area when expanded */
.reveal_list li{list-style:none;}
.reveal_list li ul li ul{border:none;margin:0px;margin:0px;padding-top:0.5em;padding-bottom:0.5em;}
.reveal_list li ul li ul li{list-style:square;} /* so normal lists within the reveal list have normal bullets, etc. */



.reveal_list a{text-decoration:none;}




.quote{
	background-image:url('../images/bg_quote_small.gif');
	background-repeat:no-repeat;
	min-height:25px;
	padding-left:14px;
	padding-top:0px;
}
.quote_source{
	text-align:right;
	font-style:oblique;
	padding-bottom:1em;
	padding-top:0.5em;
	color:#7c0000;
}
.close_quote{
	background-image:url('../images/bg_quote_close.gif');
	background-repeat:no-repeat;
	min-height:25px;
	padding-left:25px;
	padding-top:2px;
	background-position:2px 3px;
}
.back_to_top{
	text-align:right;
	font-size:8pt;
}