html, body {
	color: #666;	 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;	
}

/* assign background image to content pages */
.body_content {
	background: #959595 url(../../framework/img/background/bg_middle_end.gif) repeat-y 50% 50%;
}

/* assign background image to homepage (blue) */
.body_homepage {
	background: #959595 url(../../framework/img/background/bg_middle_homepage2.gif) repeat-y 50% 50%;
}

/* this ensures all content area goes onto a white background */
div#wrap_whitebg {	
	float: left;
	background: #ffffff;
}

/* this ensures all content area goes onto a blue background (used on homepage) */
div#wrap_bluebg {	
	float: left;
	background: #68A9D1;	
}

/* wrap all content within a 760px wide box */
div#wrap_all {
	width: 760px;
	height: 100%;
	background: #ffffff;
	border: 0px solid #ff3300;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;	
	text-align: left;
	font-weight: normal;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2;
}

/* frame for header image (intranomic logo / banner */
#frame_header {
	width: 760px;
	height: 65px;
	background: #ffffff url(../../framework/img/headers/headerbar.gif) no-repeat;
	border: 0px solid #000000;
	float: left;
}

/* area for banner image on content pages */
#frame_banner {
	width: 760px;
	height: 156px;
	border: 0px solid #000000;
	padding-bottom: 10px;
	float: left;
}

/* frame which holds main navigation buttons */
#frame_navbar {
	width: 760px;
	height: 32px;
	border: 0px solid #000000;
	background: url(../../framework/img/navigator/mainnav_bg_area.gif) no-repeat;
	float: left;
}

/* footer area */
.footer {
	width: 760px;
	height: 50px;
	text-align: center;
	border: 0px solid #000000;
	background: #959595;
	float: left;	
}

.footerHome {
	width: 760px;
	height: 50px;
	text-align: center;
	border: 0px solid #000000;
	background: transparent;
	float: left;	
}

/* footer font */
.footer_font {
	color: #ffffff;
	text-align: center;
	font-size: x-small;
}

/* orange line that goes underneath main navigation buttons */
.line_undernav {
	height: 19px;
	width: 760px;
	background: url(../../framework/img/navigator/line_undernav.gif) repeat-x;
	float: left;
}

/* frame to left of screen (for drop-down lists) */
#frame_left {
	width: 170px;
	text-align: right;
	border: 0px solid #000000;
	background: #FDFDFD;
	padding-right: 0px;
	float: left;
}

/* main content area */
#frame_main {
	width: 580px;
	text-align: left;
	background: #ffffff;
	border: 0px solid #ff3300;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	float: left;
}

/* banner image for flash-content area on homepage*/
#homepage_frame_banner {
	position:relative;
	margin:0; 
	padding:0; 
	width: 760px;
	height: 480px;
	border: 0px solid #000000;
	z-index:10;	
	float: left;
	background-color:transparent; 
}

/* content area / right half of interface */
#frame_contentarea {
	width: 535px;
	padding-left: 30px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	border: 0px solid #000000;
	background: #ffffff url(../../framework/img/background/bg_contentarea.gif) repeat left top;
}

/* banner image for content area */
.banner {
	width: 580px;
	height: 70px;
}

/* need this to avoid bottom of page disappearing */
#frame_contentarea_bottom {
	width: 580px;
	height: 20px;
	border: 0px solid #000000;
	background: #ffffff url(../../framework/img/background/contentarea_bottom.gif) no-repeat;
}

/* close content area with image */
#frame_contentarea_bottom_close {
	height: 90px;
	width: 760px;
	background: #ffffff url(../../framework/img/background/bg_bottom_2.gif) no-repeat top;
	border: 0px solid #000000;
	float: left;
}

/* main title font */
.font_title_main {
	font-weight: bold;
	font-size: 12px;
	color: #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 2.0;
}

/* body / main font */
.font_body p{
	font-weight: normal;	
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	line-height: 1.5;
}

/* body / main font */
.font_body_list {
	font-weight: normal;	
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	line-height: 1.5;
	padding-left:15px;
}

/* link styles for body font */
a.font_body:link, a.font_body:visited, a.font_body:hover, a.font_body:active {	
	color: #FF6600;
	text-decoration: underline;
}

/* sub-links title */
.font_title_sub {
	font-weight: bold;
	color: #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 2.0;
}

.wrap_content_options {
	color: #FF6600;	
}

/* sub-links in content area appear bold & orange */
ul.content_options li, ul.content_options li a:link, ul.content_options li a:visited, ul.content_options li a:hover, ul.content_options li a:active  {
	color: #FF6600;
	font-weight: bold;
	text-decoration: underline;
	line-height: 2.0;
	list-style-type: square;
}

/* this is used to avoid layout problems across browsers, particularly with IE on mac */
.debug_text {
	font-size: 0px;
	color: #ffffff;
}

.standardText8{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
	color:black;
	cursor:default;
}

.standardText8bold{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:black;
	cursor:default;
}

.standard8bold{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:black;
	cursor:default;
}

.scrollColours{
	scrollbar-base-color:"#E7E3EF";
	scrollbar-3dlight-color:"#EEEEEE";
	scrollbar-arrow-color:"#5454BA";
	scrollbar-shadow-color:"#CCCCCC";
}

.intro {
	padding-left:10px;
	padding-bottom:10px;
}

.bullet {
	width:4px;
	height:4px;
	padding-top:12px;
	padding-left:10px;
	padding-right:6px;
	vertical-align:top;
}

.bullet_text {
	width:100%;
	cursor:default;
	vertical-align:top;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	text-align:justify;
	text-decoration:none;
	padding-top:5px;
}

.faq_question {
	cursor:pointer;
	vertical-align:top;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	text-align:justify;
	text-decoration:none;
	vertical-align:top;
	padding-top:5px;
	padding-left:10px;
}

.faq_answer {
	cursor:default;
	vertical-align:top;
	color:#5C5C98;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	text-align:justify;
	text-decoration:none;
	vertical-align:top;
	padding-top:5px;
	padding-left:10px;	
}

.reseller_list {
	cursor:default;
	vertical-align:top;
	color:#5C5C98;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	text-align:justify;
	text-decoration:none;
	vertical-align:top;
	padding-left:10px;	
}

.popup_text {
	cursor:default;
	vertical-align:top;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	text-align:justify;
	text-decoration:none;
	padding-top:5px;
}

.pictureTitle{

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:7pt;
}

.divMenu {
	height: 13px;
	width: 180px;
	padding-top:6px;
	padding-right:4px;
	padding-bottom:6px;
	padding-left:8px;
	text-align: left;
	list-style-type: none;
	font-size:11px;
	color: #FFFFFF;
	cursor:pointer;
	background-color: #339BDA;
	border-top:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.divMenuBottom {
	height: 13px;
	width: 180px;
	padding-top:6px;
	padding-right:4px;
	padding-bottom:6px;
	padding-left:8px;
	text-align: left;
	list-style-type: none;
	font-size:11px;
	color: #FFFFFF;
	cursor:pointer;
	background-color: #339BDA;
	border:1px solid #d3d3d3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.divMenuShort {
	height: 13px;
	width: 150px;
	padding-top:6px;
	padding-right:4px;
	padding-bottom:6px;
	padding-left:8px;
	text-align: left;
	list-style-type: none;
	font-size:11px;
	color: #FFFFFF;
	cursor:pointer;
	background-color: #339BDA;
	border-top:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.divMenuShortBottom {
	height: 13px;
	width: 150px;
	padding-top:6px;
	padding-right:4px;
	padding-bottom:6px;
	padding-left:8px;
	text-align: left;
	list-style-type: none;
	font-size:11px;
	color: #FFFFFF;
	cursor:pointer;
	background-color: #339BDA;
	border:1px solid #d3d3d3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Navigation */

#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	background: #959595 url(../../framework/img/navigator/mainnav_bg_area.gif) repeat-x;
	color: White;
	float: left;
	width: 100%;
}

#navcontainer ul li {
	display: inline;
}

#navcontainer ul li a {
	width: 108px;
	height: 22px;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;	
	text-decoration: none;
	text-align: center;
	list-style-type: none;
	color: White;
	float: left;
}

#navcontainer ul li a:hover {
	background: #959595 url(../../framework/img/navigator/nav_button_in.gif) repeat-x;
}

/* make main navigation button appear pressed-in / selected */
.active {
	background: #959595 url(../../framework/img/navigator/nav_button_in.gif) repeat-x;
	text-align: center;
	list-style-type: none;
	float: left;
	font-weight:bold;
	font-size: 0.8em;
}

/* make main navigation button appear unpressed / not-selected */
.inactive {
	background: #959595 url(../../framework/img/navigator/nav_button_out.gif) repeat-x;
	text-align: center;
	list-style-type: none;
	float: left;
	font-weight:bold;
	font-size: 0.8em;
}

/* Top Button Menu */
.main_button 
{
    background: #959595 url(../../framework/img/navigator/nav_button_out.gif) repeat-x;
    width: 108px;
    height: 22px;
    padding-top: 7px;
    padding-bottom: 5px;
    padding-right: 0px;
    padding-left: 0px;
    text-decoration: none;
    text-align: center;
    list-style-type: none;
    color: White;
    float: left;
}

/* white text that goes onto main-nav buttons */
.font_navcontainer {
	text-align: center;
}

/* grid which appears beneath drop-down lists to the left of page */
.bg_grid {
	width: 170px;
	height: 80px;
	background: url(../../framework/img/navigator/nav_bg_grid.gif) no-repeat;	
}

.bg_grid_tile {
	width: 170px;
	height: 450px;
	background: url(../../framework/img/navigator/nav_bg_grid_tile.gif) repeat;	
}

dl, dt, dd, ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#menu {
	width: 170px;
	height: 100%;
	text-align: left;
	font-size: x-small;
	border: 0px solid #ff3300;
	background: #ffffff;
	/*position: absolute; /* Menu position that can be changed at will */
}


#menu dt {
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border: 0px none;
	background: #ffffff;
}



#menu dd {
	text-align: left;
	border: 0px solid #ff3300;
	padding-left: 0px;
	padding-right: 0px;	
}

#menu ul {
	background: url(../../framework/img/navigator/nav_bg_area.gif) repeat left top;
}


#menu ul li.droplist a:link, #menu ul li.droplist a:visited {
	height: 17px;
	width: 128px;
	display: block;
	text-align: right;
	background: url(../../framework/img/navigator/nav_bg_subsub.gif) no-repeat right;
	color: #000000;
	line-height: 1.8;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 18px;
}

#menu ul li.droplist a:hover, #menu ul li.droplist a:active {
	height: 17px;
	width: 128px;
	display: block;
	text-align: right;
	background: url(../../framework/img/navigator/nav_bg_subsubhover.gif) no-repeat right;
	color: #000000;
	line-height: 1.8;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 18px;
}

#menu ul li.droplistBig a:link, #menu ul li.droplistBig a:visited {
	height: 27px;
	width: 128px;
	display: block;
	text-align: right;
	background: url(../../framework/img/navigator/nav_bg_subsub_big.gif) no-repeat right;
	color: #000000;
	line-height: 1.2;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 18px;
	padding-top: 1px;
}

#menu ul li.droplistBig a:hover, #menu ul li.droplistBig a:active {
	height: 27px;
	width: 128px;
	display: block;
	text-align: right;
	background: url(../../framework/img/navigator/nav_bg_subsubhover_big.gif) no-repeat right;
	color: #000000;
	line-height: 1.2;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 18px;
}

#menu ul li.lowerlist {
	list-style: none;
	height: 30px;
	width: 120px;
	background: url(../../framework/img/navigator/nav_lower.gif) no-repeat right;
	padding-right: 15px;
	padding-left: 18px;
}

.closelist {
	height: 45px;
	width: 170px;
	background: url(../../framework/img/navigator/nav_bottom.gif) no-repeat top;
}


.droplist_open {
	width: 145px;
	height: 18px;
	border: 0px;
	padding: 8px 25px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	text-align: right;
	text-transform: uppercase;
	font-weight:bold;
	background: url(../../framework/img/navigator/nav_subdropbar.gif) no-repeat right;
	display: block;
	cursor:default;
}

#Quote {
	width: 170px;
	height: 100%;
	text-align: left;
	font-size: x-small;
	border: 0px solid #ff3300;
	background: #ffffff;
	/*position: absolute; /* Menu position that can be changed at will */
}

.quote_open {
	border: 0px;
	padding: 30px 0px 0px 0px;
	vertical-align:bottom;
	margin: 0px;
	color: #ffffff;
	text-align: right;
	text-transform: uppercase;
	font-weight:bold;
	background: url(../../framework/img/navigator/nav_subquotebar_blue.gif) no-repeat right;
	display: block;
	cursor:default;
	font-size:1px;
	width: 170px;
}

.quote_close {
	height: 45px;
	width: 170px;
	background: url(../../framework/img/navigator/nav_subquote_bottom_blue.gif) no-repeat top;
}

#Quote ul {
	background: url(../../framework/img/navigator/nav_subquote_area_blue.gif) repeat-y;
	width: 170px;
}

#Quote ul li.droplistBig {
	width: 135px;
	display: block;
	text-align: center;
	color: #000000;
	line-height: 1.2;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 21px;
	padding-top: 10px;
	padding-bottom:5px;
	cursor:default;
}

#subMenu div {

	width:150px;
	height:15px;
	text-align:right;
	cursor:pointer;
	text-align:right;
	color:#000000;
	font-size:x-small;
}

/* Used on pages that require no-sub menu on the right of page */

#frame_nosub {
	width: 740px;
	text-align: left;
	background: #ffffff;
	border: 0px solid #ff3300;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#frame_contentarea_nosub {
	width: 695px;
	padding-left: 30px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	border: 0px solid #000000;
	background: #ffffff url(../../framework/img/background/bg_contentarea_nosub.gif) repeat left top;
}

#frame_contentarea_bottom_nosub {
	width: 730px;
	height: 20px;
	border: 0px solid #000000;
	padding-right: 15px;
	background: #ffffff url(../../framework/img/background/contentarea_bottom_nosub.gif) no-repeat;
}

.banner_nosub {
	width: 740px;
	height: 70px;
}