/* 

Cloope - CSS File

*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) */
@font-face {
    font-family: 'DroidSansRegular';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('../fonts/DroidSans-Bold-webfont.eot');
    src: url('../fonts/DroidSans-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*** GLOBAL  ***/
body {
	font-family:Arial;
	font-size:14px;
	color:#404040;
	margin:0 auto;
	padding:0;
	line-height:20px;
	background:#d6d6d6 url(../images/pattern.png);
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
form{margin:0; padding:0;}
hr {
	border-width:0;
	height:1px;
	line-height:0;
	margin:30px 0px;
	page-break-after:always;
	text-align:center;
	width:100%;
	clear:both;
	color:#ededed;
	background-color:#ededed;
}



/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{margin-bottom:5px;}
h3, h4, h5, h6{margin-bottom:5px;}
h1 {font-size:21px; line-height:28px;}
h2 {font-size:17px; line-height:20px;}
h3 {font-size:16px; line-height:18px;}
h4 {font-size:15px; line-height:17px;}
h5{font-size:13px; line-height:16px;}
h6 {font-size:12px; line-height:15px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-family:'DroidSansRegular', sans-serif, Arial, Helvetica; }
.pagetitle{font-size:20px; color:#fff; margin:0}
.pagedesc{font-size:14px; color:#fff;}

/* links */
a, a:visited {text-decoration:none; font-weight:normal; }
a:hover{    color: #666;
    transition: all 0.5s ease 0s;}
a img{border:none}


/* float align */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 3px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
	margin-top: 5px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone,
img.alignnone {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:3px;
}


img.alignleft, 
img.alignright, 
img.aligncenter,
img.alignnone {
	margin-bottom: 12px;
}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	margin-bottom:5px;
	text-align:justify;
}
ul {
	list-style: none;
	margin: 0 0 9px 2px;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 2.2em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
	
blockquote {
	margin:0px 0 20px 0px;
	padding:0px 10px 0px 40px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	clear:both;
	font-style:italic;
	font-size:12px;
	line-height:22px;
}
	
	
blockquote.left, blockquote.right  {
	float:right;
	letter-spacing:0px;
	margin-bottom:20px;
	margin-left:20px;
	margin-top:0px;
	padding:0px 20px 10px 60px;
	width:43%;
	background-position:0px 0px;
	}
	
blockquote.left{
	float:left;
	margin-left:0px;
	margin-right:20px;}

blockquote p{margin-bottom:0px; font-size:16px; line-height:20px}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #cfcfcf;
	padding:15px 10px;
}

/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#outer-container{width:100%;}
#container{
	width:1000px;
	margin:30px auto;
	padding:0 0 0 0;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px; /* for old Konqueror browsers */
	
	background:#fff;
}

#content{clear:both; padding:0 0; background:url(../images/bg-content.gif) repeat-x top left}
#main{padding:45px 20px 45px 20px; clear:both;}

#content.innerpage{margin:4px 0 0 0}
#content.innerpage #main{padding:30px 40px 40px 40px;}

#maincontent{width:670px; float:left}
#maincontent.positionright{float:right; padding:0 0 0 30px}
#maincontent.positionleft{ float:left; padding:0 5px 0 5px;}
#maincontent.positioncenter{
	text-align:center;padding:0 10px 0 10px;}
#maincontent.full{ width:940px;}

#sidebar{width:240px; padding-left:0px; float:left;}

#footer{
	background:#242322; 
}


/* HEADER */
#header{ height:128px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px; /* for old Konqueror browsers */
	
	background-color: #f5f5f5;
    background-image: -moz-linear-gradient(center bottom , #f5f5f5 0%, #fff 100%);
	border-bottom:1px solid #131313 ;
  
}

/* Logo */
#logo{float:left; padding:16px 0 0 35px }


/* Social */
#sn{padding:0 30px 0px 0; text-align:right}
#sn ul{list-style-type:none; margin:0 0 0 0; padding:0;} 
#sn li{list-style-type:none; margin:0; padding:0 0 0 3px; display:inline} 
.sn span{height:21px; width:21px; display:inline;display:inline-block}
.icon-img{background-position:0 0;}
.icon-img:hover{background-position:0 -21px;}

/* TOP MENU */
#nav{ position:relative; z-index:200; float:right; margin:0; padding:57px 0 0 0}

/* Nav Menu */
#topnav{
	margin:0 20px 0px 0;
	padding:0;
	text-transform:uppercase;
	list-style-type:none;
	overflow:visible;
	position:relative;
	float:left;
	font-family:'DroidSansRegular', sans-serif, Arial, Helvetica;
}

#topnav li a.current:hover{ background:transparent!important; }
#topnav > li{ margin:0px 5px;}
#topnav > li:first-child{ margin-left:0px;}

.sf-menu a {
	text-decoration:none!important;
	display:		block;
	position:		relative;
	padding: 		10px 5px 10px 5px !important;
	text-decoration:none;
	font-weight:normal;
}




/* Drop down menu */
.sf-menu ul a:hover {}
.sf-menu li li {
	text-align:left;
	line-height:20px;
	margin:0;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size:12px;
	font-weight:bold;
	
	
}
.sf-menu {
	line-height:100%;
	position:absolute;
	right:0;
	bottom:0;
	float:left;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			27em; /* left offset of submenus need to match (see below) */
	
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	margin:0;
}

.sf-menu li li{margin:0px 0px;}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-10px;
	top:			3.1em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			-1px;
	margin-left:	0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			-1px;
	
}
.sf-menu ul li a{
	padding:8px 0px 8px 20px!important;
}

.sf-menu li ul {
	padding:0px;
}
.sf-menu a.sf-with-ul {
	padding-right: 	0px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			10px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}



.sf-menu ul{border:0px;}
.sf-menu li li {background:url(../images/sub-menu-line.gif) repeat-x left bottom;}
.sf-menu li li:last-child{ background:transparent}



/* SLIDER */
#slider-container {
    background: none repeat scroll 0 0 #007fac;
    clear: both;
    height: 290px;
    position: relative;
}
#top-opacity-slider{height:2px; width:100%; position:absolute; top:0; left:0; background:url(../images/top-opacity-slider.png) repeat-x; z-index:30;}
.box_skitter_large {width:1000px; height:288px; background:#000}
.label_skitter{
	bottom:30px;
	right:30px ; 
	padding:0; background:url(../images/opacity-slider-text.png) repeat;
	font-size:14px;
	color:#e9e9e9;
	padding:10px 25px;

}
.label_skitter h3{margin-bottom:10px;}




/*** BEFORE CONTENT ***/
#before-content{position:relative; background:#f55d2d; height:90px}
#before-content .title-and-desc{ padding:20px 30px 20px 30px;}
#before-content .title-and-desc h1{ margin-bottom:0px; line-height:normal;}
#before-content .title-and-desc.nodesc{ padding:30px 30px 20px 30px;}
#before-content.useimage{height:184px;}
#before-content.useimage .title-and-desc{
	position:absolute; 
	bottom:30px; 
	right:30px; 
	background:url(../images/opacity-slider-text.png) repeat; 
	padding:15px 20px 15px 20px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px; /* for old Konqueror browsers */
	border-radius: 5px 5px 5px 5px; /* future proofing */
}

#before-content.useimage .title-and-desc.nodesc{
	padding:10px 20px 10px 20px;
}

#before-content.useimage .pagetitle{font-size:16px;}
#before-content.useimage .pagedesc{font-size:12px;}
.line-shadow{background:url(../images/line-shadow.png) repeat-x; height:1px; position:absolute; top:0; z-index:10; width:100%}
.line-shadow-bottom{background:url(../images/line-shadow.png) repeat-x; height:1px; position:absolute; bottom:3px; z-index:10; width:100%}


/* CONTENT */
.titlecenter{font-size:15px; color:#777; text-align:center; padding:10px 0 0 0; margin-bottom:6px; clear:both;}
.titlecenter a, .titlecenter a:visited{color:#777;}
.titlecenter a:hover{color:#f55d2d; text-decoration:none}
.textcenter{text-align:center; display:block; clear:both}


/* form & button */
form{margin:0; padding:0;}

input[type="text"],

textarea, input[type="password"], select{
	border:solid 1px #ededed;
	font-size:11px;
	padding:8px 5px;
	border-radius:4px;
	-moz-border-radius:4px;		
	-webkit-border-radius:4px;
}

textarea:focus{outline:0;}


.button, .button:visited, .button:hover{height:25px;}
.button, .button:visited, input[type="submit"]{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	background:url(../images/bg-button.gif) repeat-x;
	border:1px solid #cbcbcb;
	padding:0px 15px;
	line-height:25px;
	height:25px;
	color:#74706a;
}
.button:hover, input[type="submit"]:hover{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	text-decoration:none;
}





/*==== Separator ====*/

.separator {
	display:block;
	padding:15px 0;
	text-align:center;
	width:100%;
	clear:both;
}

.separator.line {
	display:block;
	text-align:center;
	width:100%;
	clear:both;
	padding:0px 0 10px 0;
	margin:0 0 15px 0;
	border-bottom:1px solid #ededed;
}


/* Dropcaps */
.dropcap1{
	text-shadow:1px 1px 0 #ededed;
	display:block;
	float:left;
	font-size:35px;
	line-height:35px;
	margin:2px 8px 0 0;
	color:#f55d2d
}
.dropcap2{
	display: block;
	float:left;
	font-size:35px;
	line-height:45px;
	width: 47px;
	-moz-border-radius: 47px;
	-webkit-border-radius: 47px;
	-khtml-border-radius: 47px;
	border-radius: 47px;
	float:left;
	text-align: center;
	margin:8px 15px 0 0;
	padding-top:3px;
	background:#f55d2d; color:#fff;
}
.dropcap3{
	background:#f55d2d; color:#fff;
	display:block;
	float:left;
	font-size:35px;
	line-height:40px;
	width:47px;
	height:40px;
	text-align: center;
	margin:6px 8px 0 0;
	padding:5px 0
}

/* Highlight */
.highlight1{padding:2px 5px; background-color:#f7f7f7; border:solid 1px #ebebeb}	
.highlight2{padding:2px 5px; background-color:#ebebeb;  border:solid 1px #f7f7f7}

	

/* Pullquotes */
.pullquote-right,.pullquote-left{
	padding:0px 10px 0px 50px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:right;
	font-family:'Ubuntu', Georgia, Arial;
	font-style:italic;
	font-size:16px;
	letter-spacing:0px;
	line-height:22px;
	margin:0px 2px 20px 20px;
	width:50%;
	}
.pullquote-left{float:left;margin-left:2px;margin-right:20px;}

/* Tabs */
.tabcontainer{margin:0;}
ul.tabs {
	margin: 0;
	padding: 0 0 2px 0;
	list-style: none;
	height: 25px;
	width: 100%;

}
ul.tabs li {
	float: left;
	margin: 0 0;
	padding: 0 15px;
	line-height:25px;
	height:25px;
	overflow: hidden;
	position: relative;
	font-size:12px;
	background:#fbfbfb;
	border:solid 1px #ededed;
	border-width:2px 1px 0 0;
	border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
}

ul.tabs li:first-child{border-left:solid 1px #ededed;}

ul.tabs li a {
	text-decoration: none;
	display: block;
	padding: 0 0px;
	outline: none;
	color:#666;
}

.tab-content {padding: 20px 0; }
	
ul.tabs li:hover{}
ul.tabs li.active{background:transparent; border-bottom:solid 1px #fff}
html ul.tabs li.active a{ color:#f55d2d; }
#tab-body{padding:0 20px; border:solid 1px #ededed;
	border-radius:0 8px 8px 8px;
	-moz-border-radius:0 8px 8px 8px;	
	-webkit-border-radius:0 8px 8px 8px;
}


/* jQuery Toggle */
#toggle{border: 1px solid #ededed; border-width:0 0 1px 0;
	border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
}
h2.trigger {
	padding: 14px 20px;
	margin: 0 0 0 0;
	font-size:14px;
	font-weight: normal;
	border: 1px solid #ededed;
	border-width:1px 1px 0 1px;
	background:#fbfbfb;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
h2.trigger span {
	text-decoration: none;
	display: block;
	color:#666;
	height:9px;
	background: url(../images/arrow-left.gif) no-repeat 0 2px;
	padding-left:20px;
	cursor:pointer;
	line-height:12px;
}
h2.active span{ background:url(../images/arrow-down.gif) no-repeat 0 1px; color:#f55d2d}
h2.trigger a:hover {
	color: #454545;
}
h2.active { background:transparent; border-bottom:0;
	border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
}
.toggle_container {
	margin: 0 0 0 0;
	padding: 10px 25px;
	overflow: hidden;
	clear: both;
	border: 1px solid #ededed;
	border-width:0 1px 1px 1px;
	border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
}
.toggle_container .block {
	padding: 0px;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}


/* Tables */
table {border-collapse:separate;border-spacing:0;width:100%; margin-bottom:18px;}
table,td,th { text-align:center;}
th{padding:10px;text-transform:uppercase; border-bottom: 1px solid #f1f1f1;}
td{padding:10px;}
tfoot td{border:0px;}
th,tr:hover{}
table {
	border: 1px solid #f1f1f1;
	border-bottom:0;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
tr th,
thead th {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
tr td {
	border-bottom: 1px solid #f1f1f1;
	padding: 0px 0px;
	background:#fff;
}
tr.odd td {
	background: #F2F7FC;
}

/*== Bullet List ==*/
.bullet{
	margin:0;
	padding:0;
	list-style-type:none;
}	
.bullet li{
	background: transparent url(../images/arrow_check.png) no-repeat;
	background-position:0 5px;
	margin:0;
	padding:0 0 8px 20px;
	list-style-type:none;
}


/*==== Column ====*/
.one_half, .one_third, .two_third, 
.three_fourth, .one_fourth, .one_fifth, 
.two_fifth, .three_fifth, .four_fifth, 
.one_sixth, .five_sixth						{margin-right: 4%; margin-left:0; position:relative; float:left;}

.one_half									{ width:48%; }
.one_third									{ width:30.6666%;}
.one_fourth									{ width:22%; }
.one_fifth									{ width: 16.8%;}
.one_sixth 									{ width: 13.3333%;}

.two_third									{ width: 65.3332%;}
.two_fourth 								{ width: 48%;}
.two_fifth 									{ width: 37.6%;}
.two_sixth 									{ width: 30.6666%;}

.three_fourth								{ width:74%;}
.three_fifth 								{ width: 58.4%;}
.three_sixth 								{ width: 47.9998%;}

.four_fifth 								{ width: 79.2%;}
.four_sixth 								{ width: 65.3332%;}

.five_sixth 								{ width: 82.6665%;}
.firstcols									{ margin-left:0px !important; }
.last, .lastcols							{ margin-right:0px !important; clear:right; }



/* SIDEBAR */
.widget-title{
	text-align:center;
	font-size:16px;
	padding:0;
	margin-bottom:10px;
	padding-bottom:18px;
	background:url(../images/line-title.png) bottom no-repeat;
}

#sidebar ul{
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}

#sidebar ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	
}
#sidebar .widget-container{margin-bottom:30px; padding:15px 15px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px; /* for old Konqueror browsers */
	border-radius: 10px 10px 10px 10px; /* future proofing */
	border:1px solid #EDEDED;
}

#sidebar li li{
	list-style-type:none;
	margin:0 0 5px 0;
	padding:5px 0 0px 0;
	border-top:1px solid #ededed;
}

#sidebar li li:first-child{ border:0px; padding-top:0px;}
#sidebar li li a{ padding:3px 0px 0px 20px;  display:inline-block; background:url(../images/icon-arrow.png) no-repeat 0px 7px;  color:#74706a; }
#sidebar li li a:hover, #sidebar li li a.active{text-decoration:none; background:url(../images/icon-arrow-hover.png) no-repeat 0px 7px; color:#f75948;}

#sidebar .latestpost li{clear:left; margin-bottom:13px; padding-top:13px;}
#sidebar .latestpost li a, #sidebar .latestpost li a:hover{ color:#f75948; padding:0px; background:none;}
#sidebar .latestpost li a:hover{ text-decoration:underline}
#sidebar .latestpost .post-date{color:#bababa; font-size:11px; display:block}


#sidebar .download p{ margin-bottom:0px;}

#sidebar ul.sub-menu, #sidebar ul.children, #sidebar ul ul ul{margin:9px 0 0 15px; }
#sidebar ul.sub-menu li, #sidebar ul.children li, #sidebar ul ul ul li{margin-bottom:5px; padding-bottom:4px}
#sidebar ul.sub-menu li:last-child, #sidebar ul.children li:last-child, #sidebar ul ul ul li:last-child{padding-bottom:0px; margin-bottom:0; border-bottom:0; }

#sidebar .service h2{font-family: 'DroidSansBold'; font-size:22px;}
#sidebar .service li{ margin-bottom:20px;}
#sidebar .service h4{ background:url(../images/icons/icon-arrow.png) no-repeat; padding-left:35px; margin-bottom:10px;}


#sidebar .boxslideshow li{ display:block; border:0px; margin:0px; padding:0px;}
#sidebar .boxslideshow blockquote{ background:none; font-style:italic; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; color:#74706a; font-size:13px;}
#sidebar .boxslideshow .testi-name{ text-align:right; display:block; border-top:1px solid #ededed; padding-top:15px;}

.nomargin{margin-right:0 !important;}

/* AFTER CONTENT */
#after-content{
	 border-top:1px solid #eeede8;
	 background:#fdfcf9;
	 clear:both;
	 width:960px;
	 padding:20px;
}

#twitter_update_list{list-style-type:none; padding:0 15px; margin:0; text-align:center}
#twitter_update_list li{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; font-weight:bold; background:url(../images/tweet.png) no-repeat left top; padding:0 0 0 25px}



/* FOOTER */
#main-footer{padding:20px 30px 0px 30px; color:#ccc; border-top:4px solid #9c9c9c;}
#main-footer .footcol1, #main-footer .footcol2, #main-footer .footcol3, #main-footer .footcol4{float:left; width:220px; margin-right:20px;}
#main-footer .footcol4{margin-right:0px;}
#main-footer ul{list-style-type:none; margin:0; padding:0;}
#main-footer li.widget-container{list-style-type:none; margin:0 0 20px 0; padding:0; border:0px;}
#main-footer .widget-title{font-size:16px; padding:0; line-height:18px; margin-bottom:15px !important; text-align:left; background:none; color:#9c9c9c; font-weight:bold;}
#main-footer li li{ border-bottom:1px solid #2d2c2b; padding:0 0 5px 0px; margin:0 0 5px 0; }
#main-footer li li:first-child{ border-top:1px solid #2d2c2b; padding:5px 0;}
#main-footer li a{color:#9c9c9c; padding:0px; margin:0px;}
#main-footer li a:hover{ text-decoration:none;
 color: #727272;
    transition: all 0.5s ease 0s;}


#main-footer p{color:#9c9c9c;}

#main-footer ul.gallery li{float:left; margin:0px 6px 10px 0px!important; padding:3px 3px 3px 3px!important; width:42px; height:42px;
	background:#505050;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px; /* for old Konqueror browsers */
	border-radius: 3px 3px 3px 3px; /* future proofing */
}
#main-footer ul.gallery li:first-child{ padding:0px; border:0px;}
#main-footer ul.gallery li img{float:left;}
#main-footer ul.gallery li:hover{background:#e86a4d;}

/*** AFTER FOOTER ***/
#after-footer{
	background:#1a1919;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px; /* for old Konqueror browsers */
	
	padding:15px 30px;
}
#copyright{font-size:13px; color:#505050; text-align:center;
width:500px;
margin:0 auto;
line-height:15px;}
#copyright a, #copyright a:visited{color:#958d8d;}




/*--------------------------CUSTOM CSS-------------------*/

#address {
    background:rgba(0, 0, 0, 0) url("../images/map.png") no-repeat scroll 0 0;
    float: left;
    height: 21px;
	margin-top:3px;
    padding: 40px 0 0 3px;
    width: 17px;
}
#cell {
    background: rgba(0, 0, 0, 0) url("../images/cell.png") no-repeat scroll 0 0;
    float: left;
    height: 21px;
    padding: 2px 0 0 0px;
    width: 17px;
}
#tele{
    background: rgba(0, 0, 0, 0) url("../images/tele.png") no-repeat scroll 0 0;
    float: left;
    height: 21px;
    padding: 2px 0 0 3px;
    width: 17px;
}
#whatsapps {
    background: rgba(0, 0, 0, 0) url("../images/whatsaps.png") no-repeat scroll 0 0;
    float: left;
    height: 21px;
    padding: 2px 0 0 3px;
    width: 17px;
}
.email {
    background: rgba(0, 0, 0, 0) url("../images/mail.png") no-repeat scroll 0 0;
    float: left;
    height: 21px;
    padding: 2px 0 0 3px;
    width: 17px;
}
#web {
    background: rgba(0, 0, 0, 0) url("../images/url.png") no-repeat scroll 0 0;
    float: left;
    height: 21px;
    padding: 2px 0 0 3px;
    width: 17px;
}


.addres-tab {
    color: #9c9c9c;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 0px 0 0;
    width: 210px;
}

.addres-tab a {
    color: #9c9c9c;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 0px 0 0;
    width: 210px;
}

.addres-tab a:hover {
    color: #727272;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 0px 0 0;
    width: 210px;
}




/* Social Sprites Mini
================================================== */
.socialbar_mini {
	height: 30px;
	overflow: hidden;
	width: 100%;
	padding: 0;
	z-index: 999;
}

.borderless .ssm li { border: none; }
.borderless .ssm li:first-child { border: none; }

.ssm { width: auto; margin: 0; padding: 0; text-align:left; overflow: hidden; font-size: 0; }
.ssm li { display: inline-block; margin: 0 0px; padding: 0; border-right: 1px solid rgba(0,0,0,0.2); background-image:url("../images/socialsprites_mini.png"); background-repeat: no-repeat;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.ssm li:hover {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.ssm li:first-child { border-left: 1px solid rgba(0,0,0,0.2); }
.ssm li a { display: block; text-indent: -9999; height: 30px; width: 30px; }
.ssm li a:active { box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3); }


.ssm li.facebook { background-position: 0 -120px; }
.ssm li.facebook:hover { background-position: 0 -150px; }

.ssm li.linkedin { background-position: 0 -540px; }
.ssm li.linkedin:hover { background-position: 0 -570px; }

.ssm li.twitter { background-position: 0 -1140px; }
.ssm li.twitter:hover { background-position: 0 -1170px; }

.ssm li.youtube { background-position: 0 -1380px; }
.ssm li.youtube:hover { background-position: 0 -1410px; }




.inner-page-num{
width:760px;
height:auto;
float:left;
}
.inner-page-num ul{
width:760px;
height:auto;
float:left;
padding:0px;
margin:5px 0 0 0;
}
.inner-page-num li{
font-family: Museo Sans,sans-serif;
 font-size: 13px;
color:#666;
padding:0px 0 0 0px;
margin:2px 0 0 15px;
width:100%;
height:auto;
min-height:17px;
text-align:left;
float:left;
font-weight:500;

list-style:decimal;

}
.bold_txt1{font-size: 13px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#007fac;
letter-spacing: 0;}

.bold_txt{font-size: 13px;
	font-family: Arial, sans-serif;
	font-weight: bold;
letter-spacing: 0;}

.bold_txt_italic{
	font-size: 13px;
	font-family: Arial, sans-serif;
	font-weight: bold;
    letter-spacing: 0;
	color: #444;
	font-style:italic;}
	
	.red_txt{font-size:16px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#d20d0d;
letter-spacing: 0;}

.brown_txt{font-size:16px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#806000;
letter-spacing: 0;
}

.blue_txt{font-size:16px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#174986;
	line-height:3px;
padding:0 0 10px 0;
letter-spacing: 0;
}

.lightblue_txt{font-size:16px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#2161ae;
	line-height:3px;
padding:0 0 10px 0;
letter-spacing: 0;
}

.extlightblue_txt{font-size:16px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#397bcb;
	line-height:3px;
padding:0 0 10px 0;
letter-spacing: 0;
}

.blue_black{font-size:14px;
	font-family: Arial, sans-serif;

	color:#474747;
	line-height:3px;
padding:0 0 10px 0;
letter-spacing: 0;
}

.red_txt_p{font-size:13px;
	font-family: Arial, sans-serif;
	color:#d20d0d;
letter-spacing: 0;}
	
	.check_list li, .plus_list li, .minus_list li, .star_list li, .arrow_list li, .square_list li, .circle_list li, .cross_list li {list-style: none;margin: 5px 0;}
	.check_list li {background: url(../images/list_icons/list_check.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
	
	
.plus_list  li {background: url(../images/list_icons/list_plus.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
.minus_list  li {background: url(../images/list_icons/list_minus.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
.star_list  li {background: url(../images/list_icons/list_star.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.arrow_list  li {background: url(../images/list_icons/list_arrow.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.square_list  li {background: url(../images/list_icons/list_square.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.circle_list  li {background: url(../images/list_icons/list_circle.png) no-repeat 0% 50%; padding: 0 0 0 16px; font-size:14px;}
.cross_list  li {}




/* =============================================================== */
/* Icons
================================================================ */
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  opacity: 0.8;
}
.icon-envelope {
  background-position: -72px 2px;
}


.client-logo li {
    border: 1px solid #e5e5e5;
    float: left;
    margin: 0 18px 0 0;
}

.opt_tab{
	float:left;
	width:100px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;}
	
.opt_images{
	float:left;
	margin-left:15px;}
	
	
	marquee {
    background-color: #f5f5f5;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    margin: 0;
    padding: 8px 0;
}


@charset "utf-8";
/* CSS Document */

/* =Main Nav
--------------------------------------------------------------------------------------------------------*/
ul#navi { margin-top:1px; }
ul#navi li { float:left; list-style:none; background-color:#00aced;}
ul#navi li a { color:#fff; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; line-height:12px; text-decoration:none; text-transform:uppercase; padding:9px 19px 9px 19px; display:inline-block; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;  z-index:15; }
ul#navi li a:hover, ul#navi li a.active, ul#navi li a.stays-active { color:#fff; background:url(../images/bg-transparent.png) repeat; }


ul#navi ul { position:absolute; height:auto; width:143px; background:url(../images/bg-dropdown2.png) no-repeat; padding:15px 0px 9px 0px; top:73px; margin-left:0px; z-index:200; list-style:none; }
ul#navi ul li { display:block; z-index:191 !important; float:none; border-bottom:1px solid #333; }
ul#navi ul li.last { border-bottom:0px; }
ul#navi ul a, ul#navi ul a:visited { position:relative; display:block; width:auto; float:none; text-indent:0px; padding:8px 0px 12px 19px; color:#7a7a7a; z-index:191 !important; height:12px !important; font:11px 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; text-decoration:none; text-transform:none; text-shadow:none; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s; border-top:0px; }
ul#navi ul a:hover { color:#fff; text-decoration:none; background:none; border-top:0px; }
ul#navi li ul { display:none; }
ul#navi ul ul { position:absolute; height:auto; width:143px; background:url(../images/bg-dropdown3.png) no-repeat; padding:9px 0px 9px 6px; margin-left:143px; margin-top:-6px; z-index:200; list-style:none; }
ul#navi ul ul.row4 { top:111px; }
.cursor { cursor:default; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/*CONACT FORM*/
/*FORM CSS*/
	#form1
	{
		padding:0px;
		background:none;
		height:2300px;
		border-radius: 5px;
border:1px solid #d5d5d5;box-shadow: 0px 0px 10px 4px rgba(205, 205, 205, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(205, 205, 205, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(205, 205, 205, 0.75);
		
	}
	#form
	{
		padding:0px;
		background:#eeeeee;
		height:auto;
		border-radius: 5px;
        border:1px solid #d5d5d5;
		box-shadow: 0px 0px 10px 4px rgba(205, 205, 205, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(205, 205, 205, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(205, 205, 205, 0.75);
		
	}
.field-control
	{

		padding:10px;
		font-family: 'Segoe UI','Open Sans',sans-serif;
		font-size:16px;
	}
.field-control input , textarea
	{
		border:1px solid  #cbcbcb;
		border-radius:2px;
		width:250px;
		resize:none;
		background:#fff;
		
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );

	}
	
label.field
	{
width:285px;
		text-align:left;
		font-size:18px;
		color:#302e2c;
		margin-top:5px;
		margin-bottom:5px;
		float:left;
	}

.btn
	{
  		
		margin-left:312px;
		color:#FFF;
		height:35px;
		
	}
.btn-submit
	{
	    border:#06c;
		background:#000;
		border-radius:5px;
	    text-align:center;
		margin-left:16px;
		color:#FFF;
	}
.btn-submit:hover
	{
	    border:#06c;
		background:#00F;
	    text-align:center;
		margin-left:16px;
		color:#FFF;
	}
	/*form drop down css*/
	
.mainselection {
    overflow:hidden;
    width:350px;
    margin-left:35px;
   background:url(../images/dropdown_arrow.png) no-repeat #fff 319px 2px;
    /* dropdown_arrow.png is a 31x28 image */
}
select {
    border:0;
    background:;
    height:42px;
    border:1px solid #d8d8d8;
    width:326px;
    -webkit-appearance: none;
	font-family: 'Segoe UI','Open Sans',sans-serif;
	font-size:16px;
	color:#777777;
}
	
	
	/*hover*/
	
.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:50px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.classname:active {
	position:relative;
	top:1px;
}

.form_area5{
		width:600px;
		height:40px;
		float:left;
		padding:25px 0 0 0px;}
.form_area4{
		width:350px;
		height:40px;
		float:left;
		padding:10px 0 0 25px;}
.form_area3{
		width:350px;
		height:40px;
		float:left;
		padding:21px 0 0 25px;}

.form_area2{
		width:350px;
		height:40px;
		float:left;
		padding:7px 0 0 293px;}
		
		.form_area1{
		width:610px;
		height:55px;
		float:left;
		margin:0 0 0 0;
		padding:0px 0 0 0;}
		
		.form_txt1{
		
		height:0px;
		text-align:left;


line-height:normal;
		
color: #302e2c;
    float: left;
   
    text-align: left;
 font-family: "Segoe UI","Open Sans",sans-serif;
    font-size: 18px;
    padding: 10px;}
	
	.form_txt2{
        height:0px;
		width:100%;
		text-align:left;
        line-height:normal;
        color: #302e2c;
        float: left;
        text-align: left;
         font-family: "Segoe UI","Open Sans",sans-serif;
        font-size: 18px;
       padding:0 0 15px 10px;}
	   
	.star_icon{color: #bc1212;
    font-weight: bold;
    margin: 0;
    padding: 0;
    vertical-align: baseline;}
	
	
	.btn1
	{
  		
		margin-left:50px;
		color:#FFF;
		height:35px;
		
	}
.btn1-submit
	{
	    border:#06c;
		background:#000;
		border-radius:5px;
	    text-align:center;
		margin-left:16px;
		color:#FFF;
	}
.btn1-submit:hover
	{
	    border:#06c;
		background:#00F;
	    text-align:center;
		margin-left:16px;
		color:#FFF;
	}
	
	
	ul.sub-menu .current_page_item a{
color:#985127 ;
}


.publication_backg{
	
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );

	height:auto;
	float:left;
	padding:5px 5px 5px 5px;
	margin:0 0 0 0;
	width:100%;
	border-radius: 5px;
	border:1px solid #d5d5d5;}
	
.logoframe{
	border:4px solid #d6d6d6;
	
}


#xhtml {
    background:url(../images/xhtml10.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 15px;
    width: 80px;
	margin-top:0px;
	margin-right:-228px;
}











#sitemap-area{
width:auto;
height:auto;
float:left;
}
.sitemap{
width:auto;
height:auto;
float:left;
padding:10px 0 0 15px;
}
ul.sitemap{
display:block;
}
ul.sitemap li{
background:none;
display:block;
text-transform:uppercase;
}
ul.sitemap li a{
text-decoration:none;
color:#9c9c9c;
line-height:20px;
}

ul.sitemap li a:hover{
text-decoration:none;
color:#727272;
line-height:20px;
}
ul.sitemap ul li{
background:url(../images/arrow.gif) no-repeat 7px 6px;
display:block;
text-transform:capitalize;
padding:0 0 0 15px;
}
ul.sitemap ul li a{
text-decoration:none;
color:#292b2c;
line-height:20px;
}
ul.sitemap ul ul li{
background:url(../images/arrow.gif) no-repeat 7px 6px;
display:block;
text-transform:capitalize;
padding:0 0 0 15px;
}
ul.sitemap ul ul li a{
text-decoration:none;
color:#666;
line-height:20px;
}
ul.sitemap ul ul ul li{
background:url(../images/arrow-2.png) no-repeat 7px 6px;
display:block;
text-transform:capitalize;
padding:0 0 0 20px;
}
ul.sitemap ul ul ul li a{
text-decoration:none;
color:#333;
line-height:20px;
}



.request-area {
    float: left;
    height: auto;
    margin: 0px 0 0;
    width: 100%;
}
.request-btn  {
    background: #188dbd   no-repeat scroll 5px 2px;
    border: 1px solid #fff;
    color: #ffc71e;
    float: left;
	text-align:center;
    height: 23px;
    margin: 5px 0 0;
    outline: 2px solid #188dbd;
    padding: 5px 15px 0 15px;
    text-decoration: none;
	text-transform:uppercase;
   
    width:185px;
	margin-left:5px;
	font-size:14px;
	font-weight:bold;
	
}
.request-btn:hover {
    background: #3294bc  no-repeat scroll 5px 2px;
	transition: all 0.5s ease 0s;
	
}




	
#payment_tab{
	width:615px;
	height:40px;
	float:left;
	margin:0 0 20px 0;}
	
#pay_detail{
	width:100%;
	height:25px;
	float:left;
	margin:1px 2px 28px 5px;
	}
	
#sponser_gatr_logo{
	float:left;
	margin:10px 0 10px 5px;}
.publicationjourn_tab1{
	width:515px;
	height:auto;
	float:left;
	margin:30px 0 0 0;
	padding:0 5px 0 0px;}
.publicationjourn_tab{
	width:515px;
	height:auto;
	float:left;
	margin:0 0 0 0;
	padding:0 5px 0 0px;}
	
.publication_journal_imgs{
	width:150px;
	height:250px;
	float:left;
	margin:0 0 0 0;}
	
	#fullcontent{width:670px; float:left;
	margin:0 0 10px 0;}
	
	
	/* side menu*/
	
	#sslide_container{
	width:800px;
	height:900px;
	margin:50px auto;
	background-color:#FFF;
	border:1px solid #999;
}


ul#flap {
	float:right;
    position: fixed;
    top: 10px;
    left: 0px;
	margin: 0px;
    padding: 0px;
    list-style: none;
    z-index:9999;
}
ul#flap li {width: 59px;}
ul#flap li a {
    display: block;
    width: 59px;
    height: 58px;
	margin-left: -2px;
}
ul#flap .home a {background-image: url(../images/icon-tube.png);}
ul#flap .about a {background-image: url(../images/icon-home.png);}

#slideout1{
   
    border-radius: 0 5px 5px 0;
    left: 0;
    padding: 0px 0;
    position: fixed;
    text-align: center;
    top: 150px;
    transition-duration: 0.3s;
    width: 35px;
	z-index:9999;
	
}
#slideout_inner1 {
   background-color: #f5f5f5;
    background-image: -moz-linear-gradient(center bottom , #f5f5f5 0%, #fff 100%);
     border:3px solid #d83b46;
   
    color: #1e1e1e;
    border-radius: 0 0 5px;
    height: 275px;
    left: -429px;
    padding: 5px;
    position: fixed;
    text-align: left;
    top: 150px;
    transition-duration: 0.3s;
    width: 415px;
}
#slideout_inner1 textarea {
    height: 100px;
    margin-bottom: 6px;
    width: 190px;
}
#slideout1:hover {
    left: 427px;
}
#slideout1:hover #slideout_inner1 {
    left: 0;
}
/*slideout1 css end*/

#slideout{
   
    border-radius: 0 5px 5px 0;
    left: 0;
    padding: 0px 0;
    position: fixed;
    text-align: center;
    top: 40px;
    transition-duration: 0.3s;
    width: 35px;
	z-index:9999;
	
}
#slideout_inner {
   background-color: #f5f5f5;
    background-image: -moz-linear-gradient(center bottom , #f5f5f5 0%, #fff 100%);
   
   
    color: #1e1e1e;
    border-radius: 0 0 5px;
    height: 300px;
    left: -274px;
    padding: 5px;
    position: fixed;
    text-align: left;
    top: 40px;
    transition-duration: 0.3s;
    width: 260px;
	border:3px solid #3992d5;
	
}
#slideout_inner textarea {
    height: 100px;
    margin-bottom: 6px;
    width: 190px;
}
#slideout:hover {
    left: 270px;
}
#slideout:hover #slideout_inner {
    left: 0;
}

.images_gap{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0 15px 0;}
	
	
#keynote_speakr_area{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 0 0;
	padding:5px 5px;}
	
.keynote_spekr_txt_b{font-size:14px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#174986;
	line-height:3px;
padding:0 0 15px 0;
letter-spacing: 0;}
.keynote_spekr_txt p{font-size:13px;
	font-family: Arial, sans-serif;
	font-weight:normal;
	color:#666;
	line-height:3px;
padding:0px 0 10px 0;
letter-spacing: 0;}

#keynote_spekr_image{
	width:95px;
	height:122px;
	float:right;
	margin:-70px 0px 0px 8px;
	border:1px solid #7e7e7e;}
	
	
#contact_detail{
	width:500px;
	height:270px;
	float:left;
	margin:10px 0 0 15px;}
.contact_bartxt{
	width:150px;
	height:40px;
	float:left;
	font-size:13px;
	font-family: Arial, sans-serif;
	color:#000;
	font-weight:bold;
	margin:0 0 0 0;}
	
.contact_detailtxt{
	width:340px;
	height:40px;
	float:left;
	font-size:13px;
	font-family: Arial, sans-serif;
	color:#000;
	margin:0 0 0 0;}
	
.contact_detailtxt_last{
	width:579px;
	height:40px;
	float:left;
	font-size:13px;
	font-family: Arial, sans-serif;
	color:#000;
	margin:15px 0 0 0;}
	
	#gcoet_plenry {
    float: left;
    height: 252px;
    margin:15px 0 35px 17px;
    width: 216px;
}

#testimonial_slide {
    float: left;
    height: 320px;
    margin:25px 0 0 13px;
    width: 240px;
}	
	
#s_j_ranking{
	width:216px;
	height:300px;
	float:left;
	margin:47px 0 0 17px;}
	
	
	
	
	#client1{
width:100%;
height:auto;
float:left;
margin:0px 1px 0 32px;
}

#journals_indexing_area{
	width:250px;
	height:auto;
	float:left;
	margin:61px 0 0 0;
   
}
#news_area{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 0 0;}
#news_pic{
	width:140px;
	height:40px;
	float:left;
	margin:0 0 0 0;}
#news_txt{
	width:100%;
	height:auto;
	float:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
	
	
	
	
	/*keydates style*/
	
	
	#rrpn_table {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,e9e9ce+100;Wax+3D+%232 */
background: #fcfff4; /* Old browsers */
background: -moz-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcfff4 0%,#e9e9ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */
		
    border: 1px solid #b3b3b3;
    float: left;
    height: auto;
    margin: 0;
    width: 655px;
}
#rrpn_txt {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#11bab3+0,1ec7da+49,2cb5e9+100 */
background: #11bab3; /* Old browsers */
background: -moz-linear-gradient(-45deg, #11bab3 0%, #1ec7da 49%, #2cb5e9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #11bab3 0%,#1ec7da 49%,#2cb5e9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #11bab3 0%,#1ec7da 49%,#2cb5e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11bab3', endColorstr='#2cb5e9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border-bottom: 1px solid #b3b3b3;
  color: #000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: bold;
    height:30px;
    padding: 0px 0 0 0px;
    width: 655px;
}
#rrpn_txt1 {
	
    color: #fff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: bold;
    height: 25px;
    padding: 5px 0 0 0px;
    width:400px;
	text-align:center;
}


#rrpn_txt2 {
  color: #fff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: bold;
    height: 25px;
    padding: 5px 0 0 0px;
    width:203px;
	text-align:center;
}

.rrpn_left_txt {
	
    border-bottom: 1px solid #b3b3b3;
    color: #000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 25px;
    padding: 5px 0 0 10px;
    width:349px;
}

.rrpn_left_txt_last {
    color: #000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 25px;
    padding: 5px 0 0 10px;
    width: 349px;
}
.rrpn_right_txt {
    border-bottom: 1px solid #b3b3b3;
    color: #000;
    float: left;
	border-left:1px solid #b3b3b3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 25px;
    padding: 5px 0 0 10px;
    width:284px;
}

.rrpn_right_txt_last {
    color: #000;
    float: left;
	border-left:1px solid #b3b3b3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 25px;
    padding: 5px 0 0 10px;
    width: 284px;
}
	
	#poster_butn {
    float: left;
    height: 54px;
    margin: 2px 0 10px 0;
    width:660px;
}