@charset "UTF-8";
/* CSS Document */

		*{
			margin:0;
			padding:0;
		}
		a{
			color:#8FC2FF;
			text-decoration: none;
			outline: none;
		}
		a:hover{
			text-decoration: underline;
		}
		img{
			border:none;
		}
		body {
			overflow:hidden;/*Needed to eliminate scrollbars*/
			background:#000;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.2em;
		}
		
		.frontimg a {color:#fff;}
		.frontimg img {opacity:1;-webkit-transition: opacity 0.2s linear;}
		.frontimg img:hover {opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=75); /* IE lt 8 */
		-ms-filter: "alpha(opacity=75)"; /* IE 8 */
		-khtml-opacity: .75; /* Safari 1.x */
		-moz-opacity: .75; /* FF lt 1.5, Netscape */}
		
		.client-logo a {color:#fff;}
		.client-logo img {opacity:.6;-webkit-transition: opacity 0.2s linear;}
		.client-logo img:hover {opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=1); /* IE lt 8 */
		-ms-filter: "alpha(opacity=75)"; /* IE 8 */
		-khtml-opacity: 1; /* Safari 1.x */
		-moz-opacity: 1; /* FF lt 1.5, Netscape */}
		
		
		#content{
			margin:0px auto;
			height:150px;
			width:100%;
			bottom:50px;
			z-index: 3;
			background: url(../images/blog-background.png) repeat;
			position:absolute;
		}
		
		#contentframe{
			overflow: hidden;
			height: 100%;
			text-align:left;
			z-index: 3;

		}
		

		#nav{
			margin:0px auto;
			height:107px;
			width:100%;
			top:0px;
			z-index: 3;
			background:#000;
			position:absolute;
			padding-right: 50px;
			border-bottom: 1px solid #000;
			
			
		}
		
		#nav-logo{
			background:url(../images/main-logo.png) no-repeat;
			width: 200px;
			height:60px;
		
			z-index: 3;
			top: 33px;
			left: 25px;
			position:absolute;
		}
		
		#nav-links{
			position:absolute;
			top: 46px;
			left:320px;
			min-width: 700px;
		}
		
		#nav-links img{
		margin-right: 50px;	
		}
		
		#blog-content{
			margin:0px auto;
			height:127px;
			width:100%;
			bottom:50px;
			z-index: 3;
			background:#000;
			position:absolute;
			padding-right: 50px;
		}
		
		#blog-contentframe{
			overflow: hidden;
			height: 100%;
			text-align:left;
			z-index: 3;
		}
		
		
		#client-content{
			margin:0px auto;
			height:247px;
			width:100%;
			bottom:50px;
			z-index: 3;
			background:#000;
			position:absolute;
			padding-right: 50px;
			border-top: 1px solid #b5985a;
		}
		
		#client-contentframe{
			overflow: hidden;
			height: 200px;
			text-align:left;
			z-index: 3;
			width: 960px;
			margin:0px auto;
			margin-top:30px;
		}
		
		#client-contentframe p{
			margin:0px;
			font-size:10px;
			color:#666;
			line-height: 14px;
			float: left;
		
		}
		
		#client-contentframe a{
			color:#666;
		}
		
		#client-contentframe a:hover{
			color:#cba656;
			text-decoration:none;
		}
		
		#client-logo-frame{
			z-index: 3;
			position:absolute;
			top: 17%;
			width:100%;
			margin:0px auto;
		}
		
		#client-client{
		width: 960px;
		margin:0px auto;
		text-align: left;
		margin-bottom: 15px;
		}
		
		#client-logos{
			width: 970px;
			margin:0px auto;
		}

		#client-logos a{
			margin-right: 60px;
		}
		
		#screen-content{
			margin:0px auto;
			height:157px;
			width:100%;
			bottom:50px;
			z-index: 3;
			background:#000;
			position:absolute;
			padding-right: 50px;
		}
		
		#screen-contentframe{
			overflow: hidden;
			height: 100%;
			text-align:left;
			z-index: 3;
		}
		
		#screen-content-image{
			float: left;
			width: 160px;
			margin-top: 7px;
			margin-left: 10px;
		}
		
		#screen-textbox{
			width: 340px;
			height: 285px;
			background:url(../images/blog-background.png) repeat;
			position: absolute;
			top: 125px;
			left: 60px;
			z-index: 3;
			padding: 20px 30px 20px 30px;
			color:#FFF;
			border:1px solid #9c8450;
		}
		
		#screen-textbox h2{
			font:Tahoma, Geneva, sans-serif;
			font-weight:bold;
			font-size: 16px;
			margin: 0px;
			margin-bottom: 10px;
		}
		
		#screen-textbox p{
			font:Arial, Helvetica, sans-serif;
			font-size: 10px;
			margin: 0px;
			margin-bottom: 8px;
			line-height: 15px;
		}
		
		#description-content{
			margin:0px auto;
			height:87px;
			width:100%;
			bottom:177px;
			z-index: 3;
			background:url(../images/blog-background.png) repeat;
			position:absolute;
			padding-right: 50px;
		}
		
		#description-contentframe{
			overflow: hidden;
			height: 50px;
			text-align:left;
			z-index: 3;
			width:900px;
			margin:20px auto;
		}
		
		#description-title{
			font-family:Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-style:italic;
			font-size: 12px;
			color:#FFF;
			margin: 0px 0px 5px 0px;
			text-transform:uppercase;
			float: left;
			text-align:left;
		}
		
		#description-image{
			margin-right: 8px;
			
		}
		
		.description-text{
			font-family:Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-style:italic;
			font-size: 12px;
			color:#FFF;
			margin: 0px 0px 3px 0px;
			text-transform:uppercase;
			width: 300px;
			text-align:left;
		}
		
		#description-holder{
			width: 300px;
			float: left;
		
		}
		
		#description-text-main{
			font-family:Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-style:italic;
			font-size: 12px;
			color:#FFF;
			width: 600px;
			text-align:left;
			margin-left: 300px;
		}
		
		
		
		
		#thumbnails{
			position:absolute;
			left: 80px;
			text-align:left;
			z-index:5;
			height: 105px;
			overflow: hidden;
			
		}
		
		#blog-content-image{
			float: left;
			width: 160px;
			margin-top: 7px;
			margin-left: 10px;
		}
		
		#arrow-left{
			width: 31px;
			left: 25px;
			position:absolute;
			bottom: 40px;
		}
		
		#arrow-right{
			width: 51px;
			position:absolute;
			bottom: 20px;
			right: 45px;
			z-index: 6;
			background:#000;
			padding-left: 25px;
			padding-right: 15px;
			text-align: center;
			height: 75px;
			padding-top:15px;
			
		}
		
		
		#arrow-left-screen{
			width: 31px;
			left: 25px;
			position:absolute;
			bottom: 52px;
		}
		
		#arrow-right-screen{
			width: 51px;
			position:absolute;
			bottom: 20px;
			right: 45px;
			z-index: 6;
			background:#000;
			padding-left: 25px;
			padding-right: 15px;
			text-align: center;
			height: 75px;
			padding-top:40px;
			padding-bottom:15px;
			
		}
		
		#blog-image{
			float: left;
			margin-top: 10px;
			margin-right: 15px;
		}
		#blog-text{
			width: 200px;
			height: 128px;
			margin-left: 200px;
			color:#FFF;
			font-size: 12px;
		}
		
		.blog-intro-title{
			font-weight: bold;
			margin-bottom: 8px;
			text-transform:uppercase;
		}
		.blog-intro-date{
			font-weight: bold;
			margin-bottom: 8px;
			color:#F00;
			text-transform:uppercase;
		}
		
		#more-posts{
		width: 27px;
		height: 24px;
		position:absolute;
		z-index: 3;
		bottom: 110px;
		right: 0px;
		}
		
		.more-posts a {color:#fff;}
		.more-posts img {opacity:1;-webkit-transition: opacity 0.2s linear;}
		.more-posts img:hover {opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=70); /* IE lt 8 */
		-ms-filter: "alpha(opacity=70)"; /* IE 8 */
		-khtml-opacity: .70; /* Safari 1.x */
		-moz-opacity: .70; /* FF lt 1.5, Netscape */}
		
		#the-haps{
		width: 110px;
		height:21px;
		position: absolute;
		bottom: 200px;
		left: 0px;
		z-index:3;
		}
		
		
		
		#slidecounter{
			float:left;
			color:#4F4F4F;
			font:50px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:18px 20px;	
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:33px 0;
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		#navigation{
			background: url('images/navbg.gif') no-repeat;
			float: right;
			margin:22px 20px 0 0;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(http://mabledesign.com/images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
		
		

		
		#footer{
			margin:0px auto;
			height:55px;
			width:100%;
			bottom:0;
			z-index: 3;
			background:#000000 repeat 90%;
			position:absolute;
			border-top: 1px solid #b5985a;
		}
		
		#bottom-nav{
			overflow: hidden;
			height: 100%;
			text-align:left;
			z-index: 3;
			color:#F00;
		}
		
		#right-tag{
			right: 0px;
			top: 40px;
			position:absolute;
			z-index:3;
			background: #FFF;
			height: 129px;
			width: 200px;
			background:url(../images/celsius-tag.png);
		}
		
		#left-footer{
			position: absolute;
			left: 20px;
			bottom: 13px;
			}
		
		
		#right-footer{
			height: 14px;
			position: absolute;
			right: 10px;
			bottom: 26px;
			font-size: 12px;
			}
		#right-footer a {color:#F00;}
		#right-footer a:hover {color:#fff; text-decoration:none}
			
		.footer-text{padding-right: 16px;}
		.footer-logo{margin-right: 8px;}
		.footer-logo a {color:#fff;}
		.footer-logo img {opacity:1;-webkit-transition: opacity 0.2s linear;}
		.footer-logo img:hover {opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=70); /* IE lt 8 */
		-ms-filter: "alpha(opacity=70)"; /* IE 8 */
		-khtml-opacity: .70; /* Safari 1.x */
		-moz-opacity: .70; /* FF lt 1.5, Netscape */}
		
		
		#blog-box	{
		}
		
		.stepcarousel{
		position: relative; /*leave this value alone*/
		overflow: scroll; /*leave this value alone*/
		/*Width of Carousel Viewer itself*/
		 /*Height should enough to fit largest content's height*/
		margin-left: 80px;
		text-align:left;
		z-index:5;
		height: 135px;
		overflow: hidden;
		}
		
		.stepcarousel .belt{
		position: absolute; /*leave this value alone*/
		left: 0;
		top: 0;
		}
		
		.stepcarousel .panel{
		float: left; /*leave this value alone*/
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		margin: 10px; /*margin around each panel*/
		width: 305px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		}