html, body, iframe{
	height: 100%;
	z-index: 1;
}
body{
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	background: url(img/bg.jpg) top center no-repeat #f5f5f5;
	margin: 0px;
	padding: 0px;
	height: 100%;
	max-height: 100%; 
	overflow: hidden;
}

textarea:focus, input:focus,textarea, input, select:focus{
    outline: 0;
}
#header{
	display: block;
	width: 980px;
	height: 200px;
	background: url(img/logo.jpg) #FFFFFF;
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #f5f5f5;
}
#showcase{
	top: 0px;
	left: 0px;
	width: 300px;
	height: 200px;
	background: url(img/1.jpg) #FFFFFF;
	
	background-size: contain;
	background-position: top left;
	background-repeat: no-repeat;
}
#showcasefader{
position: relative;
top: 0px;
left: 250px;
width: 50px;
height: 200px;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#textfader{
position: relative;
left: 600px;
top: -80px;
width: 20px;
height: 80px;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#container{
	position: fixed;
	width: 100%;
	
	overflow: hidden;
	border:0px;
	padding:0px;
	
	top: 200px;
	bottom: 0px;
}
#innerContainer{
	width: 980px;
	
	margin: 0 auto;
	display: block;
	height: 100%;
	z-index: 1;
	
}

#leftside, #rightside{
	
	
	height: auto;
	display: block;
	height: 100%;
	float: left;
	
	
}
#leftside{
	
	width: 200px;
	height: 100%;
	overflow: hidden;
	/*border-right: 1px solid #2d2d2d;*/
	background: #404040;
	
}
#rightside{
	width: 778px;
	border-left: 1px solid #535353;
	bottom: 0px;
	z-index: 1;
	
	overflow-y: auto;
	
	background-position: bottom right;
	background-repeat: no-repeat;
	
	
	
	
}

#siteContent{
	/*background: #ffffff;*/
}
iframe{
	border: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	
}



.bordered{
	border: 1px solid #333333;
}