/*TRANSFORM*/

#transformRollOvers{
	width: auto;
	height: 110px;
}

#transOne{
	float:left;
	margin-right: 5px;
}
#transTwo{
	float:left;
	margin-right: 5px;
}
#transThree{
	float:left;
	margin-right: 5px;
}
#transFour{
	float:left;
	margin-right:5px;
}

#transFive{
	float:left;
	margin-right:5px;
}

a.noLine:link  {
	text-decoration: 0px;
	border: 0px; 
}
a.noLine:visited {
	text-decoration: 0px;
	border: 0px; 
}
a.noLine:hover {
	text-decoration: 0px;
	border: 0px; 
}

#transOne:hover{
	-moz-transform: skew(15deg, 15deg);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 500ms;
	-webkit-transform:skew(15deg, 15deg);	
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms; 
	-ms-transform:skew(15deg, 15deg);	
	-ms-transition-timing-function: ease-out;
	-ms-transition-duration: 500ms; 
	-o-transform:skew(15deg, 15deg);
	-o-transition-timing-function: ease-out;
	-o-transition-duration: 500ms;
	transform:skew(15deg, 15deg);
	transition-timing-function: ease-out;
	transition-duration: 500ms;
	
	

}

#transTwo:hover{
	-moz-transform: scale(2);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 500ms;
	-webkit-transform:scale(2);	
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms; 
	-ms-transform:scale(2);	
	-ms-transition-timing-function: ease-out;
	-ms-transition-duration: 500ms; 
	-o-transform:scale(2);	
	-o-transition-timing-function: ease-out;
	-o-transition-duration: 500ms;
	transform:scale(2);
	transition-timing-function: ease-out;
	transition-duration: 500ms;

}

#transThree:hover{
	
	-moz-transform: translate(100px);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 500ms;
	-webkit-transform:translate(600px,400px);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms; 
	-ms-transform:translate(100px);
	-ms-transition-timing-function: ease-out;
	-ms-transition-duration: 500ms; 
	-o-transform:translate(100px);
	-o-transition-timing-function: ease-out;
	-o-transition-duration: 500ms;
	transform:translate(100px);
	transition-timing-function: ease-out;
	transition-duration: 500ms; 
}


#transFour:hover{
	-moz-transform: rotate(-25deg);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: .2s;
	-webkit-transform:rotate(-25deg);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms; 
	-ms-transform:translate(100px);
	-ms-transition-timing-function: ease-out;
	-ms-transform:rotate(-25deg);
	-o-transform:rotate(-25deg);
	-o-transition-timing-function: ease-out;
	-o-transition-duration: 500ms;
	transform:rotate(-25deg);
	transition-timing-function: ease-out;
	transition-duration: 500ms; 
}

#transFive:hover{
	-moz-transform: rotate(5deg);
	-moz-transform-origin: top right;
	-webkit-transform:rotate(5deg);
	-webkit-transform-origin: top right;
	-ms-transform:rotate(5deg);
	-ms-transform-origin: top right;
	-o-transform:rotate(5deg);
	-o-transform-origin: top right;
	transform:rotate(5deg);
	transform-origin: top right;
	}

.infoRotate{
		float:right;
		margin-top: 20px;
		margin-right: -40px;
		width: 300px;
		height: auto;
	}


.rotateOne {
	-moz-transform: rotate(-5deg);
	-webkit-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	transform:rotate(-5deg);
	}
	
	.rotateTwo {
	-moz-transform: rotate(5deg);
	-moz-transform-origin: top right;
	-webkit-transform:rotate(5deg);
	-webkit-transform-origin: top right;
	-ms-transform:rotate15deg);
	-ms-transform-origin: top right;
	-o-transform:rotate(5deg);
	-o-transform-origin: top right;
	transform:rotate(5deg);
	transform-origin: top right;
	}

.rotateThree {
	-moz-transform: rotate(5deg) translate(25px, 25px);
	-webkit-transform:rotate(5deg)translate(25px, 25px);
	-ms-transform:rotate15deg)translate(25px, 25px);
	-o-transform:rotate(5deg)translate(25px, 25px);
	transform:rotate(5deg)translate(25px, 25px);

	}

.rotateText {
	padding: 20px;
	width: 300px;
	height: auto;
		border-style: solid;
		border-color:#333;
		border-width:1px;
	-moz-transform: rotate(5deg);
	-webkit-transform:rotate(5deg);
 
	-ms-transform:rotate15deg);
	-o-transform:rotate(5deg);
	transform:rotate(5deg);
	}
	.skewOne {
	-moz-transform: skew(2deg, 20deg);
	-webkit-transform: skew(2deg, 20deg);
	-ms-transform: skew(2deg, 20deg);
	-o-transform: skew(2deg, 20deg);
	transform: skew(2deg, 20deg);
	}
.matrixOne {
	-moz-transform: skew(2deg, 20deg);
	-webkit-transform: skew(2deg, 20deg);
	-ms-transform: skew(2deg, 20deg);
	-o-transform: skew(2deg, 20deg);
	transform: skew(2deg, 20deg);
	}

.solid{
	width: 500px;
	border-color: #963351;
 	padding: 20px;
	border-style: solid;

	border-width: 2px; 

}
 .double{
	width: 500px;
	border-color: #963351;
 	padding: 20px;
	border-style:double;
	border-width: 4px;
	
}
 .doubleMargin{
	width: 500px;
	border-color: #963351;
 	padding: 20px;
	border-style:double;
	border-width: 4px;
	margin-left: 20px;
	
}		
.dashed{
	width: 500px;
	border-color: #963351;
 	padding: 20px;
	border-style:dashed;
	border-width: 4px;
	
}	
.grooved{
	width: 500px;
	border-color: #963351;
 	padding: 20px;
	border-style:groove;
	border-width: 4px;
	
}	

.ridge{
	width: 500px;
	border-color: #963351;
 	padding: 20px;
	border-style:ridge;
	border-width: 4px;
	
}
.inset{
	width: 500px;
	border-color: #963351;
 	padding: 20px;
	border-style:inset;
	border-width: 4px;
	
}	
.outset{
	width: 500px;
	border-color: #963351;
 	padding: 20px;
	border-style:outset;
	border-width: 4px;
}
 .outline{
	width: 500px;
	border-color: #963351;
 	padding: 20px;
	outline-style: solid;
	outline-color: #369;
	outline-width: 10px;
	border-style:solid;
	border-width: 1px;
	margin-left: 20px;
	
}
.sansoutline{
	width: 500px;
	border-color: #963351;
 	padding: 20px;
	
	border-style:solid;
	border-width: 1px;
	margin-left: 20px;
	
}
.boxHeight{
	width: 500px;
	height: 100px;
	border-color: #963351;
 	padding: 20px;
	overflow:visible;
	border-style:solid;
	border-width: 1px;
	
	
}
.boxHidden{
	width: 500px;
	height: 100px;
	border-color: #963351;
 	padding: 20px;
	overflow:hidden;
	border-style:solid;
	border-width: 1px;
	
	
}
.boxScroll{
	width: 500px;
	height: 100px;
	border-color: #963351;
 	padding: 20px;
	overflow:scroll;
	border-style:solid;
	border-width: 1px;
	
	
}
.boxAuto{
	width: 500px;
	height: 100px;
	border-color: #963351;
 	padding: 20px;
	overflow:auto;
	border-style:solid;
	border-width: 1px;
	
	
}
.heightAuto{
	width: 500px;
	height: auto;
	border-color: #963351;
 	padding: 20px;

	border-style:solid;
	border-width: 1px;
	
	
}