/*
* Copyright 1999-2004 The Apache Software Foundation
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

body {
	background: #ffffff;
	text-align: center;
	margin:20px 0px; padding:0px;
	SCROLLBAR-FACE-COLOR: #F1f1f1;
	SCROLLBAR-HIGHLIGHT-COLOR: #f1f1f1;
	SCROLLBAR-SHADOW-COLOR: #d0e390;
	SCROLLBAR-3DLIGHT-COLOR: #f1f1f1;
	SCROLLBAR-ARROW-COLOR: #CEE017;
	SCROLLBAR-TRACK-COLOR: #FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
	}

/* page */
#page {
    padding: 0px;
    background-color: #ffffff;
	margin: 0px;
    /*border: solid 1px #999999;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
    margin-left: auto;
    margin-right: auto;
    align:center;
	width:960px;
}

#header {
background-image:url(../images/header_cr1.jpg);
background-repeat:no-repeat;
width:960px;
height:117px;	
}

.logo{
	float:left;
	width:271px;
	height:65px;
	margin-left: 25px;
	margin-top: 25px;
}
.phoneno
{
color:#000000;
float:left;
font-size:26px;
font-weight:normal;
height:30px;
margin-left:14px;
margin-top:34px;
text-align:right;
width:637px;
}
#aboutcontact
{
float:left;
height:30px;
margin-left:14px;
margin-top:10px;
text-align:right;
width:637px;
}
#aboutcontact a
{
color:#1b7bcf;
font-weight:bold;
font-size:11px;
text-decoration:none;
}
/****PROPERTY AREA - START ****/
#container {
	clear: both;
	width: 760px;
	height: 220px;
	background-color: #666666;
}

#images {
	padding: 0px;
	margin: 0px;
	width: 500px;
	float: left;
	background-color: #666666;
	
}
#property {
background-image:url(../images/search_cr.gif);
background-repeat:no-repeat;
width: 199px;
height: 304px;
float: right;
margin-left:0px;
margin-top:10px;
}
#propertylong {
background-image:url(../images/search_cr1.gif);
background-repeat:no-repeat;
width: 199px;
height: 350px;
float: right;
margin-left:0px;
margin-top:10px;
}
/*#property table {
width:180px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	left: auto;
}*/
.propertytable1
{
width:140px;
margin-top:55px;
margin-left:10px;
}
.propertytable2
{
width:175px;
margin-left:10px;
margin-top:24px;
}
/*#property td {
	border-bottom: solid 1px #cccccc;	
	color: #000000;
}*/


.wh {
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 0.05em;
	font-family: Arial, Sans-serif;
	font-weight: bold;
	padding: 2px;	
}
.submitbutton {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 10px;
	border: 1px solid #86A229;
	background-color: #085EA7;
	letter-spacing: 0.02em;
}
.formfields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	letter-spacing: 0.02em;
	width:120px;
}
.formfields2{
	font-family:  Arial, Helvetica, sans-serif;
color:#000000;
	font-size: 12px;
	background-color: #ffffff;
	letter-spacing: 0.02em;
	width:140px;
}
/**** PROPERTY AREA - END ****/

.submit {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	border: 1px solid #87A329;
	padding: 2px;
	background-color: #CEE018;
	letter-spacing: 0.02em;
}

.formfields1 {
	font-family:  Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	border: 1px solid #86A229;
	background-color: #F4F8D1;
	letter-spacing: 0.02em;
}
/* tabs */

#tabs {
    padding: 0px;
	border-top: solid 4px #ffffff;
    color: #666666;
	margin: 0px;
	text-transform: uppercase;
	
}

#tabs a {
    text-decoration: none;
    color: #666666;
}

#tabs table {
    font-family: Arial, Sans-serif;
    font-size: 11px;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	background-color: #ffffff;
	border-top:  solid 0px #CEE017;
	border-right:  solid 0px #CEE017;
	border-bottom:  solid 3px #CEE017;
	border-left:  solid 0px #CEE017;
	width: 760px;}

#tabs td {
    vertical-align: bottom;
	padding: 0px;
}

#tabs div {
    white-space: nowrap;
}

.tab {
    padding: .6em .6em;
    background-color: #E7EE9D;
 	border-top:  solid 1px #CEE017;
	border-right:  solid 1px #CEE017;
	border-bottom:  solid 0px #CEE017;
	border-left:  solid 1px #CEE017;
 }

.tab-selected {
    padding: .6em .6em;
    background-color: #CEE017;
    border: solid 1px #CEE017;
	font-weight: bold;
	color: #ffffff;
	 border-top: solid 2px #CEE017;
    border-bottom: solid 2px #CEE017;
}

.tab-separator {
    
}

.tab-pre-separator {
    width: 8px;
}

td.tab-post-separator {
    width: 100%;
}

/* menu */

#menu {
    
	font-family: Arial, Sans-serif;
	width: 115px;  
	float: left;
	color:#000000;
	font-size:13px;
    padding: 0px 0px 0px 0px;
    text-align:left;
    margin-top:10px;
}

#menu a {
    text-decoration: none;
    color: #333333;
    font-size:13px;
    font-weight:bold;
}

#menu a:hover {
    text-decoration: underline;
	  color: #333333;
}

.menublock-1, .menublock-selected-1 {
    padding: 0px;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
 border-bottom:solid 1px #e1e1e1;
}

.menublock-1 a { }
.menublock-1 a:visited { }

.menublock-1 .menublock-2 { display: none; }

.menuitem-1, .menuitem-selected-1 
{
padding: 4px 3px 4px 3px;
}
.menuitem-2, .menuitem-selected-2
{
padding: 4px 3px 4px 3px;
background: url(../images/greyarow.gif) 42px .4em no-repeat; 
}


.menuitem-selected-1
{
font-size: 13px;
font-weight: bold;
color: #999999;
/*background-image:url(../images/greyarow.gif);
background-repeat:no-repeat;*/

}
/*.menuitem-selected-1 {
padding: 4px 3px 4px 3px;
background: url(../images/greyarow.gif) 85px .4em no-repeat; 
}*/

/* breadcrumb */

#breadcrumb {
   float:left;
   padding: 2px 0px 0px 10px;
   font-family: Arial, Sans-serif;
   font-size: 13px;
   color: #999999;
   width: 120px;
   text-align: left;
   height: 20px;
   vertical-align: middle;
}

#breadcrumb a {
 	text-decoration: none;
 	color: #666666;
	text-align: left;
}



#main {
		font-family: Arial, Sans-serif;
		float: left;
		width: 843px;
		margin-left:0px;
		margin-top:10px;
}
#main a {
/*    text-decoration: none;
    color: #7ea1b0;*/
}
#submain
{
width:622px;
float:left;
margin-left: 15px;
}
#submain1
{
background-image:url(../images/propertydetailback.gif);
background-repeat:no-repeat;
height:1030px;
width:630px;
float:left;
}
#buysellletrent
{
width:960px;
margin-bottom:10px;

}
#buysellletrent table
{
width:810px;
float:left;
margin-left:130px;
margin-bottom:10px;
}
/*#aboutcontact
{
width:160px;
height:30px;
float:right;
margin-top:70px;
margin-right:14px;
}
#aboutcontact a
{
color:#1b7bcf;
font-weight:bold;
font-size:11px;
text-decoration:none;
}*/
.buyradio
{
color:#333333;
font-size:13px;
font-weight:bold;
width:8px;
}
.searchcriteria
{
color:#8d8d8d;
font-size:13px;
font-weight:bold;
}
#registerdetail
{
color:#1b7bcf;
font-size:13px;
margin-top: 5px;
}
#registerdetail a
{
color:#1b7bcf;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
#redarrow
{
width:14px;
height:17px;
margin-bottom:10px;

}
#redarrow1
{
width:14px;
height:17px;
margin-bottom:6px;

}
#bsrl
{
text-decoration:none;
}
#bsrl a
{
text-decoration:none;
}
#propsear
{
width:622px;
}
#maplist
{
width:600px;
border-bottom: dotted 1px #e0e0e0;
text-align:right;
}
.man1
{
	font-size: 13px;
	color: #1b7bcf;
	font-weight: bold;
	text-decoration: none;
	text-transform:uppercase;
}
#propertyimgback
{
background-image:url(../images/propertyimgback.gif);
background-repeat:no-repeat;
width:302px;
height:233px;
}
.viewdetailicon
{
	float:left;	
	border-bottom:dotted 1px #676767;
	text-align:left;
}
.viewdetailicon a
{
color:#1b7bcf;
font-size:12px;	
font-weight:bold;
text-decoration:none;
}
#salelinks
{
color:#676767;
font-size:12px;
font-weight:bold;
width:620px;
text-align:left;
margin-top:10px;
margin-bottom:10px;
border-top:solid 1px #cccccc;
}
#salelinks a
{
color:#1b7bcf;
font-weight:bold;
font-size:11px;
text-decoration:none;
}
#paralandlord
{
width:610px;
float:left;
margin-bottom:15px;
}
.landlordimg
{
margin-top:5px;
}
/**********TEXT STYLES BEGIN***********/


h1 {
	font-size: 14px;
	font-weight: bold;
	color: #bf1e2e;
	letter-spacing: 0.02em;
	text-align: left;
	/*text-transform:uppercase;*/
}
h2 { font-size: 11px; 
		color: #666666;
		letter-spacing: 0.02em;
		text-align: left;
		}
h3 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1b7bcf;
	letter-spacing: 0.01em;
}
h4 {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline; 
	color: #cccccc;
	font-family:Arial, Helvetica, sans-serif;
}

h5 {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #b7cb10;
	text-transform: uppercase;
	letter-spacing: 0.01em;
}
#h6
{
color:#c41230;
font-family:Arial;
text-align:left;
font-size:40px;
}
.gdh {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #9ca90f;
	font-weight: bold;
	}
.norm {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	}
.grh {
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	color: #676767;
	font-weight: bold;
	}
.gh {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
	}	
.gs {
	font-size: 9px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	}
.numbers {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
	padding: 3px;
	width: auto;
	background-color: #E7EE9D;
	border: 1px solid #cccccc;
	}	
th{
font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
	}
p {font-size: 14px; text-align:left; color:#333333;line-height:1.5em;font-family:Arial;}
li { font-size: 14px; color:#333333; text-align:left;line-height: 20px;font-family:Arial;}



/**********TEXT STYLES END***********/

table{
/*	width: 100%;
	border-top:  dotted 1px #cccccc;
	background-color: #ffffff;
margin: 5px 0px 0px 0px;
	text-align: left;
	*/
}
td {
	/*font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 3px;
	margin: 3px;
	border-bottom: dotted 1px #cccccc;*/
}

td1 {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 3px;
	margin: 3px;
	border-bottom: dotted 1px #cccccc;
}

.dotted {
margin: 6px 0px 6px 0px;
height: 10px;
border-bottom: dotted 1px #cccccc;
}
table.property{
	width: 610px;
	margin-top:-5px;
	margin-left:5px;
/*	border:  solid 1px #cccccc;*/
/*	background-color: #ffffff;*/
}
/* table.property.td {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 3px;
	margin: 3px;
	border-bottom: dotted 0px #cccccc;
		text-align: justify;
}*/
.resultsnav {
	color: #197ccf;
	font-weight: bold; 
	padding: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.01em;
	left: auto;
}
.resultsnav a{
	text-decoration: none;
	color: #197ccf;
	font-weight: bold; 	
	font-size: 12px;
}

table.resultsnav {
	border-bottom: solid 1px #e0e0e0;
	width: 100%;
	color: #666666;
	padding: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.01em;
	left: auto;
}
td.resultsnav {	
}
.navigationtd{
	color: #c41230;
}
.nav_table
{
	width: auto;
	
}
.nav_table td{

text-align:center;

}
#navigationbar
{
	background-color: #88c4e8;
	height:40px;
}
#table a {
    text-decoration: none;
    color: #b7cb10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.dotted {
margin: 6px 0px 10px 0px;
height: 30px;
border-bottom: dotted 1px #cccccc;
}
.crossheading { font-weight: bold; font-size: 11px; }

table.simple {
/*    border-collapse: collapse;

    background-color: #909090;
    border-color: #909090;

    width: auto;*/
}

td.simple {
    font-size: 80%;
    padding: 3px;
    background-color: White;
    border: solid 1px Navy;
    vertical-align: top;
}

img.simple {
}

#publication-title {
    font-family:arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
    vertical-align: bottom;
    padding-left: 0px;
    padding-bottom: 15px;
    color: #003366;
}

#project-logo {
    padding: 0px 0px 0px 0px;
    text-align: right;
}

.media {
    text-align: center;
    padding: 0px;
}

.caption {
    padding: 0px;
    text-align: center;
    font-style: italic;
    font-size: 11px;
	
}

.abstract {
    font-weight: bold;
}



.asset { 
    display: block;
    color: #000;
    font-size: 10px;
    margin: 0px 10px 10px 5px;
}

#logos {
    padding: 0px;
	clear: both;
	width: 760px;
	margin: 0px;
	height: auto;
	background: #f1f1f1;
	font-size: 9px;
	color: #999999;
	align: left;
    text-align: left;
    border-top: solid 1px #cccccc;
	font-family: Arial, Sans-serif;
}

#footer {
	clear: both;
	width: 830px;
	height: 60px;
	background: #ffffff;
	font-size: 9px;
    border-top: solid 1px #c9c9c9;
    font-family: Arial, Sans-serif;
    margin-left:125px;
}
#footer a {
    text-decoration: none;
    color: #000000;
}
#footertext
{
width:270px;
color:#676767;
float:left;
font-size:10px;
text-align:left;
margin-top:15px;
}
#footertextlink
{
width:auto;
color:#676767;
float:right;
margin-top:12px;
}
#footertextlink a
{
font-size:11px;
color:#676767;
font-weight:bold;
}
.serial{
	width: 50px;
}
#featuredproperty
{
background-image:url(../images/featuredprop_cr.gif);
background-repeat:no-repeat;
width:622px;
height:304px;
float:left;
margin-top:10px;
margin-bottom:20px;
}
#featuredpropertyalt
{
background-image:url(../images/background.gif);
background-repeat:no-repeat;
width:622px;
height:304px;
float:left;
margin-top:10px;
margin-bottom:20px;
}
#ltxt
{
text-align:left;
}
#cont
{
width: 199px;
}

#regi{
background-image:url(../images/regbg.jpg);
text-align:left;
background-repeat:no-repeat;
width:626px;
height:730px;
margin-top:20px;
}
#sal{
text-align:left;
float: left;
margin-left:50px;
width:60px;
font-family:Arial;
font-size:12px;
color:#000000;
margin-top:10px;
}
#sal a{
font-family:Arial;
font-size:14px;
color:#000000;
font-weight:bold;
text-decoration:none;
}
#let{
text-align:left;
float: left;
margin-left:83px;
width:60px;
font-family:Arial;
font-size:12px;
color:#000000;
margin-top:10px;
}
#let a{
font-family:Arial;
font-size:14px;
color:#1b7bcf;
font-weight:bold;
text-decoration:none;
}
#buy{
text-align:left;
float:left;
font-size:16px;
font-weight:bold;
margin-top:18px;
margin-left:20px;
}
#sel
{
text-align:left;
font-size:16px;
font-weight:bold;
margin-top:20px;
margin-left:330px;
}
#per{
text-align:left;
margin-left:20px;
margin-top:25px;
}
#tabl{

margin-top:20px;
margin-left: 10px;
float:left;
border:solid 1px #000000;
}
tabl2{
margin-top:20px;
border:solid 1px #000000;
}
#typ{
text-align:left;
margin-left:100px;
margin-top:15px;
}

.field{
width:160px;
border:solid 1px #cccccc;
}
.field1{
width:68px;
border:solid 1px #cccccc;
}
.field2{
width:155px;
border:solid 1px #cccccc;
}
#backtorresult
{
text-align:left;
width:600px;
}
.featuredtl
{
color:red;
font-size:18px;
}
#propertyimg
{
width:454px;
height:342px;
/* width:600px;
height:451px; */
float:left;
}
#propdetailback
{
background-image:url(../images/propdetailback.jpg);
background-repeat:no-repeat;
width:622px;
height:1140px;
margin-top:10px;
}
#propdetailbacklet
{
background-image:url(../images/propdetailbacklet.jpg);
background-repeat:no-repeat;
width:622px;
height:1140px;
margin-top:10px;
}
#navigateimg
{
width:610px;
margin-left:4px;
margin-top:5px;
}
#propertydesc
{width:400px;
text-align:left;
margin-top:10px;
float:left;
margin-left:5px;
}
#areasend
{
width:180px;
float:left;
margin-top:10px;
margin-left:5px;
}
#propheaddetail
{
width:610px;
text-align:left;
margin-left:0px;
height:50px;
margin-top:0px;
}
.status
{
color:#333333;
font-size:15px;
font-weight:bold;
border-bottom:dotted 1px #cccccc;
}
.status1
{
color:#333333;
font-weight:bold;
}
.status3
{
text-align: right;
}
.status4
{
vertical-align: top;
text-align: left;
font-size: 12px;
}
.status2
{
color:#333333;
font-size:18px;
font-weight:bold;
}
.printable
{
color:#1b7bcf;
font-size:11px;
font-weight:bold;
line-height:4em;
}
.printable1
{
text-align:left;
}
#printimage
{margin-top:4px;
}
#arrangeview
{text-align:left;
margin-bottom:15px;
margin-top:10px;
}
.category
{
margin-bottom:5px;
border:solid 1px #cccccc;
height:20px;

}
#detailforimg
{
font-size:13px;
color:#000000;
float:left;
width:300px;
}
#detailforimg a
{
font-size:13px;
color:#000000;
font-weight:bold;
}
#detailformap
{
font-size:13px;
color:#000000;
float:left;
}
#detailformap a
{
font-size:13px;
font-weight:bold;
}
#viewdata{
	vertical-align: top;
	text-align: left;
	height: 150px;
	border: 1px solid #000000;
}
#view
{
text-align:left;
}
#view a
{
color:#1b7bcf;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.viewdatatable
{
margin-top:75px;
height:200px;
margin-left: 10px;
width: 163px;
}
#proimg
{
margin-top:5px;
margin-left:-3px;
}


#btnim
{
 margin-top:45px;
 text-align:right;
 width:606px;
 }
 #im1
 {
 
 }
 #im2
 {
 margin-top:35px;
 }
 
 #propdeth6 {
color:#C41230;
font-family:Arial;
font-size:20px;
text-align:left;
}
 .regtxt
 {
 font-size:12px;
 color:#000000;
 font-weight:bold;
 width:119px;
 font-family:Arial;
 
 }
 .chk{
font-size:12px;
font-family:Arial;
 }
 #buysell
 {
 float: left;
 clear: both;
 font-size:17px;
 font-weight:bold;
 color:#000000;
 width:622px;
 margin-top:15px;
  }
  #registable
  {
  float: left;
  clear: both;
  width:606px;
  margin-left:10px;
  margin-top:20px;
  height:600px;
  }
  .optiontable
  {
  margin-top:40px;
  }

/*custom (Sachin)*/
.searchconst{
	color: #000000;
}
.renthome{
	color: #525252;
	font-size: 17px;
}
.hpfeature{
	margin-left: -25px;
	font-size: 12px;
}
#detailmaplink
{
width:300px;
height:30px;
margin-bottom:10px;
line-height:2em;
}
#detailmaplink a
{
font-size:13px;
font-weight:bold;
font-family:Arial;
color:#000000;
text-decoration:none;
}
#detailmaplink1
{
width:300px;
height:30px;
margin-bottom:10px;
line-height:2em;
}
#detailmaplink1 a
{
font-size:13px;
font-weight:bold;
font-family:Arial;
color:#000000;
text-decoration:none;
}

#mapback
{
background-image:url(../images/mapback1.gif);
background-repeat:no-repeat;
width:622px;
height:444px;
margin-top:10px;
margin-left:5px;
}
#mapbacklet
{
background-image:url(../images/mapbacklet1.gif);
background-repeat:no-repeat;
width:622px;
height:444px;
margin-top:10px;
margin-left:5px;
}
.propresultnav{
	
}
.propresultnav a{
	text-decoration:none;
	font-size:13px; 
	color:#1b7bcf; 
	font-weight:bold;
	text-decoration:none;
}

#searchforbasealt
{
margin-top:47px;
}
#contactinfo
{
float:left;
width:187px;
margin-left:9px;
margin-top:20px;
margin-bottom:20px;
line-height: 20px;
}
.contacttable
{
margin-top:15px;
font-family:Arial;
font-size:12px;
}
.contacttable2
{
text-align:left;
font-family:Arial;
font-size:12px;
}
.contactustable1
{
margin-bottom:20px;
margin-left:10px;
width:290px;
}
.contactustable11
{
margin-bottom:20px;
margin-left:10px;
width:290px;
}
.emaillink{
	text-decoration:none;
	color:#1b7bcf;
}
.contactpagehead
{
font-size:18px;
font-weight:bold;
font-family:Arial;
color:#d11212;
text-align:left;
}
.contactpagetxt
{
font-size:14px;
color:#333333;
text-align:left;
line-height:1.5em;
}
#letrent{
	display: none;
}
.regopt{
	font-size:12px;
	color:#000000;
	width: 270px;
}
.regopt a{
	font-family:Arial;
	font-size:14px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="images" />
		<div class="captions" />
		<div class="controller" />
		<div class="thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 300px;
	width: 400px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 300px;
	margin: 0 auto;
	width: 400px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(../images/controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(../images/controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(../images/controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(../images/controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(../images/controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(../images/controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}

#cap{
	background-image: url(../images/button_bg.gif);
	width: 78px;
	height: 22px;
	color: #ffffff;
}
#cap a{
	text-decoration:none;
	color: #ffffff;
}
#navi{
	margin-left: 200px;
	margin-top: -20px;
	color: #676767;
	font-weight: bold;
}

#navi a{
	text-decoration: none;
}

/* Jcarousal area starts*/
#mycarousel
{
width:140px;
height:295px;
text-align:center;
margin-left:15px;
}

/* CSS Document */

.jcarousel-scope {
    position: relative;
    width: 123px;
    margin-left:0px;
    margin-top:5px;
   background: transparent;
    padding: 25px 0px 16px 0px;
}

/**
 * Similar styles will be applied by jCarousel. But we additionally
 * add it here for better displaying with browsers having
 * javascript disabled.
 */
.jcarousel-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.jcarousel-list li {
    float: left;
    list-style: none;
    margin-bottom:-2px;
    margin-left: 0px;
    margin-right:0px;
}

/**
 * The button-elements are added statically in the HTML document
 * to illustrate how to cutomize the prev/next controls.
 *
 * We set display:none to hide them from browsers having
 * javascript. jCarousel will show them automatically.
 */
.jcarousel-next {
	width: 123px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    cursor: pointer;
}

.jcarousel-next-disabled {
	width: 123px;
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}

.jcarousel-prev {
	width: 123px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.jcarousel-prev-disabled {
	width: 123px;
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}


/* End of jcarousal area*/

.jcarousalback
{
background-image:url(../images/jback1.gif);
background-repeat:no-repeat;
width:156px;
height:355px;
}
#jcontainer
{
width:615px;
height:345px;
margin-left:3px;
}
#searchprop
{
margin-top:130px;
}
.ombudsmanlogos
{
width:850px;
float:left;
height:80px;
margin-left:113px;
}