body
{
	margin:20px 0px 0px 0px;
}
table,td,h1,h2,h3,h4,a,div,p
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}
h1,h2
{
	font-size:16px;
	font-weight:bold;
	color:#e11f1f;
	padding:0px;
	margin:1px 0px 1px 0px;
}
h2
{
	font-size:11px;
	font-weight:bold;
}
h4
{
	width:100%;
	font-size:40px;
	font-weight:bold;
	color:#d9d9d9;
	text-transform:uppercase;
	text-align:center;
	margin-top:130px;
}
a:link, a:visited
{
	font-size:11px;
	text-decoration:none;
	color:#000000;
}	
a:hover
{
	text-decoration:underline;
	color:#000000;
}
a img
{
	border:0px;
}

.mainTable
{
	width:910px;
	background-color:#ffffff;
}
.logo
{
	padding:10px;
}
.topHeading
{
	background-color:#c8000c;
	padding:3px;
	color:#ffffff;
}
.topHeading h1, .topHeading h2
{
	color:#eae0df;
}
.topHeading a:link, .topHeading a:visited
{
	color:#ffffff;
}
.mainBtn 
{
	text-align:right;
	margin:5px 0px 5px 0px;
}
.mainBtn a:link, .mainBtn a:visited
{
	font-weight:bold;
	color:#9d9d9d;
	text-transform:uppercase;
	margin:0px 0px 0px 15px;
}
.mainBtn a:hover
{
	color:#c8000c;
	text-decoration:none;
}
a.mainBtnSelected:link, a.mainBtnSelected:visited
{
	color:#c8000c;
}
a.mainBtnSelected:hover
{
	text-decoration:none;
}
.headingStrip
{
	background-color:#ededed;
	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color:#f7bbbb;
	color:#c8000c;
	text-align:left;
}
.subLinks
{
	background-color:#ededed;
	text-align:center;
}
.subLinks td
{
	border-width:0px 0px 0px 1px ;
	border-style:solid;
	border-color:#ffffff;
	padding:8px 4px 8px 4px;
}
.subLinks a:link, .subLinks a:visited
{
	font-weight:bold;
	color:#777777;
}
.subLinks a:hover
{
	font-weight:bold;
	color:#c8000c;
	text-decoration:none;
}
.subLinks .selected
{
	color:#c8000c;
}
.grey
{
	font-size:11px;
	font-weight:bold;
	color:#696a6c;
}
.mainTxtPortion
{
	background-color:#888888;
	vertical-align:top;
	color:#ffffff;
}
.mainTxtPortion p
{
	font-size:11px;
	color:#ffffff;
	text-align:justify;
}
.dark
{
	background-color:#ba0001;
	width:10px;
}
.light
{
	background-color:#c8000c;
	width:10px;
}

a.moreLink:link, a.moreLink:visited
{
	font-weight:bold;
	color:#e31d1c;
	vertical-align:4px;
}
.gallery
{
	border-width:1px 1px 1px 0px;
	border-style:solid;
	padding:5px;
	border-color:#d9d9d9;
	width:500px;
}
.thickBorder
{
	border-width:0px 3px 3px 0px;
	border-style:solid;
	border-color:#c8000c;
}
.pic
{
	 width:600px;
	 vertical-align:top;
	 padding:0px 5px 0px 5px;
}

.pic a:link, .pic a:visited
{
	font-size:11px;
	text-decoration:none;
	color:red;
}	
.pic a:hover
{
	text-decoration:underline;
}

.product a:link, .product a:visited
{
	text-transform:uppercase;
	vertical-align:0px;
}
.product h1, .product h2
{
	text-align:right;
}
.footer, .footer a:link, .footer a:visited
{	
	font-family:tahoma;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	color:#bfbfbf;
}
.lightRow
{
	background-color:#cfcfcf;
}
.darkRow
{
	background-color:#b7b7b7;
}
.mainBody
{
	height:340px;
	vertical-align:top;
}

.casestudyThumb
{
	vertical-align:bottom;
	padding:5px 0px 5px 15px;
}
.casestudyThumb img
{
	padding:5px;
	margin:5px 0px 5px 0px;
	background-color:#999999;
}

/*for slider*/

#slideshow 
{
	list-style:none;
	padding:0px;
	margin:0px;
	width:100%;
}
#slideshow li
{
	width:100%;
}
#slideshow div
{
	width:100%;
	background-color:#f8f8f8;
}
/*for scroller */

a.jScrollArrowUp {
	background: url(http://www.h2odubai.com/images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(http://www.h2odubai.com/images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

#pane2 {
	width: 100%;
	height: 150px;
	overflow: auto;
	background-color:#b2b2b2;
}
#pane2 table td
{
	width:50%;
	vertical-align:top;
	padding:5px;
}

#pane3 {
	height: 220px;
}

#pane3 p, #pane3 h1, #pane3 h2, #pane3 h3
{
	padding:5px;
	font-size:14px;
	color:#ffffff;
}

#pane3 p
{
	font-size:12px;
	text-align:left;
}

#pane4,#pane5 {
	height: 390px;
}

#pane4 p, #pane4 h1, #pane4 h2, #pane4 h3
{
	padding:0px;
}

#pane4 p
{
	font-size:12px;
}
#pane4 table td
{
	vertical-align:top;
	padding:5px;
}
#pane4 table hr
{
	margin:0px;
	padding:0px;
	border:1px solid #bfbfbf;
}

#pane5 table hr
{
	padding:0px;
	margin:5px 0px 5px 0px;
	border:1px solid #dbdbdb;
}

#pane5 p
{
	text-align:justify;
}

#pane5 img
{
	border:2px solid #cccccc;
	margin:0px 10px 10px 0px;
}

#pane2 table, #pane3 table, #pane4 table, #pane5 table
{
	width:100%;
}

#pane2 a:link, #pane2 a:visited, #pane3 a:link, #pane3 a:visited,#pane4 a:link, #pane4 a:visited
{
	color:#000000;
}

.contactSep
{
	width:5px;
	background-color:#c8000c;
}

/*for scrollpane*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}

.slideArea1
{
	width:590px;
	float:left;
	padding:5px 5px 5px 5px;
	border-width:1px;
	border-style:solid;
	border-color:#d9d9d9;
	margin:10px 0px 5px 0px;
	
}
.slideArea1 div
{
	float:left;
	padding:0px;
	margin:0px;
}

#slider1 
{
	width:520px;
	overflow: hidden;
	white-space: nowrap;
	float:left;
	margin:0px 5px 0px 5px;
}
#slider1 img
{
	margin:2px 2px 2px 2px;
	border-width:2px;
	border-style:solid;
	border-color:#d9d9d9;
	padding:1px;
}
.leftArrow, .rightArrow
{
	width:23px;
	height:65px;
	background-repeat:no-repeat;
	background-position:center;
	padding:8px 5px 5px 5px;
	cursor:pointer;
}
.leftArrow 
{
	background-image:url("http://www.h2odubai.com/images/scroll-left.gif");
}
.rightArrow
{
	background-image:url("http://www.h2odubai.com/images/scroll-right.gif");
}

/*........................IMAGE GALLERY............................*/

#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none;}
#wrapper {width:600px; display:none;}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:600px; height:300px; background:#ececec;}
#image {width:600px;}
#image img {position:absolute; z-index:25; width:auto; height:300px;}
.imgnav {position:absolute; width:25%; height:50px; cursor:pointer; z-index:150;top:150px;}
.imgclick {position:absolute; width:20%; cursor:pointer; z-index:150; top:280px; right:0;}
.imgclick a:link, .imgclick a:visited{font-weight:bold;}
.imgclick a:hover{text-decoration:none;background-color:#dbdbdb;}
#imglink {position:absolute; height:300px; width:600px; z-index:100; opacity:.4; filter:alpha(opacity=40);}
#thumbnails{margin-top:10px; padding:3px;overflow:auto;}
#slideleft {float:left; width:23px; height:60px; padding:0px 5px 0px 5px; background:url(http://www.h2odubai.com/images/scroll-left.gif) center center no-repeat; background-color:#fff; cursor:pointer;}
#slideleft:hover {background-color:#fff;}
#slideright {float:right; width:23px; height:60px; padding:0px 5px 0px 5px; background:#fff url(http://www.h2odubai.com/images/scroll-right.gif) center center no-repeat; cursor:pointer;}
#slideright:hover {background-color:#fff;}
#slidearea {float:left; position:relative; width:520px; margin-left:5px; height:68px; overflow:hidden;}
#slider {position:absolute; left:0; height:80px;white-space:nowrap;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px;}

/*........................PAGING CLASS............................*/

.pagingTbl
{
	font-size:11px;
	font-weight:bold;
	color:#E15016;
}
.paging
{
	background-color:#FAD9CC;
	border-width:1px;
	border-color:#dbdbdb;
	border-style:solid;
	font-size:11px;
	font-weight:bold;
	color:#2e702e;
	height:30px;
}

.pageNoSelected
{
	background-color:#e3d7be;
	border-width:1px;
	border-color:#666666;
	border-style:solid;	
	margin:0px 3px 0px 3px;
	padding:3px 1px 3px 1px;
	font-size:11px;
	font-weight:bold;
	color:#000000;
}


a.pageLink:link, a.pageLink:visited
{
	font-size:11px;
	font-weight:bold;
	color:#000000;
	background-color:#DBB1A1;
	border-width:1px;
	border-color:#D9450A;
	border-style:solid;	
	padding:3px 7px 3px 7px;
}
a.pageLink:hover
{
	font-size:11px;
	font-weight:bold;
	color:#000000;
	background-color:#DB4C12;
	border-width:1px;
	border-color:#666666;
	border-style:solid;	
	padding:3px 7px 3px 7px;
}
.downloadBrochure
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:30px;
	font-size:9px;
	font-weight:bold;
	
}
.pdfSection
{
	background:url(http://www.h2odubai.com/images/pdf.gif) no-repeat; 
	padding-left:40px;
	height:32px;
	width:200px;
	line-height:38px;
}
a.pdfLink
{
	font-weight:bold;
	color:#777777;
}
.contactField
{
	width:300px;
	border:1px solid #999999;
	background:#efefef;
}
.contactSubmit
{
	background:#c8000c;
	border:none;
	cursor:pointer;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

/*--------------TREE VIEW-------------*/
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(http://www.h2odubai.com/images/tree/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(http://www.h2odubai.com/images/tree/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(http://www.h2odubai.com/images/tree/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(http://www.h2odubai.com/images/tree/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(http://www.h2odubai.com/images/tree/treeview-red.gif); } 

.treeview-black li { background-image: url(http://www.h2odubai.com/images/tree/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(http://www.h2odubai.com/images/tree/treeview-black.gif); }  

.treeview-gray li { background-image: url(http://www.h2odubai.com/images/tree/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(http://www.h2odubai.com/images/tree/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(http://www.h2odubai.com/images/tree/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(http://www.h2odubai.com/images/tree/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(http://www.h2odubai.com/images/tree/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(http://www.h2odubai.com/images/tree/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(http://www.h2odubai.com/images/tree/file.gif) 0 0 no-repeat; }