body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	   scrollbar-face-color: #EFEFE7;
	scrollbar-highlight-color: #8c8c58;
	scrollbar-shadow-color: #8c8c58;
	scrollbar-3dlight-color: #EFEFE7;
	scrollbar-arrow-color:  #8c8c58;
	scrollbar-track-color: #EFEFE7;
	scrollbar-darkshadow-color: #EFEFE7;
}

.main {
font-family:Verdana,Arial, Helvetica, san-serif;
	font-size:80%;
	color:#7E7E48;			
	padding: 20px 25px 5px 55px;
	line-height: 140%;
	   width: 410px;
	height: 320px;
	overflow: auto;
}

.projects{
font-family:Verdana,Arial, Helvetica, san-serif;
	font-size:80%;
	color:#7E7E48;			
	padding: 20px 5px 5px 5px;
	line-height: 140%;
	   width: 490px;
	overflow: auto;
}


.paining {
font-family: Arial, Helvetica, san-serif;
	font-size:210%;
	font-weight:500;
	color:#328BC0;			
	padding: 10px 7px 5px 55px;
	line-height: 120%;
	letter-spacing: 0.05em;
}

.tel {
font-family:Verdana,Arial, Helvetica, san-serif;
	font-size:75%;
	color:#ffffff;			
	padding: 5px 7px 5px 0px;
	line-height: 140%;
}


.motto {
font-family: Arial, Helvetica, san-serif;
	font-size:150%;
	color:#ffffff;			
	padding: 5px 15px 5px 0px;
	line-height: 130%;
	letter-spacing: 1px;
}

.td-main {
background-color: #EFEFE7;
}

.td-projects {
background-color: #EFEFE7;
}


.td-bottom{
background-color: #B8B88F;
}


.td-links{
padding: 3px 3px 3px 55px;
font-size:75%;
color: #D1D1B8;
background-color: #328BC0;
}

.td-li-proj{
background-color: #868657;
padding: 3px 3px 3px 55px;
font-size:70%;
color: #D1D1B8;
}



.right {
width: 250px;
padding: 5px 3px 5px 5px;
background-color: #8c8c58;
}

.left {
width: 390px;
background-color: #8c8c58;
}

.right-bot {
width: 280px;
padding: 5px 3px 5px 5px;
background-color: #B8B88F;
}

.dulux {
color: #3f3f29;
font-size:70%;
}

.links
{
padding: 2px 3px 2px 55px;
font-size:70%;
color: #EFEFE7;
}

.copyright
{
padding: 2px 35px 2px 170px;
color: #000;
float:right;
}

.sub  {
font-family: Arial, Helvetica, san-serif;
	font-size:105%;
	font-weight:600;
	color:#88C0E0;			
	padding: 10px 7px 5px 0px;
	text-transform:uppercase;
}

.picborder { 
border-color: #000000; 
border-width: 1px; 
} 


UL {
        padding-right: 2px;
	padding-bottom: 4px;
	list-style-image: url(../public/www/pics/arrow.gif);
	line-height: 170%;
   }



UL LI { 
        
        padding-right: 2px;
	padding-bottom: 4px;
        list-style-image: url(../public/www/pics/arrow.gif)      }
	

A:link {color: #328BC0; text-decoration: none}
A:visited {color: #328BC0; text-decoration: none}
A:active {color: #328BC0; text-decoration: none}
A:hover {color: #328BC0;text-decoration: underline;}


.bot A:link {color: #D1D1B8; text-decoration: none}
.bot A:visited {color: #D1D1B8; text-decoration: none}
.bot A:active {color: #D1D1B8; text-decoration: none}
.bot A:hover {color: #88c0e0;text-decoration: underline;}

.projects A:link {color: #328BC0; text-decoration: none}
.projects A:visited {color: #328BC0; text-decoration: none}
.projects A:active {color: #328BC0; text-decoration: none}
.projects A:hover {color: #328BC0; text-decoration: underline;}

/* menu top -------------------------------------------------------------------  */


.CSS
#navcontainer ul
{
margin: 0;
padding-top: 20px;
list-style-type: none;
text-align: center;
font-family: arial;
font-size: 14px;
height: 82px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding-top: 25px;
padding-right: 55px;
padding-bottom: 35px;
padding-left: 50px;
color: #000;
background: url(http://www.intwist.com/myPosts/lists/bk.jpg) top left no-repeat;
width: 146px;
height: 82px;
}

#navcontainer ul li a:hover
{
color: #fff;
background-position: 0 -82px;
width: 146px;
height: 82px;
}