/* === set all margins and paddings to 0 for consistency === */
* {
	margin: 0;
	padding: 0;
} 
/* ============ elements & gloabal settings ======= */
body {
	padding: 0;
	margin: 20px auto;
	font: 76% arial, helvetica, sans-serif;
	color: #333333;
	width: 748px;
	background: #e3e5e6 url(../images/bg_grey_fade.gif) repeat-x top;
	height: auto;
}
/* ------------ relative font sizes --------------- */
h1 {
	font-size: 2.0em;
}
h2 {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
	margin-top: 0;
	margin-bottom: 4px;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1.0em;
}
p, ol, ul, li {
	font-size: 1.0em;
}
h1,h2,h3,h4,h5,h6 {
	font-family: arial, helvetica, sans-serif;
	color: #000;
}
p {
	line-height: 1.4em;
	margin: 1em 0 0 0;
}
li {
	line-height: 1.6em;
}
sup {
	font-size: 0.8em;
}
/* ------------ misc elements --------------------- */
img {
	border: none;
}

/* IRC : Visually unchanging text colours on links for the home page 'block' areas */
a.dead:link {color:#000000;}
a.dead:active {color:#000000;}
a.dead:visited {color:#000000;}
a.dead:hover {color:#000000;}

a:link, a:visited {
	color: #C71585;
}
a:active, a:hover {
	color: #c30;
}

ol {
	margin-left: 2em;
	padding-left: 0;
}
/* ============  MAIN PAGE BLOCKS ================= */
div#banner {
	padding: 0;
	background: url(../images/bg_header1.gif) no-repeat top left;
}
div#banner img#logo {
	display: block;
	padding: 15px 0 15px 3px
}
div#navbar-top {
	background: transparent;
	/*width: 275px;*/
	width: 350px;
	float: right;
	/*margin: 20px 22px 0 0;*/
	padding: 20px 22px 0 0;
	text-align: right;
}
div#navbar-top ul {
	list-style: none;
	margin-top: 20px;
	padding-bottom: 3px;
}
div#navbar-top ul li {
	display: inline;
	padding: 12px 12px 12px 34px;
}
div#navbar-top ul li.home {
	background: url(../images/icon_home.gif) no-repeat 0 0.15em;
}
div#navbar-top ul li.contact {
	background: url(../images/icon_contact.gif) no-repeat 0 0.15em;
}
div#navbar-top ul li.dealers {
	background: url(../images/icon_dealers.gif) no-repeat 0 0.15em;
	padding-right: 0;
}
div#navbar-top a {
	font-weight: normal;
	text-decoration: none;
}
div#navbar-top a:link, div#navbar-top a:visited {
	color: #fff;
}
div#navbar-top a:active, div#navbar-top a:hover {
	color: #95D2FF;
}

div#page-shadow {
	background: url(../images/bg_page_shadow.gif) no-repeat top right;
	width: 747px;
	border-left: 1px solid #b7b9bb;
}
div#pagebodycontent {
	background: #fff url(../images/bg_content_shadow.gif) repeat-x top;
	width: 740px;
	/*padding: 10px 10px 0 10px;*/
	/*padding-top: 10px;*/
}
div#content-container {
	/*padding-left: 10px;*/
	/*padding-right: 9px;*/
	padding: 0;
}

div#content-shadow {
	background: url(../images/bg_content_shadow_bottom.gif) repeat-x;
	height: 5px;
	clear: both;
	width: 740px;
}

div#columns-container {
	background: transparent;
	padding-left: 10px;
	padding-top: 10px;
}

div#main-column {
	background: transparent;
	width: 508px;
	padding: 5px 0 0 0;
	float: left;
}

div#side-column {
	width: 213px;
	background: transparent;
	float: left;
	padding: 0;
}

div#container-full {
	background: transparent url(../images/bg_page_nav.gif) repeat-y left;
	width: 740px;
}
/*div#container-nav-frame {
	background: transparent url(../images/bg_page_nav.gif) repeat-y right;
}*/

div#page-nav {
	width: 162px;
	float: left;
	/*background: #0f0;*/
}
div#page-navframe {
	width: 140px;
	/*background: #0f0;*/
	/*background: transparent url(../images/bg_page_nav.gif) repeat-y right;*/
	/*border-left: 1px solid #b7b9bb;*/
}
div#page-nav ul, div#page-navframe ul {
	list-style: none;
	background: url(../images/bg_page_nav_shading.gif) repeat-x top;
	padding-top: 18px;
}
div#page-nav ul.l3 li, div#page-navframe  ul.l3 li {
	line-height: normal;
}

div#page-nav ul.l3, div#page-navframe  ul.l3 {
	background: transparent;
	padding-top: 0;
}
div#page-nav ul.l3 li, div#page-navframe  ul.l3 li {
	/*background: url(../images/bg_page_nav_sel.gif) repeat-y left;*/
	background: transparent url(../images/bg_page_nav_border_l3.gif) no-repeat top left;
	font-style: normal;
	font-size: 0.8em;
	padding-left: 20px;
	border-bottom: none;
	border-top: none;
	/*border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #fff;*/
}

div#page-nav ul li, div#page-navframe  ul li {
	background: #efefef;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d9d9d9;
	padding: 2px 0 3px 0;
	margin-right: 1px;
}
div#page-nav ul li.sel, div#page-navframe  ul li.sel {
	margin-right: 0;
	background: url(../images/bg_page_nav_sel.gif) repeat-y left;
	font-style: italic;
}
div#page-nav ul li.sel a, div#page-navframe  ul li.sel a {
	color: #f39400;
	font-weight: bold;
}
div#page-nav a, div#page-navframe a {
	font-weight: normal;
	padding-left: 10px;
	text-decoration: none;
}

div#page-nav ul.l3 li a, div#page-navframe ul.l3 li a  {
	padding-left: 0;
	font-weight: normal;
}

div#page-content {
	background: transparent;
	float: left;
	width: 558px;
	padding-left: 10px;
	padding-top: 10px;
}
div#page-content h3, div.fullWidthContentPadding h3 {
	margin-top: 1em;
}

div.fullWidthContentPadding {
	padding: 10px;
}

/* ============  SECTION BOXES ================= */
div.section-box {
	background: url(../images/sectionbox_bottom.gif) no-repeat bottom;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
div.section-box p, div.section-box h2, div.section-box h3 {
	margin-left: 15px;
	margin-right: 10px;
}
div.section-box h3 {
	font-weight: normal;
	color: #236db7;
	font-style: italic;
}
div.section-box img {
	display: block;
}

/* IRC: Added Column Boxes. Derived from side-boxes but has centered content (indented for pictures).*/
div.column-box {
	background: url(../images/sidebox_bottom.gif) no-repeat bottom;
	margin: 12px 0px 0 7px;
	padding: 0 0 10px 0;
}
div.column-box p {
	margin: 3px 12px 0 12px;
}
div.column-box h3 {
	margin-left: 1px;
	color: #0647d6;
	font-size: 1.1em;
	padding: 8px 0 3px 31px; 
}

/* IRC: Added tick h3 class for the column boxes*/
div.column-box h3.tick {
	background: url(../images/sidebox_top_tick.gif) no-repeat top left;
}

div.column-box h3.releases {
	background: url(../images/sidebox_top_releases.gif) no-repeat top left;
}
div.column-box h3.reviews {
	background: url(../images/sidebox_top_reviews.gif) no-repeat top left;
}
div.column-box img {
	display: block;
	margin-left:auto;
	margin-right:auto;
}



div.side-box {
	background: url(../images/sidebox_bottom.gif) no-repeat bottom;
	margin: 12px 0 0 7px;
	padding: 0 0 10px 0;
}
div.side-box p {
	margin: 3px 12px 0 12px;
}
div.side-box h3 {
	margin-left: 1px;
	color: #0647d6;
	font-size: 1.1em;
	padding: 8px 0 3px 31px; 
}
div.side-box h3.releases {
	background: url(../images/sidebox_top_releases.gif) no-repeat top left;
}
div.side-box h3.reviews {
	background: url(../images/sidebox_top_reviews.gif) no-repeat top left;
}
p.highlight {
	color: #D57500;  
}
div.hr-dotted-blue {
	background: url(../images/line_dotted_blue.gif) no-repeat top;
	height: 1px;
	padding-bottom: 3px;
	margin: 0;
}
div.hr-dotted-blue hr {
	display: none;
}

div.hr-full {
	border-top: 1px dotted #95D2FF;
	margin-top: 1em;
}
div.hr-full hr {
	display: none;
}

/* ============  NEWS TICKER ================= */
div#ticker-box {
	background: url(../images/ticker_bottom.gif) no-repeat bottom;
	margin: 0 0 0 7px;
	padding: 0 0 15px 0;
}
/*div#ticker-box p {
	margin: 0 10px 0 20px;
}*/
div#ticker-box h3 {
	font-size: 1.1em;
	background: url(../images/ticker_top.gif) no-repeat top left;
	margin-left: 2px;
	padding: 6px 0 10px 35px;
	color: #fff;
	width: 168px;
}
/*div#ticker-content {
	margin-left: 20px;
}*/


img#country-marker {
	float: right;
	margin-right: 20px;
	margin-top: 11px;
	border: 1px solid Silver;
	/*z-index: 1;*/
}
div#footerbar {
	padding: 0;
	margin: 0;
	background: url(../images/bg_footerbar.gif) no-repeat bottom;
}
div#footerbar ul {
	list-style: none;
	padding: 10px 0 20px 0;
}
div#footerbar ul li {
	display: inline;
	padding: 0 0 0 18px;
	font-size: 0.9em;
}
div#footerbar a {
	text-decoration: none;
	font-weight: normal;
}
div#footerbar a:link, div#footerbar a:visited {
	color: #000;
}
div#footerbar a:active, div#footerbar a:hover {
	color: #013eb0;
}
div#proteus-logo {
	width: 99px;
	float: right;
	margin: 12px 27px 0 0;
}

/* ============ nav bar content =================== */
#navbarh {
	padding: 0;
	background: #3d66e7 url(../images/bg_navbarh.gif) repeat-x bottom;
	width: 740px;
}
#navbarh ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#navbarh li {
	float: left;
}
#navbarh li.sel {
	font-style: italic;
}
#navbarh li.sel a {
	color: #95d2ff;
}
#navbarh a {
	display: block;
	font-weight: normal;
	text-decoration: none;
}
#navbarh a.toplevel {
	padding-left: 10px;
}
#navbarh li {position: relative;}
/* hide from IE mac \*/
#navbarh li {position: static; width: auto;}
/* end hiding from IE5 mac */
#navbarh li ul {
	width: 13em;
}
#navbarh ul li {
	padding: 10px 4px 10px 21px;
}
#navbarh ul li li {
	padding: 2px 10px;
	float: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d9d9d9;
	font-style: normal;
}
#navbarh ul li li.first {
	border-top: 3px solid #D8D8D8;
}
#navbarh ul li ul {
	margin-top: 10px;
}
#navbarh ul li a {
	color: #fff;
}
#navbarh li ul {
	position: absolute;
	z-index: 1;
	display: none;
	background: #EFEFEF;
	border-right: 1px solid #013EB0;
	border-left: 1px solid #013EB0;
	border-bottom: 1px solid #013EB0;
	border-top: 1px solid #013EB0;
}
#navbarh li:hover a, #navbarh a:focus,
#navbarh a:active, #navbarh li.hvr a {
	color: #FSSFF;
}
#navbarh li:hover ul, #navbarh li.hvr ul {
	display: block;
}
#navbarh li:hover ul a, #navbarh li.hvr ul a {
	color: #000000;
	background-color: transparent;
}
#navbarh ul ul li a:hover {
	background: transparent!important;
	color: #CC3300!important;
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
















/* ============  LIST STYLES ================= */
ul.bullet-blue {
	list-style: none;
	margin: 13px 10px 0 15px;
}
ul.bullet-blue li {
	background: url(../images/bullet_round_2_blue.gif) no-repeat 0 0.7em;
	padding: 2px 0 0 15px;	
}

ul.bullet-blue-nobefore {
	list-style: none;
	margin: 0 10px 0 15px;
}
ul.bullet-blue-nobefore li {
	background: url(../images/bullet_round_2_blue.gif) no-repeat 0 0.7em;
	padding: 2px 0 0 15px;
}


table.logos {
	margin: 5px 15px 0 15px;
	/*width: 491px;*/
	width: 476px;
}
table.logos td {
	vertical-align: middle;
}
table.logos img {
	display: block;
}