@font-face {
	font-family: 'SutonnyOMJ';
		src: url('fonts/SutonnyOMJ.eot');
		src: url('fonts/SutonnyOMJ.eot') format('embedded-opentype'), 
		url('fonts/SutonnyOMJ.woff') format('woff'), 
		url('fonts/SutonnyOMJ.ttf') format('truetype'), 
		url('fonts/SutonnyOMJ.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@media screen {

body { height: 100%; background-color: #88b592; background-repeat: repeat-x; }

/*
TYPOGRAPHY
*/

h1 { font: 30px/1.25em SutonnyOMJ, Times New Roman; text-transform: none;}

h3 { font: 16px/1.25em SutonnyOMJ, Times New Roman; text-align: justify; font-style: normal; text-transform: none; color: #DDD;}


h2, h4, h5 { margin: 0 0 5px 0; font-weight: normal; line-height: 1.12; }


h2 em { font: italic 24px arial; letter-spacing: 0; color: black; text-transform: none; }

h4 { font-size: 16px; text-transform: uppercase; }

h5 { font-size: 18px;}

a img { border: 0; }

h1 a, h2, h4 a, h5 a { color: #FFF; display: block; }

h3 a { color: white; }

p {margin: 0 0 2px 0;}

#page-wrap{ margin: 0 auto; width: 950px; padding-top: 15px;}

#header{ float: left; position: absolute;}

.logo-left {width: 216px; height: 76px; }

#site-description {font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-style: italic; font-size: 16px; color: #ffffff; font-weight: normal; padding-left: 5px; line-height: 1; margin-top:-20px; }

.logo-right {display: none;}

textarea {width: 500px;}

#clock{ float:right; color:#FFF; font-family: verdana; font-size:12px; font-weight:bold; margin-top: 105px}

#main{ padding-top: 10px; background-repeat: repeat-y; background-position: 208px; }

#left_side { float: left; width: 200px; margin-top: -10px; position: relative; }

#right_side { float: right; width:170px; margin-top: -46px;  position: relative; }

#main-content { width: 547px; padding-left: 17px; float: left; margin: -8px 0 8px 0; position: relative; font: 16px/1.25em SutonnyOMJ, Times New Roman;}

#main-content-post{ width: 530px; margin-left: 217px; font-family: SutonnyBanglaOMJ, SutonnyOMJ, "Times New Roman"; font-size: 16px; background-color: #FFF; padding: 8px; text-align: justify; }


/* Sray Menu*/


ul{ margin:0; padding:0; }

/* The topmost UL */

ul.container{ width:200px; margin:0 auto; padding:10px 0 0 0;  }

li{list-style:none; text-align:right;  }

/* The main list elements */

li.menu{ padding:3px 0; width:100%; }

/* The section titles */


li.button a{ display: block; font-family: Arial, Helvetica; font-size: 16px; height: 25px; overflow: hidden; padding: 5px 20px 0 0; background-image: url(images/blue1.gif); background-repeat: no-repeat; background-position: left top; color: #82CBF2; text-shadow: 1.5px 1.5px 0 #000000; }

/* Removing the inherited underline from the titles */

li.button a:hover{ text-decoration: none; background-position:bottom left;}

/* Setting up different styles for each section color */

/* The hover effects */

.dropdown{ display: none; width:100%; }

/* Each element in the expandable list */

.dropdown li{ margin:4px 0; font-size:15px; padding-right: 10px; background-color:#36769e; background-image: linear-gradient(to left, #1c4563, rgba(90,193,250,-18));}

.dropdown li a{ color:#E6E6E6; text-decoration:none; }

a{ text-decoration: none; font-family: "Times New Roman", SutonnyOMJ;} 

.dropdown li a:hover { padding-right: 9px; margin-right: -10px; color: #00CCFF; font-family: "Times New Roman", SutonnyOMJ; }

/* Visited Mark Disable and Manu Display color

a:visited {color: #FFCC00; font-family: "Times New Roman", SutonnyOMJ;}

.dropdown li a:hover{ color: #FFF; display: block; background-color: #F90; padding-right: 9px; margin-right: -10px; }

 */

a:hover { color: #00CCFF; font-family: "Times New Roman", SutonnyOMJ; }

.widget { padding: 0px 0 0 0; margin: 4px 0 5px 0; font-family: "Times New Roman", SutonnyOMJ; background-image: url(images/shadowTopLeft*.png); background-repeat: no-repeat; background-position: right top; background-image: linear-gradient(to right, #1c4563, rgba(90,193,250,-18));}

.widget h4 { color: #E4E4E4; text-shadow: 1.5px 1.5px 0 #000000; text-align: left; padding: 5px 0 0 10px; margin: 4px 0 5px 0; border-bottom: 1px solid #700; }

.widget li { text-align: left; padding: 0  0 0 10px; }

.widget li a{ color: #CEE7FF; text-decoration: none; }

.widget a:hover { color: #00CCFF; font-family: "Times New Roman", SutonnyOMJ;}

.widget li p{ color: #FFFFFF; text-decoration: none; text-align: left; padding: 0  0 0 10px; }

.widget li span.rss-date {display: block; font-size: 10px; font-style: italic; background: #23557a; color: #E0E0E0; width: 160px; margin: 0 0px 0 3px; padding-left: 0px; }

.widget .rssSummary { color: #E0E0E0; }

.widget img { width: 100%;}

/* End Widget */

.widget1 { padding: 5px 10px 0 0; margin: 4px 0 5px 0; font-family: "Times New Roman", SutonnyOMJ; background-image: url(images/shadowTopRight*.png); background-repeat: no-repeat; background-position: right top; background-image: linear-gradient(to left, #1c4563, rgba(90,193,250,-18)); }

.widget1 h5 {color: #000; text-align: right; font-size: 18px;}

.widget1 p { color: #AAD5FF; line-height: normal; text-align: right; font-family: SutonnyBanglaOMJ, SutonnyOMJ; }

.sidebar-post { margin: 0 0 10px 0; }

.latest-post .date { display: block; font-size: 11px; font-style: italic; background: #23557a; color: #e8e9dd; width: 187px; padding: 0px 13px 1px 0; text-align: right; }

.latest-post h4 { color: #E4E4E4; text-shadow: 1.5px 1.5px 0 #000000; text-align: right; }

.industry-news h4 { color: #E4E4E4; text-shadow: 1.5px 1.5px 0 #000000; text-align: right; }

.industry-news .date { background: #ad7601; color: #e7e9dd; width: 187px; font-size: 11px; }

/*----------------------------------------*/

.widget2 {padding: 5px  0 0 10px; margin: 4px 0 5px 0; background-image: url(images/shadowTopLeft.png); background-repeat: no-repeat; background-position: left top; }

.widget2 p {color: #666; line-height: normal; text-align: left; font-family: SutonnyBanglaOMJ, SutonnyOMJ; font-size: 16px;}

.industry-news2 .date { color: #e7e9dd;	width: 158px; background-color: #A45200; margin: 0 0px 0 -10px;}
.industry-news2 h4 { color: #E4E4E4; text-shadow: 1.5px 1.5px 0 #000000; text-align: left;}

.widget3 { padding: 5px  0 0 10px; margin: 4px 0 5px 0;	background-image: url(images/shadowTopLeft*.png); background-repeat: no-repeat; background-position: left top; background-image: linear-gradient(to right, #1c4563, rgba(90,193,250,-18));}

.widget3 p { color: #666; line-height: normal; text-align: left; padding-top:0;}

.industry-news3 .date {color: #e7e9dd; width: 148px; background-color: #39F;}

.industry-news3 h4 {color: #06F; text-shadow: 1px 1px 0 #e7e9dd, 2px 2px 0 #e7e9dd;	text-align: left;}

.widget4 {padding: 5px  0 0 10px; margin: 4px 0 5px 0; background-image: url(images/shadowTopLeft.png); background-repeat: no-repeat; background-position: left top;}

.widget4 p { color: #666; line-height: normal; text-align: left;}

.industry-news4 .date {color: #e7e9dd; width: 148px; background-color: #39F;}

.industry-news4 h4 {color: #06F;text-shadow: 1px 1px 0 #e7e9dd, 2px 2px 0 #e7e9dd;text-align: left;}

.right-photo { background-image:url(images/shuman-sheikh.png); background-repeat: no-repeat; height: 183px; width: 170px;}

#nav {height: 36px; border-left: 2px solid #3597d1; border-bottom: 2px solid #3597d1; overflow: hidden; background-image: url(images/nav_menu1.gif); margin-top: 135px; position: relative; }

.nav_menu { position: relative; margin: 0; padding: 0; }

.nav_menu li { position: relative; float: left; line-height: 36px; list-style: none; }

.nav_menu li a { display: block; border-right: 2px solid #3597d1; padding: 0 20px; font-weight: bold; font-style: normal; color: #97D3F4; text-shadow: 1.5px 1.5px 0 #000000; } 

.nav_menu a:hover { background-image: url('images/nav_menu a1.gif'); color: #fff; }

.nav_menu a.selected {/*background-image: url('Graphic7.GIF');*/}

#footer{ height: 40px; font-size: 12px; color: #FFF; padding-top: 10px; text-align: center; clear:both; background: url(images/footer.gif); background-repeat: repeat-x; background-position: top; padding-bottom: 5px; border-bottom: 2px solid #3597d1; }

#footer a{ color: #ffffff; font-size: 10px; font-weight: normal; text-decoration: none; }

.breadcrumbs { position: relative; font-size: 14px; background-color: #CCC; border: 1px solid #a8b2bb; -moz-border-radius-topleft: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 1px 8px #aaa; -webkit-box-shadow: 0 1px 3px #aaa; box-shadow: 0 1px 3px #aaa; }

.content { position: relative; background-image: linear-gradient(to bottom, #5d9fd1, rgba(97,150,190,-10)); border: 1px solid #3597d1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 3px 10px #000; -webkit-box-shadow: 0 1px 3px #000; box-shadow: 0 1px 3px #000; margin-top: 10px; padding: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; }

.content.latest h3 { padding-top: 2px; }


.content em strong { font-size: 16px; font-style: italic; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #75E3FF;	font-family: SutonnyBanglaOMJ, SutonnyOMJ; }

.content #ca strong {font: 18px/1.25em SutonnyOMJ, Times New Roman; text-transform: capitalize; color: #FFF; text-shadow: 1.5px 1.5px 0 #000000; }

#content {text-align: left; padding-left: 0px;}

.product_detail { padding-top: 10px; }

.product_detail h1 {color: #F0F0F0; text-shadow: 1.5px 1.5px 0 #000000; }

rssdate { display: block; font-size: 10px; font-style: italic; background: #23557a; color: #E0E0E0; width: 187px; padding: 0px 0px 0px 0; text-align: right;} 

rssdate2 { display: block; font-size: 10px; font-style: italic; background: #23557a; color: #E0E0E0; width: 160px; margin: 0 0px 0 3px; padding-left: 0px;}

#plug-and-play .control-container{ float: right;}

#plug-and-play .control{font-size:10px; width:12px; cursor: pointer; color: #CCC}

#plug-and-play .control-active{ color: #0CF

}#plug-and-play .control-hover{text-decoration: none; font-weight:bold; color: #FFF}


/*Comment */

#main-content-post {background-image: linear-gradient(to bottom, #5d9fd1, rgba(97,150,190,-10));}

#main-content-post .meta { background-color: #4994CB;}

#main-content-post .entry { background-color: #B4D2E9; text-align: justify; line-height: normal; padding: 5px; } 

#main-content-post h2 { margin: 5px; font-size: 26px; color: #000; text-shadow: 1px 1px 0 #CCC;}

#main-content-post .url { margin: 5px; font-size: 16px; color: #000; text-shadow: 1px 1px 0 #CCC; }

#main-content-post a { margin: 5px; font-size: 11px; color: #000; text-shadow: 1px 1px 0 #CCC; }

#main-content-post span.says {font-size: 16px; color: #000;}

.meta { background-color: #E0E0E0; margin: 0 -8px 0 -8px;  padding-left: 10px; font-size: 14px; }

.commentlist { background-color: #8CBBDD; padding-bottom: 5px}

.commentlist p { font-family: SutonnyBanglaOMJ, SutonnyOMJ; text-align: justify; line-height: normal; }

.commentmetadata { background-color: #4994CB; font-size: 12px; margin-right: -0px; padding-right: 0px; }

.comment-reply-link { background-color: #CCCCCC; padding : 5px;}

.reply { border-bottom: 1px solid #700; padding-bottom: 10px  }

.fn { color: #600; text-shadow: 1px 1px 0 #CCC; font-size: 16px; text-transform:capitalize;}

.donate { width: 547px; height: 65px; padding-top: 10px; margin-bottom: -5px}

.G\&R-AD {padding-top: 10px; margin-bottom: -5px; overflow: hidden;}

/* Contact form 7 */

.wpcf7 {background-image: linear-gradient(to bottom, #5d9fd1, rgba(97,150,190,-10)); border: 1px solid #3597d1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 3px 10px #000; -webkit-box-shadow: 0 1px 3px #000; box-shadow: 0 1px 3px #000;}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 98%;
}

div#wpcf7-f28-p29-o1.wpcf7 {
    margin: 10px;
    padding: 10px;
}


} /* END screen media */

@media print {

.do-not-print { display: none; }

#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }

h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }

h1 { font-size: 19pt; }

h2 { font-size:17pt; }

h3 { font-size:15pt; }

h4,h5,h6 { font-size:12pt; }

code { font: 10pt Courier, monospace; } 

blockquote { margin: 1.3em; padding: 1em; }

img { display: block; margin: 1em 0; }

a img { border: none; }

table { margin: 1px; text-align:left; }

th { border-bottom: 1px solid #333;  font-weight: bold; }

td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }

caption { background: #fff; margin-bottom: 2em; text-align: left; }

thead { display: table-header-group; }

tr { page-break-inside: avoid; } 

a { text-decoration: none; color: black; }


} /* END print media */


/* Tablets ----------- */

@media only screen and (max-width: 768px) {

#page-wrap, #footer-container, #main, #left_side, #right_side, #main-content-post, #nav {
    	width: 100%;
		clear: both;
    }

	#right_side {margin-top: 0}
	
	.right-photo {display:none }
	
	#nav {margin-top:5px;}

	.logo-left {display: block;}
	 
	.logo-right { margin-top: 15px; width: 120px; display: block; float:right;}	
	
	#site-description {margin-top: -10px;}
	
	#clock {float: left; text-align:left; margin-top:130px;}

	 #main { background-image: none;}

	 #page-wrap {width: 100%; margin: 0; }

	 textarea {width: 95%; }

	 #main-content {width: 100%; padding-left: 0; }

	 li.button a { text-align: center; padding: 5px 5px 0 0 }

	 ul.container{ width: 100%;}
	 
	.latest-post .date { width: 100%;}

	#footer { background-image: none; background-color: #1c4563; height: 100%;}

	.dropdown li{padding-left: 15px;}

	li{text-align:left;}

	li.button a{ background-image: none; background-color: #1c4563;}

	.latest-post h4, .widget1 h5, .latest-post .date, .widget1 p {text-align: left;}

	.widget1 {padding: 5px 5px 0 5px;}

	#main-content-post{ padding:0; margin: 0;}

	rssdate {text-align: left; background-color: #1c4563;}
	
	#nav { height:100%; float:left; background-image:none; border: none;}
	
	.nav_menu li { float:none; text-align: center; line-height: 25px; padding-top: 5px }

	.nav_menu li a { background-color: #069; border-right: none;  border-left: 8px solid #3597d1; padding: 0 20px; font-weight: bold; font-style: normal; color: #97D3F4; text-shadow: 1.5px 1.5px 0 #000000;} 

	.nav_menu a:hover { background-image: none; background-color: #09C; border-left: 8px solid #FFF; }

	li.button a:hover { background-color: #3597d1}

	.donate { width: 100%;}

    }


/* Mobile Phones ----------- */


@media only screen and (max-width: 480px) {

  #page-wrap, #footer-container, #main, #left_side, #right_side, #main-content-post, #nav {

    	width: 100%;
		clear: both;
    }

	#nav {margin-top:5px;}
	#header { position: relative; width: 62%}

	.logo-left {width: 75%; height: auto;  display: block;}
	 
	.logo-right { margin-top: 15px; width: 30%; display: block; float:right;}	
	
	#clock {float: left; text-align:left; margin-top:0%; }
	
	#site-description {margin-top: -10px;}
	
	#right_side {margin-top: 0}

	.right-photo {display:none }

	 #main { background-image: none;}

	 #page-wrap {width: 100%; margin: 0; }

	 textarea {width: 95%; }

	 #main-content {width: 100%; padding-left: 0; }

	 li.button a { text-align: center; padding: 5px 5px 0 0 }

	 ul.container{ width: 100%;}
		
	.latest-post .date { width: 100%;}

	#footer { background-image: none; background-color: #1c4563; height: 100%;}

	.dropdown li{padding-left: 15px;}

	li{text-align:left;}

	li.button a{ background-image: none; background-color: #1c4563;}

	.latest-post h4, .widget1 h5, .latest-post .date, .widget1 p {text-align: left;}

	.widget1 {padding: 5px 5px 0 5px;}

	#main-content-post{ padding:0; margin: 0;}

	rssdate {text-align: left; background-color: #1c4563;}
	
	#nav { height:100%; float:left; background-image:none; border: none;}
	
	.nav_menu li { float:none; text-align: center; line-height: 25px; padding-top: 5px }

	.nav_menu li a { background-color: #069; border-right: none;  border-left: 8px solid #3597d1; padding: 0 20px; font-weight: bold; font-style: normal; color: #97D3F4; text-shadow: 1.5px 1.5px 0 #000000;} 

	.nav_menu a:hover { background-image: none; background-color: #09C; border-left: 8px solid #FFF; }

	li.button a:hover { background-color: #3597d1}
	
	.donate { width: 100%;}

}

/* Some General Formattings ----------- */