#logo{display: block; font-size: 0px; text-indent: -9999px; line-height: 0;}

html{font-size: 100%;}
body{background: url(../images/body.jpg) center 0; font-size: 62.5%; font-family: Verdana, Arial, sans-serif; text-align: center; padding: 32px 0;}

/* LAYOUT */
#wrapper{background: url(../images/wrapper.jpg) 14px 36px repeat-y; text-align: left; width: 1004px; margin: 0 auto;}

	#header{position: relative; background: url(../images/header.png) no-repeat; height: 178px;}
		#logo{position: absolute; top: 53px; left: 53px; width: 383px; height: 100px;}
		#nav-top{position: absolute; top: 30px; right: 46px;}
			#nav-top li{float: left; font-size: 1.1em; color: #b3b5b6; font-weight: bold;}
				#nav-top a{color: #b3b5b6; text-transform: uppercase; text-decoration: none; padding: 0 4px;}
					#nav-top a:hover, #nav-top a.current, #nav-top a.section{color: #fff;}

	#nav-main{background: url(../images/nav-main.png) no-repeat; height: 36px; padding-left: 55px;}
		#nav-main li{float: left; position: relative; border-right: 2px dotted #973834;}
		#nav-main li.last{border: 0;}
			#nav-main a{display: block; font-size: 1.3em; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none;}
				#nav-main span{display: block; padding: 12px 24px 11px 20px;}
					#nav-main a.current, #nav-main a.section {color: #973834;}
					#nav-main a:hover, #nav-main li:hover a{background: url(../images/nav-main-a.png) 100% 0 no-repeat;}
						#nav-main a:hover span, #nav-main li:hover a span{background: url(../images/nav-main-span.png) 0 0 no-repeat;}

					#nav-main ul.nav-sub{display: none; position: absolute; background: #830600; left: 8px; right: 11px; z-index: 999;}
					#nav-main li:hover ul.nav-sub{display: block;}
						#nav-main .nav-sub li{float: none; border: 0;}
							#nav-main ul.nav-sub a{background: none; padding: 11px;}
							#nav-main ul.nav-sub a span{background: none!important; padding: 0;}
								#nav-main ul.nav-sub .link a:hover{background: #fff!important; color: #830600; font-style: italic;}
									#nav-main ul.nav-sub .link a:hover span{font-style: normal;}

	#container{background: url(../images/container.jpg) no-repeat; font-size: 1.1em; color: #414042; line-height: 1.3; padding: 15px 65px; min-height: 513px; height: auto!important; height: 513px;}
		#breadcrumbs{font-size: 0.9em; color: #7e8083; text-transform: uppercase; margin-left: 5px;}
		.full-width, .clear{clear: both; width: 100%;}
			#boxes{width: 100%; overflow: auto; height: 311px;}
				#boxes div{float: left; width: 208px; height: 291px; padding: 0 15px;}
				.box-about{background: url(/assets/Banners/lesson.png) no-repeat;}
				.box-learn{background: url(/assets/Banners/gear.png) no-repeat; margin: 0 80px;}
				.box-products{background: url(/assets/Banners/kiting.png) no-repeat;}
					#boxes strong{display: block; font-size: 1.2em; color: #000; text-transform: uppercase; font-weight: bold; padding: 5px 15px; margin-top: 185px;}
					#boxes p{font-size: 0.9em; color: #000;  padding: 0 5px;}

		.left-column{float: left; width: 410px; padding-left: 10px; clear: left;}
		.right-column{float: right; width: 410px; padding-left: 10px;}
			#wrapper #container .RightHeading{font-size: 1em; margin-bottom: 1em;}

		.sponsorlist{text-align: center; margin: 25px 10px;}
			.sponsorlist li{background: none!important; width: auto; margin: 5px; float: left; height: 75px;}
				.sponsorlist a.externalLink{background: none!important; padding-right: 0!important;}


		#MainForm{float: left;}

	#footer{position: relative; background: url(../images/footer.png) no-repeat; letter-spacing: -0.02em; height: 123px;}
		#nav-footer{position: absolute; bottom: 34px; left: 65px;}
			#nav-footer li{float: left; font-size: 1.2em; color: #e0e0e0; font-weight: bold;}
				#nav-footer a{color: #e0e0e0; text-transform: uppercase; text-decoration: none; padding: 0 4px;}
					#nav-footer a:hover, #nav-footer a.current, #nav-footer a.section{color: #fff;}
		#footer-contact{position: absolute; bottom: 34px; right: 166px; font-size: 1.1em; color: #e0e0e0; font-weight: bold;}
			#footer-contact a{color: #e0e0e0; text-decoration: underline;}
				#footer-contact a:hover{color: #fff;}


/* PRODUCT / PRODUCT GROUP */
#ChildListHeading {clear: both;}
#ChildList {clear: both;}
	#ChildList li {background-image: none; float: left; padding: 0px 3px;}
		#ChildList li.backUp {clear: left; margin-top: 3.5em;}
#ChildList .backUp a {background: url(../images/backarrow.png) no-repeat 0 0; padding-left: 22px; padding-bottom: 22px; }

#design p.webdesign {
margin: 0 auto;
width: 168px;
}

#design p.webdesign a {
width: 168px;
height: 35px;
overflow: hidden;
display: block;
background: url("../images/webtonic.png") no-repeat;
text-indent: -9999px;
float: right;
}