@charset "UTF-8";


    body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    background-color:#989898;
    padding:0;
    margin-top:5px;}
	#container{
	margin:0 auto;
	width:1004px;
	height:660px;
	background-color:#FFF;
	position:relative;
	border:1px #999 solid;}
	
	h1{
	padding:0;
	margin:35px 0 0 128px;}
	/*_______________________________MAIN NAVIGATION*/
	
    ul#mainNav{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	list-style:none;
	padding:0;
	margin:10px 0 20px 120px;}
	
	ul#mainNav li{
	float:left;
	padding: 0 8px;
	color:#A1A0A0;
	border-left:1.5px #606060 solid;
	line-height:15px;}
		
	ul#mainNav li a{
	text-decoration:none;
	color:#A1A0A0;}
	   
	ul#mainNav li a:hover{
    color:#333;}
		
	ul#mainNav li.first{
	border-left:none;}
	   
	ul#mainNav li.current a{
	color:#333;}
	   
	ul#mainNav li.firstCurrent{
	border-left:none;}
	   
	ul#mainNav li.firstCurrent a{
	color:#333;}
	 /*_______________________________PROFILES*/
	#container.profiles{

	height:870px;}
	
	#container.profiles div#box{
	height:550px}
    /*_______________________________PROFILE NAVIGATION*/
	   
	ul#profiles{
    list-style:none;
	font-size:13px;
	line-height:24px;
    margin:30px 0 0 0;
	padding:0;
	text-align:right;
	text-transform:uppercase;}
		   
	ul#profiles li a{
	text-decoration:none;
	color:#A1A0A0;
	padding-right:14px;
	border-right:14px #EEE solid;}
			   
	 ul#profiles li.current a{
	color:#333;
	border-right:14px #CCC solid;}
			   
		ul#profiles li a:hover{
		color:#333;
		border-right:14px #CCC solid;}
			   
		ul#profiles li.arrow{
		text-transform:none;
		margin-top:20px;
		font-size:12px;}
			   
		ul#profiles li.arrow a{
		color:#ccc;
		border-right:14px #FFF solid; }
			   
		ul#profiles li.arrow a:hover{
		 color:#333;}
		  
		  
		 img.thumbnail{
		 position:absolute;
		 bottom:40px;
		 right:0;}
/*_______________________________MAIN CONTENT BOX*/
	    div#box{
	    font-size: 12px;
	    color: #666;
	    line-height: 16px;
	    clear: both;
	    position: absolute;
	    left: 408px;
	    top: 126px;
	    background-color: #F6F6F6;
	    width: 375px;
	
	    height: 370px;
	    padding: 40px 57px;}

        #box p{
	    padding-top:10px;
	    margin:0;}
	
		#box p h4{
		margin:0;}
		
				   
	p a{
	text-decoration:none;
	color:#A1A0A0;
}

	p a:hover{
		color:#333;
	}
/*_______________________________LEFT HAND BOX*/
	   #sideBox{
	   position: absolute;
	   left: 127px;
	   top: 131px;
	   width: 206px;
	   height: 475px;}
	
	   #sideBox img.side{
	   margin:6px 0 0 0;}
		
	   #sideBox img.top{
	   margin:0;}
		
	   #sideBox img.profile{
		position:absolute;
		bottom:10px;
		left:0;}
		
	/*_______________________________IMAGES*/
	
	    #imgSideBox{
	    position: absolute;
	    left: 123px;
	    top: 125px;
	    width: 206px;
	    height: 475px;}
	
	    ul#images{
		list-style:none;
		padding:0;
		margin:0;}
	
	   ul#images li a img{
	   float:left;
	   border:4px #FFFFFF solid}
	   

	   
	   ul#images li a img:hover{
	   float:left;
	   border:4px #ccc solid}
	   
	   ul#images li a img.currentPic{
	   border:4px #ccc solid}
	   
	 
	   
	   #imgBox{
		font-size:12px;
		color:#666;
		clear:both;
		position:absolute;
		left:400px;
		top:127px;
		background-color:#F6F6F6;
		width:490px;
		height:450px;
		padding:14px 0 0 0;
		text-align:center;}
		
		p.imgInf{
		padding:0;
		margin:0;
		position:absolute;
		left:20px;
		bottom:23px;
		font-size:11px;}
		
		p.imgCopy{
		padding:0;
		margin:0;
		position:absolute;
		left:20px;
		bottom:3px;
		font-size:9px;
		color:#999;}
		
		p.imgTit{
		padding:0;
		margin:0;
		position:absolute;
		left:20px;
		bottom:38px;
		font-size:11px;
		font-weight:bold;}
		
/*_______________________________PROJECTS PAGE*/

        body div#container.projectsBack{
	    height:2140px;}

        div#box.projects h2{
	    font-size:14px;
	    text-transform:uppercase;
	    font-weight:normal;
	    padding:0 0 16px 9px;
	    margin:0;}

        div#box.projects h3{
        padding:16px 0 0 9px;
	    margin:0;
	    line-height:8px;
	    font-weight:bolder;}
	
	    div#box.projects h4{
        padding:0 0 0 9px;
	    margin:0;
	    font-weight:normal;
	    margin:0;}

	    div#box.projects p{
		padding:0 0 20px 0;
		margin:0 0 0 8px;
		border-bottom:1px #CCCCCC solid;}
		
		div#box.projects p.final{
	    border-bottom:none;}
		
        #box.projects{
		height:1875px;}
		
		p.projPic{
		padding:1px;
		margin:0;
		font-size:9px;
		color: #666;}
		
		ul#credits{

		list-style:decimal;
		line-height:1em;
		font-size:9px;
		padding:10px 0 0 15px;
		margin:0;}
			
		ul#credits li{
		padding-top: 10px;
		color: #666;}
/*_______________________________ABOUT PAGE*/
		
		h4{
		font-weight:normal;
	    line-height:0; }
	
	    div#box h3{
		margin:0;}
/*_______________________________CONTACT PAGE*/

            div #box p.email{
			font-size:16px;
	        margin:0 0 0 21px;
			padding-top:10px;
	        color:#A29C9C;}
		
		    div #box p.tel{
			font-size:16px;
		    margin:50px 0 0 21px;
	        color:#A29C9C;}
		
		    div #box span.telNo{
		    color:#666;}
		
		    p.email a{
			color:#666;
			text-decoration:none;}
			
		    p.email a:hover{
		    color:#ccc;}
		  
		    img.conTwo{
			 margin-top:5px;}
	
 /*_______________________________FOOTER*/
	
	    #footer{
		font-size:11px;
		position:absolute;
		bottom:0;
		left:0;
		color:#999;}
		
	    #footer p.copy{
		position:absolute;
	    left:126px;
	    bottom:30px;
	    width:200px;}
		
		 #footer p.copyLong{
		position:absolute;
	    left:126px;
	    bottom:10px;
	    width:200px;}
	  
	    #footer p.mail{
	    position:absolute;
	    left:680px;
	    bottom:30px;}
		
		p#awb{
	    position:absolute;
		width:200px;
	
	    left:780px;
	    bottom:10px;
	
	
	}
		
			 #footer p#awb a{
	   text-decoration:none;
	   color:#CACACA;}
	   
	   	#footer p#awb a:hover{
	   color:#B8B8B8;}
		
	
			
	    #footer p.phone{
		 position:absolute;
	    left:470px;
	     bottom:30px;
	    color:#666;
		width:200px;}
			
	   #footer p a{
		float:left;
		color:#999;}
			
		#footer p a:hover{
		float:left;
		color:#CCC;}
		
		
		/*---------Image preload*/
		
		body:after{
content: url(images/conservation-images/damaged-painting.jpg)
url(images/conservation-images/flaking-paint.jpg)
url(images/conservation-images/gilded-painting.jpg)
url(images/conservation-images/oil-painting-cleaning.jpg)
url(images/conservation-images/paint-analysis.jpg)
url(images/conservation-images/painting-on-copper.jpg)
url(images/conservation-images/retouching.jpg)
url(images/conservation-images/canvas-mending.jpg)
url(images/conservation-images/varnish-removal.jpg)
url(images/conservation-images/varnish-removal.jpg)
url(imgfolder/contact-a.jpg)
url(imgfolder/contact-b.jpg); 
display:none;}