/*	Desc:		NVT Systems Screen Style Sheet
	Author:		brogerson@intervolve.com.au
  	Date:		August 2010
=== === === === === === === === === === */

body {font:.95em/1.4em Arial, Helvetica, sans-serif;color:#505040;background:#FFFFFF;text-align:center}


/*=IMAGE REPLACEMENT ITEMS
=== === === === === === === === === === */

#front #header h1,
#header h1 a,
#nav a,
.text-size-selection li a,
#feature .link1,
#feature .link2,
.video_link2,
#info_panel .more_about,
#video_panel .view_video,
#footer .divider,
#feature a,
.twitter_link {display:block;text-indent:-999999px;overflow:hidden;background-repeat:no-repeat !important}


/*=COMMON
=== === === === === === === === === === */
a,a:link {text-decoration:none;color:#0054A8}
a:hover {color:#000;cursor:pointer}
a:visited {text-decoration:none;border:0}

/* Formatting */
h2,h3,h4,h5 {color:#222;line-height:1.4em;margin:0 0 10px 0;font-weight:bold}
#content h2 {font-size:1.7em;margin:0 0 20px 0}
#content h2 span {font-weight:normal}
#content h3,#content big {font-size:120%;margin:2.5em 0 1em 0;text-transform:none !important;font-family:Calibri,Arial,Helvetica}
#content h4 {font-size:100%;padding-bottom:.2em;margin:3em 0 1.5em;border-bottom:1px solid #CCC;text-transform:uppercase}
#content h5 {font-size:100%;margin:10px 0 0 0}
#content small {font-size:80%;line-height:1.4em}

#content p,
#content ul,
#content ol {margin:0 0 1.5em 0}
#content li {margin:0 0 .5em 30px}
#content ul ul {margin:.5em 0 0 0}
#content ul {list-style-type:disc}
#content ol {list-style-type:decimal}

#content img.left {float:left;margin:0 1em 1em 0}
#content img.right {float:right;margin:0 0 1em 1em}
#content img.bthick {padding:6px;background:#FFF;border:1px solid #CCC;margin-bottom:.85em}
#content img.bthin,#sidebar img.bthin {padding:3px;background:#FFF;border:1px solid #CCC;margin-bottom:.85em}

em, i {font-style:italic}
b, strong {font-weight:bold}


/*=LAYOUT + BACKGROUNDS
=== === === === === === === === === === */

#container {width:950px;margin:0 auto;text-align:left}
#header {width:950px;height:140px;position:relative;z-index:9999}
#content-container {clear:both;width:948px;float:left;border:1px solid #CCC;border-width:0 1px 1px 1px;margin:0 0 30px 0;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;margin:50px 0 30px 0;background:url(../img/content-container-bg.gif) repeat-y}
#content {clear:both;width:628px;float:left;position:relative;padding:30px 30px 10px 30px}
#sidebar {width:200px;float:right;padding:30px}
#footer {clear:both;width:950px;margin:0 auto;text-align:left}

#front #content, #noside #content {width:950px !important;padding:20px 0 30px 0 !important}


/*=HEADER
=== === === === === === === === === === */

#front #header h1, #header h1 a {margin:0 auto;width:243px;float:left;} 
#front #header h1 {background:url(../img/nvtsystems-logo.gif) no-repeat center left;height:140px}
#header h1 a {background:url(../img/nvtsystems-logo.gif) no-repeat center left;height:140px}


/*=NAVIGATION
=== === === === === === === === === === */

#nav {position:absolute;top:0;right:0;padding:48px 0 0 0;z-index:999999}
#nav li {float:left;display:inline;position:relative}
#nav li a {display:block;float:left;line-height:41px;color:#000}
#nav li a:hover, #nav li:hover a {background-position:center left}
#nav li a.current {background-position:bottom left}
#nav .home {background:url(../img/nav/home.gif) no-repeat;width:78px}
#nav .products-and-services {background:url(../img/nav/products-and-training.gif) no-repeat;width:207px}
#nav .about-us {background:url(../img/nav/about-us.gif) no-repeat;width:111px}
#nav .news {background:url(../img/nav/news.gif) no-repeat;width:75px}
#nav .resources {background:url(../img/nav/resources.gif) no-repeat;width:117px}
#nav .contact {background:url(../img/nav/contact.gif) no-repeat;width:86px}

#nav ul {visibility:hidden;position:absolute;border-top:1px solid white;margin:41px 0 0 16px;background:#FFF;border:2px solid #BBB;border-width:0 2px 2px 2px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;left:0;width:205px}
#nav ul li {float:none;display:block;border-top:1px dotted #CCC;overflow:hidden;}
#nav ul a {display:block;width:173px;text-indent:0px;padding:0 16px}
#nav ul a:hover {background:#dde4ea}
#nav ul a.current {background:#eceff2}
#resources ul {width:185px}
#resources ul a {width:153px}

.prod1 em,
.prod2 em,
.prod3 em,
.prod4 em {font-style:normal;font-weight:bold;margin:0 3px 0 0}
.prod1 em {color:#327EB2}
.prod2 em {color:#5EBD00}
.prod3 em {color:#F5AD00}
.prod4 em {color:#F00000}

#prod1 .title-bar {border-bottom:3px solid #327EB2}
#prod2 .title-bar {border-bottom:3px solid #5EBD00}
#prod3 .title-bar {border-bottom:3px solid #F5AD00}
#prod4 .title-bar {border-bottom:3px solid #F00000}

#prod4 strike {color:red}
#prod4 .savings {margin:20px 0 0 0;padding:20px;background:#f7f6e9}
#prod4 .savings h4 {margin-top:0 !important}
#prod4 .savings p {margin:0}


/*=FEATURE 
=== === === === === === === === === === */

#feature {float:left;margin-top:-31px;display:block;overflow:hidden;background:url(../img/feature.jpg) no-repeat top left;width:950px;height:331px;position:relative}
#feature p {text-indent:-999999px}

#feature span {position:absolute;bottom:53px;right:33px;width:352px}
#feature .link1 {background:url(../img/feature_view.gif) no-repeat;width:232px;height:36px;float:left}
#feature .link2 {background:url(../img/feature_more.gif) no-repeat;width:120px;height:36px}
#feature .link1:hover {background-position:bottom left}


/*=INFO PANEL
=== === === === === === === === === === */

#info_panel {width:950px;display:block;margin:0 0 30px 0;overflow:hidden}

#info_panel .shadow {height:10px;margin-top:-5px;background:url(../img/box-shadow.png) repeat-x;}

#info_panel p {float:left;margin:0}
#info_panel .more-info-strip {width:928px;line-height:45px;position:relative;overflow:hidden;padding:0 11px;color:#FFF;font-weight:bold;background:#000 url(../img/more-info-strip_bg.gif) repeat-x;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px}
#info_panel .more-info-strip p.info_text {padding:0 0 0 50px;background:url(../img/more-info-strip_circles.gif) no-repeat center left;width:620px}

#info_panel .more_about {float:right;border:0;background:url(../img/more_about.gif) no-repeat center left;width:133px;height:45px}
#info_panel .more_about:hover {border:0}
#info_panel h3 {display:none}
#info_panel .piclink {position:absolute;left:0;top:0;width:90px;height:105px;border:0}
#info_panel .piclink:hover {border:0} 
#front #info_panel .more_about {margin-right:110px}

.product-boxes {background:#FFF;width:948px;font-size:.85em;overflow:hidden;border:1px solid #CCC;border-width:0 1px 1px 1px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;position:relative;z-index:2}
.product-boxes div {float:left;width:190px;display:block;border-right:1px solid #CCC;padding:20px 15px 20px 110px;position:relative}
.product-boxes .fancy-first {font-weight:bold;font-size:1.1em;color:#000}

.product-boxes div.first {background:url(../img/box-learn.jpg) no-repeat bottom left}
.product-boxes div.second {background:url(../img/box-conduct.jpg) no-repeat bottom left}
.product-boxes div.last {border:0;background:url(../img/box-software.gif) no-repeat bottom left}

#video_panel {clear:both;width:625px;float:left;font-size:1em;font-weight:bold}
#video_panel div {float:left;width:130px}
#video_panel .view_video {background:url(../img/view_video.jpg) no-repeat top left;width:110px;height:87px;border:0}
#video_panel .view_video:hover {border:0}
#video_panel p {float:left;display:block;margin:0;width:475px}

#learn_panel {font-size:14px;line-height:21px;font-weight:bold;overflow:hidden;background:url(../img/nvi-bubble.gif) no-repeat;width:324px;height:65px}
#learn_panel span {color:#000;display:block}
#learn_panel h3 {display:none}
#learn_panel a {float:left;margin:10px 0 0 85px}

.video_link2 {background:url(../img/view_video2.png) no-repeat;width:35px;height:116px;position:absolute;right:0;top:20px;z-index:999998}
.twitter_link {background:url(../img/twitter.gif) no-repeat;width:25px;height:83px;position:absolute;right:0;top:156px;z-index:999998}
.special-text {display:block;border:2px solid #CCC;padding:1em 0;font-style:italic;font-weight:bold;font-size:1.1em;line-height:1.3em;border-width:1px 0}

#mangement_structure #content img {float:left;margin:7px 20px 10px 0}


/*=SIDEBAR
=== === === === === === === === === === */

#sidebar .side-contact p,
#sidebar .contact-details p{margin:0 0 1em 0}
#sidebar .side-contact p img,
#sidebar .contact-details p img{float:left;margin:4px 10px 0 0}

#sidebar ul .current {color:#000}
#sidebar ul li {margin:0 0 5px 0}
#sidebar ul, .side-moreprodserv, .side-contact {margin:0 0 30px 0}

#sidebar .buynow_area p {margin:0 0 1em 0}
#sidebar .buynow_area input {width:auto;background:none;border:0}



/*=CONTENT
=== === === === === === === === === === */

div.medium p,
div.medium li {font-size:1.1em;line-height:1.4em}
div.large p,
div.large li {font-size:1.2em;line-height:1.5em}

#content a {border-bottom:1px solid #91BEE2}
#content a:hover {border-bottom:1px solid #BBB}

#content .title-bar {position:absolute;top:-50px;left:-1px;background:#000 url(../img/more-info-strip_bg.gif) repeat-x;height:50px;width:950px;color:#FFF;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;z-index:1}
#content .title-bar h2 {float:left;color:#FFF;line-height:50px;margin:0 0 0 30px;font-size:140%}
#content .title-bar .breadcrumbs {float:right;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;background:#434343 url(../img/breadcrumbs-bg.gif) no-repeat;margin:0 20px 0 0;padding:6px 10px 6px 13px;color:#DDD}
#content .title-bar .breadcrumbs a {color:#FFF;font-weight:bold;border-bottom:1px solid #777}

#content .col {float:left;width:480px;margin:0 30px 0 0}
#contact #content .col h3, #contact #content .col2 h3 {margin:25px 0 9px 0 !important}
#contact #content .col {width:300px;width:241px;padding:0 0 0 224px;position:relative}
#contact #content .col2 {float:left;width:241px;padding:0 0 0 224px;position:relative}
#contact #content .col img,#contact #content .col2 img {border:1px solid #CCC;padding:1px;background:#EEE;position:absolute;left:0;margin:-30px 0 0 0}

#content blockquote {overflow:hidden;padding:0 0 0 15px;margin:0 0 1em 0;font-style:italic;font-weight:bold}

#content div.left {float:left;width:320px}
#content div.right {float:right;width:320px}
#content p.left {float:left}
#content p.right {position:absolute;right:0;width:625px;display:block}
#content p.opening {font-size:140%;color:#000;line-height:150%;font-family:Calibri,Arial,Helvetica}

#content .pdf {background:url(../img/pdf_icon.gif) no-repeat center left;padding:0 0 0 23px}
.nomarg, .last {margin:0 !important}

/* News Page */
#news #content h2 {font-size:.8em;border-bottom:1px solid #CCC}
.article {position:relative;padding:20px 0 40px 0}
.article .article-image {font-size:13px;position:absolute;right:-290px;top:25px;width:260px}
.article .article-image small {font-style:italic;display:block;font-size:13px !important}
.article .article-image img {padding:3px;border:1px solid #CCC;background:#EEE}

/* Forms */
form {margin:0}
input,textarea,select {font:.95em/1.4em Arial, Helvetica, sans-serif;padding:3px;background:#FFF;border:1px solid #CCC;line-height:normal !important}
input[type='checkbox'],input[type='radio'] {border:0}
button {font-size:80%;line-height:normal !important;}
button:hover {}
button:focus {outline:none}
input,select,button {vertical-align:middle}
table,td {border-collapse:separate;border-spacing:0;font-weight:normal;font:.95em/1.4em Arial, Helvetica, sans-serif;padding:3px;line-height:normal !important}

#contactForm {padding:0 0 20px 0}
#contactForm p label {float:left;width:130px;font-weight:bold;margin:0 10px 0 0}
#contactForm p label em {float:right}
#contactForm p {clear:both}
#contactForm button {clear:both;float:left;margin:0 0 0 140px}
#contactForm textarea {clear:both;}

.red,label.error {color:red}
label.error {display:block;float:none !important;width:300px !important;margin:0 0 0 140px !important}
p.heard {margin:0 0 20px 120px !important}

/* Sitemap */
#sitemap ul {position:relative;border-left:1px solid #CCC;margin:0 0 20px 20px !important;padding:0}
#sitemap ul ul {margin-bottom:15px !important}
#sitemap li {list-style-type:none !important;margin:0 !important;padding:0 !important}
#sitemap li a {padding:0 0 0 9px;background:url(../img/sitemap_a_bg.gif) no-repeat center left;line-height:1.7em}
#sitemap ul a {font-weight:bold}
#sitemap ul ul a,#sitemap ul ul ul a,#sitemap ul ul ul ul a {font-weight:normal}

.wysiwygemail {display:none}

/* Resources Page  */
#sort-filter {padding:30px 0 0 0}
#sort-filter li {display:inline;margin:0 !important;padding:0 !important}
#sort-filter a {padding:0.5em 1em;background:#FFF;font-weight:bold;text-decoration:none;border:0}
#sort-filter a:hover, ul#sort-filter a.current{color:#888;border:0}
#sort-filter a.current {background-color:#eceff2}

#sort-list {height:250px;margin:30px 0;padding:0;list-style:none}
#sort-list li {width:100%;display:block;float:left;padding:0 !important;margin:0 !important}
#sort-list li img {display:none}
#sort-list li a {padding:5px 0;display:none;display:block;overflow:hidden;border-top:1px solid #CDCDCD;border-bottom:0}
#sort-list li a:hover {background-color:#eceff2;border-bottom:0}
#sort-list p {margin:0}

#sort-list .sheet a {background:url(../img/icon_sheet.png) no-repeat center left;padding-left:22px}
#sort-list .article a {background:url(../img/icon_article.png) no-repeat center left;padding-left:22px}
#sort-list .pdf {background:none}

#testimonials #sort-list li a {border-top:0;display:inline}
#testimonials #sort-list p {margin:0 0 1em 0 !important}

.text-size-selection {float:right;border:1px solid #EEE;background:#F6F6F6;-moz-border-radius:12px;-webkit-border-radius:12px;margin:0 0 20px 20px;padding:5px;text-align:center;}
.text-size-selection p {margin:0 0 3px 0 !important;display:block;font-size:12px !important;line-height:13px !important;font-weight:bold}
.text-size-selection li {display:inline;float:left;margin:0 !important;padding:0}
.text-size-selection li a {border:0 !important;width:34px;height:39px;display:inline;float:left;overflow:hidden;margin:0;padding:0}
.text-size-selection .small a{background-image:url(../img/size-1.gif)}
.text-size-selection .medium a {background-image:url(../img/size-2.gif);width:28px}
.text-size-selection .large a {background-image:url(../img/size-3.gif)}
.text-size-selection li a:hover {background-position:bottom left !important}

#front .text-size-selection {background:transparent;border:0;position:absolute;right:10px;top:-2px;z-index:999}
#front .text-size-selection p {display:none}
#front .resizer {clear:both}
#front .text-size-selection .small a{background-image:url(../img/size-1-1.gif)}
#front .text-size-selection .medium a {background-image:url(../img/size-2-2.gif)}
#front .text-size-selection .large a {background-image:url(../img/size-3-3.gif)}

.date-list .date {float:left;width:50px;background:#eceff2;font-size:1.2em;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;padding:4px 0;margin:5px 10px 10px 0}
.date-list .date span {font-size:.8em;display:block;color:#777}
.date-list span.date {margin:4px 0 0 -70px !important}
.date-list {margin:0 !important;list-style:none !important}
.date-list li {margin:0 0 3em 70px !important}
.date-list li li {margin:0 0 1em 20px !important}

table.access td{padding:15px 0;border-bottom:1px solid #CCC}
table.access th {font-weight:bold;background:#EEE;padding:10px 5px}

#map {margin:0 0 20px 0}
#map .inner {font-size:90%}
#map .inner h4 {text-transform:none;border:0;margin:7px 0 0 0}
#map .streetview {text-transform:uppercase;color:#df6b60;font-size:80%;border-color:#f7bbb5}

/*=FOOTER
=== === === === === === === === === === */

#footer {position:relative;height:70px;padding:0}
#footer .divider {height:7px;background:url(../img/divider.gif) no-repeat center center;margin:0 0 20px 0}
#footer small {float:left;clear:both;font-size:70%}
#footer a {color:#000;overflow:hidden}
#footer a:hover {color:#000}
#footer .credits {position:absolute;right:0;top:20px;}
#footer .credits a {background:url(../img/intervolve-credits.gif) no-repeat center left;width:170px;height:23px;text-indent:-999999px;display:block;border:0}
#footer .accessibility {padding:20px 0 20px 20px;background:url(../img/icon_accessibility.gif) no-repeat center left}

/*= ColorBox Styles
=== === === === === === === === === === */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:url(../img/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../img/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(../img/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(../img/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(../img/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(../img/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../img/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../img/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../img/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../img/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../img/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}