a.imagelink{
height: 117px;
width: 150px;
text-decoration:none;
}

a.imagelink:hover{
height: 165px;
width: 212px;
text-decoration:none;
}

#image1{
	background-image: url(../portfolio/FG_small.jpg);
}
.bg_bottom {
	background-image: url(../img/Templates_images/links_bot.jpg);
	height: 75px;
}


#image1:hover{
	background-image: url(../portfolio/FG.jpg);
}

#image2{
	background-image: url(../portfolio/ontex_small.jpg);
}

#image2:hover{
	background-image: url(../portfolio/ontex.jpg);
}

a.sublink2:link { 
color: #333333; 
text-decoration: none;
} 
a.sublink2:visited { 
color: #333333; 
text-decoration: none;
}
.bg_linux {
	background-image: url(../img/bg_linuxbox.jpg);
	height: 347px;
	width: 270px;
}
.bg_windows {
	background-image: url(../img/bg_windowsbox.jpg);
	height: 347px;
	width: 270px;
}

a.sublink2:hover {
color: #333333;
text-decoration: underline;
}

.main-properties {
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background-color: #999;
}

.background-norepeat
{
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

.background-norepeat2
{
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	height: 128px;
	background-image: url(../img/bottombanner2.jpg);
}


ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	}
	
ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 174px;
	top: 0;
	display: none;
	}
	
ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	color: #000000;
	background: #EBEBEB;
	padding: 3px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}
	
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 166px;
	border-bottom: 1px solid #ccc;
	}
	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { 
	display: block; 
	}
	
UL LI A:hover {
	BACKGROUND: #003366; COLOR: #FFFF66
}

.toplinksfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
}
.bgdarkblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003366;
}
.links2font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	line-height: 30px;
}
.mainfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.mainfont2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
}
.black12 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}
.black12-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

.black10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}
.black11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

.red10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C00;
}
.red12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C00;
}
.red12-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #C00;
}
.red14-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #C00;
}
.red18-bold {
	font-family: Arial, Helvetica, sans-serif;
	color: #D50000;
	font-size: 18px;
	font-weight: bold;
}


.mainfont3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
}
.mainfontbold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666;
}
.blue12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #39689E;
}
.blue12-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #39689E;
}
.blue14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #39689E;
}
.blue14-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #39689E;
}

.border1 {
	border: 1px solid #999;
}

.blue16-oblique {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #39689E;
	font-style: oblique;
}


.header2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.BLACKLARGE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.tabled-items {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	background-color: #CCCCCC;
}
.tableditems2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.tabled-items-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	background-color: #CCCCCC;
}
.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
}
.bg-black {
	background-color: #000;
}
.bg-grey {
	background-color: #999;
}
.bg-blue {
	background-color: #39689E;
}
.white12-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
}

.white16-oblique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: oblique;
	color: #FFF;
	font-weight: bold;
}
.bg-toppage {
	background-image: url(../img/topbanner.jpg);
	height: 101px;
	width: 790px;
}
.bg-toppage2 {
	background-image: url(../img/Templates_images/top_page3.jpg);
	height: 166px;
}
.bg-leftside {
	background-image: url(../img/Templates_images/links_side.jpg);
	height: 549px;
	width: 213px;
	background-repeat: no-repeat;
	background-color: #FFF;
}
.bg-repeat {
	background-image: url(../img/Templates_images/repeater.jpg);
	background-repeat: repeat;
	width: 577px;
}
