body	{
	margin: 0;
	padding: 0;
	background: #fcfcfc url(../i/globalnav/backer.png) repeat-x left top;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

a img	{ border: 0; }
a:link, a:visited	{ color: #6dcb12; font-weight: normal; text-decoration: none; }
a:hover	{ color: #6dcb12; font-weight: normal; text-decoration: underline; }

p { font-size: 11px; margin: 5px 0 20px 0; color: #444; line-height: 15px; }
h5	{ font-size: 14px; color: #444; margin: 0; font-weight: bold; text-shadow: 0 0 0 #e6e7e8; }
h4	{ font-size: 18px; line-height: 26px; margin: 0; color: #6dcb12; text-shadow: 0 0 0 #e6e7e8; font-weight: 100; }
h3	{ font-size: 24px; line-height: 26px; margin: 0 0 25px 0; color: #231F20; text-shadow: 0 0 0 #e6e7e8; font-weight: 100; }
h2	{ font-size: 22px; margin: 15px 0 0 0; font-weight: normal; color: #999; }
h1	{ font-size: 36px; color: #444; margin: 25px 0 25px 0; text-shadow: 0 0 0 #e6e7e8; font-weight: normal; }
.sub { font-size: 14px;  }


.fronts	{ font-size: 26px; color: #fff; text-shadow: 0 0 0 #e6e7e8; font-weight: 100; }

.clear { clear: both; }

.left { float: left; }
.clearfix:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* .pngfix {
    azimuth: expression(
        this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "http://www.integrabank.com/wildstar/i/global/png/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
    );
}

img.icon { cursor: pointer; }

#wrapper { width: 100%; margin: 0; position: relative; }

#header { height: 80px; width: 1100px; margin: 0 0 40px 0; position: relative; }
#stripe { height: 4px; background: #6dcb13; }
#nav { bottom: 7px; right: 0; position: absolute; }
#logo { bottom: 5px; left: 35px; position: absolute; }

#globalnav {
	margin: 0;
	padding: 0;
}

#globalnav a { color: #aaa; font-size: 12px; font-weight: 600; letter-spacing: 1px; }
#globalnav a:hover { color: #fff; text-decoration: none; }
#globalnav li { margin: 0; padding: 0; list-style: none; float: left; padding-left: 0; }

#globalnav li, #globalnav li a {
	height: 13px;
	display: block;
}

#pos1  { background: transparent url(../i/globalnav/home.png) 0 0 no-repeat; left: 0px; width: 52px; float: left; }
#pos2  { background: transparent url(../i/globalnav/werks.png) 0 0 no-repeat; left: 0; width: 66px; float: left; }
#pos3  { background: transparent url(../i/globalnav/about.png) 0 0 no-repeat; left: 0; width: 63px; float: left; }
#pos4  { background: transparent url(../i/globalnav/contact.png) 0 0 no-repeat; left: 0; width: 71px; float: left; }

#pos1 a:hover { background: transparent url(../i/globalnav/home.png) 0 -13px no-repeat; }
#pos2 a:hover { background: transparent url(../i/globalnav/werks.png) 0 -13px no-repeat; }
#pos3 a:hover { background: transparent url(../i/globalnav/about.png) 0 -13px no-repeat; }
#pos4 a:hover { background: transparent url(../i/globalnav/contact.png) 0 -13px no-repeat; }

#pos1 .on { background: transparent url(../i/globalnav/home.png) 0 -13px no-repeat; }
#pos2 .on { background: transparent url(../i/globalnav/werks.png) 0 -13px no-repeat; }
#pos3 .on { background: transparent url(../i/globalnav/about.png) 0 -13px no-repeat; }
#pos4 .on { background: transparent url(../i/globalnav/contact.png) 0 -13px no-repeat; }

.accesslinks { margin: -9999px; }

#globalnav li a.on { color: #fff; }

#port { width: 100%; }

#header:after, #port:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

ul#main { margin: 0; padding: 0; width: 1100px; height: 599px; list-style: none; }
ul#main li { margin: 0; padding: 0; float: left; }
#main1 { margin: 0; padding: 0; width: 550px; float: left;  }
#main2 { margin: 0; padding: 0; width: 550px; float: right;  }
ul#main h3 { font-size: 26px; line-height: 30px; margin-top: 150px; color: #231F20; text-shadow: 0 0 0 #e6e7e8; font-weight: 100; }
ul#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#progress-bar { width: 1100px; color: #ccc; height: 4px; _line-height: 0px; _font-size: 1px; }

#super-wrapper { margin: 0; overflow: hidden; width: 1100px; height: 599px; position: relative; }
#super-inner { width: 1100px; height: 2396px; position: relative; }

#super-content1 { left: 0; top: 0; width: 1100px; height: 599px; text-align: left; }
#super-content2 { left: 0; top: 599px; width: 1100px; height: 599px; text-align: left; }
#super-content3 { left: 0; top: 1198px; width: 1100px; height: 599px; text-align: left; }
#super-content4 { left: 0; top: 1797px; width: 1100px; height: 599px; text-align: left; }

#werks-wrapper { margin: 25px 0 0 0; padding: 0; overflow: hidden; width: 1100px; height: 467px; position: relative; }
#werks-inner { width: 4400px; height: 467px; position: relative; }
.scrolling-content { text-align: left; position: absolute; }
.left-scroll { text-align: left; position: absolute; }

#content1 { left: 0; top: 0; width: 1100px; height: 467px; text-align: left; }

#content2 { left: 1100px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content3 { left: 2200px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content4 { left: 3300px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content5 { left: 4400px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content6 { left: 5500px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content7 { left: 6600px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content8 { left: 7700px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content9 { left: 8800px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content10 { left: 9900px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content11 { left: 11000px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content12 { left: 12100px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content13 { left: 13200px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content14 { left: 14300px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content15 { left: 15400px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content16 { left: 16500px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content17 { left: 17600px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content18 { left: 18700px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content19 { left: 19800px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content20 { left: 20900px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content21 { left: 22000px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content22 { left: 23100px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content23 { left: 24200px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content24 { left: 25300px; top: 0; width: 1100px; height: 467px; text-align: left; }
#content25 { left: 26400px; top: 0; width: 1100px; height: 467px; text-align: left; }

.glam { margin: 0 20px 0 35px; width: 539px; float: left; display: inline; }
.werk { border: 2px solid #888; }
.desc { margin: 0; width: 502px; float: left; }

.stats { margin: 0 0 20px 0; padding: 0; color: #444; width: 35%; font-size: 10px; }

#contact {  margin: 0; padding: 0; color: #bbb; font-weight: bold; }
#contact tr td { margin: 0; padding: 5px 0 0 0; }
#contact h5 { font-size: 10px; text-shadow: 0 0 0 #444; }

.content-wrap { height: 492px; position: relative; }

.slide {  margin: 4px 0 0 0; list-style: none; display: inline; float: right; }
.slide li { margin: 0; padding: 0 0 0 2px; float: left; }

.left { float: left; }
.right { float: right; }

.grid { width: 95%; margin: 0 0 0 35px; padding-top: 25px; }
.push { margin-top: 30px; }

.half { width: 49%; }
.onethird { width: 31%; margin-right: 25px; }
.twothird { width: 66%; }
.quarter { width: 22.5%; margin-right: 25px; }
.last { margin-right: 0; }

input {
	color: #fff;
	background: #aaa;
	border: 1px solid #aaa;
	height: 20px;
	padding-top: 5px;
}

input.button {
	color: #fff;
	background: #383838;
	border: 0;
	height: 25px;
	padding: 0;
}

.write {	
	color: #fff;
	background: #aaa;
	border: 1px solid #aaa;
	height: 20px;
	padding-top: 5px;
	margin-right: 5px;
}

textarea {
	color: #fff;
	background: #aaa;
	border: 1px solid #aaa;
	padding-top: 5px;
}

.pigeons { position: relative; top: -170px; _top: -240px; float: left; }

input, textarea { margin-top: 7px; }

ul#footer	{
	clear: both;
	height: 16px;
	margin: 10px 0 0 35px;
	padding: 0;
	border: 0;
	color: #444;
	font-size: 9px;
	text-align: left;
}

ul#footer li {
	padding-left: 8px;
	list-style: none;
	height: 16px;
	float: left;
	vertical-align: middle;
}

#first {
	padding-left: 0;
	list-style: none;
	height: 16px;
	float: left;
	vertical-align: middle;
}

ul#footer p	{
	padding: 2px 0 0 0;
	margin: 0;
}

div.horzscroller {
	margin: 0 0 0 25px;
	padding: 0;
	width: 100%;
	height: 107px;
}

div.horzscroller .content {
	margin: 0;
	padding: 0;
	margin-bottom: 0;
	width: 100%;
	overflow: hidden;
}

div.horzscroller .scrollarea {
	height: 7px;
	width: 100%;
	cursor: pointer;
}

.scrollarea { margin: 10px 0 0 10px; background: #ccc; }

div.horzscroller div.scrollBarContainer {
	width: 1042px;
	margin-right: 2px;
	height: 7px;
	float: left;
}

div.horzscroller .scrollKnob {
	height: 7px;
	margin: 0 0 0 5px;
	background: #6dcb13;
	min-width: 10px;
}

div.horzscroller .scrollForward, div.horzscroller .scrollBack {
	float: left;
	width: 7px;
	height: 7px;
	margin-top: 0;
	background: #6dcb13;
}

.scrollForward { margin-left: 7px; }
.scrollBack { margin-left: 0; }

.scrollForward, .scrollBack, .scrollKnob, .scrollBarContainer {
	font-size: 0;
}

ul#thumbs {
	margin: 10px 0 0 10px;
	padding: 0;
	height: 80px;
	list-style: none;
}

ul#thumbs li {
	display: inline;
	padding-right: 8px;
	float: left;
}

ul#thumbs li img {
	display: block;
}

#copy { margin: 10px 0 0 35px; font-size: 9px; color: #555; }

/* these selector names are based on what you provide to the class */

/* example 1 */
#box { margin: 0; padding: 0; width: 1100px; height: 4px; float: left; }
#perc { margin: 0; padding: 0; background: #6dcb13; height: 4px; }
#text { _margin-top: 5px; _padding-bottom: 5px; font-size: 11px; color: #000; }

#log {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	height: 40px;
	_height: 60px;
}

#log p {
	color: #6dcb12;
	font-weight: bold;
}

#log_res {
	overflow: auto;
	line-height: 0px;
}
 
#log_res.ajax-loading {
	padding: 0;
	background: url(../contact/spinner.gif) no-repeat center;
}