/* CSS Document */

/* ---------------------------------------------------------------- elements */
/* ========================================================================== */	

html {
  height: 101%; /* prevent scrollbar jumping in firefox */
}

* {
  margin: 0;
  padding: 0;
}

body {
	background-color:#ffffff;
	font-size: 100.01%; /* prevent extreme font resizing in IE */
	text-align:left;
	background-image:url(../images/body_BG.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
}

img {border:0;}

.clear {
  clear: both;
}

br.clear {
  font-size: .01em;  /* remove space below clearing br tags in IE5 */
}

/* ---------------------------------------------------------------- container */
/* ========================================================================== */	


#container {
	width:940px;
	margin-right: auto;
  	margin-left: auto;
	text-align:left;
	}

	
/* ---------------------------------------------------------------- header */
/* ========================================================================== */	
	
#header {
	height:160px;
	width:940px;
	background-color:#404041;
	border-bottom:1px solid #fff;
	}


#wis_title {
	background:transparent url(../images/logo.gif) no-repeat scroll left top;
	display:block;
	float:left;
	width:280px;
	height:100px;
	margin:30px 0 0 40px;
	overflow:hidden;
	text-indent:-9999px;
	}
	


/* ------------------------------------ header navigation */

#navigation {
	float:right;
	width:436px;
	height:50px;
	margin:80px 0 0 0;
	}
	
#navlist {
	display:block;
	margin:6px 0px 0 0;
	padding:0;
	list-style-type:none;
	}

#navlist li {
	display:inline;
	padding: 0 14px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-variant:small-caps;
	}

#navlist a {
	text-decoration:none;
	color:#19b5cc;
	}
	
#navlist a:hover {
	text-decoration:none;
	color:#fff;
	margin:30px 0 0 0;
	}




/* ---------------------------------------------------------------- content */	

#content {
	width:940px;
	background-image:url(../images/content_BG.gif);
	background-repeat:repeat-x;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	border-left:1px dotted #dddddd;
	border-right:1px dotted #dddddd;
	padding:0 0 0 20px;	
	}

#wrapper {
	width:940px;
	overflow:auto;
	}
	

/* typography */
/***********************************************************************/

#leftnav h2, #infocol h2, #newscol h2 {
	width:200px;
	margin:-2px 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:2px solid #4c4e4e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-variant:small-caps;
	color:#4e4d4d;
	}

#infocol h2 {
	width:240px;
	}
	
#infocol .pmi {
	width:275px;
	} 

#infocol h4 {
	margin:10px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-variant:small-caps;
	color:#4e4d4d;
	}

#infocol h5 {
	margin:10px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#48c5d6;
	}

#infocol .longer {
	padding-bottom:50px;
	}

#newscol h2	{
	width:130px;
}

#leftnav .navoption {
	border-top:none;
	padding:18px 0 6px 0;
	}

#leftnav h3, #infocol h3, #newscol h3, #footer h3	{
	margin:30px 0 0 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-variant:small-caps;
	color:#48c5d6;
	}

#casestudies a {
	display:block;
	margin:-5px 6px 0 6px;
	padding:0 0 50px 0;
	border-bottom:1px solid #555756;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-variant:small-caps;
	font-weight:bold;
	color:#48c5d6;
	text-decoration:none;
	}

#casestudies a:hover {
	color:#95e2ed;
	text-decoration:underline;
	}

#casestudies h5 {
	margin:8px 0 0 6px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-variant:small-caps;
	color:#fff;
	}

#middle h4 a {
	text-decoration:none;
	color:#abad11;
	}

#middle .quote {
	margin:18px 0 0 0;
	padding:0 0 18px 0;
	border-bottom:1px dotted #83847e;
	font-size:1.2em;
	line-height:1.3em;
	color:#2b5466;
	}

#middle p {
	margin:10px 12px 0 0;
	font-size:0.7em;
	line-height:1.4em;
	color:#333333;
	}
	

/* left column */
/***********************************************************************/

#leftnav {
	float:left;
	width:204px;
	padding:60px 30px 20px 28px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#leftnav ol {
	width: 200px;
	list-style: none;
	font-variant:small-caps;
	font-size:0.7em;
	line-height: 1.8em;
	}
	
#leftnav ol li {
	padding:6px 0 2px 0;
	list-style: none;
	border-bottom:1px solid #bcbcbc;
	}

#leftnav ol a {
	text-decoration:none;
	color:#6a6a6a;
	background-color:#fff;
	}

#leftnav ol a:hover {
	font-weight:bold;
	color:#48c5d6;
	background-color:#fff;
	}
 
 #leftnav .leftnavlong {
 	height:400px;
	}
	
/* ----------------------------------- imagegallery */	

#imagegallery	{
	float:left;
	width:625px;
	height:272px;
	margin:100px 0 0 5px;
	background-color:#dadbdb;
	}	

#imagegallery2	{
	float:left;
	width:625px;
	height:272px;
	margin:100px 0 0 5px;
	background-color:#dadbdb;
	}	

#slider {
	float:left;
	height:260px;
	width:460px;
	margin:6px;
	}

#casestudies {
	float:left;
	height:260px;
	width:147px;
	margin:6px 6px 6px 0;
	background-image:url(../images/casestudy_BG.gif);
	background-repeat:repeat;
	}
	
	
/* ----------------------------------- infocol */

#infocol 	{
	float:left;
	width:450px;
	padding:0 20px 40px 0;
	margin:0 0 0 12px;
	}

#infocol p {
	margin:0 12px 10px 0;
	font-size:0.7em;
	line-height:1.4em;
	color:#333333;
	}

#infocol ol {
	margin:15px 0 15px 0;
	}

#infocol li {
	list-style: none;
	line-height: 1.5em;
	font-size:0.7em;
	background:transparent url(../images/arrow.gif) no-repeat scroll 0 50%;
	padding:1px 0 1px 20px;
	color:#333333;
	}

	
/* ----------------------------------- newscol */

#newscol 	{
	float:left;
	width:140px;
	padding:0 20px 0 0;
	}

#newscol p {
	margin:10px 12px 0 0;
	font-size:0.7em;
	line-height:1.4em;
	color:#333333;
	}


/* ---------------------------------------------------------------- footer */	

#footer {
	background: #434950 url(../images/footer_BG.gif) repeat-x scroll -70% 0;
	}


#footerinner {
	margin:0 auto;
	width:940px;
	height:400px;
	padding:0 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#footerinner h2	{
	width:180px;
	margin-top:-6px;
	padding:0 0 10px 0;
	border-bottom:2px solid #4c4e4e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-variant:small-caps;
	color:#fff;
	}


#footerinner ul {
	width: 180px;
	margin:15px 0 0 0;
	list-style: none;
	}
	
#footerinner ul li {
	list-style: none;
	line-height: 1.5em;
	font-size:0.7em;
	background:transparent url(../images/arrow.gif) no-repeat scroll 0 50%;
	padding:1px 0 1px 20px;
	}

#footerinner ul a {
	text-decoration:none;
	color:#ffffff;
	}

#footerinner ul a:hover {
	text-decoration:underline;
	font-weight:normal;
	color:#48c5d6;
	}
	
/* ----------------------------------- footer left column */

#ftleft {
	float:left;
	width:200px;
	padding:0px 29px 20px 48px;
	}

#ftleft p {
	margin:15px 0 20px 0;
	font-size:0.65em;
	color:#ffffff;
	line-height:1.5em;
	}

#ftleft a {
	text-decoration:none;
	color:#5f85a4;
	}

#ftleft a:hover {
	text-decoration:underline;
	font-weight:normal;
	color:#0099FF;
	}

/* ----------------------------------- footer middle column */

#ftmiddle	{
	float:left;
	width:440px;
	padding:0 28px 20px 15px;
	}

#ftmiddle p {
	margin:15px 0 10px 0;
	font-size:0.65em;
	color:#ffffff;
	line-height:1.5em;
	}

	
/* ----------------------------------- footer right column */
	
#ftright 	{
	float:left;
	width:180px;
	padding:0;
	}