@import url('reset.css');

body
{ text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:80%; line-height:120%; background:#424244 url('../_design/body-bg2.jpg') repeat-x 0px -77px; }

#htmContainer
{ text-align:left; width:980px; margin:0 auto; overflow:hidden; background:#fff; }

/*
	Branding Page -------------------------------------------------------------------------------------------------
*/

#htmLogo
{ clear:both; }

#htmLogo a
{ display:block; width:980px; height:135px; background:#fff url('../_design/cipl-top.jpg') no-repeat top left; text-indent:-9999px; overflow:hidden; }

/*
	Splash Page -------------------------------------------------------------------------------------------------
*/

.clsPgSplash #htmContainer
{ margin-top:50px; }

.clsPgSplash #htmMainMenu
{  }

.clsPgSplash #htmContentContainer
{ display:none; }

.clsSlideShow
{ clear:both; position:relative; }

.clsSlideShow li
{ position:absolute; top:0; left:0; }

/*
	Main Menu -------------------------------------------------------------------------------------------------
*/

#htmMainMenu
{ clear:both; float:left; width:100%; background:#000; }

#htmMainMenu ul
{ float:left; padding:0px 10px 3px 10px; }

#htmMainMenu li
{ float:left; }

#htmMainMenu li a
{ display:block; float:left; padding:5px 16px; text-align:center; color:#fff; text-decoration:none; font-size:90%; }

#htmMainMenu li a:hover
{ color:#ccc; }

.clsPgSplash #htmMnuHome, .clsPgHome #htmMnuAbout, .clsPgAbout #htmMnuAbout, .clsPgPropMan #htmMnuPropMan, .clsPgPropInv #htmMnuPropInv,
.clsPgNzProp #htmMnuNzProp, .clsPgInvOpp #htmMnuInvOpp, .clsPgContact #htmMnuContact
{ background:transparent url('../_design/cipl-mainmenu-left.jpg') no-repeat bottom left; }

.clsPgSplash #htmMnuHome a, .clsPgHome #htmMnuAbout a, .clsPgPropMan #htmMnuPropMan a, .clsPgPropInv #htmMnuPropInv a,
.clsPgNzProp #htmMnuNzProp a, .clsPgInvOpp #htmMnuInvOpp a, .clsPgContact #htmMnuContact a
{ background:transparent url('../_design/cipl-mainmenu-right.jpg') no-repeat bottom right; }


/*
	Content -------------------------------------------------------------------------------------------------
*/
strong
{ font-weight:bold; }

.clsClear
{ clear:both; }

#htmContentContainer
{ clear:both; margin:1px 0; float:left; width:100%; background:white; }

#htmContentWrap
{ width:700px; float:left; }

#htmContent
{ padding:50px 100px 50px 100px; color:#333; /*background:white url('../_design/content-logo.jpg') no-repeat bottom right;*/ }

#htmContent p
{ padding:5px 0; line-height:150%; }

#htmContent h2
{ padding:10px 0; font-size:130%; color:#aa2d29; }

#htmContent h3
{ padding:20px 0 0 0; font-size:110%; font-weight:bold; }

ul.clsBullet
{ padding:5px 0; }

ul.clsBullet li
{ list-style-type:disc; padding:2px 0; margin-left:15px; }

ul.clsPhotoList
{ width:100%; float:left; }

ul.clsPhotoList li
{ float:left; }

p.clsBig
{ font-size:200%; }

p.clsBig strong
{ font-size:150%; display:block; clear:both; font-weight:normal; }

ul.clsBig
{ font-size:150%; line-height:115%; }

p.clsMedium
{ font-size:150%; }

p.clsFinePrint
{ font-style:italic; }


/*
	Sidebar -------------------------------------------------------------------------------------------------
*/
#htmSideBar
{ width:280px; float:right; }

#htmSideBar dl#htmInvestNow dt
{ text-indent:-9999px; overflow:hidden; height:202px; background:#fff url('../_design/cipl-invest-now.jpg') no-repeat top left; }

#htmSideBar dl#htmOutInv dt
{ text-indent:-9999px; overflow:hidden; height:203px; margin-top:1px; background:#fff url('../_design/cipl-outstanding-investment.jpg') no-repeat top left; }

#htmSideBar dl#htmOutInv dd
{ background:#43597a; padding:20px 10px; color:#fff; }

#htmSideBar dl#htmOutInv ul.clsDetailsList li
{ padding:5px 0; }

#htmSideBar a
{ color:#ccc; text-decoration:underline; }

#htmSideBar a:hover
{ text-decoration:none; }


/*
	Footer -------------------------------------------------------------------------------------------------
*/
#htmFooter
{ clear:both; float:left; width:100%; padding-bottom:90px; background:#fff url('../_design/cipl-footer.jpg') no-repeat bottom left; }

.clsPgSplash #htmFooter
{ padding-bottom:0; background:none; }

#htmFooter p
{ padding:18px 5px; background:#7f201d; color:#fff; font-size:85%; text-align:center; margin-top:1px; display:none; }

.clsPgSplash #htmFooter p
{ display:block; }

#htmFooter a
{ color:#fff; text-decoration:underline; }

#htmFooter a:hover
{ text-decoration:none; }


/*
	Form -------------------------------------------------------------------------------------------------
*/

fieldset
{ padding:10px 0; border:1px solid #ccc; }

fieldset legend
{ font-size:110%; padding:10px 0; font-weight:bold; }

fieldset table.clsForm
{ width:100%; }

fieldset table.clsForm td
{ padding:4px; vertical-align:top; }

fieldset table.clsForm td.clsLabel
{ text-align:right; font-size:85%; color:#666; }

fieldset table.clsForm td.clsLabel label
{ color:#333; }

fieldset table.clsForm td.clsInput input, fieldset table.clsForm td.clsInput textarea
{ border:1px solid #ccc; padding:4px; font-family:Tahoma; }

fieldset table.clsForm td.clsInput input
{ width:150px; }

fieldset table.clsForm td.clsInput textarea
{ width:250px; }

fieldset table.clsForm td.clsValidation
{ font-size:80%; }


/*
	Messagebox -------------------------------------------------------------------------------------------------
*/
.clsMessageBox
{ padding:10px; border:1px solid #ccc; background:#f7f7f7; color:#333333; margin-top:10px; }

.clsBad
{ border-color:#dd3c10; background:#ffebe8; }

.clsAverage
{ border-color:#e2c822; background:#fff9d7; }

.clsGood
{ border-color:#d4dae8; background:#eceff6; }