/* CSS Document */

* {
	margin:0;
	padding:0;
	border:none;
	}
html {
	height: 100%;
	overflow: auto;
	}

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#231F20;
	/*overflow: -moz-scrollbars-vertical;*/
	background-color:#000000 !important;
	height: 100%;
	
	}

small {
	color:#999999;
	}

h1, h2, h3, h4 {
	font-weight:normal;
	}
	
h1 {
	margin: 0 0 12px 0;
	}	

img {
	border:none;
	}

br.clear {
	clear:both;
	}

a:link, 
a:visited {
	text-decoration:none;
	color:#231F20;
	outline: none;
	}
a:hover {
	text-decoration:none;
	color:#808183;
	outline: none;
	}	

#header {
	margin:0 0 21px 0;
	}


#tagline {
	float:left;
	width: 475px;
	margin: 0;
	padding: 0 0 0 0px;
	}
	
#tagline p{
	font:Georgia;
	
	color:#FFFFFF;
	font-size:11px;
	margin: 0 0 0 30px;
	}	
	
#tagline img{
	margin: 0 0 0 30px;
	}	

#wrapper {
	position: absolute;
	top: 20px;
	left: 20px;
	margin:21px;
	width:976px;
	}
	
/**************** menu coding *****************/
#menu {
width: 157px;
background: #eee;
float: left;
margin:0 0px 0 332px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 157px;
float: left;
}


#menu li li a {
font-style: italic;
font-size: 11px;
display: block;
margin: 0;
padding: 3px 10px;
text-transform: lowercase;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
}

#menu li li a {
color: #000;
background: #EDF0F2;
text-decoration: none;
}

#menu li li a:hover {
color: #808183;
background: #fff;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}


/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */



/**************** END menu coding *****************/


	
	
	
	
#about {
	background:#FFFFFF;
	padding:21px 21px 21px 10px;
	width:933px;
	min-width:933px;
	font-size:11px;
	line-height:140%;
	}
#about h2 {
	font-size:18px;
	font-style:;
	font-weight:normal;
	margin:30px 0 0px 18px;
	width:655px;
	line-height:140%;
	}
#about h3 {
	font-size:18px;
	font-weight:normal;
	margin:0px 0 0px 18px;
	width:655px;
	padding: 0;
	line-height:140%;
	}	
#about p {
	width:655px;
	margin: 0 0 10px 18px;
	font-size:12px;
	line-height:140%;
	}
#about #partners div.partnerphoto {
	float:left;
	margin:0 90px 0 0;
	}
#about #partners div.partnerphoto img {
	margin:0 0 8px 0;
	}
	
#clients div.client-list ul {
	margin:0 38px 0px 18px;
	padding:0;
	list-style:none;
	float:left;
	}
	
	
#storypaginator  {
	padding: 0px 0 0px 0px;
	position: absolute;
	left: 863px;
	top: 94px;
 	font-style: italic;
	font-size: 11px;
        color: #999999;
}


#stories {
	background:#FFFFFF;
	padding:21px 21px 21px 10px;
	width:933px;
	min-width:933px;
	}
#stories h1 {
	font-size:26px;
	background: #fff;
	width:100%;
	}
#stories h1 a:link, 
#stories h1 a:visited {
	width:100%;
	display:block;
	color:#231F20;
	}
#stories h1 a:hover {
	width:100%;
	display:block;
	color:#808183;
	}
span.story-num {
	font-size:10px;
	font-style:italic;
	width: 22px;
	}

span.story-subject {
	font-size:11px;
	font-style:italic;
	}
.accordion_content p {
	font-size:12px;
	margin:0px 0 0 0;
	line-height:140%;
	width:655px;
	}
.accordion_content p a {
	text-decoration: underline;
	}	

#stories .accordion_toggle{
}

#stories .accordion_toggle_active{

}

#stories .accordion_content{
  overflow: hidden;
  margin:0 0 10px 22px;
}