/**************************************************************
   Visit studio7designs.com for more layouts and downloads for this template!
 **************************************************************/
 
/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  top:32px;
}



/**************************************************************
   Topbar with newsletter form and theme change buttons
 **************************************************************/

#topbar {
  float: left;
  width: 100%;
  padding: 0.6em 0;
  font-size: 0.9em;
  text-transform: uppercase;

  color: #CFD9DB;
  background: #FFF url(file:///E|/xampp/htdocs/public_html_back/images/bg/topbar.gif) repeat-x bottom left;
}



/**************************************************************
   Top menu and logo
 **************************************************************/

#header {
	clear: both;
	position: relative;
	height: 70px;
	margin: 0 auto;
	padding-left: 50px;
	/*background: #9bbad7;
	border-bottom: 2px solid #9bbad7;
	background-color: #9bbad7;*/
}

#dropdownmenu
{ margin: 0 auto;
  width: 940px;
  position: relative;
  z-index: 10000;
 
  
  
}
#dropdownmenu ul 
{ list-style: none;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  background: #5d91d1 url(file:///E|/xampp/htdocs/public_html_back/images/bg/menu.gif) repeat-x top left;
}
#dropdownmenu li.headlink
{ float: left;
  width: 20%;
  height: 2.1em;
  display: inline;
  font: 400 1.2em trebuchet ms, Serif;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  border-top: 7px solid #0f2e4d;
  /*border-bottom: 7px solid #e3ecf3;*/
}
#dropdownmenu  li.headlink:hover,
#dropdownmenu li.headlink.here {
  background: #9fc9e6;
  border-top: 7px solid #5d91d1;
}

#dropdownmenu li.headlink a
{ display: block;
  padding: 1px 7px;
}  
#dropdownmenu li.headlink ul 
{ display: none;
}
#dropdownmenu li.headlink:hover ul { display: block;  background:#5d91d1; }
#dropdownmenu li.headlink ul li a { padding: 8px; height: 30px;}
#dropdownmenu li.headlink ul a:hover { background-color:  #9fc9e6;}

#header img {
  height: 100px;
  left: 10px;
  
}

/**************************************************************
   Header Image/Flash Movie
 **************************************************************/

#headerImg {
  margin: 0 auto;
  height: 240px;
  }

/**************************************************************
   Page Content
 **************************************************************/
/*for index page alone*********/
#page1 {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 80px;
  margin-bottom: 6em;
 
  text-align: left;
 
  
}
/*for other pages************/
#page {
  clear: both;
  float: left;
  width: 938px;
  margin-bottom: 0em;
  text-align: left;
  top:-8px;
  position:relative;
  left:0px;
  
  }

#columns {
  margin: 0 auto;
  
}


/* Column widths */
.width {
  width: 940px;
}


.widthPad {
  width: 940px;
}

.width25 {
  width: 306px;
  padding-right: 4px;
}

.width50 {
  width: 327px;
  padding-left:10px;
  }

.width75 {
 width: 280px;
 padding-left: 10px;
 }

.grid1 {
  width: 200px;
  
}

.grid2 {
 width: 310px;
}

.widthquarter
{ width: 175px;
  padding-right: 5px;
 

 
}

.widthcontact
{ width: 360px;
}
.widthcontact2
{ width: 580px;
}

.width3fourth
{ width: 400px;
  padding-left: 5px;
  
}

.widthservices
{ width: 697px;
  padding-left: 8px;
  }

.widthform
{ width: 340px;
  padding-left: 10px;
  *padding-left: 5px;
}


/**********************Login box******************************/
#login  {
	width: 300px;
	height: 220px;
	background-image: url(file:///E|/xampp/htdocs/public_html_back/images/login.gif);
	background-repeat: no-repeat; 
	background-position: left top;
	border: none;
	background-color: #b0cde4;
	padding-bottom: 8px;
	color: #75818a;
}
/*************search n property search box******************************/
#moreinfo
{   padding-left: 10px;
    padding-top: 10px;
	padding-bottom: 10px;
	width: 290px;
	height: 105px;
	color: #75818a;
}
/****************image for post box 2***************************************/
#image
{   background-image: url(file:///E|/xampp/htdocs/public_html_back/images/search.gif);
    width: 325px;
	height: 308px;
}
/******************post box 2*************************************************/
#textpost
{    padding-left: 5px;
    padding-top: 10px;
	padding-bottom: 10px;
}
/**********************contact us***************************************************/
#contactimage
{ background-image: url(file:///E|/xampp/htdocs/public_html_back/images/searchp.gif);
 
  float: right;
  width: 360px;
  height: 310px;
}	
#imageHA
{   background-image: url(file:///E|/xampp/htdocs/public_html_back/images/search_ha.gif);
    width: 325px;
	height: 330px;
}


/**************************************************************
   Footer
 **************************************************************/


#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 4em;
  margin-top: -5em;
}

#footer #bg {
  position: relative;
  height: 4em;
  margin: 0 auto;
  background: #18456f;
}

#footer #bg ul {
  float: right;
  margin: 3em 1em 0 0 !important;
  margin: 3em 0.5em 0 0;
  padding: 0;
}

#footer #bg ul li {
  display: inline;
  list-style: none;
}

#footer #bg ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1.1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.5em !important;
  line-height: 7em;
  color: #ccc;
  border-right: 5px solid #4D5760;
}

#footer #bg ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#footer #bg ul li a:hover {
  color: #3c97e6;
}

#footer #bg img {
  position: absolute;
  top: 6%;
  left: 10px;
}



/**************************************************************
   Icons specific to the colour theme
 **************************************************************/

a.lightTheme img,
a.darkTheme img,
a.submitButton img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

a.lightTheme img {
  background: url(file:///E|/xampp/htdocs/public_html_back/images/icons/light_light_theme.gif) no-repeat center center;
}

a.darkTheme img {
  background: url(file:///E|/xampp/htdocs/public_html_back/images/icons/light_dark_theme.gif) no-repeat center center;
}

a.submitButton img {
  background: url(file:///E|/xampp/htdocs/public_html_back/images/icons/light_submit.gif) no-repeat center center;
}
/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0;
  padding: 0;
}

ul.thumbs li {
  margin: 0 0 15px 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}

a.thumb img {
  
  border: 5px solid #ccc;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #000;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}



/**************************************************************
   Submenu Styles
 **************************************************************/

ul.submenu1,
ul.submenu2 {
  margin: 0 0 20px 0;
  padding: 0;
}

ul.submenu1 li,
ul.submenu2 li{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(file:///E|/xampp/htdocs/public_html_back/css/foo.gif); /* because IE is balls */
}

ul.submenu1 li a,
ul.submenu2 li a {
  display: block;
  height: auto !important;

  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */

  padding: 1px 5px 1px 20px;
}

ul.submenu1 li a {
  background: url(file:///E|/xampp/htdocs/public_html_back/images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu1 a:hover {
  color: #888;
  background: #B3C6C4 url(file:///E|/xampp/htdocs/public_html_back/images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu2 li a {
  color: #426F85;
  background: url(file:///E|/xampp/htdocs/public_html_back/images/bg/submenu2.gif) no-repeat 3px 50%;
}

ul.submenu2 a:hover {
  color: #888;
  background: #B3C6C4 url(file:///E|/xampp/htdocs/public_html_back/images/bg/submenu2.gif) no-repeat 3px 50%;
}






/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
  z-index: -1;
}

.floatRight {
  float: right;
  z-index: -1;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #b0cde4;
}

.dark {
  color: #353E47;
}