/*BODY {background:  url(../images/white5.gif); font-family: Verdana, Times; font-size: 7pt; color: #000000; margin: 20 20 0 0;} */

BODY {font-family: Verdana, Times; font-size: 8pt; color: #000000; margin: 20 20 0 0;}


/*Portfolio*/
.portfolio {
	FLOAT: left; text-align:left; OVERFLOW: auto; width: 100%; height: 450px; margin: 0 0 0 20;
}

/*Demos*/
.demos {
	FLOAT: right; text-align:left; OVERFLOW: auto; width: 100%; height: 450px; margin: 0 0 0 20;
}

/*products*/
.products {
	FLOAT: left; OVERFLOW: auto; width: 100%; height: 450px; margin: 0 0 0 20;
}


/*Main Container*/
.hrzContainer {
	width:100%; 
}
.hrzContainer ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}
.hrzContainer li{
	display: inline; 
	margin: 0px;
	padding:0px;
}

.hrzContainer img{
	margin: 100 100 100 100;  
}


/*Handle*/
.handle {
	float: left;
	width: 27px;
	height: 510px;
	margin: 1px;
	margin-right: -10px;
	background:  url(../images/blade.png) no-repeat;
}

.handleOver{	
	background: url(../images/blade_sel.png) no-repeat;
}

.handleSelected{
	background: url(../images/blade_sel.png) no-repeat;
}



/*Content Container*/
.contentWrapper{
	width: 640px;
}

.contentInnerWrapper{
	text-align: justify;
	padding: 0px 15px 0px 0px;
}

.contentInnerWrapperOther{
	text-align: justify;
	padding: 0px 15px 0px 15px;
}

.contentWrapper h3{
	border-bottom: 1px solid #F9CE07;
	font-size: 12pt; 
	color: #786557;
}

.contentWrapper h4{
	color: #786557;
	font-size: 10pt; 
}



/*Animation Start*/
.contentStart {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 510px;	
	overflow:hidden;
}



/*Animation End*/
.contentEnd {
	padding-left: 4px;
	float: left;	
	width:660px;
	height: 510px;
}


/*Display footer*/
#footer {
	clear: left; 
	font-size: 7pt; 
}