/* CSS Document */
body {
	background-color: #FF9B00;
	margin: 0px;
	background-image: url(../images/common/pagebg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 10px;
	padding-bottom: 45px;
}

.wrapper
	{
	width: 1003px;
	margin-left:auto;
	margin-right:auto;
}

.pagearea
	{
	width: 982px;
	margin-left:auto;
	margin-right:auto;
}
.mainframe
	{
	width: 982px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/common/mainframebg.png);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
}
.mainframetopborder
	{
	width: 982px;
	height: 16px;
	background-image: url(../images/common/mainframetopborder.png);
	background-repeat: no-repeat;
}
.mainframebottomborder
	{
	width: 982px;
	height: 16px;
	background-image: url(../images/common/mainframebottomborder.png);
	background-repeat: no-repeat;
}

#aboutHeaderImg
	{
	height: 421px;
	vertical-align: bottom;
	text-align:left;
	font-size: 2px;
	background-image: url(../images/aboutus/KalkiMedia_AboutUs.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#HomeHeaderImg {
	background:url(../images/home/home_header.jpg) no-repeat top left;
	height: 421px;
	vertical-align: bottom;
	text-align:left;
	font-size: 2px;
}

#partnerHeaderImg{
	height: 421px;
	vertical-align: bottom;
	text-align:left;
	font-size: 2px;
	background-image: url(../images/partners/KalkiMedia_Partners.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#solutionsHeaderImg{
	height: 421px;
	vertical-align: bottom;
	text-align:left;
	font-size: 2px;
	background-image: url(../images/solutions/KalkiMedia_Solutions.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#clientsHeaderImg
	{
	height: 421px;
	vertical-align: bottom;
	text-align:left;
	font-size: 2px;
	background-image: url(../images/clients/KalkiMedia_Clients.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#ContactusHeaderImg{
	height: 421px;
	vertical-align: bottom;
	text-align:left;
	font-size: 2px;
	background-image: url(../images/contactus/KalkiMedia_ContactUs.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#careersHeaderImg{
	height: 100px;
	padding-top: 321px;
	vertical-align: bottom;
	text-align:left;
	background-image: url(../images/careers/KalkiMedia_Careers.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#portfolioHeaderImg{
	background: url(../images/portfolio/Kalkimedia_portfolio.jpg) no-repeat top left;
	height: 421px;
	vertical-align: bottom;
	text-align:left;
	font-size: 2px;
}

.rowspacer{
	height: 10px;
}
.mini-rowspacer{
	height: 5px;
}
.bigrowspacer{
	height: 20px;
}
.navigation
	{
	background-position: left;
	text-align: left;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.breadcrumb {
	font-size: 12px;
}

.textfield{
	border: none;
	background: url(../images/common/textfieldbg.gif) no-repeat;
	padding:3px 5px 3px 5px;
	width: 216px;
	height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.selection{
	border: 1px solid #9D9D9D;
	width: 226px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.checkbox{
	margin:0;
	padding:0;
}

.textarea{
	border: none;
	background: url(../images/common/textareabg.gif) no-repeat top left;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 340px;
	height: 90px;
	margin:0;
}

.button{
	border: 1px solid #333333;
	background: #333333;
	color: #FFFFFF;
	cursor: pointer;
}

blockquote{
	margin:0;
	padding: 0 0 20px 20px;
}
/* ----------------------------------- NAVIGATION CSS START HERE ----------------------------------- */
.navigation img{cursor:pointer;}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:41px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px;}
ul.menu ul li a:hover {}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {padding:0px; font-weight:bold; background:url(images/header.gif); width:auto;}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
/* ----------------------------------- NAVIGATION CSS END HERE ----------------------------------- */
/* --------------------------------------------- CONTENTAREA START HERE ----------------------------------------- */
.contentarea
	{
	padding-top: 37px;
	padding-right: 29px;
	padding-bottom: 0px;
	padding-left: 29px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4C4C4C;
	line-height: 20px;
	text-align:left;
	background:#FFFFFF;
	vertical-align:top;
}

.container{
	vertical-align:top;
	text-align:justify;
}

.container a {
	color:#4C4C4C;
	text-decoration:underline;
}

.leftsidecolumn
	{
	background-position: top;
	vertical-align: top;
}

.columnspacer{
	width: 27px;
}

.mini-columnspacer{
	width:5px;
}

.medium-columnspacer{
	width:13px;
}

.big-rowspacer{
	height: 27px;
}

.rightsidecolumn{
	width: 190px;
	height: 400px;
	vertical-align: top;
	background-color: #FFFFFF;
	background-image: url(../images/common/rightcolumnbg.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffcc00;
	text-align: justify;
	line-height: 22px;
	margin: 20px 0px 0px 0px;
}

h1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffcc00;
	cursor: pointer;
}

h1 a:hover {
	color: #ffcc00;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align: justify;
	line-height: 22px;
	font-weight:normal;
	margin: 0;
	padding:0;
}
.abuttitletext{
	color: #CB1874;
}

.portfoliotitletext{
	color: #168494;
	font-weight: bold;
}

.footer{
	background-image: url(../images/common/footerbg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 57px;
	padding-top: 10px;
}


/* LOGOBOX CSS START HERE TO APPLY FOR CLIENTS PAGE */
.logobox {
	width: 195px;
	border: 6px solid #EEEEEE;
	background: #EEEEEE;
	vertical-align:top;
	font-size: 11px;
}
.logobox img {
	padding-bottom: 5px;
}

.logobox a {
	padding-left: 5px;
	text-decoration:none;
}

.logobox a:hover {
	text-decoration: underline;
}

.featured-logobox {
	width: 661px;
	border: 6px solid #EEEEEE;
	background: #EEEEEE;
	vertical-align:top;
	font-size: 11px;
}

.featured-logobox img {
	padding-bottom: 5px;
}

.imageblock {
	width: 195px;
	border: 6px solid #EEEEEE;
	background: #EEEEEE;
	vertical-align:top;
	font-size: 11px;
	margin: 0 25px 25px 0;
	float:left;
}

.imageblock a {
	padding-left: 5px;
	text-decoration:none;
}

.imageblock a:hover {
	text-decoration: underline;
}

.imageblock img {
	padding-bottom: 5px;
}

.lastimageblock {
	width: 195px;
	border: 6px solid #EEEEEE;
	background: #EEEEEE;
	vertical-align:top;
	font-size: 11px;
	float:left;
	margin: 0 0 25px 0;
}

.lastimageblock a {
	padding-left: 5px;
	text-decoration:none;
}

.lastimageblock a:hover {
	text-decoration: underline;
}

.lastimageblock img {
	padding-bottom: 5px;
}

.dotted-divider {
	margin: 5px 0 5px 0;
	height: 1px;
	background: url(../images/common/dotted-divider.gif) repeat-x center;
}

.line-divider {
	margin: 25px 0 25px 0;
	height: 1px;
	background:#666666;
}

/* ------------------------------- PORTFOLIO IMAGE BLOCK STARTS HERE ------------------------------- */
.portfolioimageblock {
	width: 312px;
	border: 6px solid #EEEEEE;
	background: #EEEEEE;
	vertical-align:top;
	font-size: 11px;
	float:left;
	margin: 0 25px 25px 0;
	min-height: 225px;
}

.portfolioimageblock a{
	text-decoration:none;
	cursor: pointer;
}

.portfolioimageblock a:hover{
	text-decoration: underline;
	cursor: pointer;
}

.portfolioimageblock img {
	padding-bottom: 5px;
	cursor:pointer;
}

.portfoliolastimageblock {
	width: 312px;
	border: 6px solid #EEEEEE;
	background: #EEEEEE;
	vertical-align:top;
	font-size: 11px;
	float:left;
	margin: 0 0 25px 0;
	min-height: 225px;
}

.portfoliolastimageblock a{
	text-decoration:none;
	cursor: pointer;
}

.portfoliolastimageblock a:hover{
	text-decoration: underline;
	cursor: pointer;
}

.portfoliolastimageblock img {
	padding-bottom: 5px;
	cursor:pointer;
}

.portfolio-nav{
text-align:center;
}

#previousDiv {
	float: left;
	text-align:left;
	width:48px;
	visibility: hidden;
	cursor:pointer;
}

#nextDiv {
	float: right;
	text-align:right;
	width:48px;
	visibility: hidden;
	cursor:pointer;
}

#portfoliopagination {
width:578px;
float:left;
text-align:center;
padding-top: 3px;
}
.clr{
	clear:both;
}
/* ------------------------------- PORTFOLIO IMAGE BLOCK ENDS HERE ------------------------------- */


/* -------------------- SOLUTIONS PLAN CSS START HERE ----------------------*/
.plan-divider{
	height: 5px;
	background-color: #9e8f54;
}

.plan-block-title{
	padding: 7px 5px 7px 5px;
	font-weight:bold;
}

.plan-secblock-title{
	padding: 7px 5px 7px 5px;
	font-weight:bold;
	background: url(../images/common/tabs-bg.gif) repeat-x top #ff9d00;
	color: #FFFFFF;
}

.plan-secblock{
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	background: url(../images/common/tabs-bg.gif) repeat-x top #ff9d00;
	color: #FFFFFF;
}

.italic-txt{
	color: #005ca2;
	font-style: italic;
	font-weight:bold;
}

.webmanage-italic-txt{
	color: #666699;
	font-style: italic;
	font-weight:bold;
}

.alternate-bg-color{
	background: #f5f5da;
}

.plans-block {
	border-left: solid 1px #e5e5e5;
	vertical-align:middle;
	text-align:center;
}

.webmanagefaq-title {
	color: #FFFFFF;
	background: #666699;
	padding: 0 2px 2px 2px;
	font-weight:bold;
	font-size: 12px;
}

.propertyfaq-title {
	color: #FFFFFF;
	background: #005ca2;
	padding: 0 2px 2px 2px;
	font-weight:bold;
	font-size: 12px;
}

.faq-content {
	font-size:12px;
}
/* -------------------- SOLUTIONS PLAN CSS START HERE ----------------------*/


/* LOGOBOX CSS END HERE TO APPLY FOR CLIENTS PAGE */

/* BIG-LOGOBOX CSS START HERE TO APPLY FOR CLIENTS PAGE */
.big-logobox {
	width: 312px;
	border: 6px solid #EEEEEE;
	background: #EEEEEE;
	vertical-align:top;
	font-size: 11px;
}
.big-logobox img {
	padding-bottom: 5px;
}

.big-logobox a {
	padding-left: 5px;
	text-decoration:none;
}

.big-logobox a:hover {
	text-decoration: underline;
}
/* BIG-LOGOBOX CSS END HERE TO APPLY FOR CLIENTS PAGE */

.grid {
	width: 12px;
}

/*.readmore-link {
	background: url(../images/common/readmore-bullet.gif) no-repeat left center;
	font-size: 12px;
	padding-left: 10px;
}*/

.readmore-link img{
	margin-top: 5px;
}

.testimonial-txt {
	text-align:justify;
	padding-left: 25px;
	vertical-align:top;
}

.iframearea {
	border: 6px solid #EEEEEE;
	background: #EEEEEE;
	font-size: 11px;
}

.iframearea a {
	padding: 10px;
	line-height: 30px;
}


.contactus-title {
	color: #BE1823;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

.contactus-title a {
	color: #BE1823;
}

.clients-title {
	color: #8346BD;
	font-weight: bold;
	font-size: 14px;
}

.clients-title a {
	color: #8346BD;
}

.partners-title{
	font-size: 14px;
	color: #3B734C;
	font-weight: bold;
}

.partners-title a{
	color: #3B734C;
}

.aboutus-title{
	font-size:14px;
	color:#CB1874;
	font-weight:bold;
}

.aboutus-title a{
	color:#CB1874;
}

.solutions-title{
	font-size:14px;
	color:#FFCC00;
	font-weight:bold;
	text-transform: uppercase;
}

.solutions-title a {
	color:#FFCC00;
}

.careers-title{
	font-size:14px;
	color:#863B19;
	font-weight:bold;
}

.careers-title a {
	color:#863B19;
}

.home-title{
	color: #FF9B00;
	font-size:14px;
	font-weight:bold;
}

.privacy-txt-area {
	padding: 0px 18px 0px 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
}

.privacy-txt-area a {
	color: #FFFFFF;
	text-decoration:none;
}

.privacy-txt-area a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}

.login-btn a {
	font-size: 10px;
	line-height: 17px;
	color: #FFFFFF;
	text-transform: uppercase;
	background:#666666;
	padding:5px 10px 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	margin-right: 18px;
	text-decoration:none;
}

.login-btn a:hover {
	background:#333333;
}
/* --------------------------------------------- CONTENTAREA END HERE ----------------------------------------- */

/* ----------------------------------- COMMONAREA SRATT HERE ------------------------------ */

.form-action-area {
	border-top: solid 5px #BFBFBF;
	border-bottom: solid 5px #BFBFBF;
	padding:16px;
	margin-top: 12px;
	background:url(../images/common/action-btn-bg.png) repeat-y center;
	vertical-align:middle;
	text-align:center;
}

li .clients-selected{
	color: #8346BD;
}

.faq-txt{
	padding: 10px 20px 10px 20px;
}

.scrollable{
	overflow: auto;
	height: 415px;
	vertical-align:top;
	background:#FFFFFF;
}

.caption-txt{
	font-size: 10px;
	line-height: 15px;
}
/* ----------------------------------- COMMONAREA END HERE ------------------------------ */

/* ----------------------------------- ACCORDIAN CSS START HERE ------------------------------ */
#accordion {
	width:674px;
	margin: 0px;
	padding: 0px;
}
.accordion {
	width:674px;
	color:#2B2D39;
	margin: 0px;
	padding: 0px;
}
.accordion dt {
	width:668px;
	font-size: 14px;
	line-height: 22px;
	color:#CB1874;
	font-weight:bold;
	margin:10px 0px 0px 0px;
	padding: 3px;
	cursor:pointer;
	background: #F4F4FF;
}
.accordion dt:hover {}
.accordion dd {
	overflow:hidden;
	color: #666666;
	line-height: 22px;
	margin: 0px;
	padding: 0px;
}
.accordion span {
	display:block;
	text-align:justify;
	width:619px;
	padding:5px 10px 10px 20px;
}

/* ----------------------------------- ACCORDIAN CSS END HERE ------------------------------ */

/* ----------------------------------- PORTFOLIO LIST CSS STARTS HERE ----------------------------------- */
.portfoliolist-area{
	color: #5c5c5c;
}
.portfolio-listarea td{
	vertical-align:top;
	padding: 3px 0px;
}
.portfolio-listarea a {
	clear:both;
	text-decoration:none;
}

.portfolio-listarea a:hover{
	text-decoration:underline;
}

.portfolio-listarea a .faded-txt{	
	color:#999999;
}
/* ----------------------------------- PORTFOLIO LIST CSS ENDS HERE ----------------------------------- */


/* ----------------------------------- TABBED CSS START HERE ------------------------------ */
.logo-tabs{
	padding: 0 0 10px 0;
	margin: 0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	font-size: 14px;
	font-weight: bold;
}

.logo-tabs li{
	display:inline;
	padding-right: 10px;
}

.logo-tabs li a{
	text-decoration:none;
}

.logo-tabs li a:hover{
	text-decoration:none;
}

.shadetabs{
	padding:0;
	margin: 0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	font-size: 14px;
}

.shadetabs li{
	display: inline;
	margin:0;
	padding:0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 14px 33px;
	color: #000000;
}

.shadetabs li a:visited{
	color: #000000;
}

.shadetabs li a:hover{
	text-decoration: none;
	color: #000000;
}

.shadetabs li a.selected{ /*selected main tab style */
	color: #FFFFFF;
	position: relative;
	background: url(../images/common/tabs-bg.gif) repeat-x top #ffa100;
	padding: 14px 32px;
	font-weight: bold;
}
.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
	display:none;
}

.shadetabs-contentarea{
	border-top: solid 5px #ff9d00;
	margin-top: 12px; 
	width: 100%;
	padding-top: 10px;
	min-height: 300px;
	color: #666666;
}

.shadetabs-contentarea td{
	height: 26px;
	vertical-align:middle;
}

.shadetabs-contentarea td.availability-title{
	width: 278px;
}

.shadetabs-contentarea td.padding-10{
	padding-right: 10px;
}

.availability{
	text-align:center;
	border-left: solid #d3d3d3 1px;
}


.clr {
	clear:both;
}

.sec-columnspacer{
	width:20px;
}

.last-sec-columnspacer{
	border-left: solid #d3d3d3 1px;
	width:20px;
}
/*--------------------------Light Box Css----------------------------------------*/
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:16;
}
#popupContact{
display:none;
position:fixed;
_position:fixed; /* hack for internet explorer 6*/
z-index:17;
padding: 29px 9px 9px 9px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
/*color:#59302D;*/
/*background:#FAF7EC;*/
background:#FFFFFF;
border: 1px solid #59302D;
width:600px;
}

#popupContact input{
font-family:Arial, Helvetica, sans-serif;
color:#59302D;
border: 1px solid #59302D;
padding: 1px;
}

#popupContact textarea{
font-family:Arial, Helvetica, sans-serif;
color:#59302D;
border: 1px solid #59302D;
padding: 1px;

}

#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;

}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#000000;
font-weight:700;
display:block;
text-align:right;
clear:both;
}
#button{
text-align:center;
margin:100px;
}
/*-------------------End Of light box css-----------------------------------------*/

@media print {
.tabcontent {
display:block !important;
}
}
/* ----------------------------------- TABBED CSS END HERE ------------------------------ */

/* ---------------------------------- SLIDESHOW CSS STARTS HERE --------------------------------- */
#LoadContainer{
height:25%;
width:50%;
position:absolute;
top:40%;
left:25%;
text-align:center;
z-index:1;
}

#PhotoContainer{
visibility:hidden;
}

#CaptionBlock{
height:18px;
width:582px;
text-align:left;
margin:0 auto;
}
#Caption{
color:#333;
}

#License{
margin:0 auto;
padding-top:10px;
font-size:10px;
color:#666;
border-top:1px solid #CECEB5;
width:740px;
text-align:left;
line-height:1.4em;
}

#LinkContainer{
display:none;
position:absolute;
top:0;left:0;
height:200px;
width:200px;
z-index:100;
background:url(../../images/slideshow/start.gif) 50% 50% no-repeat;
}

#PrevLink{
z-index:100;
position:absolute;
top:0%;
left:0%;
height:200px;
width:50%;
display:block;
}

#NextLink{
z-index:100;
position:absolute;
top:0%;
left:50%;
height:200px;
width:50%;
display:block;
}

#PrevLink:hover,#NextLink:hover{
text-decoration:none
}

#PrevLink:hover{
background:transparent url(../../images/slideshow/prev_rounded_sidebar2.gif) left 50% no-repeat;
}

#NextLink:hover{
background:transparent url(../../images/slideshow/next_rounded_sidebar2.gif) right 50% no-repeat;
}

#PrevLink span,#NextLink span{
display:none;
}

img{
border:none;
}

p{
font-size:11px;
padding:1em 0;
}

#InnerWrapper{
position:absolute;
top:50%;
left:0;
}

#InnerWrapper[id]{
display:table-cell;
vertical-align:middle;
position:static
}

#OuterContainer{
position:relative;
top:-50%;
}
/* ---------------------------------- SLIDESHOW CSS ENDS HERE --------------------------------- */