body, tr, td, a, p, ul, li, h1, h2, h3, input, div {
    font-family: Verdana, Sans-serif, Arial, Helvetica;
}

body, tr, td, a, p, ul, li, input {
    font-size: 8pt; color: #222222; font-weight: 400;
}

body {
    background-image: url("../images/background.gif");
    border: 0; margin: 0; border-spacing: 0; padding: 0;
}

img {
    border: none; border-width: 0px; margin: 0px; padding: 0px;
}

td 	{vertical-align: top}
	

/*--------------------------*/
/* Top header               */
/*--------------------------*/

table.topHeader {
	width: 100%; border: 0px; margin: 0px;
	border-collapse: collapse;
	background-color: white;
}

table.topHeader td {
	padding: 0px; vertical-align: top;
	background-image: url("../images/background.gif");
	white-space: nowrap;
	font-size: 2px;
}

table.topHeader img {border: 0px; margin: 0xp; vertical-align: bottom; sborder: 1px solid red;}

table.topHeader td.topHeaderMenu {
	width: 100%; background-color: white;
	background-image: url("../images/bk_bar.gif");
	background-repeat: repeat-x;
	padding-bottom: 10px;	/* Spacer to the main content */
}

table.topHeader td.topHeaderMenu img {height: 18px; vertical-align: top;}
table.topHeader td.topHeaderMenu img.menu_separ {width: 19px; height: 20px;}
table.topHeader td.topHeaderMenu img.menu_spacer {width: 1px; height: 26px;}

#menu_home img		{width: 37px;}
#menu_services img	{width: 54px;}
#menu_downloads img	{width: 66px;}
#menu_teamware img	{width: 62px;}
#menu_about img		{width: 39px;}


/*--------------------------*/
/* Drop-down menus          */
/*--------------------------*/

.mainMenuMenu {
	display: block; visibility: hidden; position: absolute; 
	width: 200px; background-color: white;
	border: 0px; margin: 0px; padding: 0px;
	border-collapse: collapse;
}

.mainMenuMenu a {
	display: block; padding-bottom: 2px;
	width: @inherit;
	font-weight: 800; text-decoration: none; 
	padding: 0px; margin: 0px; border: 0px;
	text-align:left; padding: 2px; padding-left: 10px;
	white-space: nowrap;
}

.mainMenuMenu a:link 	{color: #999999;}
.mainMenuMenu a:visited {color: #999999;}
.mainMenuMenu a:active 	{color: #999999;}
.mainMenuMenu a:hover 	{color: #ff6600; text-decoration: none;}

.mainMenuMenu div {
	display:block; border-bottom: 1px solid #cccccc; width: @inherit;
	border-collapse: collapse;
	text-align:left; padding: 2px;
	line-height: 1em;
}

.mainMenuMenu table 	{width: 100%; border:0px;}
.mainMenuMenu td 	{padding: 0px; vertical-align: top; background-color: white;}

.mainMenuMenu td.nw	{width: 10px; background-image: url("../img_menu/mn_nw.gif"); background-repeat: none;}
.mainMenuMenu td.nw img	{width: 8px; height: 8px;}
.mainMenuMenu td.n	{width: 100%; background-image: url("../img_menu/mn_n.gif"); background-repeat: repeat-x;}
.mainMenuMenu td.n img 	{width: 100%; height: 8px;}
.mainMenuMenu td.ne	{width: 13px; background-image: url("../img_menu/mn_ne.gif"); background-repeat: none;}
.mainMenuMenu td.ne img	{width: 13px; height: 8px;}

.mainMenuMenu td.w	{width: 10px; background-image: url("../img_menu/mn_w.gif"); background-repeat: repeat-y;}
.mainMenuMenu td.w img	{width: 10px; height: 1px;}
.mainMenuMenu td.e	{width: 13px; background-image: url("../img_menu/mn_e.gif"); background-repeat: repeat-y;}
.mainMenuMenu td.e img	{width: 13px; height: 1px;}

.mainMenuMenu td.sw	{width: 10px; background-image: url("../img_menu/mn_sw.gif"); background-repeat: none;}
.mainMenuMenu td.sw img	{width: 10px; height: 10px;}
.mainMenuMenu td.s	{width: 100%; background-image: url("../img_menu/mn_s.gif"); background-repeat: repeat-x;}
.mainMenuMenu td.s img 	{width: 1px; height: 1px;}
.mainMenuMenu td.se	{width: 13px; background-image: url("../img_menu/mn_se.gif"); background-repeat: none;}
.mainMenuMenu td.se img	{width: 13px; height: 8px;}


/*---------------------------------------*/
/* Main content and left menu            */
/*---------------------------------------*/

table.mainContent {
	border: 0px; margin: 0px;
	background-color: white;
}

td.leftMenu {
	width: 170px; vertical-align: top;
	padding: 0px; padding-right: 20px; padding-top: 10px;
}

td.leftMenu img {
	display: block;
	margin: 0px; margin-bottom: 4px;
}
td.leftMenu img.blueSpacer {
	width: 128px; height: 5px;
	margin: 0px; margin-top: 5px; margin-bottom: 5px;
}

#linux_services 	{width: 82px; height: 16px; margin-left: 3px;}
#web_dev 		{width: 101px; height: 16px; margin-left: 3px;}
#tw_consult		{width: 118px; height: 16px; margin-left: 3px;}
#tw_users		{width: 126px; height: 16px; margin-left: 3px;}
#my_cv			{width: 39px; height: 16px; margin-left: 3px;}
#e_communication	{width: 131px; height: 16px; margin-top: 30px;}

table.mainContent td.content {
	padding-left: 20px; padding-right: 50px; padding-bottom: 40px;
	vertical-align: top; text-align: justify;
}

td.bdNW		{width: 10px; background-image: url("../images/bd_nw.gif"); background-repeat: no-repeat;}
td.bdNW img	{width: 10px; height: 14px;}
td.bdN		{width: 100%; background-image: url("../images/bd_n.gif"); background-repeat: repeat-x;}
td.bdN img	{width: 1px; height: 14px;}
td.bdNE		{width: 15px; background-image: url("../images/bd_ne.gif"); background-repeat: no-repeat;}
td.bdNE img	{width: 15px; height: 14px;}

td.bdW		{width: 10px; background-image: url("../images/bd_w.gif"); background-repeat: repeat-y;}
td.bdW img	{width: 10px; height: 400px;}
td.bdE		{width: 15px; background-image: url("../images/bd_e.gif"); background-repeat: repeat-y; padding-right: 25px;}
td.bdE img	{width: 15px; height: 1px;}

td.bdSW		{width: 10px; background-image: url("../images/bd_sw.gif"); background-repeat: no-repeat;}
td.bdSW img	{width: 10px; height: 14px;}
td.bdS		{width: 100%; background-image: url("../images/bd_s.gif"); background-repeat: repeat-x;}
td.bdS img	{width: 1px; height: 14px;}
td.bdSE		{width: 15px; background-image: url("../images/bd_se.gif"); background-repeat: no-repeat;}
td.bdSE img	{width: 15px; height: 14px;}


table.footerBar {
	width: 100%; border: 0px; margin: 0px; margin-bottom: 40px;
	background: white;
}
table.footerBar td {
	background-image: url("../images/bk_bar.gif"); background-repeat: repeat-x; background-position: 0px 10px;
	padding: 15px; padding-bottom: 5px; padding-right: 25px; 
	text-align: right; vertical-align: baseline;
}


table.main_page {
	width: 700px; margin-top: 30px; 
}

table.main_page td.col_1
{
	padding-right: 20px; width: 450px;
	border: 0px; border-right: 1px dotted #DDDDDD;
	padding-bottom: 40px; text-align: justify;
}

table.main_page td.col_2 {padding-left: 20px; white-space: nowrap; padding-bottom: 40px;}
table.main_page td.col_2 img {border: 1px solid #999999; margin-bottom: 20px;}
table.main_page td.col_2 a {display: block; text-align: right; width: 143px;}



img.shot {
    margin: 0px; margin-left: 5px; margin-bottom: 5px;
    border: 1px solid #000000; float: right;
}

a 		{color:#ff6600; text-decoration: none;}
a:hover 	{text-decoration:underline; color:#cc0000;}
a.biglink	{color: #dd0000; font-weight: 800; font-size: 9pt;}


h1 { 
    color:#dd0000; text-decoration: none; font-family: Sans-serif, Arial, Verdana;
    font-size: 12pt; font-weight: 700; 
    margin: 0px; margin-top: 15px; margin-bottom: 25px;
    display: block; padding-bottom: 5px;
    background-image: url("../images/linebl2.gif"); background-repeat: no-repeat;
    background-position: bottom left;
}



h2 { 
    color:#dd0000; text-decoration: none; 
    font-size: 11pt; font-weight: 900; margin: 0px;
    padding-bottom: 3px;
    background-image: url("../images/linebl.gif"); background-repeat: no-repeat;
    background-position: bottom left;
}

h3, h4 { 
	color:#dd0000; text-decoration: none; 
	font-size: 10pt; font-weight: 900; 
	margin: 0px; margin-bottom: 5px;
	border-bottom: 1px solid #DDDDDD;
}

h4 {
	font-size: 9pt; border: 0px;
}

input {
    color:#990000; border-color: #990000; background: #dddddd;
    margin:0px; border:1px; border-width:1px; 
    border-style: inset; padding: 0px;
    font-size: 8pt; width: auto; height: auto;
}

table {
    border: none; margin: 0px;
    padding: 0px; border-spacing: 0px; border-collapse: collapse; spacing: 0px;
}

td {
    border: 0px; border-width: 0px;
    border-style: none; margin: 0px;
    padding: 0px; border-spacing: 0px;
}


strong {
    color: #dd0000; font-weight: 700; font-size: 8pt;
}


div.projectShow {
	display: block; width: 100%;
	float: right; margin-bottom: 20px; margin-top: 10px;
}

div.projectShow img.shot {
    margin: 0px; margin-left: 15px; margin-bottom: 5px;
    border: 1px solid black; float: right;
}

div.projectShow div.shot {
    margin: 0px; margin-left: 15px; margin-bottom: 5px;
    float: right;
    text-align: right; vertical-align: top;
    color: #666666;
}

div.projectShow div.border {
    border: 1px solid #666666;
    padding: 8px; padding-bottom: 5px;
    background-color: #f4f4f4;
    font-style: italic;
}

div.projectShow h3 		{display: block; width: 100%;}
div.projectShow div.shot img	{display: block; border: 1px solid black; margin-bottom: 5px;}
div.projectShow div.shot a	{display: block;}