/* global styles */
	body{
		margin: 0;
		padding: 0;
		font-family: Segoe UI, Arial, Helvetica, sans-serif;
		font-size: 10px;
		/*color: #3f3e3e;*/
		color: #000;
		background: #BEBEC6 url(../images/bgBody.jpg) 0 0 repeat;
	}
	
	a{
		outline: none;
		color:#136AC2;
		text-decoration:underline;
	}
	
	a:hover{
		text-decoration:none;
	}
/* /global styles */

/* outer wrappers */
	#MainWrapper{
		width: 100%;
		position:relative;
	}
	
	#MainWrapperTop{
		width: 100%;
		height: 175px;
		position:absolute;
		z-index:0;
		left: 0px;
		top: 0px;
		background: #FFF url(../images/bgBodyTop.jpg) 0 0 repeat-x;
	}
	
	#MainWrapperBtm{
		width: 100%;
		height: 130px;
		position:absolute;
		z-index:0;
		left: 0px;
		top: 100%;
		margin-top: 0px;
		background:url(../images/bgBodyBtm.jpg) 0 0 repeat-x;
	}
	
	#InnerWrapper{
		width: 990px;
		margin: 0px auto 0px auto;
	}
/* /outer wrappers */

/* header */
	#Header{
		width: 100%;
		height: 293px;
		position:relative;
		z-index:2;
	}
	
	.home #Header{
		height: 175px;
	}
	
	#Header h1#Logo{
		margin: 0px 0px 0px 0px;
		position: absolute;
		z-index:2;
		left: 48px;
		top: 23px;
		display:inline
	}
	
	#Header h1#Logo a{
		display: block;
		width: 255px;
		height:36px;
	}
	
	#Header a#HomeLink{
		position:absolute;
		top: 152px;
		left: 48px;
		z-index:1;
		font-size: 12px;
		color: #000;
	}
	
	/* Secondary Nav */
		#SecondaryNav{
			height: 20px;
			position: absolute;
			z-index:1;
			right: 0px;
			top: 0px;			
			width: 236px;
			height: 24px;
			padding: 10px 0px 0px 26px;
		}
		
		#SecondaryNav ul{
			margin: 0px 0px 0px 0px;
			padding: 0px 3px 0px 3px;
			list-style-type: none;
			height: 13px;
			float: right;
		}
		
		#SecondaryNav li.first{
		
		}
		
		#SecondaryNav li{
			float: left;
			height: 13px;
			margin-right: 13px;
		}
		
		#SecondaryNav li.last{
			margin-right: 0px;
		}
		
		#SecondaryNav a{
			color:#666;
			text-decoration: none;
			font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
			white-space:nowrap
		}
		
		#SecondaryNav a:hover{
			color:#000;
		}
	/* /Secondary Nav */
	
	#Header #Slogan{
		font: italic normal 16px/100% Segoe UI, Arial, Helvetica, sans-serif;
		color: #666;
		position:absolute;
		z-index:0;
		top: 04px;
		right: 0px;
	}
	
	/* main nav */
		#MainNav{
			width: 762px;
			height: 103px;
			position: absolute;
			/*overflow: hidden;*/
			z-index:1;
			top: 39px;
			right: 0px;
		}
		
		#MainNav ul{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			float:right;
			height: 103px;
			overflow: hidden;
		}
		
		#MainNav li{
			display: inline;
		}
		
		#MainNav a{
			display: block;
			height: 103px;
			float: left;
			text-indent: -9999px;
			overflow: hidden;
			background-position: 0px 0px;
			background-repeat: no-repeat
		}
		
		#MainNav li.avante_security a{
			width: 146px;
			background-image: url(../images/nav_avante_security.jpg);
		}
		
		#MainNav li.smart_boxx a{
			width: 186px;
			background-image: url(../images/nav_smart_boxx.jpg);
		}
		
		#MainNav li.about_us a{
			width: 100px;
			background-image: url(../images/nav_about_us.jpg);
		}
		
		#MainNav li.my_avante a{
			width: 121px;
			background-image: url(../images/nav_my_avante.jpg);
		}
		
		#MainNav li.logout a{
			width: 100px;
			background-image: url(../images/nav_logout.jpg);
		}
		
		#MainNav li.admin_site a{
			width: 100px;
			background-image: url(../images/nav_admin_site.jpg);
		}
		
		
		#MainNav a:hover, #MainNav li.selected a{
			background-position: 0px -103px;
		}
		
		#MainNav ul ul{
			position: absolute;
			z-index:2;
			top: 112px;
			right: 29px;
			height: 20px;
		}
		
		#MainNav ul ul li{
			display: block;
			height: 20px;
			float: left;
			position: relative;
			z-index:1;
			background: url(../images/sepMainNavLev2.jpg) 100% 30% no-repeat;
			padding: 0px 2px 0px 0px;
			margin-right: -2px
		}
		
		#MainNav ul ul a{
			font: normal 13px/100% Segoe UI, Arial, Helvetica, sans-serif;
			color: #666666;
			text-decoration:none;
			display: block;
			float: left;
			height: 20px;
			padding: 0px 9px 0px 7px;
			background: none!important;
			width: auto!important;
			text-indent: 0!important;
			padding: 0px 9px 0px 9px;
		}
		
		#MainNav ul ul a:hover{
			color: #000;
		}
		
		#MainNav ul ul li.selected a{
			color: #000;
		}
	/* /main nav */
	
	#Header #ImageArea{		
		position: absolute;
		z-index:0;
		left: 1px;
		top:176px;
		width: 986px;
		height: 117px;
		overflow:hidden
	}
	
	#Header #ImageArea a.smart_boxx_demo_link{
		display: block;
		position: absolute;
		top: 36px;
		right: 0px;
		width: 178px;
		height: 41px;
		padding: 18px 0px 0px 61px;
		background: url(../images/movie.png) 0px 0px no-repeat;
		z-index: 3;
		color: #000;
		font:bold 14px/100% Verdana, Arial, Helvetica, sans-serif;
		text-decoration: underline;
	}
	
	#Header #ImageArea a.smart_boxx_demo_link:hover{
		text-decoration: none;
	}
	
	.home #Header  #ImageArea{
		display: none
	}	
	
	#Header #ImageArea img{
		width: 100%;
		height: 100%
	}
/* /header */

/* content wrappers */
	#ContentWrapper{
		position:relative;
		z-index:1;
		top: -118px;
		margin-bottom:-118px;
		padding-top: 118px;
		background:#FFF;
		border: 1px solid #C0C0C0;
	}
	
	.home #ContentWrapper.home{
		top: 0px;
		margin-bottom: 0px;
		margin-top: 15px;
		padding-top: 0px;
		padding-bottom: 200px;
		background: #FFF url(../images/bgHomepageContentBoxBtm.jpg) 0% 100% no-repeat;
	}
	
	.avante_security #ContentWrapper{
		background: #333333 url(../images/bgAvanteSecurity.gif) 0% 0% repeat-x;
	}
	
	.home #ContentWrapper .HomeTopHeader{
		width: 914px;
		margin: 14px auto;
		background: url(../images/bgHomeTopTextHeader.jpg) 0 0 no-repeat;
		overflow: hidden;
		padding: 15px;
	}
	
	.home #ContentWrapper h3.HomeTopTextHeader{
		/*width: 914px;*/
		float: left;
		width: 700px;
		/*text-align:center;*/
		font: normal 18px/140% Segoe UI, Arial, Helvetica, sans-serif;
		color: #505050;
	}
	
	.home #ContentWrapper h3.HomeTopTextHeader em{
		color: #126bc1;
		font-style: normal;
		font-weight: bold
	}
	
	.home #ContentWrapper a.HomeTopRightBanner{
		width: 186px;
		height: 138px;
		overflow: hidden;
		text-indent: -999px;
		float: right;
		background: #FFF url(../images/bnrClean15.jpg) 0 0 no-repeat;
	}
	
	.ContentWrapperTop{
		display: none
	}
	
	.ContentWrapperBtm{
		display: none
	}
	
	#MainContent{
		width: 988px;
		margin: 0px auto 0px auto;
		_position:relative;
	}
	
	.MainContentTop{
		display: none
	}
	
	.MainContentBtm{
		display: none
	}
	
	#MainContentSec{
		width: 988px;
		margin: 0px auto 0px auto;
	}
	
	.MainContentSecTop{
		display: none
	}
	
	.MainContentSecBtm{
		display: none
	}
	
	.MainContentInner{
		padding: 0px 25px 0px 22px;
		font: normal 11px/140% Segoe UI, Arial, Helvetica, sans-serif;
		color: #000;
		height: 400px;
	}
	
	.MainContentInner[class]{
		height: auto;
		min-height: 400px;
	}

	#MainContentSec .MainContentInner{
		color: #000;
	}
	
	.MainContentInner2Cols{
		width: 988px;
		padding: 0px 0px 0px 0px;
		font: normal 13px/140% Segoe UI, Arial, Helvetica, sans-serif;
		color: #000;
		height: 400px;
	}
	
	.MainContentInner2Cols[class]{
		height: auto;
		min-height: 400px;
	}
	
	.avante_security .MainContentInner2Cols{
		color: #FFF;
	}
	
	.MainContentInner2Cols .SideCol{
		width: 225px;
		padding: 0px 0px 350px 0px;
		height: 266px;
		float: left;
		background: url(../images/bgSideCol.jpg) 100% 100% no-repeat
	}
	
	.MainContentInner2Cols .SideCol[class]{
		height: auto;
		min-height: 266px;
	}
	
	.avante_security .MainContentInner2Cols .SideCol{
		background: url(../images/bgSideColSecurity.jpg) 100% 100% no-repeat
	}
	
	.MainContentInner2Cols .MainCol{
		width: 570px;
		padding: 0px 0px 0px 40px;
		float: left;
	}
/* /content wrappers */

/* content styles */
	h2{
		margin: 0px 0px 22px 0px;
		padding: 0px 15px 0px 15px;
		font: bold 18px/40px Segoe UI, Arial, Helvetica, sans-serif;
		color: #FFF;
		background: #136ac2;
		width: 936px;
		margin: 0px 0px 20px 0px;
		position:relative
	}
	
	.MainContentInner2Cols .MainCol h2{
		width: 733px;
		margin: 0px 0px 20px -40px;
	}
	
	h3, h4{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font: bold 15px/100% Segoe UI, Arial, Helvetica, sans-serif;
		color: #136ac2;
	}
	
	p{
		margin: 0px 0px 1.5em 0px;
	}
/* /content styles */

/* side content styles */	
	.SideCol p{
		margin: 1em 1em 0 1em;
	}
	
	ul.SideNav{
		margin: 0px 17px 0px 0px;
		padding: 115px 0px 0px 0px;
		list-style-type: none;
		width:208px;
		text-align:right;
		background: #FFF;
		background-repeat: no-repeat;
		background-position: 100% 0%
	}
	
	ul.SideNav.avante_security{
		background-image: url(../images/bgSideNav_avante_security.jpg);
		background-color: transparent;
	}
	
	ul.SideNav.smart_boxx{
		background-image: url(../images/bgSideNav_smart_boxx.jpg);
	}
	
	ul.SideNav.about_us{
		background-image: url(../images/bgSideNav_about_us.jpg);
	}
	
	ul.SideNav.my_avante{
		background-image: url(../images/bgSideNav_my_avante.jpg);
	}
	
	ul.SideNav li{
		display: block;
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		position:relative;
		z-index: 1;
	}
	
	ul.SideNav li.first{
		display: none
	}
	
	ul.SideNav li.last{
		display: none
	}
	
	ul.SideNav a{
		font: bold 14px/100% Segoe UI, Arial, Helvetica, sans-serif;
		color: #000;
		text-decoration: none;
		display: block;
		padding: 0px 0px 15px 0px;
	}
	
	.avante_security ul.SideNav a{
		color: #FFF;
	}
	
	ul.SideNav a:hover, ul.SideNav li.selected a{
		color: #136ac2;
	}
/* /side content styles */

/* form styles */
	form{
		margin: 0;
	}
	
	label{
	
	}
	
	input.txtInput{
		border: 1px solid #000;
		background: #FAFAFA;	
	}
	
	input.btnInput{
		background: #000;
		border: 1px solid #000;
		color: #FFF;
		font-weight: bold
	}
	
	.LoginForm .txtInput{
		width: 180px;
	}
	
/* /form styles */

/* footer */
	#Footer{
		margin-top: 10px;
		position:relative;
		z-index: 2;
		height: 15px;
		width: 100%;
	}
	
	#FooterNav{
		height: 15px;
		line-height: 14px;
		position: absolute;
		left: 0px;
		bottom: -67px;
	}
	
	#FooterNav a{
		font: normal 12px/14px Segoe UI, Arial, Helvetica, sans-serif;
		color: #666;
		text-decoration: underline
	}
	
	#FooterNav a:hover{
		color: #000;
	}
	
	#FooterNav span.sep{
		font: normal 10px/10px Segoe UI, Arial, Helvetica, sans-serif;
		color: #666666;
		padding: 0px 5px;
	}
	
	#Copyright{
		position: absolute;
		bottom: -67px;
		right: 1px;	
		font: normal 12px/14px Segoe UI, Arial, Helvetica, sans-serif;
		color: #666;
	}
/* /footer */

/* top banners */
	#TopBanners{
		padding: 0px 0px 10px 0px;
		background:#FFF;
		overflow:hidden;
	}
	
	#TopBanners .bnrLeft{
		text-align:center;
	}
	
	#TopBanners .bnrRight{
		text-align:center;
	}
	
	#TopBanners a{
		background: #FFF;
		color:#126bc1;
		font-family:Segoe UI,Arial,Helvetica,sans-serif;
		font-size:18px;
		font-size-adjust:none;
		font-style:normal;
		font-variant:normal;
		font-weight:bold;
		line-height:140%;
		text-align:center;
	}
	
	
/* /top banners */

#resourceCode___Frame{
	margin: 0px 0px 5px 0px;
}

div.notice_error, div.error{
	color: #F00;
	padding: 6px 5px 5px 24px;
	border: 1px solid #F00;
	background: #FBD2D9 url(../images/icError.png) 4px 5px no-repeat;
	margin: 5px 0px;
	font-family:Arial, Helvetica, sans-serif
}

div.notice_success, div.success{
	color: #009933;
	padding: 6px 5px 5px 24px;
	border: 1px solid #009933;
	background: #D7FFE3 url(../images/icSuccess.png) 4px 5px no-repeat;
	margin: 5px 0px;
	font-family:Arial, Helvetica, sans-serif
}

div.notice_warning, div.warning{
	color: #333;
	padding: 6px 5px 5px 24px;
	border: 1px solid #CCC;
	background: #FFFFCC url(../images/icWarning.png) 4px 5px no-repeat;
	margin: 5px 0px;
	font-family:Arial, Helvetica, sans-serif
}

div.notice_error li, div.error li, div.notice_success li, div.success li, div.notice_warning li, div.warning li{
	margin: 2px 0 2px 15px;
}

a.actionLink{
	color: #136ac2;
	text-decoration: none;
}

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

/* admin styles */
	body.admin{
		background: #FFF;
		font-size: 13px;
	}
	
	body.admin h2{
		width: auto!important;
	}
	
	body.admin a{
		color: #009900!important;
	}