body {
    color: #727272;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	background: #cebeae url(../images/kgbg.jpg) no-repeat center top;
}
p {
    line-height: 17px;
    padding-top: 10px;
}
#headerSpace {
    height: 10px;
}
.readmore{white-space: nowrap;}
#siteTitle{
	font-family:"Myriad Pro", "Arial Black";
	font-weight:bold;
	font-size:50px;
	color:#F4478E;
	letter-spacing:-2px;
	line-height:45px;
	padding-bottom:15px;
	visibility:hidden;
}
#mediumWraper{margin:auto auto; text-align:center;}
.mainHead {
	font-family:"Myriad Pro", "Arial Black";
	font-weight:bold;
	font-size:40px;
	color:#F4478E;
	letter-spacing:-2px;
	line-height:45px;
}

.headDiv {
	width:100%;
	border-bottom:solid 2px #F4478E;
	padding-bottom:5px;
	padding-top:15px;
}
.headTxt {
	font-weight:bold;
}
#navDiv {
	padding-top:0px;
}
#mediumWraper{
	height:285px;
}
#persDiv {
	padding-top:45px;
}
#dailyDesc{
	height:50px;
}
#menuUL {
    float:left;
    width:100%;
}
#menuUL ul {
    list-style:none;
}
#menuUL li {
    float:left;
}
#menuUL a{
    display:block;
	float:left;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	background-color:#F4478E;
	width:46.5px;
	height:47px;
}
#menuUL a:hover{
	background-color:#EA076E;
}
#menuUL a.darkMenu{
	background-color:#D94281;
}
#menuUL a.darkMenu:hover{
	background-color:#BA2569;
}

#menu1{
	background-image:url(../images/menu/me1.png);
}
#menu1:hover{
	background-image:url(../images/menu/me2.png);
}

#menu2{
	background-image:url(../images/menu/rk1.png);
}
#menu2:hover{
	background-image:url(../images/menu/rk2.png);
}

#menu3{
	background-image:url(../images/menu/ife1.png);
}
#menu3:hover{
	background-image:url(../images/menu/ife2.png);
}

#menu4{
	background-image:url(../images/menu/og1.png);
}
#menu4:hover{
	background-image:url(../images/menu/og2.png);
}

#menu5{
	background-image:url(../images/menu/mee1.png);
}
#menu5:hover{
	background-image:url(../images/menu/mee2.png);
}

#menu6{
	background-image:url(../images/menu/ta1.png);
}
#menu6:hover{
	background-image:url(../images/menu/ta2.png);
}


.leftShadowDiv{
	padding-left:40px;
	padding-top:50px;
	height:540px;
}
#pages1 {
	background:url(../images/top.png) no-repeat top left;
}
#pages2 {
	background:url(../images/2ndtop.png) no-repeat top left; 
}
#pages3 {
	background:url(../images/2ndbottom.png) no-repeat top left; 
}
#pages4 {
	background:url(../images/bottom.png) no-repeat top left; 
}
.leftShadowDiv2{
	padding-left:40px;
	height:600px;
}

.rightShadowlessDiv{
	padding-left:20px;
	padding-right:40px;
	padding-top:60px;
	height:540px;
}
.rightShadowlessDiv2{
	padding-left:20px;
	padding-right:40px;
	height:600px;
}

#toTop {
	background: no-repeat url(http://kgmanoj.com/images/toTop.png) center;
	width:17px;
	height:33px;
	cursor:pointer;
	display:none;
	margin-left:12px;
}
#toTopDiv {
	width:100%;
	position:fixed;
	bottom:40px;
    text-align:center;    
}
ul.workcat{
	padding-top:10px;
	padding-bottom:80px;
}
ul.workcat li{
	padding-top:10px;
	font-size:14px;
	text-decoration:none;
}
ul.workcat li:hover{
	text-decoration:underline;
	cursor:pointer;
}

/*gallery*/
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 290px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 275px; /* This should be set to be at least the height of the largest image in the slideshow */
}
#thumbs {
	text-align:center;
	padding-top:10px;
}
#familyDiv{
	margin-top:5px;
}
.fmemberDiv{
	clear:both;
	border-bottom:solid 2px #F4478E;
	padding:5px 0px;
	width:300px;
	height:60px;
}
.descrP{
	line-height:15px;
	padding-top:0px;
}
.imgThumb{
	float:left;
	width:60px;
}
.descrMember{
	float:left;
	width:210px;
	padding-left:10px;
}
#profGap{
	height:45px;
}
#thumbs2{
	margin-top:15px;
}
#dailyUrl {
	color:#F4478E;
	font-size: 10px;
	text-decoration:none;
}
#dailyUrl:hover {
	color:#F4478E;
	font-size: 10px;
	text-decoration:underline;
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 290px;
	height: 260px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 290px;
	height: 260px; /* This should be set to be at least the height of the largest image in the slideshow */
	/*line-height: 260px;  This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 35px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 290px;
	top: 0;
	left: 0;
}
div.caption {
	padding-top: 12px;
	padding-bottom: 12px;
}
div.image-title {
	text-align:center;
	font-weight: bold;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs, ul.thumbsDaily, ul.thumbspersonal  {
	clear: both;
	margin: 0;
	padding: 0;
	height:420px;
}
ul.thumbspersonal  {
	height:0px;
}
#dailyDoseThumb{
	height:0px;
}
ul.thumbs li, ul.thumbsDaily li, ul.thumbspersonal li{
	float: left;
	padding: 0;
	margin: 0px 6.3px 6.3px 0;
	list-style: none;
}
a.thumb, a.thumbsDaily , a.thumbspersonal{
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb , ul.thumbsDaily li.selected a.thumbsDaily{
	background: #F4478E;
	border: 1px solid #F4478E;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
	color:#333;
	text-decoration:none;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration:underline;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #F4478E;
	border-color: #F4478E;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
#catDescr{
	height:320px
}
#btnSend{
	margin-top:5px;
	padding-top:10px;
	padding-bottom:10px;
}
#msgTxt{
	width:200px;
	height:90px;
}
/*Twitter*/
.tweet_list {
	height:270px;
}
.tweet_list a {
	text-decoration:none;
	color:#F4478E
}
.tweet_list a:hover {
	text-decoration:underline;
	color:#F4478E
}
.tweet_list li {
	padding-top:10px;
}
#persGallery{
	height:320px;
}
.tweet_time a {
	color:#9d9d9d;
	font-weight:bold;
}
.tweet_time a:hover {
	color:#9d9d9d;
}


/*contact*/
#contactDiv{
	height:260px;
}
#note{	min-height:20px;}
.notification_error{
	padding: 1px;
	padding-left:5px;
	margin-bottom:2px;
	margin-right:3px;
	background: #fff798;
	text-align: left;
	color:#545454;
}

.notification_ok{
	padding: 1px;
	padding-left:5px;
	margin-bottom:2px;
	margin-right:3px;
	background: #d8f3c0;
	text-align: center;
	color:#545454;
}
.button{
	background-color:#F4478E;
	width:40px;
	font-weight:bold;
	color:#ffffff;
	float:right;
	margin-right:3px;
	cursor:pointer;
}
/* Label */
label  { width: 60px; margin: 5px; float: left; text-align: left; }
/* Input, Textarea */
input, textarea
{
	margin: 1px;
	padding: 2px; 
	float: left;
	border: 1px solid #CCCCCC; 
	width: 200px;
}
br { clear: left; }














.thumbImageList{float:left;}
.thumbImageList ul{}
.thumbImageList ul li{ list-style:none; float:left; padding:0px 0px 0px 0px;margin:2px;}
.thumbImageList ul li a{ border: 1px solid #CCCCCC; float:left; width:60px; height:56px; padding:1px; 	}
.thumbImageList ul li a:hover{ 	}


#numberPad, #numberPad2  {
	float:left;
}
#numberPad a, #numberPad2 a{
     border: 1px solid #CCCCCC;
    color: #333333;
    display: block;
    float: left;
    margin-right: 2px;
    padding: 4px 7px 2px;
    text-decoration: none;
}

#numberPad span.selected, #numberPad2 span.selected{
	background-color: #F4478E;
    border-color: #F4478E;
    color: #FFFFFF;
    font-weight: bold;
	cursor:default;	
	float:left;
   margin-right: 2px;
    padding: 4px 7px 2px;
 
}

div.pagination span.current {
    background-color: #F4478E;
    border-color: #F4478E;
    color: #FFFFFF;
    font-weight: bold;
}

#numberPad a:hover , #numberPad2 a:hover {
    color: #FF8C00;
    text-decoration: none;
}














.thumbImageList{float:left;}
.thumbImageList ul{}
.thumbImageList ul li{ list-style:none; float:left; padding:0px 0px 0px 0px;margin:2px;}
.thumbImageList ul li a{ border: 1px solid #CCCCCC; float:left; width:60px; height:56px; padding:1px; 	}
.thumbImageList ul li a:hover{ 	}




#footerTableCorp {
    margin-left: 30px;
	margin-top:5px;
    width: 635px;
}
.footerText {
    color: #FFFFFF;
    font-size: 10px;
    text-decoration: none;
}
.footerText a{
    color: #FFFFFF;
    font-size: 10px;
    text-decoration: none;
}
.footerText a:hover{
    text-decoration: underline;
}
.descrP a{
	text-decoration:none;
	color:#F4478E;
}
.descrP a:hover{
	text-decoration:underline;
}