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

#page {
	padding-bottom:50px;
	}
	
#intro {
	float:left;
	width:705px;
	margin-top:15px;
	margin-left:15px;
	border-right:1px solid #CCC;
	padding-right:40px;

	}
	
#intro h2 {
	font-size:20px;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:10px;
	color:#000;
	}
	
#intro h3 {
	font-size:18px;
	margin-top:20px;
	margin-bottom:10px;
	color:#333;
	}
	
#stick {
	margin-top:30px;
	float:right;
	width:200px;
	margin-right:15px;
	}
	
#stick h3 {
	font-size:18px;
	font-weight:normal;
	background:#CCC;
	color:#FFF;
	}
	

/* INHERIT THIS PROPERTIES FOR ALL TABLE ------------------------*/	
	table {
		font-size:14px;
		border:1px solid #CCC;
		border-collapse:collapse;
		width:100%;
		}
		
	th {
		border:1px solid #CCC;
		background-color:#E2E2E2;
		text-align:center;
		font-weight:normal;
		padding:5px;
		}
		
	td {
		padding:5px;
		border:1px solid #CCC;
		}
	
	td:first-child {
		min-width:40px;
		}

	/* Tables having serial numbers ------------ */
		.sltable {
			}
			
		/*Serial Number*/
		.sltable td:first-child { 
			text-align:center;
			}
			
/*-------------------------------------*/

.inner_banner {
	border:5px solid #FFF;
	box-shadow:0 0 3px #CCC;
	}
	
/* POCKET -----------------------*/
	.pocket {
		float:left;
		margin-bottom:30px;
		width:320px;
		box-shadow:0 0 3px #CCC;
		padding-bottom:10px;
		}
	.pocket_det {
		padding:8px;
		}
	.right {
		float:right;
		margin-right:0;
		}
	.pocket p {
		font-size:14px;
		line-height:22px;
		margin:0 0 3px 0;
		}
	.pocket img {
		cursor:pointer;
		transition:all 0.2s ease-in-out;
		}
	.pocket img:hover {
		opacity:0.6;}
	.pocket h3 {
		margin-left:5px;
		cursor:pointer;
		}
		
/*---------*/
.projects_main_link h3 {
	padding:5px 0 20px 0;
	border-bottom:1px solid #CCC;
	}
@charset "utf-8";
/* CSS Document */

.list1_arrowlistmenu {
 /*width of accordion menu*/
}

.list1_arrowlistmenu .list1_menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: pointer;
}

.list1_arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

}

.list1_arrowlistmenu ul{ /*CSS for UL of each sub menu*/

list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.list1_arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.list1_arrowlistmenu ul li a {
 
background: url(../image/C23-list-bullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;

border-bottom: 1px solid #dadada;
color:gray;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.list1_arrowlistmenu ul li a:visited{}

.list1_arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #EE2930;
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */

}

h3.list1_menuheader {
	color:#FFF;
	}
	
h3.list1_menuheader:hover {
	color:#000 !important; 
	}
@charset "utf-8";
/* CSS Document */

.list1_arrowlistmenu {
 /*width of accordion menu*/
}

.list1_arrowlistmenu .list1_menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: pointer;
}

.list1_arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

}

.list1_arrowlistmenu ul{ /*CSS for UL of each sub menu*/

list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.list1_arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.list1_arrowlistmenu ul li a {
 
background: url(../image/C23-list-bullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;

border-bottom: 1px solid #dadada;
color:gray;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.list1_arrowlistmenu ul li a:visited{}

.list1_arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #EE2930;
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */

}

h3.list1_menuheader {
	color:#FFF;
	}
	
h3.list1_menuheader:hover {
	color:#000 !important; 
	}