/* CSS Document for Kreyon International */

/*	
========================================
	Date: 20.07.2013
	Title: kreyonint.com
	Author: info@websitesbd.com
	Programmer: Ahamad Ali (Bappy), Senior xHTML Programmer
========================================
*/

body{
	font-family:Arial, Helvetica, sans-serif;
	background:url(../imageIndex/bodyBG2.jpg) repeat;
	background-attachment:fixed;
	font-size:10px;
	margin-top:5px;
	margin-bottom:5px;
}
*{
	margin:0;
	padding:0;
	border:none;
}
img{
	padding:0;
	margin:0;
	border:none;
}
ul, li, ol{
	padding:0;
	margin:0;
	list-style:none;
}
.hide,h1 b,h2 b,h3 b,h5 b,a i{
     position: absolute;
     left: -9999px;
}
.cls{
	clear:both;
}
.cll{
	clear:left;
}
/*-----------------------------------Page Structure--------------------------*/
/*-----------------------------------Home Page Start--------------------------*/
#wrapper{
	width:902px;
	/*height:1188px;*/
	background-color:#2693d0;
	margin-left:auto;
	margin-right:auto;
}
#header{
	width:902px;
	float:left;
	background-color:#fff;
	
}
.logo{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#ff0000;
	float:left;
	padding:25px 0px 25px 15px;
}
.searchArea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
	text-align:right;
	float:right;
	padding:40px 20px 0px 0px;
}
.searchArea a{
	font-size:16px;
	color:#313676;
	font-weight:bold;
	padding:0px 5px 0px 5px;
	text-shadow: 1px 3px 1px #ccc;
	text-decoration:none; 
}
.searchArea a:hover{
	font-size:16px;
	font-weight:bold;
	color:#4ea3e0;
	text-decoration:underline;
}

.searchArea h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#555;
	font-weight:bold;
	float:right;
}
.searchArea h1 a{
	font-size:36px;
	color:#555;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 30px;
	padding-top:0px;
}
.searchArea h1 a:hover{
	font-size:36px;
	color:#fff;
	color:#ff9900;
	
}
.searchBox{
	width:155px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	float:left;
	background-color:#666;
	margin-right:5px;
	padding:4px 0px 4px 5px;
}
.search{
	width:70px;
	height:28px;
	float:left;
}

/*-----------------------Navigation
*/
#menu{
	width:902px;
	height:41px;
	float:left;
	background:url(../imageIndex/bgMenu.gif) repeat;
}
.nav{
	width:902px;
	line-height:42px;	
	background:#fdb713;
}
.nav ul{
	margin:0;
    padding:0;
    line-height:40px;
}
.nav ul li{
	float:left;
	height:42px;
	border-right:1px solid #ddd;
}

.nav li a{
	float:left;
	height:42px;
	text-decoration:none;
	color:#313676;
	font:bold 13px/42px Arial;
	padding:0 18px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #ccc;
}
.nav li.lastchild{
	border-right:none;
}
.nav li a:hover,.nav li .selected{
	text-decoration:none;
	color:#4ea3e0;
	background:url(../imageIndex/menuHover.gif) repeat;
	 
}

/*********************************************/
 /* hide menu and allow it to return */
 /*********************************************/

.nav ul ul {
	width: 200px;
	position:absolute;
	visibility:hidden;
	top:177px;
}

.nav ul ul li {
	width: 197px;
	background:url(../imageIndex/bgMenu.gif) repeat;
	line-height:22px;
	border-right:none;
	margin-right:3px;
	border-bottom:1px solid #d4cec8;
}

.nav ul ul li.lastchild {
	border-bottom: none;
}

.nav ul li:hover ul {
    visibility:visible;
    z-index:9999; 
	line-height:22px;
 }

/**********************************************/

  /*sets top level hover color*/

.nav li:hover {
   background:url(../imageIndex/menuHover.gif) repeat;
   color:#4ea3e0;
 }

  /*sets link items hover color and background*/

.nav ul li:hover ul li a:hover {
    color:#4ea3e0;
    background:url(../imageIndex/menuHover.gif) repeat;
 }

  /* Changes text color on hover for main menu hover*/

.nav a:hover {   
  color:#fff;
 } 
  
 /* Contains the Float */

 .clearFloat {
    clear:both; 
    margin:0;
    padding:0;
 }

 /* IE7 Display Fix */

.nav ul li { 

  display: inline; 
 
 }

#flashArea{
	width:902px;
	float:left;
	background-color:#fff;
	

}

#flashArea .fullflash{
	width:872px;
	float:left;
	background-color:#fff;
	border:5px solid #f1f1f1;
	margin:10px;
}

#flashArea .fullflash .flash{
	width:872px;
	float:left;
}

#bodyArea{
	width:902px;
	float:left;
	background-color:#fff;
}
.bodyLeft{
	width:272px;
	/*height:702px;*/
	float:left;
	padding:0px 12px 20px 22px;
}

.login{
	width:248px;
	float:left;
	text-align:left;
	border: 2px solid #ccc;
	margin:10px 20px 20px 0px;
}

.login h1{
	width:238px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	color:#555;
	padding:5px 0px 10px 10px;
}

.login input{
	width:210px;
	float:left;
	text-align:left;
	border: 2px solid #ccc;
	margin:0px 20px 10px 10px;
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	background-color:#d2e5f2;
}

.login input .btn{
	float:left;
	text-align:left;
	width:78px;
	height:25px;
	border:none;
	padding:0px;
	margin:0px;
}

.login h2{
	width:238px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	text-align:left;
	color:#555;
	padding:5px 0px 5px 10px;
	
}
.login h2 a{
	text-decoration: none;
	color:#555;
}
.login h2 a:hover{
	text-decoration:underline;
	color:#2cabed;
}
.login h3{
	width:238px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	text-align:left;
	color:#555;
	padding:0px 0px 10px 10px;
}

.login h3 a{
	text-decoration: none;
	color:#555;
}
.login h3 a:hover{
	text-decoration:underline;
	color:#2cabed;
}

.bodyLeftTop{
	width:272px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	color:#47484A;
	padding:10px 0px 10px 0px;
}

.bodyLeftConAera{
	width:272px;
	float:left;
	padding:5px 0px 5px 0px;
}
.bodyLeftCon1{
	width:80px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	color:#C7C6BD;
}
.bodyLeftCon2{
	width:190px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#666;
}
.bodyLeftCon2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#007400;
	text-decoration:none;
}
.bodyLeftCon2 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#e00000;
}
.bodyReal{
	width:238px;
	float:left;
	margin-top:30px;
}
.bodyRight{
	width:586px;
	/*height:702px;*/
	float:left;
	padding-right:10px;
	padding-bottom:20px;
}
.bodyRightTop{
	width:586px;
	float:left;
	font-family:cuprum;
	font-size:30px;
	font-weight:bold;
	color:#4ea3e0;
	padding-top:20px;
}
.bodyRightCon{
	width:586px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding-top:10px;
}

.bodyRightCon .left{
	width:293px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding-top:10px;
}

.bodyRightCon .right{
	width:293px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding-top:10px;
}

.bodyRightCon img{
	width:150px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	border:5px solid #f1f1f1;
	margin:5px;
}
.bodyRightCon a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#007400;
	text-decoration:none;
	font-weight:bold;
	padding-left:5px;
}

.bodyRightCon p{
	width:576px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding:10px 10px 5px 0px;
	line-height:20px;
	text-align:justify;
}

.bodyRightCon b{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	line-height:20px;
	font-weight:bold;
	padding-top:20px;
}

.bodyRightCon h1{
	width:576px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding:5px 10px 5px 0px;
	line-height:20px;
	text-align:justify;
	font-weight:normal;
}
.bodyRightCon a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
}
.rightService{
	width:580px;
	height:190px;
	float:left;
	background:url(../imageIndex/bg3.jpg) no-repeat;
	margin-top:15px;
}
.rightServiceArea{
	width:275px;
	float:left;
	padding-left:15px;
	padding-top:18px;
}
.rightServiceimageIndex{
	width:35px;
	float:left;
}
.rightimageIndexCon{
	width:230px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#47484A;
	padding:10px 0px 0px 7px;
}
.rightimageIndexCon a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #fff;
	text-decoration:none;
	font-weight:bold;
	text-shadow:1px 2px 3px #555;
}
.rightimageIndexCon a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#555;
	font-weight:bold;
}
.bodyRightH{
	width:586px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:28px;
	color:#47484A;
	padding-top:10px;
}
#footer{
	width:902px;
	float:left;
	background-color:#fff;

}
.footerCon{
	width:862px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:12px;
	color:#999;
	float:left;
	margin:20px;
	background:#f2f2f2;
	padding:25px 0px 25px 0px;
}
.footerCon a{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	color:#777;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	font-weight:bold;
}
.footerCon a:hover{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	color: #4ea3e0;
}
/*-----------------------------------Sub page with menu--------------------------*/


.subpageLeft{
	width:200px;
	/*height:702px;*/
	float:left;
	padding:0px 12px 20px 22px;
}

.bodyLeftSubpage{
	width:200px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	color:#47484A;
	padding:10px 0px 10px 0px;
}


.leftmenu{
	width:200px;
	float:left;
	margin-bottom:20px;
}

.sidebarmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	width: 200px; /* Main Menu Item widths */
    line-height:40px;
}

.sidebarmenu ul li{
	position: relative;
	width:200px;
	float:left;
	height:40px;
	background: #f1f1f1;
	color:#555;
	margin-bottom:1px;
}
/* Top level menu links style */
.sidebarmenu ul li a{
	width: 160px;
	overflow: auto; /*force hasLayout in IE7 */
	text-transform:uppercase;
	float:left;
	height:40px;
	text-decoration:none;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0 10px 0px 30px;
	background:url(../imageIndex/leftBullet.gif) no-repeat;
	
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
	background:url(../imageIndex/leftBullet.gif) no-repeat; /*background of tabs (default state)*/
}
.sidebarmenu ul li a:visited{
	color:#555;
}
.sidebarmenu ul li a:hover{
	 background:url(../imageIndex/leftBullet.gif) no-repeat;
	 padding-left:35px;
}
/*Sub level menu items */
.sidebarmenu ul li ul{
	position: absolute;
	width: 170px; /*Sub Menu Items width */
	top: 0;
	visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
	background:url(../imageIndex/menuHover.gif) repeat 97% 50%;
}

/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */







.leftnav{
	width:200px;
	line-height:30px;	
	background:#e00000;
}
.leftnav ul{
	width:200px;
	margin:0;
    padding:0;
    line-height:40px;
}
.leftnav ul li{
	width:200px;
	float:left;
	height:40px;
	background: url(../imageIndex/bgMenu.gif) repeat;
	margin-bottom:2px;
}

.leftnav li a{
	float:left;
	height:40px;
	text-decoration:none;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	padding:0 10px 0px 30px;
	background:url(../imageIndex/leftBullet.gif) no-repeat;
}
.leftnav li.lastchild{
	border-right:none;
}
.leftnav li a:hover,.leftnav li .selected{
	text-decoration:none;
	color:#f1f1f1;
	font-size:15px;
	padding:0 10px 0px 37px;
}


.leftnav ul ul {
	width: 200px;
	position:absolute;
	visibility:hidden;
	left:404px;
}

.leftnav ul ul li {
	width: 197px;
	background:url(../imageIndex/bgMenu.gif) repeat;
	line-height:40px;
	border-right:none;
	margin-right:3px;
	
}

.leftnav ul ul li.lastchild {
	border-bottom: none;
}

.leftnav ul li:hover ul {
    visibility:visible;
    z-index:9999; 
	line-height:40px;
 }

/**********************************************/

  /*sets top level hover color*/

.leftnav li:hover {
   background:url(../imageIndex/menuHover.gif) repeat;
 }

  /*sets link items hover color and background*/

.leftnav ul li:hover ul li a:hover {
    color:#fff;
    background:url(../imageIndex/menuHover.gif) repeat;
 }

  /* Changes text color on hover for main menu hover*/

.leftnav a:hover {   
  color:#fff;
 } 
  
 /* Contains the Float */

 .clearFloat {
    clear:both; 
    margin:0;
    padding:0;
 }

 /* IE7 Display Fix */

.leftnav ul li { 

  display: inline; 
 
 }


.bodyRightsub{
	width:658px;
	/*height:702px;*/
	float:left;
	padding-right:10px;
	padding-bottom:20px;
}
.bodyRightTopsub{
	width:658px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#4ea3e0;
	padding-top:20px;
}
.bodyRightConsub{
	width:658px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding-top:10px;
}

.bodyRightConsub .imageIndexboxleft{
	width:208px;
	float:left;
	border:1px solid #f1f1f1;
	margin-bottom:20px;
}

.bodyRightConsub .imageIndexboxleft .imageIndexboxleftimageIndex{
	width:200px;
	float:left;
	border:4px solid #fcfcfc;
}

.bodyRightConsub .imageIndexboxleft .imageIndexboxleftcontent{
	
	width:190px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
}

.bodyRightConsub .imageIndexboxleft .imageIndexboxleftcontent h1{
	width:190px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.bodyRightConsub .imageIndexboxleft .imageIndexboxleftcontent h2{
	width:190px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-top:5px;
}

.bodyRightConsub .imageIndexboxleft .imageIndexboxleftcontent h3{
	width:190px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin-top:10px;
}

.bodyRightConsub .imageIndexboxleft .imageIndexboxleftcontent h3 a{
	text-decoration:none;
	color:#016d01;
	font-weight:bold;
}

.bodyRightConsub .imageIndexboxleft .imageIndexboxleftcontent h3 a:hover{
	text-decoration:underline;
	color:#e00000;
}



.bodyRightConsub .imageIndexboxMiddle{
	width:208px;
	float:left;
	border:1px solid #f1f1f1;
	margin:0px 12px 20px 12px;
}

.bodyRightConsub .imageIndexboxMiddle .imageIndexboxleftimageIndex{
	width:200px;
	float:left;
	border:4px solid #fcfcfc;
}

.bodyRightConsub .imageIndexboxMiddle .imageIndexboxleftcontent{
	
	width:190px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
}

.bodyRightConsub .imageIndexboxMiddle .imageIndexboxleftcontent h1{
	width:190px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.bodyRightConsub .imageIndexboxMiddle .imageIndexboxleftcontent h2{
	width:190px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-top:5px;
}

.bodyRightConsub .imageIndexboxMiddle .imageIndexboxleftcontent h3{
	width:190px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin-top:10px;
}

.bodyRightConsub .imageIndexboxMiddle .imageIndexboxleftcontent h3 a{
	text-decoration:none;
	color:#016d01;
	font-weight:bold;
}

.bodyRightConsub .imageIndexboxMiddle .imageIndexboxleftcontent h3 a:hover{
	text-decoration:underline;
	color:#e00000;
}


.bodyRightConsub .imageIndexboxRight{
	width:208px;
	float:left;
	border:1px solid #f1f1f1;
	margin-bottom:20px;
}

.bodyRightConsub .imageIndexboxRight .imageIndexboxleftimageIndex{
	width:200px;
	float:left;
	border:4px solid #fcfcfc;
}

.bodyRightConsub .imageIndexboxRight .imageIndexboxleftcontent{
	
	width:190px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
}

.bodyRightConsub .imageIndexboxRight .imageIndexboxleftcontent h1{
	width:190px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.bodyRightConsub .imageIndexboxRight .imageIndexboxleftcontent h2{
	width:190px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-top:5px;
}

.bodyRightConsub .imageIndexboxRight .imageIndexboxleftcontent h3{
	width:190px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin-top:10px;
}

.bodyRightConsub .imageIndexboxRight .imageIndexboxleftcontent h3 a{
	text-decoration:none;
	color:#016d01;
	font-weight:bold;
}

.bodyRightConsub .imageIndexboxRight .imageIndexboxleftcontent h3 a:hover{
	text-decoration:underline;
	color:#e00000;
}

/* ------------------------------------------  Details Page ------------------------------------------- */

.bodyRightConsub .largeimageIndex{
	width:300px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	border:1px solid #f1f1f1;
}

.bodyRightConsub .largeimageIndex .large{
	border:5px solid #fcfcfc;
	float:left;
}

.bodyRightConsub .largeimageIndex .mini{
	border:2px solid #fcfcfc;
	float:left;
	width:90px;
	margin:5px 3px 5px 3px;
}

.bodyRightConsub .description{
	width:324px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	margin-left:20px;
	border:1px solid #f1f1f1;
	padding:5px;
}

.bodyRightConsub .description h1{
	width:324px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	font-weight:bold;
}

.bodyRightConsub .description h2{
	width:324px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	font-weight: normal;
}

.bodyRightConsub .description h2 table{
	width:324px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	font-weight: normal;
}

.bodyRightConsub .description h2 table tr{
	width:324px;
}

.bodyRightConsub .description h2 table tr td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#888;
	font-weight: normal;
	padding:3px;
	border:1px solid #f1f1f1;
	background:#fefefe;
}