/* CSS Document */

/* Complete Property Management Solutions Ltd - cpms_global.css  =============================================== */
/* Copyright  Complete Property Management Solutions Ltd 2009  =============================================== */
/* Author A&G Creative  =============================================== */

/* QUICK COLOUR REFERENCE  =============================================== */
/* Blue #0F2C5F */


/* Generic Selectors  =============================================== */

* {
	margin:0; padding:0;
}
body {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #f3f3f3;
}	
img {
	border: 0;
}		
h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 20px 0;
	color: #0F2C5F;
}
h1 .class {
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	color: #333;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #0F2C5F;
}
p {
	text-align: left;
	margin: 0 0px 25px 0;
	line-height: 18px;
}
p .class {
	margin: 0;
}
a {
	color: #0F2C5F;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: none;
}
.clear {
	clear: both;
	margin: 0; padding: 0;
	line-height: 0; font-size: 0;
}
.noMargin {
	margin: 0;
}


/* Begin Page Layout  =============================================== */

#divContainer {
	margin: 0 auto 0; padding: 0;
	width: 880px;
	background:  #FFF;
}
#divHeader {
	margin: 0; padding: 20px 10px;
	height: 80px;
	position: relative;
}
#divHeadContact {
	position: absolute;
	right: 20px;
	bottom: 20px;
	text-align: right;
}
#divHeadContact p {
	margin: 0;
}
#imgFacebook {
	position: absolute;
	right: 20px;
	top: 20px;
}

/* Nav Layout  =============================================== */

#divNav {
	margin: 0;
	height: 25px;
	background:  #dbdbdb url(../images/bg_nav.gif) repeat-x center;
}
ul.menu {list-style:none; margin:0; padding:0; font-size: 13px;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; color:#0F2C5F; text-decoration:none; text-align: center; padding: 0 15px;}
ul.menu a:hover {display:block; color:#FFF; text-decoration:none}
ul.menu a.current {display:block; color:#FFF; text-decoration:none; background:url(../images/bg_nav_over.gif) repeat-x center; color: #FFF; line-height: 25px; padding: 0 15px;}
ul.menu li {position:relative; float:left; }
ul.menu ul {position:absolute; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; width:116px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#dbdbdb; text-align: left; font-size: 11px; color: #666; line-height: 12px;}
ul.menu ul li a:hover {background-color:#666; color: #FFF;}
ul.menu ul ul {left:122px; top:-1px}
ul.menu .menulink {  background:#dbdbdb url(../images/bg_nav.gif) repeat-x center; line-height: 25px;}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(../images/bg_nav_over.gif) repeat-x center; color: #FFF;}

/* Nav Layout End =============================================== */

/* Bottom Nav Layout  =============================================== */

#ulNavBottom {
	font-size: 11px;
	color: #FFF;
	margin: 0 0 10px 0;
}
#ulNavBottom li {
	display: inline;
	margin: 0;
	border-left: 1px solid #FFF;
	padding: 0 5px;	
}
#ulNavBottom li.first {
	border-left: none;
	padding: 0 5px 0 0;
}
#ulNavBottom a {	
}
#ulNavBottom a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* Bottom Nav Layout End =============================================== */

#divMain {
	min-height: 250px; _height: 250px;
}
#divMain a {
	text-decoration: underline;
}
#divMain a:hover {
	text-decoration: none;
}
#divMain ul, #divMain ol {
	margin: 0 0 25px 25px;
}
#divMain ul li {
	margin: 0 0 5px 0;
}
#divMain ol li {
	margin: 0 0 10px 0;
}
#divMain .class li {
	margin: 0 0 15px 0;
}	
#divBody1Col {
	float: left;
	margin: 0 10px 10px 10px; padding: 10px;
	background: url(../images/bg_home_left.gif) repeat-x top #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#divGenLeft {
	float: left;
	width: 560px;
	margin: 0 0 10px 10px; padding: 10px;
	background: url(../images/bg_home_left.gif) repeat-x top #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#divGenRight {
	float: right;
	width: 260px;
	min-height: 320px; _height: 320px;
	margin: 10px 10px 0 0;
}
#divGenRight .hr {
	margin: 10px 0 10px 0;
	height: 1px;
	background: #CCC;
	border: 0;
}
#divGenRight h1 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#divGenRight p {
	font-size: 11px;
	margin: 0 0 5px 0;
	line-height: 13px;
}
#divFooterInfo {
	margin: 0 auto; padding: 10px;
	width: 860px;
	background: #CCC;
	font-size: 12px;
	color: #333;
	position: relative;
	
}
#divFooterInfo p {
	margin: 0 0 10px 0;
}
#divFooter {
	margin: 0 auto; padding: 10px;
	width: 860px;
	background: #666;
	font-size: 10px;
	color: #FFF;
	position: relative;
	
}
#divFooter p {
	margin: 0 0 10px 0;
}
#divFooter p.class {
	margin: 0;
}
#divFooter a {
	color: #FFF;
}
#divFooter a:hover {
	color: #FFF;
	text-decoration: underline;
}
#divFooterLeft {
	float: left;
	width: 600px;
}
#divFooterRight {
	text-align: right;
	width: 200px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#divFooterRight a {
	text-decoration: underline;
}
#divFooterRight a:hover {
	text-decoration: none;
}


/* Homepage Layout =============================================== */

#divHomeImg {
	width: 880px;
	margin: 0 0 20px 0; padding: 0;
}
#divHomeLeft {
	float: left;
	width: 490px;
	margin: 0 0 10px 10px; padding: 10px;
	background: url(../images/bg_home_left.gif) repeat-x top #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#divHomeLeft p {

}
#divQuote {
	background: url(../images/home_img_quote.png) no-repeat;
	padding: 5px 10px;
	height: 90px;
	font-style: italic;
	font-size: 12px;
	line-height: 16px;
	color: #0F2C5F;
}
#divQuote a {
	font-style: normal;
}
#divHomeRight {
	float: right;
	width: 330px;
	min-height: 320px; _height: 320px;
	margin: 10px 10px 0 0;
}
#divHomeRight .hr {
	margin: 15px 0 15px 0;
	height: 1px;
	background: #CCC;
	border: 0;
}
#divHomeRight p {
	font-size: 11px;
	margin: 0 0 10px 0;
	line-height: 15px;
}
#divHomeRight h2 {
	font-size: 12px;
	margin: 0 0 10px 0;
}
#divHomeRight h2 img {
	float: left;
	margin: 0 15px 20px 0;
}
#divHomeFacebook {
	text-align: right;
	margin-bottom: 10px;
}
#divHomeQuest {
	background: url(../images/bg_home_contact.jpg) no-repeat;
	padding: 20px 10px 0px 180px;
	height: 120px;
}
#olHome {
	margin: 0 10px 25px 10px;
	font-weight: bold;
}
#olHome li {
	margin: 0 0 10px 0;
	list-style: none;
	line-height: 16px;

}
#olHome li a {
	margin: 0; padding-left: 20px;
	list-style: none;
	background: url(../images/bullet_grey.png) no-repeat;
	display: block;
}
#olHome li a:hover {
	margin: 0; padding-left: 20px;
	list-style: none;
	background: url(../images/bullet_blue.png) no-repeat;
	display: block;
}
#divHomeLeft .CompanyProfile {
	background: url(../images/img_home_comp_profile.jpg) no-repeat bottom left;
	padding-left: 117px;
	margin: 0;
}
p.ReadMore {
	text-align: right;
	margin-bottom: 0;
}
p.ReadMoreLeft {
	text-align: left;
	margin-bottom: 0;
}
p.ReadMore a, p.ReadMoreLeft a {
	background: url(../images/bullet_blue.png) no-repeat right;
	padding: 0 20px 0 0;
	font-weight: bold;
}
p.ReadMore a:hover, p.ReadMoreLeft a:hover {
	background: url(../images/bullet_grey.png) no-repeat right;
	padding: 0 20px 0 0;
}
p.TopPage {
	margin-bottom: 15px;
}
p.TopPage a {
	background: url(../images/top_link_blue.png) no-repeat left;
	padding: 0  0 0 20px;
	font-weight: bold;
}
p.TopPage a:hover {
	background: url(../images/top_link_grey.png) no-repeat left;
	padding: 0  0 0 20px;
}
/* Homepage Layout End =============================================== */

/* Testimonials Layout =============================================== */

.TestQuote {
	background: url(../images/bg_test_quote.png) no-repeat;
	padding: 18px 0 0 0;
}
.TestQuote p {
	margin: 0 0 10px 0;
	font-style: italic;
	line-height: 14px;
}
.TestQuote p.class {
	margin: 0 0 10px 0;
	font-style: italic;
	line-height: 14px;
	text-indent: 40px;
}


/* FAQ Layout =============================================== */

#olFAQ {
	margin: 0 0 0 20px;
	font-size: 11px;
}
#olFAQ li {
	margin: 0 0 5px 0;
}
/* FAQ Layout End =============================================== */


/* Contact Layout =============================================== */

#tblContactUs {
	width: 100%;
}
#tblContactUs td {
	padding: 0 0 10px 0;
}
#tblContactUs input.class {
	width: 350px;
	color: #000;
	padding: 5px;
	background: #FFF;
	border: 1px solid #CCC; 
	vertical-align: middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#tblContactUs textarea.class {
	width: 350px;
	color: #000;
	padding: 5px;
	background: #FFF;
	border: 1px solid #CCC; 
	vertical-align: middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
input.btn {
	
  background: url(../images/bg_nav.gif) repeat-x center #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color:#0F2C5F;
  width: 80px; height: 25px;
  border: 0;
  text-align:center;
  cursor:pointer;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
input.btnhov {
  background: url(../images/bg_nav_over.gif) repeat-x center #91268e;
  color: #FFF;
}

/* Contact Layout End =============================================== */

#ulSitemap ul {
	margin: 0 0 20px 0;
}
#ulSitemap li ul {
	margin: 10px 0 10px 20px;
}
#divPortfolio {
	margin: 0 20px 0;
}
#tblPortfolio td {
	padding: 0 0 20px 0;
}
#tblPortfolio h1 {
	font-size: 16px;
	margin: 0 0 3px 0;
}
#tblPortfolio p {
	margin: 0;
	font-size: 11px;
	line-height: 13px;
}