/* ------------------------------------------------------------------------
Style Sheet for Netgain AB

Site: Netgain AB - netgain.se
Author: Karl Ollars - www.haxtech.se
Email: karl@haxtech.se
Version: 2010.01
------------------------------------------------------------------------ */

html {
	font: 12px/1.3em "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	color: #231f20;
}

body {
	background: #fff url(../img/bg.jpg) repeat-x top left;
}

#MainContainer {
	width: 920px;
	margin: 0 auto;
	background: url(../img/main-container-repeat.jpg) repeat-y top left;
}

#MainTopBg {
	background: url(../img/main-container-top.jpg) no-repeat top left;
}

#MainHead {
	padding: 59px 30px 0 30px;
	width: 860px;
}

.MainHeadSeperator {
	border-bottom: 2px solid #6d6e71;
	padding: 0 0 4px 0;
	width: 860px;
	height: 45px;
}

#MainContent {
	padding: 25px 30px 15px 30px;
	width: 860px;
}

#MainFooter {
	background: url(../img/main-container-footer.jpg) no-repeat top left;
	height: 50px;
	color: #58595b;
	text-align: center;
	padding: 10px 0 0 0;
}

#NetgainLogo {
	float: right;
	margin: 0 5px 0 0;
	text-decoration: none;
	border: 0;
}


/* Columns
------------------------------------------------------------------------ */
.ThreeSplit {
	float: left;
	margin: 0 16px 0 0;
}

.ThreeSplitLast {
	margin: 0 !important;
}

#MainColumn {
	width: 655px;
	float: right;
	margin: 10px 0 0 0;
}

#SideColumn {
	width: 190px;
	float: left;
	margin: 10px 0 0 0;
}


/* Side navigation
------------------------------------------------------------------------ */
.SideNav {
	width: 190px;
}

.SideNav a {
	background: url(../img/side-nav-button-sprite.jpg) no-repeat top left;
	width: 190px;
	height: 34px;
	display: block;
	color: #fff;
	text-decoration: none;
	margin: 0 0 5px 0;
	line-height: 34px;
	padding: 0 0 0 18px;
	font-size: 14px;
}

.SideNav a:hover {
}

.SideNav a.active {
	background-position: 0 -68px;
}


/* Main column content
------------------------------------------------------------------------ */
.MainColumnContent {
	background: #ccecf8;
}

.MainColumnContent .tl {
	background: url(../img/main-column-tl.jpg) no-repeat top left;
}

.MainColumnContent .tr {
	background: url(../img/main-column-tr.jpg) no-repeat top right;
}

.MainColumnContent .bl {
	background: url(../img/main-column-bl.jpg) no-repeat bottom left;
}

.MainColumnContent .br {
	background: url(../img/main-column-br.jpg) no-repeat bottom right;
	width: 615px;
	padding: 20px;
}

.MainColumnContent h1 {
	margin: 0 0 15px 0;
}

.MainColumnContent h2 {
	margin: 20px 0 5px 0;
}

.MainColumnContent h1 + h2{
	margin: 0px 0 5px 0;
}

.MainColumnContent h3 {
	margin: 20px 0 5px 0;
}

.MainColumnContent h1 + h3 {
	margin: 0 0 5px 0;
}

.MainColumnContent p {
	margin: 15px 0 0 0;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.3em;
}

.MainColumnContent h1  + p, .MainColumnContent h2 + p, .MainColumnContent h3 + p {
	margin: 0 0 0 0;
}

.MainColumnContent ul
{
	margin: 15px 0 0 0;font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.MainColumnContent h1  + ul, .MainColumnContent h2 + ul, .MainColumnContent h3 + ul {
	margin: 0 0 0 0;
}

.MainColumnContent p img {
	float: right;
	padding: 4px;
	background: #fff;
	border: 1px solid #d8d8d8;
	margin: 0 0 10px 15px;
}



/* Slideshow
------------------------------------------------------------------------ */
#Slideshow {
	width: 860px;
	height: 260px;
	margin: 0 0 25px 0;
}

/* Slideshow
------------------------------------------------------------------------ */
#NetgainModel {
	position: relative;
	margin: 3px 0 0 3px;
	width: 610px;
	height: 480px;	
}

.NetgainModelSlide {
	width: 610px;
	height: 450px;	
	position: absolute;
	top: 0;
	left: 0;
}

.NetgainModelSlideContent {
	position: relative;
	top: 295px;
	width: 475px;
}

.NetgainModelSlideContent p {
	margin: 0 0 15px 0;
}

.ActiveSlide {
	z-index: 1;
}

.Slide0 {
	background: #CCECF8;
}

.Slide1 {
	background: url(../img/model/1.jpg) no-repeat top left;
}

.Slide2 {
	background: url(../img/model/2.jpg) no-repeat top left;
}

.Slide3 {
	background: url(../img/model/3.jpg) no-repeat top left;
}

.Slide4 {
	background: url(../img/model/4.jpg) no-repeat top left;
}

.Slide5 {
	background: url(../img/model/5.jpg) no-repeat top left;
}

.Slide6 {
	background: url(../img/model/6.jpg) no-repeat top left;
}

.Slide6 .NetgainModelSlideContent {
	top: 90px;
	left: 10px;
	width: 465px;
}

.NetgainModelNavigation {
	position: absolute;
	top: 450px;
	left: 3px;
}

.NetgainModelNavigation a {
	background: url(../img/model/nav-bg.jpg) no-repeat top left;
	width: 26px;
	height: 20px;
	display: block;
	float: left;
	text-align: center;
	color: #fff;
	padding: 7px 0 0 1px;
	text-decoration: none;
	font-size: 14px;
	line-height: 1em;
	font-weight: bold;
	cursor: pointer;
	margin: 0 10px 0 0;
}

.NetgainModelNavigation a:hover {
	background-position: 0 -27px;
}

.NetgainModelNavigation a.active {
	background-position: 0 -54px !important;
}

.NetgainModelNavigation a.NetgainModelNavigationInfo {
	font-size: 8px;
	padding: 9px 0 0 1px;
	height: 18px;
}

.NetgainModelStart {
	background: url(../img/model/start-model-pointer.jpg) no-repeat top left;
	padding: 13px 0 0 58px;
	height: 21px;
	display: block;
}


/* Headers
------------------------------------------------------------------------ */
h1, h2, h3 {
	font: 22px/1.2em "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #231f20;
	margin: 0;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}


/* Tables
------------------------------------------------------------------------ */


/* Forms
------------------------------------------------------------------------ */


/* Buttons
------------------------------------------------------------------------ */


/* Paragraphs
------------------------------------------------------------------------ */


/* Links
------------------------------------------------------------------------ */
a {
	color: #00a0dc;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


/* Main menu
------------------------------------------------------------------------ */
#MainMenu {
	float: left;
	padding: 21px 0 0 0;
}

#MainMenu li {
	display: inline;
	border-right: 1px solid #bdbec0;
	line-height: 1.3em;
}

#MainMenu li.active {
	border-right: 1px solid #eee;
}

#MainMenu li.last {
	border: 0 !important;
}

#MainMenu li a{
	color: #58595b;
	font-size: 14px;
	font-weight: normal;
	padding: 0 12px;
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

#MainMenu li.last a {
	padding: 0 0 0 10px;
}

#MainMenu li.active a {
	color: #00a0dc;
}

#MainMenu li a:hover {
	text-decoration: underline;
}


/* Content boxes
------------------------------------------------------------------------ */
.Box {
	width: 276px;
	height: 316px;
	background: #ccecf8;
}

.ReferenceBox, .Box .br {
	position: relative;
	padding: 15px 20px 0 20px;
	height: 301px;
	width: 236px;
}

.SubBox {
	height: 150px !important;
	margin: 0 0 16px 0;
}

.SubBoxLast {
	margin: 0;
}

.Box h2 {
	text-align: center;
	color: #231f20;
	font-size: 14px;
}

.Box p {
	font-size: 11px;
	font-weight: bold;
	color: #231f20;
	margin: 10px 0 0 0;
}

.ReferenceBox {
	background: transparent url(../img/reference-box-bg.jpg) no-repeat top left;
}

.ReferenceBox p {
	width: 190px;
	height: 50px;
	position: absolute;
	top: 200px;
	left: 44px;
	margin: 0;
	text-align: center;
}

.ReferenceBox img {
	width: 100px;
	height: 100px;
}

.YellowBox {
	background: #fdf7b8 !important;
}

.GreenBox {
	background: #e0ecaf !important;
}

.BoxReadMore {
	margin: 8px auto 0 auto;
	width: 116px;
	display: block;
}

.Box .tl {
	background: url(../img/box-tl-blue.jpg) no-repeat top left;
}

.Box .tr {
	background: url(../img/box-tr-blue.jpg) no-repeat top right;
}

.Box .bl {
	background: url(../img/box-bl-blue.jpg) no-repeat bottom left;
}	

.Box .br {
	background: url(../img/box-br-blue.jpg) no-repeat bottom right;
}

.SubBox .br {
	height: 135px !important;
}

.YellowBox .tl {
	background: url(../img/box-tl-yellow.jpg) no-repeat top left !important;
}

.YellowBox .tr {
	background: url(../img/box-tr-yellow.jpg) no-repeat top right !important;
}

.YellowBox .bl {
	background: url(../img/box-bl-yellow.jpg) no-repeat bottom left !important;
}

.YellowBox .br {
	background: url(../img/box-br-yellow.jpg) no-repeat bottom right !important;
}

.GreenBox .tl {
	background: url(../img/box-tl-green.jpg) no-repeat top left !important;
}

.GreenBox .tr {
	background: url(../img/box-tr-green.jpg) no-repeat top right !important;
}

.GreenBox .bl {
	background: url(../img/box-bl-green.jpg) no-repeat bottom left !important;
}

.GreenBox .br {
	background: url(../img/box-br-green.jpg) no-repeat bottom right !important;
}


/* Box dropdown
------------------------------------------------------------------------ */
.BoxDropdownToggle {
	background: url(../img/box-dropdown-toggle.jpg) no-repeat top left;
	width: 236px;
	height: 26px;
	position: relative;
	cursor: pointer;
	margin: 15px 0 0 0;
}

.BoxDropdownToggle h3 {
	color: #9b9a87;
	line-height: 26px;
	font-weight: bold;
	font-size: 11px;
	padding: 0 0 0 10px;
}

.BoxDropdownContent {
	background: #9b9a85 url(../img/box-dropdown-content-bottom.jpg) no-repeat bottom left;
	width: 204px;
	position: absolute;
	top: 23px;
	left: 1px;
	display: none;
	padding: 5px 15px;
}

.BoxDropdownToggle:hover .BoxDropdownContent {
	display: block;
}

.BoxDropdownContent a {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	display: block; 
	text-decoration: none;
	line-height: 22px;
}

.BoxDropdownContent a:hover {
	text-decoration: underline;
}


/* Box news
------------------------------------------------------------------------ */
.BoxNews {
}

.BoxNewsItem {
	color: #231f20;
	margin: 0 0 20px 0;
	display: block;
	text-decoration: none;
	font-size: 12px;
}

.BoxNewsItem:hover, .BoxNewsArchive:hover {
	text-decoration: underline;
}

.BoxNewsItemHeader {
	font-weight: bold;
	display: block;
}

.BoxNewsItemHeaderId {
	padding: 0 4px 0 0;
	color: #00a0dc;
}

.BoxNewsItemContent {
	font-weight: normal;
	display: block;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.BoxNewsArchive {
	color: #00a0dc;
	text-decoration: none;
}


/* Main footer 
------------------------------------------------------------------------ */
#MainFooter strong {
	color: #231f20;
	font-weight: bold;
}

#MainFooter a {
	color: #58595b;
	text-decoration: none;
}

#MainFooter a:hover{
	text-decoration: underline;
}
	

/* Misc
------------------------------------------------------------------------ */
.clear {
	display: block; 
    clear: both; 
    width: 0px; 
    height: 0px;
    font-size: 0px; 
    line-height: 0px; 
	overflow: hidden;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.noBorder {
	border: 0px !important;
}

.noMargin {
	margin: 0px !important;
}

ul {
	list-style-position: inside;
	list-style-type: disc;
}