HTML {
	 MARGIN: 0px;
	 PADDING-RIGHT: 0px;
	 PADDING-LEFT: 0px;
	 PADDING-BOTTOM: 0px;
	 PADDING-TOP: 0px
}
BODY {
	text-align: center;
	FONT-FAMILY: frutiger,verdana,geneva,lucida,arial,helvetica,sans-serif;
	FONT-SIZE: 76%;
	COLOR: #666;
}
#content a.link, #content a.link:hover  {
		 text-decoration: none; font-size: 100%; color: #768193; TEXT-ALIGN: right; text-transform: none; font-weight: bold;
}
#content a.link:hover {
		color: #333333; font-weight: bold; text-decoration: none; cursor:pointer;cursor:hand;
}
#content a.link img  {
		 	MARGIN: 0px;
}
/* screen */
#container, #containerSnapshot {
	MARGIN: 0 auto;
	padding: 0;
	WIDTH: 770px;
	background: #cdc6b1 url(../images/bkrnd_grad.gif) repeat-x;	
}
#containerSnapshot {
	WIDTH: 664px;
}
#screen, #screenSnapshot {
	MARGIN: 10px 0 0 0;
	BORDER: #989898 1px solid;
	padding: 0;
	WIDTH: 770px;
	COLOR: #333;
	background: #ffffff url(../images/bkrnd_content.gif) repeat-x 0 -11px;	
 }
#screenSnapshot {
	WIDTH: 664px;
	COLOR: #333;
 }
/* screen top */
#tiptop, #tiptopSnapshot {
	WIDTH: 100%;
	POSITION: relative;
	BACKGROUND: transparent;
	background: url(../images/tiptop_bkgnd.jpg) repeat;
	COLOR: #666;
	height: 60px;
}
#tiptopSnapshot {
	height: 30px;
	BACKGROUND: #ffffff;
}
#tiptop .left IMG {
	MARGIN: 13px 13px 13px 70px;
	BACKGROUND: transparent;
	background: url(../images/tiptop_logo.gif) no-repeat left top;	
	height: 31px;
	WIDTH: 235px;
}
#tiptop .left {
	FLOAT: left; TEXT-ALIGN: left;
}
#tiptop .right, #tiptopSnapshot .right {
	FLOAT: right
}
#tiptop .right img {
	background: transparent;
}
#tiptop .left {
	WIDTH: 60%;
	TEXT-ALIGN: left;
}
#tiptopSnapshot .left {
	FLOAT: left;
	WIDTH: 60%;
	TEXT-ALIGN: left;
	MARGIN: 10px 5px 10px 27px;
	font-size: 110%;
	font-weight: bold;
	color: #664b05;
}
#tiptopSnapshot .left span {
	TEXT-ALIGN: left;
	MARGIN: 5px;
	font-size: 70%;
	font-weight: bold;
	color: #cccc99;
}

#tiptop .right {
		MARGIN: 32px 20px 0px 0px; WIDTH: 30%; TEXT-ALIGN: right;
}
#tiptopSnapshot .right {
		MARGIN: 5px 20px 0px 0px; WIDTH: 30%; TEXT-ALIGN: right;
}
#tiptop a.tiptoplink, #tiptop a.tiptoplink:hover  {
		 text-decoration: none; font-size: 80%; color: #666666; TEXT-ALIGN: right; text-transform: none; font-weight: bold;
}
#tiptop a.tiptoplink:hover {
		color: #333333; font-weight: bold; text-decoration: none; cursor:pointer;cursor:hand;
}
#tiptop a.tiptoplink img  {
		 	MARGIN: 0px;
}
/* primary navigation */
#topnav {
	FONT-SIZE: 80%; BACKGROUND: #b2becb; COLOR: #b2becb; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; BORDER-TOP: #b2becb 3px solid; BORDER-BOTTOM: #b2becb 3px solid;
}

#topnav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 140px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
#topnav LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 2px 0px 0px; TEXT-TRANSFORM: none; PADDING-TOP: 0px;
}
#topnav A {
	PADDING-RIGHT: 1px; PADDING-LEFT: 7px; BACKGROUND: url(../images/tabs_left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 1px 0px 0px; COLOR: #666666; PADDING-TOP: 0px; TEXT-DECORATION: none;
}
#topnav STRONG {
	PADDING-RIGHT: 1px; PADDING-LEFT: 7px; BACKGROUND: url(../images/tabs_left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 1px 0px 0px; COLOR: #666666; PADDING-TOP: 0px; TEXT-DECORATION: none;
}
#topnav A SPAN {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND: url(../images/tabs_right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 4px;
}
#topnav #current SPAN {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND: url(../images/tabs_right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 4px;
}
#topnav A SPAN {
	FLOAT: none;
}
#topnav #current A {
	BACKGROUND-POSITION: 0px -300px;
}
#topnav STRONG {
	BACKGROUND-POSITION: 0px -300px;
}
#topnav #current A SPAN {
	BACKGROUND-POSITION: 100% -300px; PADDING-BOTTOM: 5px; COLOR: #664b05;
}
#topnav #current SPAN {
	BACKGROUND-POSITION: 100% -300px; PADDING-BOTTOM: 5px; COLOR: #664b05;
}
#topnav A:hover {
	BACKGROUND-POSITION: 0% -150px;
}
#topnav #current A:hover {
	BACKGROUND-POSITION: 0% -150px;
}
#topnav A:hover SPAN {
	BACKGROUND-POSITION: 100% -150px; COLOR: #666666;
}
#topnav #current A:hover SPAN {
	BACKGROUND-POSITION: 100% -150px; COLOR: #666666;
}
/* left nav menu */
#leftmenu {
float: left;
width: 135px;
padding: 0px 0px 20px 0px;
margin: 5px 5px 0 0;
background-color: transparent;
color: #9b791b;
font-weight: bold;
border-right: solid 0px #dddddd;
}
#leftmenu h3 {
padding: 5px 5px 5px 0px;
margin: 0;
text-align: right;
font-weight: bold;
font-size: 150%;
color: #768193;
}
#leftmenu ul {
LIST-STYLE-TYPE: none;
PADDING: 0;
MARGIN: 0;
}
#leftmenu li {
padding: 5px 5px 5px 5px;
margin: 0;
border: 0;
text-align: right;
color: #ccd7e2;
border: solid 0px #dddddd;
}

#leftmenu li:first-child {
border: 0;
}

#leftmenu li a {
text-decoration: none;
background-color: transparent;
color: #9b791b;
}

#leftmenu li:hover {
background-color: #ffffff;
color: #cccc99;
}

#leftmenu li a:hover {
text-decoration: none;
color: #cccc99;
}

#leftmenu li.selected {
background-color: #ccd7e2;
color: #cccc99;
}

#leftmenu li.selected a {
background-color: transparent;
color: #9b791b;
}

#leftmenu li.selected a.selected {
text-decoration: none;
font-weight: bold;
color: #9b791b;
}

#leftmenu li ul {
padding: 0;
margin: 2px 0;
}

#leftmenu li ul li {
display: inline;
padding: 0;
margin: 0;
font-size: 85%;
border: 0;
}
/* download area */


#leftmenu .pad {
    float: left;
	padding-top: 10px;
	margin-left: 5px;
	margin-top: 10px;
	clear: both;
}
.paneltop {
	background-image:  url(../images/leftmenu_panel_top.jpg);	
	background-repeat: no-repeat;	
	width: 130px;
	height: 15px;
}
.panelmiddle {
	background:  #ffffff url(../images/leftmenu_panel_middle.jpg) repeat-y;
	width: 130px;
}
.panelbottom {
	background:  url(../images/leftmenu_panel_bottom.jpg);	
	background-repeat: no-repeat;	
	background-position: 0 0;
	width: 130px;
	height: 25px;
}
#leftmenu .panelmiddle p {
padding: 10px;
margin: 10px;
background-color: transparent;
}
#leftmenu .panelmiddle li {
padding: 5px 10px 5px 5px;
margin: 0;
text-align: right;
color: #666666;
}
#leftmenu .panelmiddle ul li:hover {
color: #666666;
}
#leftmenu .panelmiddle ul li a:hover {
text-decoration: none;
color: #666666;
}
#leftmenu .panelmiddle li a {
text-decoration: none;
background-color: transparent;
color: #9b791b;
font-size: 80%;
margin-right: 3px;
border-bottom: dotted 1px #dddddd;
}
#leftmenu .panelmiddle li a img {
margin-left: 3px;
}
#leftmenu .panelmiddle li a span {
margin-right: 18px;

}
#leftmenu .panelmiddle li a:hover {
background-color: transparent;
color: #cccc99;
}
#leftmenu .panelmiddle li:hover {
background-color: transparent;
color: #cccc99;
}
#leftmenu .panelmiddle li a:hover {
text-decoration: none;
color: #cccc99;
}
/* content area */
#content, #contentSnapshot, #contentform {
text-align: left;
width: 600px;
margin: 0px;
margin-left: 145px;
padding-top: 55px;
color: #555555;
border-top: 0px #788294 solid;
}
#contentSnapshot {
text-align: center;
width: 660px;
margin-top: 0px;
margin-left: 0px;
padding-top: 0px;
background-color: #fff;
}
#contentSnapshot img {
padding-left: 4px;
margin: 20px 0 0 0;
}
#contentSnapshot a img {
margin-bottom: 0px;
}
#content h4 {
text-align: left;
font-size: 10pt;
color: #333333;
}
#content h4 span {
	text-align: right;
	font-weight: normal;
}
#content p span {
padding-left: 25px;
text-align: center;
font-style: italic;
font-weight: bold;
}
#content div.row span.left, #contentform div.row span.left  {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #333;
  width: 52%;
  }
#contentform div.row  {
  margin: 6px;
  color: #eeeeee;
  }
#contentform div.row span.right input, #contentform div.row span.right textarea  {
	background-color: #FFF;
	color: #666;
	border: 1px #ddd solid;
	border-bottom: 1px #d4d4d4 solid;
	border-top: 1px #989898 solid;
	width: 203px;
	
	padding: 2px !important;
	padding: 0 2px 3px;	

	margin: 1px !important;
	margin: 0 1px;	
  }
 #contentform div.row span.right textarea  {
	width: 303px;
  }

#contentform div.row span.left  {
  text-align: right;
  font-weight: bold;
  width: 30%;
  margin-top: 6px;
  }
#contentform h4 {
font-size: 80%;
color: #666;
}
#content div.row span.right {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #333;
  width: 45%;
  }
#contentform div.submit  {
	width: 100%;
	margin-left: 187px;
}
.required  {
	margin-left: 300px;
	font-size: 75%;
	font-weight: normal;
	color: #990000;
	padding-bottom: 0px;
  }
#content li {
 list-style-image : url(../images/bullet.gif);
}
.contentbottom {
	height: 39px;
	background: #ffffff url(../images/bkrnd_content_bottom.gif) repeat-x 0 0;	
 }
p {
	margin: 0 0 1.2em 0;
	padding: 0;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

h2 {
	_height: 1em;
	border-bottom: 1px dotted #d4d4d4;
	margin: 6px 0 8px 0;
	padding: 0 0 8px 0;
	font-family : frutiger,verdana,geneva,lucida,arial,helvetica,sans-serif;
	font-variant : none;
	font-size : 1.5em;
	line-height : 1.3em;
	font-weight : normal;
	color: #58657b;
}

h3 {
	font-size: 13pt;
	line-height: 1.3em;
	padding: 0 0 8px 0;
	font-weight: bold;
	font-family: frutiger,verdana,geneva,lucida,arial,helvetica,sans-serif;
}

h4 {
	font-size: 11pt;
	font-weight: bold;
	font-family: frutiger,verdana,geneva,lucida,arial,helvetica,sans-serif;
}
ol>li {
	margin: 0 0 1.2em 0;
	padding: 0;
}
/* folio */
#thumbnails {
	text-align: center;
	width: 440px;
	margin: 0;
	margin-left: 83px;
	padding: 0;
	}
#thumbnails img {
	margin: 9px;
	border: solid 1px #b2becb;
	}
#thumbnails p {
	margin: 8px;
	border: solid 1px #cccc99;
	}
#leftmenu li a {
text-decoration: none;
background-color: transparent;
color: #9b791b;
}
#paging {
	text-decoration: none;
	border: solid 0px #dddddd;
	text-align: center;
	width: 440px;
	padding: 10px 0 30px 0;
	margin-left: 83px;
	font-size: 8pt;
	}
#paging a:hover {
text-decoration: none;
color: #cccc99;
}

#paging a.selected {
font-weight: bold;
background-color: #ccd7e2;
padding: 3px;
color: #cccc99;
}

#paging a {
font-weight: bold;
text-decoration: none;
background-color: transparent;
color: #9b791b;
}

#paging a.selected {
text-decoration: none;
font-weight: bold;
color: #664b05;
}

#details, #casestudy {
	text-align: center;
	width: 435px;
	padding: 30px 0 0 0;
	margin-left: 83px;
	font-size: 8pt;
	background: #ffffff;
	}
#details span.left, #casestudy {
	float: left;
	text-align: left;
	font-weight: normal;
	margin-left: 6px;
	color: #555;
	width: 35%;
  }
#casestudy {
	margin-left: 90px;
	margin-top: 15px;
	color: #555;
	width: 73%;
	padding: 0;
  }
#details span.right {
  float: right;
  text-align: right;
  color: #555;
  width: 60%;
  }
#details span.left a {
  float: right;
  }
#details span.left p {
	padding: 10px 0 0px 0;
  }
#details span.left p span {
	font-style: normal;
	padding-left: 0px;
  }
#details .snapshotoff, #details .snapshoton {
background: url(../images/screenShot.gif) no-repeat left top;
background-color: #ffffff;
}
#details .snapshoton {
BACKGROUND-POSITION: 0px -77px;
background-color: transparent;
}
#details a {
text-align: left;
font-size: 90%;
font-weight: bold;
padding-bottom: 0px;
color: #658ab3;
text-decoration: none;
}
#details a:hover {
background-color: #ffffff;
color: #cccc99;
}

#details:hover {
color: #cccc99;
}
/* others */
.clear {
	CLEAR: both;
}
.clearer {
	CLEAR: both;
}
#navclear {
	DISPLAY: block;
}
.right {
	text-align: right;
}
#clearer {
	clear: both;
	height: 0;
}
  .min300px {
    height:300px;
  }

  .min400px {
    height:400px;
  }

  .min500px {
    height:550px;
  }
#footer {
	background-color: #dee3ea;
	width: 100%;
	height: 26px;
	clear: both;
	color: #58657b;
	border-top: solid 1px #989898;
}
#footer span {
    float: left;
	background: #dee3ea;
	margin-left: 30px;
	padding: 1px;
	width: 33%;
	text-align: left;
}
#footer span a img {
	background: #dee3ea;
}
#footer span a .backtotoff, #footer span a .backtoton {
background: #dee3ea url(../images/backtotop.gif) no-repeat left top;
}
#footer span a .backtoton {
BACKGROUND-POSITION: 0px -48px;
background-color: #dee3ea;
}
#footer p {
    float: left;
	font-family: frutiger,verdana,geneva,lucida,arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 10px;
	width:60%;
	padding: 2px;
	margin-top: 5px;
	text-align: right;
background-color: #dee3ea;
}
.whitetext {
	color: #ffffff;
	font-size: 1pt;
	line-height: 1px;
}