body{
	background: white;
	
	}
	a{ color:#4b5662 !important;}
	 a:hover, a:active, a:focus { color:black !important; }
	
	#container {
	
		
	background: transparent;
	margin-top:10%;
	margin-bottom:auto;
	position:relative;
	overflow:visible;
	height:100%;
	}

#container-index{
		width:1022px;
		height:800px;
		background: transparent;
		height:100%;
		margin: 0 auto;
		position:relative;
	}



	/*<---//////////---Navigation---//////////--->*/


		#nav {
		    	list-style-type: none;
		    	position: relative;
				text-align: right;
				padding-top:80px;
				line-height:250%;
				height:240px;
		text-transform:uppercase;
			}
			
		
			
			#nav-sub {
				position: relative;
				height:310px;
			font-size:16px;
		
				}
			
			/*#nav-sec{
				position: absolute;
				text-align: left;
				line-height:150%;
			 	bottom:105px;
				padding-left:5px;
				
				border-left:solid gray 3px;}*/
				
			 
				
			
			
		#nav ul{
			float:right;
		}
		
		#nav a {
			color:#4B5662;
			display: block;
			width: 9em;
				}
		
	
		#nav li li a {
			color:#4B5662;
			display: block;
			width: 9em;
		
					}

		#nav-sec a {
	color:#4B5662;
			display: block;
			width: 9em;
			/*font-size:16px !important;*/
				}

		.current {
			font-weight:bold !important;
				}

		/*<---//////////---END NAVIGATION---//////////--->*/


	
			
	/*<---//////////--- PAGE TEMPLATE---//////////--->*/
				
		
		
			#img {
				padding-top:10px;
				width:150px;
				height:265px;
				}
				#h-port{
					position:absolute;
					top:0;
				}
			
			#text h2{margin-top:30px;}
			
			#text  {
				padding-left:30px;
				height:350px;
				}
			
			#p-text {
				text-align:justify;
				width:100%;
				margin-top:37px;
				
				font-size:14px;
				}
				
			.pt {margin:0;
			 padding-right:10px;
				}
			
		
			#about {
				margin-top:35px;
				margin-left:24px;
				}

			.text-box {
				width:179px;
				overflow:hidden;
				padding-top:15px;
				}
				
			#about h2 {
				display:block;
				margin-left:25px;	
					}
				
			.request{
				position:absolute;
				top:195px;
				right:30px;
			}
			
			.headerpage{ 
			
				 position:relative; 
				top:0px; left:180px; }
				
		/*-----porfolio page-----*/
		.projects li {  line-height:120% !important; letter-spacing:1px; padding-left:5px; }
		.projects li a{ padding-left:0px; color:#4b5662 !important; font-size:12px; }
		.projects h5{color:#4B5662 !important; font-size:30px; margin:0; display:inline; font-weight:100;}
		.projects  li a:hover {color:black !important;  font-weight:normal; }
		#identity{ background:red; float:left;}
		#webdesign{float:left; }
		.projects {position:relative; top: 50px;margin-top:15px; float:left;	}
	
			.portimg a:hover {
			   position: relative; /* important */
			   
			   font: 10px/15px Helvetica, Arial, sans-serif;
			   padding: 8px 13px;
			   width: 260px;
			   background-color: #000;
			   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
			   -moz-opacity: 0.6; /* here you can set the opacity of box with text */
			   -khtml-opacity: 0.6; /* here you can set the opacity of box with text */
			   opacity: 0.6; /* here you can set the opacity of box with text */
			   color: white;
			}
			
	/*#pnav{
			position:relative;
			top:50px;
			left:00px;
			text-align:center;
			color:#4b5662;
		}
		#pn li{margin:5px 0px;}
		#pn li a:hover{color:#4b5662;}
		#pn li a{display:block; text-decoration: none; color:#7f7f7f;}
			*/
			.cap{display:block;padding-top:.5em;
			color:#888877;
			font-style:italic;
			position:relative;
			text-align:left;}
			 .prjp{color:#4B5662 !important; font-size:23px !important; margin:0; display:inline; font-weight:200;}
	#pinfo a { font-size:15px;}
			
		/*-----Project page-----*/
		.pusher {margin-top:50px; background:white;}
		.highlight { font-size:15px;  padding:10px 0px 3px 0px; display:block;}
		#description{ margin-top:85px;}
		#pinfo{ font-size:15px;}
		.width {padding-right:;}
		/*-----FOOTER-----*/

	
		#footerinfo h5 {
			z-index:-9999;
			text-align: justify;
			line-height: 200%;
			font-size:12px;
			position:absolute;
			bottom:-300px;
			}
			
				#footerinfo h5 a:hover{
				text-decoration:underline;
			
					}
					
						#pfooterinfo h5 {
							z-index:-9999;
							text-align: justify;
							line-height: 200%;
							font-size:12px;
							position:absolute;
							bottom:-600px;
							}

	
	
	/*---- Slash -----*/
	
	#splash{
		position:relative;
		right:30px;
	}

/*
C0C0C0 hor
0.55 op

#EEEEEE vert wi10*/



    /* ----- s3slider -----*/

	#s3slider {
	   width: 264px; /* important to be same as image width */
	   height: 150px; /* important to be same as image height */
	   position: relative; /* important */
	   overflow: hidden; /* important */
		
	}

	#s3sliderContent {
	   width: 264px;
	height:150px; /* important to be same as image width or wider */
	   position: absolute; /* important */
	   top: 0; /* important */
	   margin-left: 0; /* important */
	}

	.s3sliderImage {
	   float: left; /* important */
	   position: relative; /* important */
	   display: none; /* important */
	}

	.s3sliderImage span {
	   position: absolute; /* important */
	   left: 0px;
bottom:0px;
	   font: 10px/15px Helvetica, Arial, sans-serif;
	   padding: 8px 13px;
	   width: 260px;
	   background-color: #000;
	   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
	   -moz-opacity: 0.6; /* here you can set the opacity of box with text */
	   -khtml-opacity: 0.6; /* here you can set the opacity of box with text */
	   opacity: 0.6; /* here you can set the opacity of box with text */
	   color: white;
	   display: none; /* important */
	   

			
	   /*
	       if you put
	       top: 0; -> the box with text will be shown at the top of the image
	       if you put
	       bottom: 0; -> the box with text will be shown at the bottom of the image
	   */
	}
		#sideshow{
		background:transparent;
		position:absolute;
		left:572px;
			margin-top:10px;
				}

	.clear {
	   clear: both;
	}
	
	
	/* ----- end s3slider -----*/
	
	
	
	/*<---//////////---Content---//////////--->*/
			
			/*--- Index ---*/
			
			
			/*--- End Index ---*/
			
			#content {
				position:relative;
				height:310px;
				}
				
			
			#content h3{font-weight:normal; 
				font-family: 'Kozuka gothic pro',Arial, 
				'Liberation Sans',FreeSans,sans-serif;
				}
				
				
	
	
	
	
	
	/*------ New Index ------*/
	
	
	#logo {
		padding-top:20%;
		height:100%;
		padding-left:10px;
		padding-bottom:10px;
		}
	
	#logo-container {
 position:absolute;

		top:0px;
		width:460px;
		left:0px;
		}
		
		
		#tagline{
		margin-top:00px;
		position:absolute;
		top:250px;
		left:90px;
		width:900px;
			}
	
	
		#ad{
			position:absolute;
			width:890px;
			height:100px;
			top:300px;
			left:60px;
		padding: 0 20px 25px 20px;
			border-bottom: 1px dotted silver;
			}
			
		.int{font-size:12pt;
			margin-top:20px;
			text-align:justify;}	
			
		#navh{
		list-style-type: none;
		position: absolute;
		top:5px;
		text-align: center;
		padding-top:0px;
		line-height:210%;
		height:240px;
		font-size:13pt;
		text-transform:uppercase;
		right:0px;
		width:186px;
		letter-spacing:1px;
				}
	
				
		#footerinfo-index h5 {
		text-align: justify;
		line-height: 200%;
		font-size:12px;
		position:absolute;
		margin-top:150px;
		right:10px;
		top:540px;
					}


		#picport{
			position:absolute;
		top:485px;
		left:80px;
		}
		
		#portmini {
			float:left;
			width:900px;
		
		}
		
		#portmini li{
			margin-left:15px;
			float:left;
			display:block;
		}
		
		#portmini li a img{
			border:1px solid silver;
			filter: alpha(opacity=60);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
			-moz-opacity: 0.60;
			opacity:0.6;
		}
		
			#portmini li a:hover img{
				filter: alpha(opacity=100);
				filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
				-moz-opacity: 1.00;
				opacity:1;	
				
			}
			
		/*end index*/

		
			/* Contact page*/
			
			#c-form{position:absolute;
				left:600px;
				}
			
			
			#contact_form					{ width:500px; margin:0 auto; height:200px; padding:10px 0;
															background: transparent; position:absolute;
															left:390px; top:85px;}
			form fieldset					{  font-size:1.2em;
															margin:0px 0px 20px 0px; width:578px; position:relative;
															border:0;display:block; padding: 0px 10px 8px; }
			form fieldset legend	{ border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169;
										font-weight:bold; font-variant:small-caps; font-size:140%; padding:4px 8px;
										margin:0px 0px 10px 0px; position:relative; top: -12px; background:white; }
			label					{ font-size:90%; display:block; float:left; width:10em; text-align:right;
								 	margin:.2em .2em 0 0; color:black; font-weight:bold;padding:8px 0px; }
			label.error           { font-weight:normal;color:red;text-align:left;width:140px; padding-left:25px;
			                        background: transparent ; }
			input.text-input			{ margin:4px;padding:2px 0;color:#333; }

			label#name_label      { position:absolute; top:0; left:00; margin-right:00px;}
			input#name            { position:absolute; top:0; left:140px; }
			label#name_error      { position:absolute; top:22px; left:120px; }

			label#email_label     { position:absolute; top:45px; left:0px; }
			input#email           { position:absolute; top:45px; left:140px; }
			label#email_error      { position:absolute; top:67px; left:120px; }

			label#phone_label     { position:absolute; top:90px; left:0px; }
			input#phone           { position:absolute; top:90px; left:140px; }
			label#phone_error      { position:absolute; top:112px; left:120px; }

			label#website_label     { position:absolute; top:135px; left:0px; }
			input#website           { position:absolute; top:135px; left:140px; }
			label#website_error      { position:absolute; top:157px; left:120px; }

			label#message_label     { position:absolute; top:190px; left:00px;}
			#messageform           { position:absolute; top:190px; left:143px; }
			label#message_error      { position:absolute; top:202px; left:120px; }

			input.button					{ position:absolute; top:330px; left:144px; padding:3px 6px;
			                        border:3px solid black; margin:20px 0px 0px 0px; color:black; 
															font-family:Verdana, Helvetica, sans-serif;
															background:transparent; }

			input.button:hover		{ background:black none repeat scroll 0% 0%; color:white; }
			#message							{ width:180px;margin:60px 0 0 100px; }
			#message h2						{ font-size:150%;color:white; }
			#message p						{ color:white;font-weight:bold;margin:6px 0px; }
			#checkmark						{ position:relative;top:-46px;left:-60px; }