﻿body {
}
/* ############  MAIN BODY DIVS ############## */
html , body 
{
	background-color:#DDDDDD;
	padding:0px;
	border:0px;
}

a 
{
	font-family:Arial; font-size: 10px;
	color:Black;
	text-decoration:none;
}

img
{
	border:none;
}

#wrapper
{
	position:absolute;
	top:0px;
	bottom:0px;
	width:99%;
	height:100%;
	padding:0px;
	border:0px;
}

#mainContainer
{
	background: White url(gfx/background.jpg) repeat-y;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	padding:0px;
	border:0px;
}

#header
{
	width:780px;
	margin-left:10px;
	margin-right:10px;
}

#menu
{
	width:780px;
	margin-left:10px;
	margin-right:10px;
}

#sideBody
{
	margin-left:20px;
	float:left;
	border-right:Solid 1px Gray;	
	width:200px;
}

#mainBody
{	
display:inline-block;
margin-left:10px;
margin-right:10px;
	width:500px;
	_width:500px;
	min-height:600px;
}

#footer
{
display:inline-block;
	width:780px;
	background:#AAAAAA;
	margin-left:10px;
}

/* ############  THEME IMAGES ############## */

.mainLogo
{
    display: block;
    width: 225px;
    height: 60px;
    background: url(gfx/logo.jpg);
    background-repeat: no-repeat;
}

.downloadIcon{display: block; background: url(gfx/downloadIcon.jpg); width:26px; height:16px;}

/* MENU */
.homeFlat{display: block; background: url(gfx/menu/homeFlat.jpg); width:63px; height:30px;}
.aboutFlat{display: block; background: url(gfx/menu/aboutFlat.jpg); width:82px; height:30px;}
.productsFlat{display: block; background: url(gfx/menu/productsFlat.jpg); width:82px; height:30px;}
.supportFlat{display: block; background: url(gfx/menu/supportFlat.jpg); width:102px; height:30px;}
.contactFlat{display: block; background: url(gfx/menu/contactFlat.jpg); width:82px; height:30px;}
.accountFlat{display: block; background: url(gfx/menu/accountFlat.jpg); width:82px; height:30px;}
.asiaFlat{display: block; background: url(gfx/menu/asiaFlat.jpg); width:60px; height:30px;}
.resellerFlat{display: block; background: url(gfx/menu/resellersFlat.jpg); width:82px; height:30px;}
.menuSpacer{display: block; background: url(gfx/menu/menuSpacer.jpg); width:145px; height:30px;}
.blankNav{display: block; background: url(gfx/menu/menuSpacer.jpg) repeat-x; width:600px; height:30px;}
.homeSelected{display: block; background: url(gfx/menu/homeSelected.jpg); width:63px; height:30px;}
.aboutSelected{display: block; background: url(gfx/menu/aboutSelected.jpg); width:82px; height:30px;}
.productsSelected{display: block; background: url(gfx/menu/productsSelected.jpg); width:82px; height:30px;}
.supportSelected{display: block; background: url(gfx/menu/supportSelected.jpg); width:102px; height:30px;}
.contactSelected{display: block; background: url(gfx/menu/contactSelected.jpg); width:82px; height:30px;}
.accountSelected{display: block; background: url(gfx/menu/accountSelected.jpg); width:82px; height:30px;}
.resellerSelected{display: block; background: url(gfx/menu/resellersSelected.jpg); width:82px; height:30px;}
.asiaSelected{display: block; background: url(gfx/menu/asiaSelected.jpg); width:60px; height:30px;}


/* LEFT SIDE BARS */
.latestNews{display: block; background: url(gfx/latestNews.jpg); width:198px; height:14px;}
.accountLogin{display: block; background: url(gfx/accountLogin.jpg); width:198px; height:14px;}
.versionRelease{display: block; background: url(gfx/versionRelease.jpg); width:198px; height:14px;}
.hvAiOClient260{display: block; background: url(gfx/AioClient.jpg); width:198px; _width:198px; height:14px; background-repeat:no-repeat;}

/* MAIN BARS */
.hvAiOClient550{display: block; background: url(gfx/mBar_marketLeader.jpg); width:535px; _width:535px; height:14px;}
.hvSupport270{display: block; background: url(gfx/mBarShort_Support.jpg); width:230px; height:14px;}
.mediaManagement{display: block; background: url(gfx/mBarShort_MediaManagement.jpg); width:230px; height:14px;}
.mBarAboutHV{display: block; background: url(gfx/mBar_aboutHydravision.jpg); width:535px; height:14px;}
.mBarHVProducts{display: block; background: url(gfx/mBar_hydravisionProduct.jpg); width:535px; height:14px;}
.mBarHVSupport{display: block; background: url(gfx/mBar_hydravisionSupport.jpg); width:535px; height:14px;}
.mBarLatestNews{display: block; background: url(gfx/mBar_latestNews.jpg); width:535px; height:14px;}
.mBarCareers{display: block; background: url(gfx/mBar_careers.jpg); width:535px; height:14px;}
.mBarContacts{display: block; background: url(gfx/mBar_contactDetails.jpg); width:535px; height:14px;}
.mBarContacts{display: block; background: url(gfx/mBar_contactDetails.jpg); width:535px; height:14px;}
.mBarResellers{display: block; background: url(gfx/mBar_resellers.jpg); width:535px; height:14px;}

/* MAIN BOXES */
.boxHydra{display: block; background: url(gfx/boxHydra.jpg); width:535px; height:170px;}
.boxAbout{display: block; background: url(gfx/boxAbout.jpg); width:535px; height:170px;}
.boxProducts{display: block; background: url(gfx/boxProducts.jpg); width:535px; height:170px;}
.boxSupport{display: block; background: url(gfx/boxSupport.jpg); width:535px; height:170px;}
.boxContact{display: block; background: url(gfx/boxContact.jpg); width:535px; height:170px;}
.boxResellers{display: block; background: url(gfx/boxResellers.jpg); width:535px; height:170px;}
.boxRegister{display: block; background: url(gfx/boxRegister.jpg); width:535px; height:170px;}
.box3D{display: block; background: url(gfx/header3D.jpg); width:535px; height:170px;}
.boxQms{display: block; background: url(gfx/BannerQMS.jpg); width:535px; height:170px;}


/* ############  FORMATTING DIVS ############## */

.lowerMenu
{
	 background: url(gfx/menu/menuLower.jpg);
	 width:780px;
}

.aMenu
{
	font-family:Arial; font-size: 11px;
	color:#DDDDDD;
	text-decoration:none;
}

.aWhite
{
	font-family:Arial; font-size: 10px;
	color:White;
	text-decoration:none;
}

.aPrimary
{
	font-family:Arial; font-size: 11px;
	color:#1C3764;
	text-decoration:none;
}

.aPrimaryBold
{
	font-family:Arial; font-size: 11px; font-weight:bold;
	color:#1C3764;
	text-decoration:none;
}

.aSecondary
{
	font-family:Arial; font-size: 11px;
	color:#333333;
	text-decoration:none;
}
.aSecondaryBold
{
	font-family:Arial; font-size: 11px; font-weight:bold;
	color:#333333;
	text-decoration:none;
}

.aHeaderPrimaryBold
{
	font-family:Arial; font-size: 12px; font-weight:bold;
	color:#1C3764;
	text-decoration:none;
}

.aHeaderSecondaryBold
{
	font-family:Arial; font-size: 12px; font-weight:bold;
	color:#333333;
	text-decoration:none;
}

.aRed
{
	font-family:Arial; font-size: 11px;
	color:Red;
	text-decoration:none;
}

.aRedBold
{
	font-family:Arial; font-size: 11px; font-weight:bold;
	color:Red;
	text-decoration:none;
}

.aGreenBold
{
	font-family:Arial; font-size: 11px; font-weight:bold;
	color:Green;
	text-decoration:none;
}

.button
{
	font-family:Arial; font-size: 10px;
	color:Gray;
	text-decoration:none;
}

.hyperlink
{
	font-family:Arial; font-size: 11px;
	color:Blue;
	text-decoration:none;
}
