body
{
    background-color:#FFFFFF;
	background-image:url(images/site_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	background-attachment:scroll;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-family: Verdana,Tahoma,Arial,non-serif;
	font-size:0.8em;
	color:#444444;
}
img
{
    border:none;
}
a
{
    color: #dd3c26;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
p.justify
{
    text-align:justify;
}
ul
{
    list-style: square;
}
h2
{
    font-size: 1.3em;
    font-weight:bold;
    margin-top: 0;
}
h3
{
    font-size:0.9em;
    font-weight:bold;
}

table#main
{
    margin:auto;
    text-align:left;
    position:relative;
    top:80px;
    height:100%;
}
td#navigation
{
    background-image:url(images/nav_bg.jpg);
    background-repeat:repeat-x;
    height:25px;
    width:783px;
}
td#content
{
    padding:20px;
}
td#footer
{
    width:100%;
    text-align:center;
    height:30px;
    padding-top:10px;
    display:block;
    vertical-align:bottom;
}

/*** Area pictures ***/
div#welcomeImage, div#contactImage, div#technologyImage, div#projectsImage
{
    float: right;
    width: 150px;
    height: 150px;
    margin: 0px 0px 8px 10px;
    display: block;
    background-repeat:no-repeat;
    background-position: center;
}
div#welcomeImage
{
    background: transparent url(images/images.jpg) -150px -200px no-repeat;
}
div#contactImage
{
    background: transparent url(images/images.jpg) 0px -200px no-repeat;
}
div#technologyImage
{
    background: transparent url(images/images.jpg) -150px -50px no-repeat;
}
div#projectsImage
{
    background: transparent url(images/images.jpg) 0px -50px no-repeat;
}

/*** Navigation ***/
ul#nav_list
{
    float:left;
    height:25px;
    margin: 0 0 0 20px;
    padding:0;
    position:relative;
    list-style:none;
}
ul#nav_list li
{
    position: relative;
    float: left; 
    margin-right:15px;
}
ul#nav_list li, ul#nav_list a
{
    height: 25px; 
    display: block;
}
#about
{
    background:url(images/images.jpg);
    width:41px;
}
#about a:hover
{
    background: transparent url(images/images.jpg) 0px -25px no-repeat;
}
#projects
{
    background: transparent url(images/images.jpg) -42px 0px no-repeat;
    width:59px;
}
#projects a:hover
{
    background: transparent url(images/images.jpg) -42px -25px no-repeat;
}
#technology
{
    background: transparent url(images/images.jpg) -102px 0px no-repeat;
    width:76px;
}
#technology a:hover
{
    background: transparent url(images/images.jpg) -102px -25px no-repeat;
}
#contact
{
    background: transparent url(images/images.jpg) -179px 0px no-repeat;
    width:49px;
}
#contact a:hover
{
    background: transparent url(images/images.jpg) -179px -25px no-repeat;
}