﻿@import url(norriq_typography.css);
@import url(norriq_content.css);
	
	body { background:#c0c5c8 url(../images/bg01.jpg) no-repeat 50% 0px; text-align:center; margin:8px 0px 0px}
	/*body {background:#ccc; text-align:center; margin:8px 0px 0px}*/
        body { background: #d9dbdd url(../images/hvk-bg.jpg) repeat-x; text-align:center; margin:8px 0px 0px; }
	#page {width:970px; margin:0px auto; text-align:left; overflow:hidden}

	#sites-menu {display:inline; float:left; clear:left}
		#sites-menu ul {display:inline; float:left; margin:0px; padding:0px; list-style:none;}
		#sites-menu li {display:inline; float:left; margin:4px 5px 0px 0px; padding:0px;}
		#sites-menu a {}

	#secondary-menu {display:inline; float:right; clear:right; font-size:11px}
		#secondary-menu ul {display:inline; float:left; margin:0px; padding:0px; list-style:none; overflow:hidden}
		#secondary-menu li {display:inline; float:left; padding-right:1px; margin:0px -1px 0px 0px; background:url(../images/hvk_nav_divider.gif) no-repeat 100% 4px; }
		#secondary-menu a {display:inline; float:left; padding:0px 6px; color:#fff; text-decoration:none; background:transparent}
		#secondary-menu a:hover, #secondary-menu a.selected {text-decoration:underline;}
		
	#search {display:inline; float:left}
		#search input {position:relative; display:inline; float:left; width:107px; margin:-1px 0px 0px 6px; padding:2px 4px; border:0px; font-size:11px; background:#fff}
		
		
	#header {position:relative; display:inline; float:left; width:100%; margin-top:8px}
		#header a {background:transparent}
		#header .nav-level {display:inline; float:left; clear:both; width:930px; height:auto; margin:2px 0px 0px; padding:12px 20px; background:#fff}
		#header ul {display:inline; float:left; margin:0px; padding:0px; list-style:none; overflow:hidden}
		#header ul li {display:inline; float:left; margin:0px 0px 0px -1px; padding:0px 1px 0px 0px; background:url(../images/gx_nav_divider.gif) no-repeat 0px 5px; }
		#header ul a {display:inline; float:left; padding:0px 11px; color:#000; text-decoration:none}
		#header ul a:hover, #header ul a.selected {color:#009ad3}
		#header ul a.selected:hover {color:#20c4f4}
		
		#header .nav-level.main {height:90px; padding-top:0px; padding-bottom:0px; margin-top:0px}
			#header .nav-level.main ul {margin-top:34px}
			
	#logo {position:absolute; top:0px; right:0px; z-index:10}
		#logo img, #logo-custom img {display:inline; float:right; margin:22px 25px 0px 0px}
		
	#logo-custom {position:absolute; top:0px; right:0px; width:232px; height:90px; background:#fff; z-index:11;}
		
	#main-area {display:inline; float:left; width:100%; margin-top:10px; background:#fff;}
		#main-area .content-top {display:inline; float:left; width:910px; margin:30px 30px 0px}

		#main-area .content {display:inline; float:left; width:560px; margin:0px 0px 0px 30px; padding:38px 0px 30px; }
		#main-area.wide .content {width:910px;}
		
		#main-area .info-panel {display:inline; float:left; width:330px; margin:0px 0px 0px 50px; padding:8px 0px 30px 0px; font-size:11px; line-heightXXX:180%}
			#main-area .info-panel select {font-size:11px}
		
		
		 #main-area.frontpage {margin-top:0px;}
			 #main-area.frontpage .content {width:100%; margin:0px; padding:40px 0px 15px; border-top: 1px solid #cecece; }
				 #main-area.frontpage .content .mwr-element {margin:0px 20px 0px 0px; /*border-right: 1px solid #cecece;*/ }
				 #main-area.frontpage .content .mwr-element .button {margin-top:1.2em}
				
				 #main-area.frontpage .content .focus-element {display:inline; float:left; width:184px; margin:-12px 19px 0px 0px; }
				 #main-area.frontpage .content .focus-element h2 {margin-top:12px; margin-bottom:-8px}
				 #main-area.frontpage .content .focus-element .inner {margin:0px; }
				
				 #main-area.frontpage .content .mwr-element.mindmap {margin:0px 0px 0px;}
				 #main-area.frontpage .content .mwr-element.mindmap div.quote {margin:0px 0px 0px 328px; color:#737373; font-weight:normal; font-size:12px; line-height:15px; letter-spacing:-1px; background:url(../images/gx_quote_small.gif) no-repeat 0px 18px; padding-top:91px; width:215px;}
				 #main-area.frontpage .content .mwr-element.mindmap div.quote p {margin:0px;}

			
			 #main-area.frontpage .info-panel {width:100%; height:219px; margin:0px; padding:0px; /*border-top:1px solid #cecece;*/ overflow:hidden}
				 #main-area.frontpage .info-panel .mwr-element {height:208px; margin:16px -10px 0px 0px}
			
			 #main-area.frontpage-mindmap .content {padding-bottom:25px;}

			 #main-area .info-panel.with-dividers {position:relative; width:100%; min-height: 270px; height:auto; margin:0px; padding:0px; border-top:1px solid #cecece; overflow: hidden; }
#main-area.frontpage-mindmap .info-panel.with-dividers {  background:url(../images/new_home_bg_dk.gif) no-repeat 0 -1px; }				
#main-area .info-panel.with-dividers .mwr-element { min-height:242px; margin: 28px -10px 0 0; width: 330px; }
				#main-area .info-panel.with-dividers .mwr-element.mindmap { position: relative; width: 330px; height: 270px; margin-top: 0; }
				#main-area .info-panel.with-dividers .mwr-element.mindmap .inner { display: none; }
				#main-area .info-panel .mwr-divider1 {position:absolute; top:28px; left:325px; width:1px; height:214px; background:#cdcdcd;}
				#main-area .info-panel .mwr-divider2 {position:absolute; top:28px; left:644px; width:1px; height:214px; background:#cdcdcd;}
.mwr-element .inner p { margin: .5em 0; }
	
	#banner-area {display:inline; float:left; width:100%; margin-top:1px; background:#fff;}
		#banner-area .inner {width:910px; margin:14px 30px;}

	#footer {display:inline; float:left; clear:both; width:100%; height:auto; margin:1px 0px 60px; background:#fff}
		#footer a {background:transparent}

	#sponsor-links {display:inline;}
		#sponsor-links .social-media {display:block; float:left; margin:7px 5px 0px 30px; position: relative; }
	#address {display:inline; float:right; line-height:30px;}

	
	.mwr-element {display:inline; float:left}





/* -- Cycle Cases Home -- */

#slideshow { width: 910px; height: 230px; overflow: hidden; float: left; position: relative; z-index: 1; margin: -15px 30px 0 30px; }
#slideshow .ssitem { display: block; width: 910px; height: 230px; background: url(../images/hvk-rota-demo.jpg) 0 0 no-repeat; position: absolute; z-index: 2; }
#slideshow .ssitem a { display: block; width: 910px; height: 230px; overflow: hidden; position: relative; z-index: 1; color: #fff; text-decoration: none; }
#slideshow .ssitem a:hover { color: #c6f2ff; }
#slideshow .ssitem .box { position: absolute; top: 10px; left: 10px; width: 405px; height: 170px; padding: 20px; cursor: pointer; background: url(../images/hvk-black60.png) 0 0 repeat; }
#slideshow .ssitem .box .txt { width: 405px; height: 87px; overflow: hidden; line-height: 120%; font-family: norriqBold, Arial, arial narrow, arial, helvetica, sans-serif; text-transform: uppercase; font-size: 23px; }
#slideshow .ssitem .box .cLogo { background: url(../images/hvk-arrow.png) center right no-repeat; width: 405px; min-height: 16px; max-height: 60px; overflow: hidden; display: block; position: absolute; bottom: 20px; }
#pager		{ float: left; margin-left: 30px; margin-top: -30px;}
#pager a	{ width: 8px; height: 8px; margin: 0 0 0 5px; padding: 0; overflow: hidden; float: left; display: block; background: url(../images/hvk-bullet.png) 0 0 no-repeat; color: transparent; font-size: 1px; line-height: 1px; text-indent: -10000em; }
#pager a:focus { outline: none; }
#pager a.activeSlide	{ background-image: url(../images/hvk-bullet-on.png); }

#___plusone_0 { position: absolute; left: 38px; top: 1px; }



	
