body{
	font-family: Georgia, sans-serif;
	font-size: 1em; 
	width: 100%;
	margin: 0;
	padding: 0;
	background: #EEE; color: #14223D;	
}

p 	{
	font-size: 1em;
	text-align: justify;
	line-height: 1.7em; /* 1.5 */
	padding-bottom: 1em;
	margin: 0 0 0 0px;
}


html{
	height: 100%; 
	margin-bottom: 0px;
	padding:0 0 0 0px;
}

div#container{
	width: 779px;
	margin: 0em auto;
	text-align: left;
	background: #fff;
}

div#header{
	height: 222px;
	width: 740px;
	margin: -5px 0 0 20px;
	padding: 0px 0 0 0;
}

div#blackband {
	width: 740px;
	height: 20px;
	background: #281208;
}
div#topnavheading{
	float: left;
	width: 260px;
	height: 55px;
	margin: 0 0 0 0px;
	padding: 0px 0 0 0;
	background-image: url(../images/topnavbg.jpg);  
	background-repeat: repeat-x;
}

div#topnavheading h1{
	margin: 13px 0 0 0px;
	padding: 0 0 0 20px;
	color: #FFF;
	float: left;
	font-size: 1.4em;
	letter-spacing: 1px;
	font-family: Georgia, sans-serif;	
}

div#topnav{		
	float: right;
	width: 480px;
	height: 55px;
	margin: 0 0 0 0px;
	padding: 0px 0 0 0;
	background-image: url(../images/topnavbg.jpg);  
	background-repeat: repeat-x;
}

div#topnav ul, div#topnav li{
	margin:0 0 0 0;
	padding:11px 10px 0 0;
	list-style-type:none;
	line-height: 1.5;
	float:right;
}

div#topnav li{
	font-size: 0.7em;
	margin-left:0px;
	padding-left:10px;
	float:right;
}


div#topnav a:link {
	color: #fff;
	text-decoration: none;
}

div#topnav a:visited {
	color: #fff;
	text-decoration: none;
}

div#topnav a:hover {
	color: #281208; /*281208*/
	text-decoration: none;
}

div#topnav a:active {
	color: #281208;
	text-decoration: none;
}

div#topnav a.activelink {
	color: #281208;
	text-decoration: none;
}

div#titlebar {
	clear:both;
	height: 142px;
	width: 740px;
	margin:  0 0 0 0px;
	padding: 0px 0 0 0px;
}


div#titlebarLHS {
	height: 142px;
	width: 20px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	background: url(../images/titlebarLHS.jpg)  no-repeat center left;
	float: left;
	
}

div#titlebarREPEAT {
	height: 142px;
	width: 480px; /* 500 for Firefox ?*/
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	background-image: url(../images/titlebarREPEAT.jpg);  
	background-repeat: repeat-x;
	float:left;
}

div#titlebarREPEAT h2{
	margin: 0 0 0 0px;
	padding:33px 0 0 0px;
	color: #fff;
	font-size: 1.8em;
	letter-spacing: 2px;
	font-family: Georgia, sans-serif;	
}

div#titlebarRHS {
	height: 142px;
	width: 240px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	float: right;
}

/*Nav pages*/
.titlehome{background: url(../images/man.jpg)  no-repeat center left; }
.titleapproach{background: url(../images/jigsaw.jpg)  no-repeat center left; }
.titleservices{background: url(../images/hands.jpg)  no-repeat center left; }
.titlevalues{background: url(../images/tablet.jpg)  no-repeat center left; }
.titlecontactus{background: url(../images/telephone.jpg)  no-repeat center left; }
.titleopensource{background: url(../images/open.jpg)  no-repeat center left; }
.titleeservices{background: url(../images/pallet.jpg)  no-repeat center left; }
.titlearchitecture{background: url(../images/drawing.jpg)  no-repeat center left; }
.titleinvestment{background: url(../images/approved.jpg)  no-repeat center left; }	
.titlesoftware{background: url(../images/disks.jpg)  no-repeat center left; }
.titlehardware{background: url(../images/scrabble.jpg)  no-repeat center left; }

div#sidebar{
	float: left;
	width: 180px;
	margin: 0 0 0 0px;
	padding: 0 0 0 30px;
	background: #fff;
}

div#navimage {
	float: none;
	margin: 10px 0 0 0px;
	padding: 0 0 0 0px;
	background: url(../images/navbar.jpg)  no-repeat  top left;
}

div#navbar {
	margin: 0 0 0 0px;
	padding: 38px 0 0 0px;
}
		
div#navbar ul, div#navbar li{
	margin: 0 0 0 0px;
	padding:0 0 0 0px;
	list-style-type:none;
	line-height: 2em;
	font-size: 11px;
	color: #646464;
	}

div#navbar .oslogo {
	margin: 30px 0px 0px 10px;
	padding: 0px 0 0 0px;
	border: 1px solid #8B9BBA;
}
div#navbar .xhtmllogo {
	margin: 0px 0px 0px 32px;
	padding: 10px 0 0 0px;
	border: 0px solid #8B9BBA;
}

div#navbar .csslogo {
	margin: 0px 0px 0px 32px;
	padding: 10px 0 0 0px;
	border: 0px solid #8B9BBA;
}

div#navbar a{font-size: 11px;
	margin-left:0px;
	padding-left:8px;
	font-weight: normal}


div#navbar a:link {color: #646464; text-decoration: none;}
div#navbar a:visited {color: #646464; text-decoration: none;}
div#navbar a:hover {color: #09c; text-decoration: none;} /*07a*/
div#navbar a:active {color: #09c;text-decoration: none;}
div#navbar a.activelink {
	color: #09c;
	text-decoration: none;
}

div#content{
	width: 535px;
	margin:10px 0px 0px 210px; /*210*/
	padding:0 0 0 0px;
	font-size: 11px;
	color: #666;
	background: #fff;
}

div#content h3{
	margin: 0px 0px 5px 0px;
	padding: 9px 0 5px 0;
	font-size: 1.5em;
	}
div#content h4{
	margin: 10px 0 0px 0px;
	font-size: 1em;
}

div#content .backimage {
	float: left;
	padding: 0px;
	border: 0px solid #8B9BBA;
	margin: 0px 12px 5px 15px;
}

div#content ul {
	font-size: 1em;
	text-align: justify;
	line-height: 0em; /* 1.5 */
}
div#content li {
	font-size: 1em;
	text-align: justify;
	line-height: 1.5em; /* 1.5 */
	margin: 0px 30px 0 0px;
	text-decoration: none;
	padding-bottom: 0.75em;	
}


div#content a:link {
	color: #07a; 	
	text-decoration: none;
}

div#content a:visited {
	color: #07a; 
	text-decoration: none;
}

div#content a:hover {	
	color: #07a; 
	text-decoration: underline
}

div#content a:active {
	background-color: #07a;
	text-decoration: none;
}
div#footer{
    clear:both;
	height: 25px;
	margin:  0px 0 0 20px;
	padding: 25px 0px 0 0px;
	background: url(../images/footer.jpg)  no-repeat center left;
}
div#footer p{
	font-size: 10px;
	font-family: Georgia, sans-serif;
	margin: -8px 32px 0px 0;
	padding: 0 0 0 0px;
	text-align: right;
}

div#footer a{
	color: #fff;
	text-decoration: none;
}

div#footer a:hover {	
	color: #fff; 
	text-decoration: underline;
}