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


	body {
		background:none;
		font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#333;
		line-height:180%;
		margin:0;
		padding:0;
		text-align:left;
	}
	h1{
		font-size:180%;
		font-weight:normal;
		margin:0;
		padding:20px;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	
	img{border:none;}
		
	p a{
		outline:none;
		color:#A80000;
		text-decoration:none;
		}
		
	p a:hover{
		color:#CC9933;
		text-decoration:none;
		font-weight: plain;
		}
		
	a{
		outline:none;
		color:#A80000;
		text-decoration:none;
		}

	a:hover{
		color:#CC9933;
		text-decoration:none;
		font-weight: bold;
		}		
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#container{	
		margin:50px auto;
		position:relative;
		text-align:left;
		width:800px;
		background:#fff;		
		margin-bottom:0;
		}
			
	#header{
		height:50px;
		width:800px;
		border:none;	
		}
		
	#header a{
		display:block;
		text-indent:-9999px;
		height:50px;
		background:url(images/header.png) no-repeat;
	}
		
	#leftNav{
		display:block;
		width:150px;
		height:480px;
		position:absolute;
		left:10px;
		top:40px;	
		}
		
	#leftNav li{
		font-size:9px;
		font-family:Verdana, Arial, sans-serif;
		list-style:none;
		letter-spacing:1.6px;
		text-transform:none;
		color:#A80000;
		margin-top: 20px;
		}
	#textspace{
		display:block;
		margin:25px 0 0 220px;
		padding:0;
		list-style:none;
		width:350px;
		height:450px;	
		}
		
	#textspace p{
		background:none;
		font:11px Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#330000;
		line-height:150%;
		letter-spacing:.06em;
		margin-bottom:6pt;
		padding:0;
		text-align:left;
		}
		
	.portfolio1on{
		height:24px;
		text-indent:-9999px;
		border:none;	
		}
		
	.portfolio1on a{
		display:block;
		height:24px;
		width:109px;
		text-indent:-9999px;
		margin-left:-1px;
		background:url(images/portfolio1on.png) no-repeat;
		}
		
	.portfolio2on{
		height:24px;
		text-indent:-9999px;
		border:none;	
		}
		
	.portfolio2on a{
		display:block;
		height:24px;
		width:109px;
		text-indent:-9999px;
		margin-top:2px;
		margin-left:-1px;
		background:url(images/portfolio2on.png) no-repeat;
		}	
		
	.portfolio3on{
		height:24px;
		text-indent:-9999px;
		border:none;	
		}
		
	.portfolio3on a{
		display:block;
		height:24px;
		width:109px;
		text-indent:-9999px;
		margin-top:2px;
		margin-left:-1px;
		background:url(images/portfolio3on.png) no-repeat;
		}
		
	.portfolio4on{
		height:24px;
		text-indent:-9999px;
		border:none;	
		}
		
	.portfolio4on a{
		display:block;
		height:24px;
		width:109px;
		text-indent:-9999px;
		margin-top:2px;
		margin-left:-1px;
		background:url(images/portfolio4on.png) no-repeat;
		}	
		
	.abouton{
		height:24px;
		text-indent:-9999px;
		border:none;	
		}
		
	.abouton a{
		display:block;
		height:24px;
		width:109px;
		text-indent:-9999px;
		margin-top:2px;
		margin-left:-1px;
		background:url(images/abouton.png) no-repeat;
		}	
		
	.contacton{
		height:24px;
		text-indent:-9999px;
		border:none;	
		}
		
	.contacton a{
		display:block;
		height:24px;
		width:109px;
		text-indent:-9999px;
		margin-top:2px;
		margin-left:-1px;
		background:url(images/contacton.png) no-repeat;
		}
		
	.clientson{
		height:24px;
		text-indent:-9999px;
		border:none;	
		}
		
	.clientson a{
		display:block;
		height:24px;
		width:109px;
		text-indent:-9999px;
		margin-top:2px;
		margin-left:-1px;
		background:url(images/clientson.png) no-repeat;
		}
		
	#footer {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 70%;
		position: absolute;
		margin-left:50px;
		margin-top: 75px;
}	

/* Easy Slider */

	#slider{
		margin:10px 0 0 220px;
		padding:0;
		list-style:none;
	
	}	
	#slider ul, #slider li{
		margin:10px auto;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:600px;
		height:400px;
		overflow:hidden; 
		}
		
	.caption{ 
		/* 
			cation under image
		*/ 
		font-size:9px;
		font-family:Verdana, Arial, sans-serif;
		list-style:none;
		letter-spacing:1.6px;
		text-transform:uppercase;
		color:#A80000;
		position:relative;
		left:220px;
		top:450px;
		} 
			
	#prevBtn, #nextBtn{ 
		display:block;
		width:45px;
		height:20px;
		position:absolute;
		left:170px;
		top:470px;
		}	
	#nextBtn{ 
		left:220px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:100%;
		height:100%;
		}	
	#nextBtn a{ 
		background:url('images/btn_next.gif') no-repeat 0 0;	
		}	
		
	#prevBtn a{ 
		background:url('images/btn_prev.gif') no-repeat 0 0;	
		}											

/* // Easy Slider */