/*
Theme Name: Nelson Portfolio
Theme URL: https://www.nelsontyc.com
Version: 1.0
Author: Nelson Tan Yan Cong
*/


n3s_body { margin: 0px !important; } n3s_body { position: relative; } 


@charset "utf-8";

/* CSS Document */
body {
	background-image: url();
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	overflow-x:hidden;
}

h1{
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #669900
}

h1 a:link {
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #669900
}
h1 a:active {
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #669900
}
h1 a:visited {
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #669900
}
h1 a:hover {
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #669900
}
h2{
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
}
.sitelinkmap {
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	background-color: #66CC00;
}


.sitelinkmap a:link {
	text-decoration: none;
	color: #fff;
}

.sitelinkmap a:active {
	text-decoration: none;
	color: #fff;
}
.sitelinkmap a:visited {
	text-decoration: none;
	color: #fff;
}
.sitelinkmap a:hover {
	text-decoration: underline;
	color: #fff;
}


.blackbgsmall {
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	background-color: #FFCCFF;
padding: 1px 1px 1px 1px;
}

span.playlink {
	font-size: 24px;
	display: block;
	margin-top: 5px;
	text-align: center;
	font-weight: bolder;
}

	span.playlink a {
		padding: 5px 25px 10px 25px;
		color: #fff;
		text-decoration: none;
		background: #666666;
	}

	span.playlink a:hover {
		background-color: #ff0000;
		color: #fefdeb;
	}



span.roundedplay {
	font-size: 14px;
	display: block;
	margin-top: 5px;
	text-align: center;
}

	span.roundedplay a {
		padding: 5px 15px 5px 15px;
		color: #fff;
		text-decoration: none;
		background: #ff0000 url(img/leftsign.png) 4px 8px no-repeat;
		-moz-border-radius: 5px;			
		-webkit-border-radius: 5px;			
		border-radius: 5px;			
	}

	span.roundedplay a:hover {
		background-color: #666666;
		color: #fefdeb;
	}

.copyrightstatement {
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A28686;
}

.copyrightstatement a:link {
	text-decoration: none;
	color: #A28686;
}

.copyrightstatement a:active {
	text-decoration: none;
	color: #A28686;
}
.copyrightstatement a:visited {
	text-decoration: none;
	color: #A28686;
}
.copyrightstatement a:hover {
	text-decoration: underline;
	color: #000;
}



.table {
	background-color: #c5c4c4;
	background-image: url(img/gradbg.jpg);
	background-repeat: repeat-x;
}
.style5 {font-family: Arial, Helvetica, sans-serif}


a.linkopacity img {

filter:alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95;
-khtml-opacity: 0.95;
}
a.linkopacity:hover img {
filter:alpha(opacity=65);
-moz-opacity: 0.65;
opacity: 0.65;
-khtml-opacity: 0.65;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

img { border: none; }

#imgbox li {
	float:left;
	margin:0px 4px 0px 0;
	list-style-type: none;
	}
#imgbox li a {
	display:block;
	width:292px;
	min-height:150px;
	}	
#imgbox li.last {
	margin:5px 0 20px 0;
	}	
#imgbox a,
#imgbox a:link,
#imgbox a:visited {
	text-decoration:none;
	color:#34363e;
	background-color: #f9f9f9;
	background-image:url()
	}
#imgbox a:hover,
#imgbox a:focus,
#imgbox li a:hover em,
#imgbox a:hover .vat {
	text-decoration:none;
	color:#fff;
	background:#e22f2d;
	}				
#imgbox li em {
	color:#999;
	display:block;
	text-align:right;	
	padding-right:10px;
	font:normal .8em Helvetica,Arial,Geneva,sans-serif;
	}
#imgbox li strong {
	font-size:1em;
	font-family:"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	display:block;
	min-height:15px;
	padding-left:10px;
	}	
#imgbox li span strong {
	font-size:1.6em;
	font-family:"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	padding-left:3px;
	display:inline;
	}						
#imgbox li a img {
	border:0;
	margin-bottom:10px;
	}
#imgbox h3 {
	font-size:1em;
	line-height:110%;
	}	

-->



<!-- *** MyCSSMenu copyright (c) 2007, MyCSSMenu. All Rights Reserved.

	-MyCSSMenu may be manually customized by editing this document, or open this web page using
	 IE or Firefox to access the visual interface.

-->


<!--%%%%%%%%%%%% MyCSSMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->

/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! MyCSSMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* MyCSSMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		background-color:transparent;
		width:530px;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 50px 3px 0px;
		color:#666666;
		font-family:"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
		font-size:22px;
		text-decoration:none;
		font-weight:bold;
		border-width:0px 0px 0px 0px;
		border-style:solid;
		border-color:#FF0000;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		color:#666666;
		border-color:#666666;
	}


	/*"""""""" (MAIN) Parent Items""""""""*/	
	#qm0 .qmparent	
	{	
		background-image:url();
		background-repeat:no-repeat;
		background-position:95% 50%;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#FFFFFF;
		color:#000000;
		text-decoration:none;
		border-color:#666666;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:10px 5px 14px 5px;
		background-color:#FFFFFF;
		background-image:url(img/gradbg2.jpg);
		border-width:1px;
		border-style:solid;
		border-color:#FF0000;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 3px 2px 5px;
		background-color:transparent;
		color:#34363e;
		font-size:19px;
		font-weight:normal;
		font-family:"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
		border-style:none;
		border-color:#000000;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		background-color:#FF0000;
		color:#FFFFFF;
		text-decoration:none;
	}


	/*"""""""" (SUB) Parent Items""""""""*/	
	#qm0 div .qmparent	
	{	
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#666666;
		color:#FFFFFF;
	}


	/*"""""""" Box Animation Styles""""""""*/	
	#qm0 .qmbox	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#999999;
	}


	/*"""""""" Main Hover Fill Items [Static]""""""""*/	
	#qm0 .qmhoverfill	
	{	
		background-color:#91ED99;
	}


	/*"""""""" Sub Hover Fill Items [Static]""""""""*/	
	#qm0 div .qmhoverfill	
	{	
		background-color:#91E599;
		border-width:1px;
		border-style:solid;
		border-color:#555555;
	}

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:950px;
		height:300px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-160px;
		}	
	#nextBtn, #nextBtn2{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */