/*  
	Coder : Hafiz
	For : cyonyx.com
	Date: 10/08/09
	
	Color swatch:  #F0AE19  (Yellow/Orange)
			    #4873B2 (Light Blue)
			    #A19D9D (Light Grey)
				
	Debug: border:1px solid blue;	
	
	Old Color swatch:  #d0d0d0 (Grey)
			    #ff9900 (Orange)
			    #0033FF (Blue)

*/

/* ============== Override tag ================== */			
			body
			{
				margin:0;
				padding:0;				
			}
			
			h1{
				color:#0033FF;				
			}
			
			h1:hover{
				color:#ff9900;
			}
			
			p {
				text-align:justify;
				font-family:verdana;
				font-size:10pt;
			}
			
			ul li{
				font-family:verdana;
				font-size:10pt;
			}
			
			a {
				text-decoration:none;
			}
			
			a:hover{
				text-decoration:none;
			}
/* =============  styling ====================*/

			.head{
				position:absolute;
				width:100%;
				height:130px;
				background:url(img/head-bg.png) 0 0 repeat-x;
			}
			
			.head .logo{
				position:absolute;
				left:30px;
				width:300px;
				height:130px;
				background:url(img/cyonyx.png) 0 0 no-repeat;
			}
			
			.menu{
				position:absolute;
				top:130px;
				right:0px;				
				width:100%;
				border-top:solid 2px #d0d0d0;
				background:url(img/menu-bg.png) 0 0 repeat-x;				
			}
			
			.menu .item{				
				float:right;
				bottom:0px;
				left:0px;
				font:12px/1.5em courier new bold;
				line-height:30px;
				font-weight:bold;
				color:#ff9900;
				text-align:center;
				font-size:75%;
				border-left:solid 2px #d0d0d0;
			}
			
			.menu .item a{
				color:#ff9900;
				text-decoration:none;
				display: block;
				background:url("img/up_btn.png") 0 0 no-repeat;
				width:100px;
				height:30px;
				padding:0px 0px 0px 0px;				
			}
			
			.menu .item:hover{
				color:#0033FF;
				cursor:pointer;				
			}
						
			.menu .item a:hover{
				color:#0033FF;
				cursor:pointer;
				font-size:110%;
				background:url("img/over_btn.png") 0 0 no-repeat;
			}
      
			.main{
				position:relative;
				width:100%;
				min-height:160px;
				margin:0px auto;
				border:solid 2px #d0d0d0;
				/*border-right:solid 2px #d0d0d0;
				border-left:solid 2px #d0d0d0;*/
			}
			
			.filler{
				position:relative;
				top:0px;
				left:0px;
				width:950px;
				min-height:400px;
				padding:15px 15px 15px 15px;
				margin:10px auto;
				border:solid 2px silver;
			}
			
			.footer{
				position:relative;
				width:100%;
				height:25px;
				color:#999;
				font:8pt courier new;
			}
			
			.footer .right{
				position:absolute;
				width:380px;
				top:0px;
				right:0px;
			}

			
/* =============  shadow border ====================*/

			.shadow-one { 
			position: absolute; 
			padding-top: 100px; 
			padding-left: 100px; 
			}
			
			.corner-a { 
			position: absolute; 
			right: 0; 
			top: 0; 
			width: 100px; 
			height: 100px; 
			background: url(img/shadow.png) right top no-repeat; 
			} 
			
			.corner-b { 
			position: absolute; 
			left: 0; 
			bottom: 0; 
			width: 100px; 
			height: 100px; 
			background: url(img/shadow.png) left bottom no-repeat; 
			} 
			
			.shadow-two { 
			background: url(img/shadow.png) right bottom no-repeat; 
			} 
			
			.shadow-three { 
			position: relative; 
			left: -100px; 
			top: -100px; 
			background: url(img/shadow.png) left top no-repeat; 
			} 
			
			.shadow-four { 
			position: relative; 
			left: 50px; 
			top: 50px; 
			}