/* concept & design by Shajed */
/* E-mail : rosetalukder@yahoo.com */


/* ---------->>> RESET ALL PROPERTIES <<<-----------*/
html, body, div, span, object, iframe, h1,  h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ul, li, fieldset, form, input, textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
img {border-style: none;
	margin: 0px;
	padding: 0px;
}

.logo{ padding:17px 0 0 34px;}
/* ---------->>> GLOBAL PROPERTIES STYLE <<<-----------*/
html { height:100.1%; font-size:100.1%; }
body { padding:0; margin:0;  font:13px 'arial', Georgia, verdana; 
color:#787878; background:#8299d2 url(../images/bg.jpg) top center no-repeat;}
a:focus, a:hover { outline:none;}
a:link		{ color: #424242; text-decoration: none; }
a:visited	{ color: #424242; text-decoration: none; }
a:hover		{ color: #E900BA; text-decoration: underline; }

.cleardiv      { clear:both; }

.text-left     { text-align: left; }
.text-right    { text-align: right; }
.text-center   { text-align: center; }
.text-justify  { text-align: justify; }
.bold          { font-weight: bold; }
.italic        { font-style: italic; }
.nopadding     { padding: 0; }
.nomargin	   { margin: 0; }
.marginright   {margin-right:0px;}
.nopadding-margin { padding: 0; margin: 0; }
.title1{ color:#626262; font-size:20px; font-weight:normal;}
.title1_1{ color:#000; font-size:21px; font-weight:normal;}
a.title2{color:#a11d20; font-size:14px;}
.title3{color:#a11d20; font-size:18px; font-weight:bold;}
.title4{ color:#626262; font-size:14px;}
.title5{ color:#626262; font-size:12px;}

/* CSS Document */
.wapper1{ margin:0 auto; padding:0;  height:100%; background: url(../images/body-bg.png) center repeat-y; padding-left:1px;  }
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.wapper1{ margin:0 auto; padding:0;  height:100%; background: url(../images/body-bg1.png) center repeat-y;  }
}

.wapper{ width:1000px; margin:0 auto; padding:0;  height:auto; background:#fff;   }
.header{ height:133px;  padding:0;  margin:0;}
.headersmall{ height:110px;  padding:0;  margin:0;}
.nav { float:right; vertical-align:top;}
.mainnav{float:right;
margin-bottom:0;
margin-top:50px;
margin-right:0;
}

.headernavtitle { float:right; margin-bottom:0; margin-top:50px; margin-right:200px; }
.headernavtitle h1 { font-size:20px; font-weight:bold; color:#3366cc; }

/* Notification */
.notificationbar { background-color:#FFFFBD; }

/*Header banner*/
.banner{ clear:both; height:320px;}

.folio_block {
	position: absolute;
	left: 50%; top: 260px;
	margin: -127px 0 0 -500px;

}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:334px;	width: 1000px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 0px; right: 12px;
	width: 178px; height:47px;
	z-index: 99999; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;

	display: block; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a, .paging a:visited {
	padding: 3px 7px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #00bff3; 
	border: 1px solid #fff;
	
}
.paging a:hover {font-weight: bold;}

/*End header banner*/

.home-body-con { padding:30px 23px 30px 30px; clear:both;}
.top-conlft{width:665px; float:left; border-right:2px solid #ebebeb;}
.top-conlft img{ float:left; border:3px solid #eaeae9; margin: 4px 10px 30px 0;}
.top-conlft p{ padding:0; margin:0 20px 0 0; color:#787878; line-height:17px;}
.top-conrht{ width:272px; float:left; padding:0 0 0 8px; }
.top-conrht-row{ background:url(../images/line.jpg) bottom center no-repeat; padding:0 0 16px 0; height:auto; margin-bottom:10px; }
.top-conrht-row p{ margin:0;} 
.top-conrht-row img{ float:left; padding:0 8px 0 3px;  }

.common-outer{ width:602px; float:left; padding:0 0 0 0; margin:0 0 0 0;}
.common-con{ width:562px; float:left; background:url(../images/line1.jpg) top no-repeat; padding:10px 0 0 0; margin:0 30px 0 0;}
.common-con-row{ clear:both;}
.common-con-row strong{ font-size:12px; font-weight:bold; color:#000; display:block;}
.common-con-row span{ margin-bottom:10px; display:block;}
.common-con-row h2{ padding:0; margin:0 0 8px 0; font-size:14px; font-weight:bold; color:#3366cc;}
.common-con-row h3{ padding:0; margin:0 0 8px 0; font-size:14px; font-weight:bold; color:#cc3333;}
.common-con-row h4{ padding:0; margin:0 0 8px 0; font-size:14px; font-weight:bold; color:#666666;}
.common-con-row img{ float:left; border:3px solid #ccccc8; margin:0 16px 24px 0; clear:left;} 
.common-con-row p{ padding:0; margin:0; font-size:16px; font-weight:bold; color:#993333; margin:0 0 16px 0;}

.common-con-row a:link, .common-con-row a:visited { }
.common-con-row a:hover {text-decoration:underline; color:#000000 }

.img-con{ width:144px; height:184px; border:1px solid #cecece; padding:8px; float:left;}
.img-con img{ border:none; margin: 0 0 10px 0;}

.common-con1{ width:355px; float:left; background:url(../images/line1.jpg) top no-repeat; padding:10px 0 0 0; margin:0;}
.common-con1 span{ width:355px; float:left; background:url(../images/line1.jpg) bottom no-repeat; padding:0 0 10px 0; margin:0 0 10px 0;}
.common-con1 span.last{ background:none;} 

.footer{ height:24px; clear:both; background:#c4c4c4; color:#000; font-size:11px; line-height:23px; padding:0 0 0 30px;}
.footer a:link, .footer a:visited{ color:#000;}
.float-left    { float:left; }
.float-right   { float:right; }


/*---------------------Start Inner pages-------------*/
.inner-page-con{}
.inner-page-con-lft{ width:581px; float:left; padding:0 30px 0 54px;}
.inner-page-con-rht{ width:284px; float:left; border-left:1px solid #ccc; padding:0 10px 0 25px; margin:0 0 30px 0;}
.inner-page-con-lft h2{ padding:0; margin:0 0 8px 0; font-size:26px; font-weight:bold; color:#959595;}
.inner-page-con-lft h3{ padding:0; margin:0 0 40px 0; font-size:20px; font-weight:bold; color:#0072bc; font-style:italic;}
.featured-vid{ background: url(../images/line1.jpg) no-repeat bottom; clear:both; margin:100px 0 0 0; padding:0 0 20px 0; }
.featured-vid h2{color:#3366cc; background:#d4d7db; font-size:18px; font-weight:normal; padding:6px 0 10px 14px; margin:0;}

.cust-con{ width:284px;   float:left; background:url(../images/line1.jpg) bottom no-repeat; padding:10px 0 0 0; margin:0 0px 30px 0;}
.cust-con-row{ clear:both;}
.cust-con-row strong{ font-size:12px; font-weight:bold; color:#000; display:block;}
.cust-con-row span{ margin-bottom:10px; display:block;}
.cust-con-row h2{ padding:0; margin:0 0 8px 0; font-size:14px; font-weight:bold; color:#3366cc;}
.cust-con-row h3{ padding:0; margin:0 0 8px 0; font-size:14px; font-weight:bold; color:#cc3333;}
.cust-con-row h4{ padding:0; margin:0 0 8px 0; font-size:14px; font-weight:bold; color:#666666;}
.cust-con-row img{ float:left; border:3px solid #ccccc8; margin:0 16px 70px 0; clear:left;} 
.cust-con-row p{ padding:0; margin:0; font-size:16px; font-weight:bold; color:#993333; margin:0 0 24px 0;}

.TopBorder { border-top: solid 5px Black; font-size:5px; display:block; }

/*-------------------Accordian AJAX Control -------------*/


           
        .accordionHeader {   
            border: 1px solid #2F4F4F;   
            color: white;   
            background-color: #2E4d7B;   
            font-family: Arial, Sans-Serif;   
            font-size: 12px;   
            font-weight: bold;   
            padding: 5px;   
            margin-top: 5px;   
            cursor: pointer;   
        }   
           
        .accordionHeaderSelected {   
            border: 1px solid #2F4F4F;   
            color: white;   
            background-color: #5078B3;   
            font-family: Arial, Sans-Serif;   
            font-size: 12px;   
            font-weight: bold;   
            padding: 5px;   
            margin-top: 5px;   
            cursor: pointer;   
        }   
           
        .accordionContent {   

        } 
        
        
/*-------------------Accordian AJAX Control -------------*/
        .accordion2 {   
            width: 550px;   
        }   
           
        .accordion2Header {   
            border: 1px solid #2F4F4F;   
            color: white;   
            background-color: #A61700;   
            font-family: Arial, Sans-Serif;   
            font-size: 12px;   
            font-weight: bold;   
            padding: 5px;   
            margin-top: 5px;   
            cursor: pointer;   
        }   
           
        .accordion2HeaderSelected {   
            border: 1px solid #2F4F4F;   
            color: white;   
            background-color: #FF2300;   
            font-family: Arial, Sans-Serif;   
            font-size: 12px;   
            font-weight: bold;   
            padding: 5px;   
            margin-top: 5px;   
            cursor: pointer;   
        }   
           
        .accordion2Content {   
            background-color: #DFDFDF;   
            border: 1px dashed #2F4F4F;   
            border-top: none;   
            padding: 5px;   
            padding-top: 10px;   
        }         
        
        
        
/*--------- Buttons --------*/
.w3cbutton4 {
  width: 240px;
  height: 100px;
  font-family: arial,sans-serif,helvetica;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.w3cbutton4 a {
  display: block;
  
}
.w3cbutton4 a:link,
.w3cbutton4 a:visited,
.w3cbutton4 a:hover {
  background-color: #ADB6C6;
  color: #000;
  text-decoration: none;
}
.w3cbutton4 a:link,
.w3cbutton4 a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.w3cbutton4 a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}

div.w3cbutton4 a.contact:link,
div.w3cbutton4 a.contact:visited,
div.w3cbutton4 a.contact:hover {
  background-color: #A5B6C6;
  color: #0c479d;
  text-decoration: none;
}
div.w3cbutton4 a.cs:link,
div.w3cbutton4 a.cs:visited,
div.w3cbutton4 a.cs:hover {
  background-color: #B5C7DE;
  color: #000;
  text-decoration: none;
}
div.w3cbutton4 a.esvc:link,
div.w3cbutton4 a.esvc:visited,
div.w3cbutton4 a.esvc:hover {
  background-color: #FFE739;
  color: #000;
  text-decoration: none;
}
        

.modal
{
    background-color: Gray;
    filter:alpha(opacity=40);
    opacity:0.7;
}

.modalPopup {
background-color:#ffffdd;
border-width:3px;
border-style:solid;
border-color:Gray;
padding:3px;
}