
/* HTML styles */
* {
	margin:0;
	padding:0;
	border:0;
}
body {
	background: #004445;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #9eadad;
	padding-top: 40px;
	text-align: -moz-center;
	_text-align:center;
}

table {
	border-collapse:collapse;	
}

img {
	behavior: url(/nine/opencms/system/modules/com.gridnine.opencms.modules.nine//resources/htc/png.htc);
}
img#casesBigImage {
	behavior: none;
}
h1 {
	color: #ada800;
	font-size: 18px;
	font-weight: normal;
	margin-top:-6px;
	margin-top:expression("-2px");
	_margin-top:-7px;
}
h2 {
	color: #ada800;
	font-size: 12px;
	font-weight: normal;
}
h3 {
	color: #ada800;
	font-size: 10px;
	font-weight: bold;
}
h4 {
	font-size: 10px;
	font-weight: bold;
	margin-top: 21px;	
}
h5 {
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;	
}
h6 { /* attention: this style is for first paragraphs with no text-indent */
	font-weight:normal;
	font-size:10px;
	margin:0;
	padding:0;
}

a, a:link, a:hover, a:active, a:visited {
	color: #000;
}

li {
/*	list-style: disc inside;*/
}

/* COMMON styles */

.clickable {
	cursor: pointer;
}

/* HEADER part */

/*
td#logo_image {
	background: url(/nine/galleries/images/logo_img.gif) 22px center no-repeat;
}

td#logo_image a {
	width:122px;
	height:162px;
}

td#logo_text {
	background: url(/nine/galleries/images/logo_text.gif) left center no-repeat;
}

td#logo_text a {
	width:393px;
	height:162px;
}

#logo_image a, #logo_text a{
	display:block;
	background: transparent;
}
*/

#logo {
	padding: 27px 0 35px 27px;	
}

#logo div {
}

#logo div a {
	display:block;
}

/* CONTENT part */
#container {
	background: #fff;
	width: 992px;
	min-height: 500px;
	_height: 500px;
	_overflow-y: visible;
	color: #000;
	text-align: left;
	position:relative;
	margin-left:auto; margin-right:auto;
}
#container-top {
	position:relative;
	bottom: 8px;
	background: #004445;
	width: 992px;
	color: #ffffff !important;
	text-align: right;
	margin-left:auto; margin-right:auto;
	height:25px;
	font-size:9px;

}
#container-top td {
	vertical-align: bottom !important;
}
#container-top a {
	text-decoration: none !important;
}

td.right_side {
	vertical-align: top;
	padding: 0 27px 27px 0;
}
td.left_side {
	padding: 0 22px 27px 27px;
}
td.content {
	padding: 0 22px 27px 0;
}

.content p {
	text-indent: 15px;	
}

.content p, .content div, .content h6 {
	line-height:140%;
}

.content a	{
	text-decoration: none;
	font-weight:bold;
}

td.content, td.left_side{
	vertical-align: top;
	text-align: left;
}
.content li {
	list-style: disc inside;	
}
td.bottom {
	vertical-align: bottom;
}
td.top {
	vertical-align: top;
}
.nomargin {
	margin: 0;
}
/* NAVIGATION bar */

#navbar{
	border-top: 1px solid #ccc;
}

#navbar li {
	list-style: none !important;
	display:block;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-size:9px;
}

#navbar a, #navbar a:visited {
	padding: 5px 0;
	display: block;
	text-decoration: none;
	padding-left:3px;
}

#navbar a:hover, #navbar a:active, #navbar .current {
	background: #ececec;
}

#navbar ul {
	border:0;
	border-top: 1px solid #ccc;
	background: #fff;
}

#navbar ul li {
	background: #fff;
	font-weight:normal;
	border:0;
}

#navbar ul a {
	margin:0;
	height:100%;
}

#navbar .current, #navbar a:hover, #navbar a:active,#navbar ul a:hover, #navbar ul a:active, #navbar ul .current {
/*	background: #ececec;*/
}

#navbar ul a:hover, #navbar ul .current {
/*	border:0;
	font-weight:normal;*/
}


/* FOOTER part */
#footer {
	position:absolute;
	bottom: -31px; /* 30 + 12 */
	width: 992px;
	color: #9eadad;
	text-align: left;
	height:25px;
	font-size:9px;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
}
/* CASES listing */

#cases img.icon {
	margin-top: 45px;
	margin-right:3px;
}
#cases h1.case_header {
	margin-top: 45px;
}

#cases h1, #cases h2 {
	margin: 0;
}
#cases table.listing {
	border-top: 1px solid #ccc;
	margin-top: 8px;
}
#cases table.listing td.case{
	vertical-align: top;
	padding: 10px 0 0 3px;
	width: 124px;
}
#cases table.listing td.case a {
	text-decoration: none;
	color: #9dacac;
}
#cases table.listing td.case a:active, #cases table.listing td.case a:visited {
	color: #9dacac;
}
#cases table.listing td.case a:hover {
	color: #000;
}
#cases table.listing td.case div.case {
	position: relative;
	margin-left: -12px;
/*	color: #000;*/
	width:124px;
	background: url(/nine/opencms/system/modules/com.gridnine.opencms.modules.nine//resources/pics/gray_arrow.gif) 0 2px no-repeat;
	padding-left: 12px;
}
/* SNIPPETS */
table.gray_borders_container td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
	width:50%;
}
table.gray_borders_container td td {
	border: none;
	padding-left:3px;
	color:#adb4b4;
}

.gray_borders_container a {
	display: block;	
}

table.gray_borders_container .between {
	border: none;
	width:10px;	
}

table.gray_borders_container table {
	width:100%;	
}

table.gray_borders_container td img{
	float: right;
}
a.gray_arrow_link, .gray_borders_container a {
	background: url(/nine/opencms/system/modules/com.gridnine.opencms.modules.nine//resources/pics/gray_arrow.gif) 0 2px no-repeat;
	padding-left: 10px;
	font: 10px Arial;
	color: #adb4b4 !important;
	text-decoration: none;	
}

#newsListing {
     border-left: 1px solid #ccc;
     padding: 4px 0 128px 30px;
     width: 300px;
     text-align: left;
}

#ninesteps {
	list-style: none;
	padding-left:174px;
}

#ninesteps li {
	width:64px;
	display:block;
	float:left;
	position: relative;
	cursor:pointer;
	margin-right:3px;
	z-index:1;
}

#ninesteps li img {
	display: block;	
	position: relative;
	z-index:1;
}

.popup {
	background: url(/nine/opencms/system/modules/com.gridnine.opencms.modules.nine//resources/pics/popup.gif) 0 0 repeat-y #fff;
	padding: 9px 13px 10px;
	width:91px;
	display:none;
	position: absolute;
	bottom: 29px;
	left:-45px;
	text-align:left;
	border-top: 1px solid #9eadad;
	border-right: 1px solid #9eadad;
	z-index: 2;
	font-size:9px;
}

#ninesteps li:hover, #ninesteps li.jshover {
	z-index:2;
}

#ninesteps li:hover .popup, #ninesteps li.jshover .popup {
	display:block;
}

.popup div {
	height:2px;
	background: url(/nine/opencms/system/modules/com.gridnine.opencms.modules.nine//resources/pics/popup_bottom.gif) 0 0 repeat-x;
	bottom:-2px;
	position:absolute;
	width:118px;
	left:0;
}

.popup div#corner {
	background: url(/nine/opencms/system/modules/com.gridnine.opencms.modules.nine//resources/pics/popup_corner.gif) 0 0 no-repeat;
	left:0px;
	top:-1px;
	width:2px;
	height:2px;	
}

.popup div div {
	background: url(/nine/opencms/system/modules/com.gridnine.opencms.modules.nine//resources/pics/popup_pointer.png) 0 0 no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nine/opencms/system/modules/com.gridnine.opencms.modules.nine//resources/pics/popup_pointer.png',sizingMethod='crop'); 
	width: 13px;
	height: 14px;
	position: absolute;
	bottom:-12px;
	left:56px;
}

/* IE6 hacks */

#master_table {
	_height: auto;
}

#header_row {
	_height: 162px;
}

#content_row {
	
}