body{
			font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
			color: #333;
			font-size: 13px;
			background-color: #243958;
			margin: 0px;
			padding: 0px;
			line-height: 1.5em;
			font-weight: 100;
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

		h1, h2, h3, h4{
			color: #FF6E47;
			font-weight: 700;
			font-family: 'OpenSansLight', sans-serif;
		}
		#centerer{
			background-position: center 138px;
		}
		.content{
			width: 999px;
		}
		#flexibleContentArea{
			height: 600px;
			width: 999px;
			overflow: hidden;
		}
		.relativer{
			position: relative;
			top: 0px;
			left: 0px;
		}
#headerInner{
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #FAF8EC;
	height: 138px;
	width: 999px;
	z-index: 100;
	background-image: url(images/head_back.gif);
	background-repeat: repeat-x;
}
		#header{
			background-color: #FAF8EC;
			height: 138px;
			background-image: url(images/head_back.gif);
			background-repeat: repeat-x;
			-moz-box-shadow: 0px 5px 5px #000;
  			-webkit-box-shadow: 0px 5px 5px #000;
  			box-shadow: 0px 5px 5px #000;
		}

		#logo{
			position: absolute;
			top: 31px;
			left: 23px;
		}
		#phone{
			font-family: 'OpenSansLight', sans-serif;
			font-size: 28px;
			color: #5477AC;
			width: 250px;
			text-align: right;
			position: absolute;
			top: 8px;
			left: 750px;
		}
		#bodyContent{
			
		}
		#pageBottom{
			background-color: #FAF8EC;
			-moz-box-shadow: 0px -5px 5px #000;
  			-webkit-box-shadow: 0px -5px 5px #000;
  			box-shadow: 0px -5px 5px #000;
		}
		#pageBottomContent{
			width: 999px;
			height: 325px;
			overflow: hidden;
			
		}
		#footer{
			color: #fff;
			font-size: 11px;
			padding: 8px;
			background-color: #243958;
		}
		#footer a{
			text-decoration: none;
			color: #fff;
		}
		#footer a:hover{
			text-decoration: none;
			color: #ff3300;
		}
		#footer div.legal{
			color: #999;
			margin-top: 20px;
		}
		.left{
			float: left;
		}
		.right{
			float: right;
		}
		.clear{
			clear: both;
		}
		.bottomElement{
			float: left;
			background-image: url(images/bottom_tab_back.jpg);
			height: 312px;
			width: 327px;
			margin-top: 8px;
			background-repeat: no-repeat;
			color: #fff;
			font-size: 13px;
			font-weight: 100;
		}
		.bottomElement a{
			color: #fff;
			text-decoration: underline;ff3300
		}
		.bottomElement a:hover{
			color: #ff3300;
			text-decoration: none;
		}
		.bottomElement div.pad{
			padding: 0px 27px 0px 27px;
		}
		.bottomElement h3{
			font-size: 22px;
			color: #FF6E47;
			margin: 10px 0px 0px -7px;
			font-family: 'OpenSansRegular', sans-serif;
		}
		.bottomElement h4{
			font-size: 16px;
			color: #fff;
			margin: 5px 0px 7px 0px;
			font-weight: 100;
		}
		#tabLeft{
			margin-right: 9px;
			width: 327px;
		}
		#tabCenter{
			margin-right: 9px;
			width: 327px;
		}
		#whoAre{
			padding-left: 70px;
			background-image: url(images/beaker.png);
			background-position: top left;
			background-repeat: no-repeat;
		}
		#howMuch{
			padding-left: 70px;
			background-image: url(images/check.png);
			background-position: top left;
			background-repeat: no-repeat;
		}
		#whyiLab{
			padding-left: 70px;
			background-image: url(images/letter.png);
			background-position: top left;
			background-repeat: no-repeat;
		}
		#whatAre{
			padding-left: 70px;
			background-image: url(images/balloon2.png);
			background-position: top left;
			background-repeat: no-repeat;
		}
		#whatNext{
			padding-left: 70px;
			background-image: url(images/clipboard.png);
			background-position: top left;
			background-repeat: no-repeat;
		}
		#tabRight{
			width: 327px;
		}

		
		.wood{
			background-image: url(images/woodback.jpg);
		}
		.metal{
			background-image: url(images/metalback.jpg);
		}
		.paper{
			background-image: url(images/clothback.gif);
		}
		.cloth{
			background-image: url(images/clothback.gif);
		}
		
		input.basic{
			font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
			font-size: 12px;
			color: #000;
			background-color: #fff;
			border: 1px solid #000;
		}
		textarea#message{
			font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
			font-size: 12px;
			color: #000;
			background-color: #fff;
			border: 1px solid #000;
			line-height: 15px;
			width: 350px;
			height: 100px;
		}

		.little{
			font-size: 11px;
		}
		form{
			margin: 0px;
		}
		#firsstepbox{
		
		}
		#firsstepbox div.top{
			width: 280px;
			height: 15px;
			overflow: hidden;
			background-image: url(images/firststepbox-top.png);
			background-position: top left;
			background-repeat: no-repeat;
		}
		#firsstepbox div.bottom{
			width: 280px;
			height: 15px;
			overflow: hidden;
			background-image: url(images/firststepbox-bottom.png);
			background-position: top left;
			background-repeat: no-repeat;
		}
		#firsstepbox div.pad{
			background-image: url(images/tranback-white.png);
			padding: 0px 10px 0px 10px;
		}
		#fullWidthContent1{
			background-image: url(images/tranback-black.png); 
			height: 358px; 
			margin: 35px 0px 25px 0px;
			padding: 15px 0px 15px 15px;
		}
		#fullWidthContent2{
			background-color: #FAF8EC; 
			height: 326px; 
			padding: 15px 0px 15px 15px;
			margin-right: 15px;
		}
		#fullWidthContent2.homepage{
			background-image: url(images/home-title.gif);
			background-repeat: no-repeat;
			background-position: 8px 0px;
			height: 356px;
			padding: 0px;
		}
		#fullWidthContent2.homepage .homeleft{
			float: left;
			width: 441px;
			padding: 70px 0px 0px 70px;
			font-size: 18px;
		}
		#fullWidthContent2.homepage .homeright{
			float: right;
			width: 317px;
			height: 230px;
			background-color: #5477AC;
			background-image: url(images/splash.jpg);
			background-repeat: no-repeat;
			padding: 63px 45px;
			color: #FF6E47;
			text-shadow: #000 0px 0px 5px;
			font-size: 16px;
			line-height: 2em;
		}
		#fullWidthContent2.homepage .homeright ul{
			list-style: none;
			margin: 0px 0px 0px 20px;
			padding: 0px;
		}
		#fullWidthContent2.homepage .homeright ul li{
			list-style: none;
			margin: 0px;
			padding: 0px 0px 0px 25px;
			background-image: url(images/orangebullet.gif);
			background-repeat: no-repeat;
			background-position: 0px 10px;
		}
		#fullWidthContent2-wordy{
			background-color: #fff;; 
			height: 326px; 
			overflow: auto;
			padding: 15px 15px 15px 15px;
			margin-right: 15px;
			font-size: 10px;
		}
		
		#shortWidthContent1{
			background-image: url(images/tranback-black.png); 
			height: 358px; 
			width: 600px;
			float: right;
			margin-top: 15px;
			padding: 15px 0px 15px 15px;
		}
		#shortWidthContent2{
			background-color: #fff;; 
			height: 326px; 
			padding: 15px 0px 15px 15px;
			margin-right: 15px;
		}
		#service-design{
			width: 213px;
			height: 229px;
			overflow: hidden;
			background-image: url(images/services_design.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-color: #FAF8EC;
			float: left;
			padding: 120px 10px 10px 10px;
		}
		#service-develop{
			width: 213px;
			height: 229px;
			margin-left: 13px;
			overflow: hidden;
			background-image: url(images/services_develop.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-color: #FAF8EC;
			float: left;
			padding: 120px 10px 10px 10px;
		}
		#service-seo{
			width: 213px;
			height: 229px;
			margin-left: 13px;
			overflow: hidden;
			background-image: url(images/services_seo.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-color: #FAF8EC;
			float: left;
			padding: 120px 10px 10px 10px;
		}
		#service-flash{
			width: 213px;
			height: 229px;
			margin-left: 13px;
			overflow: hidden;
			background-image: url(images/services_flash.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-color: #FAF8EC;
			float: left;
			padding: 120px 10px 10px 10px;
		}
		h1.service{
			font-size: 16px;
			margin: 0px 0px 5px 0px;
			color: #FF6319;
			font-family: 'OpenSansRegular', sans-serif;
		}

		h1.pageTitle{
			width: 313px;
			height: 54px;
			background-image: url(images/header-back.png);
			overflow: hidden;
			background-repeat: no-repeat;
			margin: 0px;
			padding-left: 20px;
			padding-top: 13px;
			font-size: 20px;
			font-weight: 100;
			color: #FAF8EC;
		}
		.positionerBox{
			width:1px;
			height: 1px;
			overflow: visible;
			position: relative;
			top: -30px;
			left: -17px;
		}
		.positionerBox2{
			width:1px;
			height: 1px;
			overflow: visible;
			position: relative;
			top: -43px;
			left: -32px;
		}
		.positionerBox3{
			width:1px;
			height: 1px;
			overflow: visible;
			position: relative;
			top: -30px;
			left: -20px;
		}
		#bodyContent ul{
			margin: 5px 0px 5px 20px;
			padding: 0px;
		}
/*
		#bodyContent ul li{
			list-style: none;
			margin: 4px 0px 2px 0px;
			padding: 0px 0px 0px 20px;
			background-image: url(images/bullet1.png);
			background-position: left 2px ;
			background-repeat: no-repeat;
		}
*/
		#sidebar{
			width: 270px; 
			height: 245px; 
			float: left;
			border-left: 2px solid #999;
			margin-top: 10px;
			padding: 30px;
			color: #666;
			background-image: url(images/logo-back-faded.jpg);
			background-position: center center;
			background-repeat: no-repeat;
		}
		#sidebar a{
			color: #666;
			text-decoration: underline;
		}
		#sidebar a:hover{
			color: #000;
			text-decoration: underline;
		}
		#sidebar h3{
			color: #333;
		}
		#contentColumn{
			width: 600px;
			float: left;
			
		}
		a{
			color: #1745B6;
			text-decoration: none;
		}
		a:hover{
			color: #ff3300;
			text-decoration: none;
		}
		address{
			font-style: normal;
		}
		#slideshow{
			width: 617px;
			height: 331px;
			float: left;
		}
		#casestudies{
			width: 345px;
			height: 331px;
			float: left;
			margin-left: 36px;
		}
		#ticker{
			width: 975px;
			height: 45px;
			margin-top: 15px;
			padding: 12px;
			background-image: url(images/tranback-black.png);
		}
		#contactmessage{
			width: 200px; 
			height: 120px; 
			float: right; 
			margin-right: 20px;
			color: #ff3300;
			font-size: 11px;
		}
		#respondermessage{
			font-size: 11px; 
			color: #ff3300; 
			height: 20px;
		}
		#caseStudy1{
			background-image: url(images/tranback-black.png); 
			height: 317px; 
			width: 345px;
			padding: 15px 0px 0px 15px;
		}
		#caseStudy2{
			background-color: #fff;
			height: 301px;
			width: 315px;
			overflow: hidden;
		}
		#caseStudy2 div.pad{
			padding: 10px 13px 0px 13px;
			font-size: 11px;
			color: #666;
			line-height: 120%;
		}
		#caseStudy2 h3{
			font-size: 14px;
			color: #FF3300;
			margin: 0px 0px 5px 0px;
		}
		#preloaderSubmit{
			background-image: url(images/send-button-over.png); 
			height: 1px; 
			width: 1px;
			position: absolute;
			top: -500px;
			left: -500px;
		}
		#preloaderGetInfo{
			background-image: url(images/get-info-button-down.png); 
			height: 1px; 
			width: 1px;
			position: absolute;
			top: -500px;
			left: -500px;
		}
		#preloaderStartNow{
			background-image: url(images/start-now-button-down.png); 
			height: 1px; 
			width: 1px;
			position: absolute;
			top: -500px;
			left: -500px;
		}
		#processBox{
			width: 940px;
			height: 311px;
			background-image: url(images/process.jpg);
			background-repeat: no-repeat;
			overflow: hidden;
			width: 940px;
			margin-top: 5px;
		}
		.processStep{
			width: 168px;
			height: 311px;
			overflow: hidden;
			float: left;
			font-size: 12px;
			color: #333;
			padding-left: 10px;
			padding-right: 10px;
		}
		.processStep h3{
			color: #333;
			font-size: 18px;
			text-align: center;
			margin: 15px 0px 10px 0px;
		}
		#bodyContent div.processStep ul{
			margin: 5px 0px 5px 15px;
			padding: 0px;
		}
/*
		#bodyContent div.processStep ul li{
			list-style: disc;
			margin: 4px 0px 2px 0px;
			padding: 0px 0px 0px 0px;
			background-image: none;
		}
*/
#magic{
	position: relative;
	top: -2px;
	left: 0px;
	width: 999px;
	z-index: 99;	
}
#sliderOne{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
	width: 999px;
	height:auto;
}
#sliderTwo{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 48;
	width: 999px;
	height:auto;
}
#tabCloseButton{
	position: absolute;
	top: 120px;
	left: -20px;
	z-index: 999;
	width: 36px;
	height: 36px;
	background-image: url(images/close.png);
	display: none;
	cursor: pointer;
}
a.tab{
	display: block;
	float: right;
	width: 94px;
	height: 22px;
	background-color: #FAF8EC;
	color: #5377AC;
	text-decoration: none;
	margin-left: 10px;
	font-size: 14px;
	font-family: 'OpenSansRegular', sans-serif;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 15px 0px 21px;
	-moz-box-shadow: 0px 5px 5px #000;
  	-webkit-box-shadow: 0px 5px 5px #000;
  	box-shadow: 0px 5px 5px #000;
}
a.tab:hover{
	color: #FF6E47;
}
#tabholder{
	position: absolute;
	bottom: -25px;
	right: 5px;
}
#flimflam{
	background-color: #FAF8EC;
	height: 448px;
	width: 999px;
	overflow: hidden;
	-moz-box-shadow: 0px 5px 5px #000;
  	-webkit-box-shadow: 0px 5px 5px #000;
  	box-shadow: 0px 5px 5px #000;
  	visibility: hidden;
}
.flimflamHolder{
	position: absolute;
	top: 0px;
	left: 0px;
}
#portScoller{
	position: absolute;
	top: 0px;
	left: 0px;
}

#portScreen{
	position: relative;
	top: -448px;
	left: 208px;
	width: 791px;
	height: 448px;
	overflow: hidden;
	background-color: #000;
}
#option1{
	position: absolute;
	top: 0px;
	left: 0px;
}
#option2{
	position: absolute;
	top: 0px;
	left: 0px;
}
.portLabel{
	position: absolute;
	width: 400px;
	height: 40px;
	padding: 25px;
	background-image: url(images/tranback-black-darker.png);
	bottom: 0px;
	right: 0px;
	text-align: right;
	
}
.portLabel h3{
	color: #fff;
	font-family: 'OpenSansRegular', sans-serif;
	font-size: 20px;
	margin: 0px 0px 10px 0px;
}
.portLabel a{
	color: #fff;
	text-decoration: none;
}
.portLabel a:hover{
	color: #FF6E47;
	text-decoration: none;
}
#tabholder2{
	position: absolute;
	bottom: -25px;
	right: 145px;
}
#flimflam2{
	background-color: #FAF8EC;
	height: 448px;
	-moz-box-shadow: 0px 5px 5px #000;
  	-webkit-box-shadow: 0px 5px 5px #000;
  	box-shadow: 0px 5px 5px #000;
  	visibility: hidden;
}
#priceform{
	position: relative;
	top: 0px;
	left: 0px;
	padding: 5px 10px;

	height: 435px;
	width: 979px;
	overflow: hidden;
	z-index: 100;
}
#quoteform{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 5px 10px;
	
	height: 435px;
	width: 979px;
	overflow: hidden;
	background-color: #FAF8EC;
	z-index: 900;
}
#goform{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 5px 20px;
	
	height: 435px;
	width: 959px;
	overflow: hidden;
	background-color: #FAF8EC;
	z-index: 800;
}
#flimflam2 h1{
	margin-top: 0px;
	font-size: 20px;
}
.pricebox{
	width: 250px;
	height: 300px;
	background-color: #5477AC;
	float: right;
	padding: 15px;
	color: #fff;
	line-height: 1.2em;
}
#goPrices{
	height:auto;
	float: none;
	margin-bottom: 10px;
}
.pricebox h4{
	color: #fff;
	font-family: 'OpenSansRegular', sans-serif;
	text-align: center;
	border-bottom: 1px solid #fff;
	margin-top: 0px;
	padding-bottom: 3px;
}
.pricebox .special{
	font-size: .9em; 
	font-style: italic;
	margin-top: 15px;
	background-color: #658EC8;
	padding: 15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#thePrice{
	position: relative;
	top: -40px;
	left: 0px;
}
#thePrice2{
	position: relative;
	top: -0px;
	left: 0px;
}
#quotebuttons{
	width: 220;
	height: 40px;
	position: relative;
	top: 220px;
	left: 0px;
}
#portfolioButton{
	background-image: url(images/tab-beaker.gif);
	background-repeat: no-repeat;
	background-position: 100px 10px;
}
#portfolioButton:hover{
	background-image: url(images/tab-beaker2.gif);
}
#quoteButton{
	background-image: url(images/tab-dollar.gif);
	background-repeat: no-repeat;
	background-position: 100px 10px;
}
#quoteButton:hover{
	background-image: url(images/tab-dollar2.gif);
}

#portfolioData{
	display: none;
}

/* PORTFOLIO STUFF */

#topnav{
	width: 650px;
	height: 40px;
	position: absolute;
	top: 55px;
	left: 340px;
	line-height:	1.0em;
}
/*
#topnav ul{
	margin: 0px;
	padding: 0px;
}
#topnav ul li{
	list-style: none;
	float: left;
	margin-right: 5px;
}
#topnav ul li a{
	border: 1px solid #89A0C0;
	background-color: #5477AC;
	padding: 2px 11px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'OpenSansRegular', sans-serif;
	font-size: 18px;
	color: #FAF8EC;
}
#topnav ul li a:hover{
	-moz-box-shadow: 2px 2px 4px #395175;
  	-webkit-box-shadow: 2px 2px 4px #395175;
  	box-shadow: 2px 2px 4px #395175;
  	border: 1px solid #36547A;
}
#topnav ul li a.selected{
	background-color: #6D8AB5;
}
#topnav ul li a.selected:hover{
	border: 1px solid #6D8AB5;
}
*/
#topnav a.icon {
	float: left;
	margin-right: 5px;
	border: 1px solid #89A0C0;
	background-color: #5477AC;
	padding: 0px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;

	
}
#topnav a.icon:hover {
	-moz-box-shadow: 2px 2px 4px #395175;
  	-webkit-box-shadow: 2px 2px 4px #395175;
  	box-shadow: 2px 2px 4px #395175;
  	border: 1px solid #36547A;
}
#sliderbox{
	margin: 0px 100px;
}
#amount{
	color: #5477AC;
}
.designtable{
	margin-bottom: 5px;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em .8em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.button:hover {
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px #000;
	box-shadow: 1px 1px 1px #000;
}
.button:active {
	position: relative;
	top: 1px;
}

.orange {
	color: #fef4e9 !important; 
	border: solid 1px #fff;
	background: #F16832;
	background: -webkit-gradient(linear, left top, left bottom, from(#E88A52), to(#F94915));
	background: -moz-linear-gradient(top,  #E88A52,  #F94915);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E88A52', endColorstr='#F94915');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.emptyformbox{
	margin: 15px 0px;
}
.paymentText{
	float: right; width: 550px; margin-right: 20px;
}
.paymentForm{
	background-color: #5477AC; width: 300px; float: left; padding: 15px 30px; color: #fff; margin-top: 15px;
}
.blue{
	color: #5477AC;
}
.mc-field-group ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.mc-field-group ul li{
	display: inline;
}
.buttonfield{
	margin: 7px 0px;
}
.asterisk{
	color: #FF6E47;
}