body{
	margin:0;
	font-family:sans-serif;
	color:#808080;
	padding:0;
	height:100%;
}
html{
	height:100%;
}
/*tool tip*/

a.tooltip {
    color: black;
	line-height:20px;
    text-decoration: none;
}
.tooltip {
    top:395px;
    left: 110px;
    position: absolute;
    padding: 6px 10px;
    border: 1px solid #555;
    background-color: #ddd; 
    
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 1px 5px 0px #ccc;
    
    -webkit-animation-name: bounce;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    
    -moz-border-radius: 4px;
    -moz-box-shadow: 0 1px 5px 0px #ccc;
    
    -moz-animation-name: bounce;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 300;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: ease-in-out;
}

    .tooltip:hover {
		text-decoration:none;
		color:black;
		opacity:1;
    }
	
    .tooltip:after{
        content: "";   
        position: absolute;
        left: 50%;
		margin-top:5px;
        margin-left: -57px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ddd;
			-ms-transform: rotate(270deg); /* IE 9 */
			-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
			transform: rotate(270deg);
    }
    .tooltip:before{
        content: "";
        position: absolute;
        left: 50%; 
		margin-top:5px;
        margin-left: -58px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #555;
			-ms-transform: rotate(270deg); /* IE 9 */
			-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
			transform: rotate(270deg);
    }
    
    @-webkit-keyframes bounce {
     from {
       left: 80px;
     }
     to {
       left: 100px;
     }
    }
    
    @-moz-keyframes bounce {
     from {
       left: 80px;
     }
     to {
       left: 100px;
     }
    }

/***************************************/
#buttons{
	position:fixed;
	z-index:22;
	bottom:30px;
	right:30px;
}
#buttons button:hover{
	cursor:pointer;
}
#buttons input:hover{
	cursor:pointer;
}
#warning{
		position:fixed;
		width:375px;
		height:100px;
		bottom:0;
		z-index:20;
		right:0;
	}
	#warning2 p{
		margin:0;
		padding:0;
		}
#warning2 {
	width:100px;
	height:50px;
	margin-bottom:-40px;
	display:none;
	float:left;
    bottom: 50;
    position: absolute;
    padding: 6px 10px;
    border: 1px solid #555;
    background-color: #ddd; 
    
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 1px 5px 0px #ccc;
    
    
    -moz-border-radius: 4px;
    -moz-box-shadow: 0 1px 5px 0px #ccc;
    

}

    #warning2:hover {
		text-decoration:none;
		color:black;
		opacity:1;
    }
	
    #warning2:after{
        content: "";   
        position: absolute;
        left: 50%;
		margin-top:-35px;
        width: 0;
        height: 0;
		margin-left:55px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ddd;
			-ms-transform: rotate(90deg); /* IE 9 */
			-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
			transform: rotate(90deg);
    }
    #warning2:before{
        content: "";
        position: absolute;
        left: 50%; 
		margin-top:20px;
        width: 0;
        height: 0;
		margin-left:57px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #555;
			-ms-transform: rotate(90deg); /* IE 9 */
			-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
			transform: rotate(90deg);
    }
.tooltip2 {
    position: relative;
    border-bottom: 1px dotted #000;
    -webkit-transition: all 2s ease;
}

    .tooltip2 span {
        position: absolute;
        display: block;
        opacity: 0;
        width: 100%;
        text-align: center;
    
        bottom: 100%;
        margin-left: -12px;
    
        padding: 6px 10px;
        border: 1px solid #555;
        background-color: #ddd; 
        
        -webkit-border-radius: 4px;
        -webkit-box-shadow: 0 1px 5px 0px #ccc;
    
        -webkit-transition: all 500ms ease;
    }

        .tooltip2:hover span{
            opacity: 1.0;
            bottom: 150%;
        }
    
    .tooltip2 span:after{
        content: "";   
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -10px;
        
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #ddd;
    }

    .tooltip2 span:before{
        content: "";
        position: absolute;
        bottom: -11px;
        left: 50%; 
        margin-left: -10px;
        
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #555;
    }
/*navigation thing*/
nav{
	width:100%;
	float:right;
	z-index:99;
	
}
nav ul {
	-webkit-font-smoothing:antialiased;
	text-shadow:0 1px 0 #FFF;
    background: #ddd;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
	z-index:99;
}
nav li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 16%;
	z-index:99;
}
nav a {
    background: #ddd;
    color: #505050;
    display: block;
    font: bold 16px/50px sans-serif;
    padding: 0 25px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
			z-index:99;
}
nav .dropdown:after {
    content: '\25bc';
}
nav .dropdown:hover:after{
	content:'\25bc'
}
nav li:hover a {
    background: #ccc;
}
nav li ul {
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 35px;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
nav li:hover ul {
    opacity: 1;
    top: 50px;
    visibility: visible;
}
nav li ul li {
    float: none;
    width: 100%;
}
nav li ul a:hover {
    background: #bbb;
}
/* Clearfix */
.cf:after, .cf:before {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
div#menu{
	background-image:none;
	background:#404040;
	width:100%;
}
/*canvas*/
#grass{
	width:100%;
	height:93.8%;
	background: repeating-linear-gradient(
	45deg,
	#009900,
	#009900 12px,
	#007700 12px,
	#007700 24px
	);
	background-repeat:repeat-x;
	background-repeat:repeat-y;
	overflow:hidden;
}
#grass2{
	width:100%;
	height:99%;
	background-image: url(images/copywrite.png);
	background-repeat: repeat-y;
}
#containment-wrapper{
	height:100%;
	margin:0;
	margin-top:0px;
	z-index:200;
}
div#menu{
	width:100%;
	position:absolute;
}
#menu-wrapper{
    height: 98px;
    z-index: 10;
	margin-top:6px;
	width:100%;
	border-top:1px solid black;	
	background: -webkit-linear-gradient(-90deg, #373737, #545454);
	background: -moz-linear-gradient(-90deg, #373737, #545454);
	background: -o-linear-gradient(-90deg, #373737, #545454);

}
#inner-menu{
	width:961px;
	margin:0 auto;
}
ul#secondary-menu{
	width:100%;
}
#myForm{
	margin-bottom:0;
}
.show{
	display:none;
}
#copy{
	transform: rotate(0deg);
	color:#009900;
	position:fixed;
	width:75%;
	margin-left:7.5%;
	margin-right:7.5%;
	line-height:100%;
	font-size:120px;
	text-align:center;
}
#leftmenubutton{
	width:60px;
	height:60px;
	left:0;
	background:#FFF;
	position:absolute;
	margin-top:210px;
	opacity:0.9;
	border-radius:0px 5px 5px 0px;
	text-align:center;
}
#leftmenubutton:hover{
	opacity:1;
	width:70px;
	transition:0.3s ease;
}
#newmenubutton{
	width:60px;
	height:60px;
	left:0;
	background:#FFF;
	position:absolute;
	margin-top:148px;
	opacity:0.9;
	border-radius:0px 5px 5px 0px;
	text-align:center;
}
#newmenubutton:hover{
	width:70px;
	transition:0.3s ease;
	opacity:1;
}
div#sidr-right.left-nav.sidr.left{
	padding:0;
}
#simple-menu{
	text-decoration:none;
	color:black;
}
#leftmenubutton p{
	font-size:10px;
	margin:0;
}
#leftmenubutton img{
	width:20px;
	height:30px;
	margin-left:-2px;

}
#newmenubutton p{
	font-size:10px;
	margin:0;
}
#newmenubutton img{
	width:20px;
	height:30px;
	margin-left:-2px;

}
/*marquees added*/
.3x2m{
	width:200px;
	height:200px;
	background:white;
}

.rotate{
	-moz-transform: rotate(90deg);
    -webkit-transform:rotate(90deg); 
	-ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}
.rotate2{
	-moz-transform: rotate(180deg);
    -webkit-transform:rotate(180deg); 
	-ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}
.rotate3{
	-moz-transform: rotate(270deg);
    -webkit-transform:rotate(270deg); 
	-ms-transform:rotate(270deg);
    -o-transform:rotate(270deg);
}
.rotate4{
	-moz-transform: rotate(360deg);
    -webkit-transform:rotate(360deg); 
	-ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}
.rotatearrow{
	-moz-transform: rotate(180deg);
    -webkit-transform:rotate(180deg); 
	-ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
	transition:0.6s ease;
}
.rotatearrow{
	-moz-transform: rotate(180deg);
    -webkit-transform:rotate(180deg); 
	-ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
	transition:0.6s ease;
}
/*sidebar*/
aside{
	width:20%;
	background:white;
	float:left;
	height:100%;
	position:fixed;
	z-index:10;
	text-align:center;
	overflow:auto;
	position:absolute;
	z-index:67;
	border-right:1px solid gray;
}
aside img{
	padding-left:2.5%;
	padding-right:2.5%;
	width:95%;
}
aside ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:14px;
}
aside ul li{
	line-height:19px;
}
aside ul li:hover{
	color:grey;
	border-right:5px solid #0000e9;
	transition:0.1s ease;
	
}
aside a{
	color:black;
	text-decoration:none;
}
aside a:hover{
	color:grey;
	text-decoration:none;
}
aside h3{
	margin-top:10px;
	margin-bottom:10px;
}
#buttons{
	margin-top:15px;
}
#resizemarquee{
	background:white;
	color:black;
	font-weight:bold;
	line-height:50px;
	height:50px;
	width:15%;
	float:right;
	text-align:center;
	opacity:0.7;
	margin-right:30px;
	margin-top:10px;
	cursor:pointer;
}
#resizemarquee:hover{
	opacity:1;
}
#threesixtytour{
	background:white;
	color:black;
	font-weight:bold;
	height:60px;
	width:10%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2.5%;
	padding-right:2.5%;
	float:right;
	text-align:center;
	opacity:0.7;
	margin-right:30px;
	margin-top:10px;
	cursor:pointer;
}
#threesixtytour:hover{
	opacity:1;
}
#instructions{
	background:white;
	position:absolute;
	color:black;
	height:auto;
	width:15%;
	right:0px;
	top:290px;
	float:right;
	text-align:center;
	opacity:0.7;
	margin-right:30px;
	margin-top:10px;
	cursor:pointer;
}
#instructions h3{
	margin-top:10px;
}
#examples{
	background:white;
	position:absolute;
	color:black;
	height:auto;
	width:15%;
	right:0px;
	top:520px;
	float:right;
	text-align:center;
	opacity:0.7;
	margin-right:30px;
	margin-top:30px;
	cursor:pointer;
}
#examples a{
	color:black;
	text-decoration:none;
}
#examples a:hover{
	color:grey;
}
#examples img{
	width:15px;
	height:15px;
	float:right;
}
#examples h3{
	margin-top:10px;
}
#examples:hover{
	opacity:0.97;
}
#instructions:hover{
	opacity:0.97;
}
#instructions img{
	width:15px;
	height:15px;
	float:right;
}
div .ui-resizable-handle .ui-resizable-se .ui-icon .ui-icon-gripsmall-diagonal-se{
	display:none;
}
div:hover .ui-resizable-handle .ui-resizable-se .ui-icon .ui-icon-gripsmall-diagonal-se{
	display:none;
}
/*controls (remove and rotate)*/
.controls{
	height:20px;
	width:20px;
	opacity:0.4;
}

/*DJ area horizontal*/
.disco .controls{
	display:none;
}
.disco:hover .controls{
	display:inline;
}
.disco:hover img.controls{
	display:inline;
	margin-top:-20px;
}
a#discobutton{
	position:absolute;
}

/*red carpet*/
.redcarpet{
	
}
.redcarpet .controls{
	display:none;
}
.redcarpet:hover .controls{
	display:inline;
}
.redcarpet label{
	display:none;
}
.redcarpet:hover label{
	display:inline;
}
/*green carpet*/
.greencarpet{

}
.greencarpet .controls{
	display:none;
}
.greencarpet:hover .controls{
	display:inline;
}
.greencarpet label{
	display:none;
}
.greencarpet:hover label{
	display:inline;
}
/*honeybeige carpet*/
.honeybeigecarpet .controls{
	display:none;
}
.honeybeigecarpet:hover .controls{
	display:inline;
}
.honeybeigecarpet label{
	display:none;
}
.honeybeigecarpet:hover label{
	display:inline;
}


/*tables*/
/*six chairs with table*/
.chairtable .controls{
	display:none;
}
.chairtable:hover .controls{
	display:inline;
}
.chairtable:hover img.controls{
	display:inline;
	margin-top:-20px;
}
a#chairtablebutton{
	position:absolute;
}

/*three chairs*/
.chairs .controls{
	display:none;
}
.chairs:hover .controls{
	display:inline;
}
.chairs:hover img.controls{
	display:inline;
	margin-top:-20px;
}
a#chairsbutton{
	position:absolute;
}
/*three chairs with table*/
.trestletable .controls{
	display:none;
}
.trestletable:hover .controls{
	display:inline;
}
.trestletable:hover  img.controls{
	display:inline;
	margin-top:-20px;
}
a#trestlebutton{
	position:absolute;
}
/*3ft cake table */
.caketable .controls{
	display:none;
	margin-top:-20px;
}
.caketable:hover .controls{
	display:inline;
}
/*3ft round table*/
.threefttable .controls{
	display:none;
}
.threefttable:hover .controls{
	display:inline;
}
.threefttable img.controls{
	margin-top:-20px;
}

/*4ft round table*/

.fourfttable .controls{
	display:none;
}
.fourfttable:hover .controls{
	display:inline;
}
.fourfttable img.controls{
	margin-top:-20px;
}

/*5ft round table*/
.fivefttable .controls{
	display:none;
}
.fivefttable:hover .controls{
	display:inline;
}
.fivefttable img.controls{
	margin-top:-20px;
}

/*5.6ft round table*/
.fivesixfttable .controls{
	display:none;
}
.fivesixfttable:hover .controls{
	display:inline;
}
.fivesixfttable img.controls{
	margin-top:-20px;
}
/*tree*/
.tree{

}
.tree .resize{
	width:100%;
	height:100%;
}
.tree .controls{
	display:none;
	margin-top:-20px;
}
.tree:hover .controls{
	display:inline;
}
/*bar*/
.bar{
}
.bar img{
		display:none;
}
.bar:hover img{
	display:inline;
}
/*flowerbed*/
.bed{
	
}
.bed img{
		display:none;
}
.bed:hover img{
	display:inline;
}
.bed label{
	display:none;
}
.bed:hover label{
	display:inline;
}
/*pond*/
.pond .controls{
	margin-top:-5px;
}
.pond img{
	display:none;
}
.pond:hover img{
	display:inline;
}
/*dancefloor*/
.dancefloor img{
		display:none;
}
.dancefloor:hover img{
	display:inline;
}
.dancefloor label{
	display:none;
}
.dancefloor:hover label{
	display:inline;
}
/*path*/
.path{
	background-color:grey;
	border:1px solid black;
}
.path img{
		display:none;
}
.path:hover img{
	display:inline;
}
.path label{
	display:none;
}
.path:hover label{
	display:inline;
}
/*decking*/
.twodeck{

}
.twodeck img{
		display:none;
}
.twodeck:hover img{
	display:inline;
}
.twodeck label{
	display:none;
}
.twodeck:hover label{
	display:inline;
}
/*patio*/
.twopatio{

}
.twopatio img{
		display:none;
}
.twopatio:hover img{
	display:inline;
}
.twopatio label{
	display:none;
}
.twopatio:hover label{
	display:inline;
}
/*fence horizontal*/

.twofence img{
		display:none;
}
.twofence:hover img{
	display:inline;
}
.twofence label{
		display:none;
}
.twofence:hover label{
	display:inline;
}
/*fence vertical*/

.fourfence img{
	display:none;
}
.fourfence:hover img{
	display:inline;
}
.fourfence label{
	display:none;
}
.fourfence:hover label{
	display:inline;
}
/*fence horizontal*/

.twowall img{
		display:none;
}
.twowall:hover img{
	display:inline;
}
.twowall label{
		display:none;
}
.twowall:hover label{
	display:inline;
}
/*fence vertical*/
.fourwall img{
		display:none;
}
.fourwall:hover img{
	display:inline;
}
.fourwall label{
		display:none;
}
.fourwall:hover label{
	display:inline;
}
/*square building*/
.sqbuilding img{
		display:none;
}
.sqbuilding:hover img{
	display:inline;
}
.sqbuilding label{
	display:none;
}
.sqbuilding:hover label{
	display:inline;
}
/*round building*/
.rndbuilding img{
		display:none;
}
.rndbuilding:hover img{
	display:inline;
}
.rndbuilding label{
	display:none;
}
.rndbuilding:hover label{
	display:inline;
}
/*~~~~~~~~~~marquees~~~~~~~~~~~~~~~*/
/*2x2m walkway*/
.twobytwo p{
	display:none;
}
.twobytwo:hover p{
	display:block;
}
.twobytwo img{
		display:none;
}
.twobytwo:hover img{
	display:inline;
}
.shadow{
	 -moz-box-shadow:    2px 2px 4px black;
  -webkit-box-shadow: 2px 2px 4px black;
  box-shadow: 2px 2px 4px black;
}
.lift_shadow{
	-moz-box-shadow: 6px 6px 10px black;
	-webkit-box-shadow: 6px 6px 10px black;
	box-shadow: 6px 6px 10px black;
}
/*2x4m walkway*/
.twobyfour p{
	display:none;
}
.twobyfour:hover p{
	display:block;
}
.twobyfour img{
		display:none;
}
.twobyfour:hover img{
	display:inline;
}
/*2x6m walkway*/
.twobysix p{
	display:none;
}
.twobysix:hover p{
	display:block;
}
.twobysix img{
		display:none;
}
.twobysix:hover img{
	display:inline;
}
/*3x2m marquee*/
.threebytwo p{
	display:none;
}
.threebytwo:hover p{
	display:block;
}
.threebytwo img{
		display:none;
}
.threebytwo:hover img{
	display:inline;
}
/*3x3m marquee*/
.threebythree p{
	display:none;
}
.threebythree:hover p{
	display:block;
}
.threebythree img{
		display:none;
}
.threebytwo:hover img{
	display:inline;
}
/*3x4m marquee*/
.threebyfour p{
	display:none;
}
.threebyfour:hover p{
	display:block;
}
.threebyfour img{
		display:none;
}
.threebyfour:hover img{
	display:inline;
}
/*3x5m marquee*/
.threebyfive p{
	display:none;
}
.threebyfive:hover p{
	display:block;
}
.threebyfive img{
		display:none;
}
.threebyfive:hover img{
	display:inline;
}
/*3x6m marquee*/
.threebysix p{
	display:none;
}
.threebysix:hover p{
	display:block;
}
.threebysix img{
		display:none;
}
.threebysix:hover img{
	display:inline;
}
#remove3x6 img:hover{
	opacity:1;
}
/*3x8 marquee*/
.threebyeight p{
	display:none;
}
.threebyeight:hover p{
	display:block;
}
.threebyeight img{
		display:none;
}
.threebyeight:hover img{
	display:inline;
}
/*3x10 marquee*/
.threebyten p{
	display:none;
}
.threebyten:hover p{
	display:block;
}
.threebyten img{
		display:none;
}
.threebyten:hover img{
	display:inline;
}
/*3x12 marquee*/
.threebytwelve p{
	display:none;
}
.threebytwelve:hover p{
	display:block;
}
.threebytwelve img{
		display:none;
}
.threebytwelve:hover img{
	display:inline;
}
/*3x14m marquee*/
.threebyfourteen p{
	display:none;
}
.threebyfourteen:hover p{
	display:block;
}
.threebyfourteen img{
		display:none;
}
.threebyfourteen:hover img{
	display:inline;
}
/*4x4 marquee*/
.fourbyfour p{
	display:none;
}
.fourbyfour:hover p{
	display:block;
}
.fourbyfour img{
		display:none;
}
.fourbyfour:hover img{
	display:inline;
}
/*4x5 marquee*/
.fourbyfive p{
	display:none;
}
.fourbyfive:hover p{
	display:block;
}
.fourbyfive img{
		display:none;
}
.fourbyfive:hover img{
	display:inline;
}
/*4x6 marquee*/
.fourbysix p{
	display:none;
}
.fourbysix:hover p{
	display:block;
}
.fourbysix img{
		display:none;
}
.fourbysix:hover img{
	display:inline;
}
/*4x7 marquee*/
.fourbyseven p{
	display:none;
}
.fourbyseven:hover p{
	display:block;
}
.fourbyseven img{
		display:none;
}
.fourbyseven:hover img{
	display:inline;
}
/*4x8 marquee*/
.fourbyeight p{
	display:none;
}
.fourbyeight:hover p{
	display:block;
}
.fourbyeight img{
		display:none;
}
.fourbyeight:hover img{
	display:inline;
}
/*4x9 marquee*/
.fourbynine p{
	display:none;
}
.fourbynine:hover p{
	display:block;
}
.fourbynine img{
		display:none;
}
.fourbynine:hover img{
	display:inline;
}
/*4x10 marquee*/
.fourbyten p{
	display:none;
}
.fourbyten:hover p{
	display:block;
}
.fourbyten img{
		display:none;
}
.fourbyten:hover img{
	display:inline;
}
/*4x12m marquee*/
.fourbytwelve p{
	display:none;
}
.fourbytwelve:hover p{
	display:block;
}
.fourbytwelve img{
		display:none;
}
.fourbytwelve:hover img{
	display:inline;
}
/*6x4 marquee*/
.sixbyfour p{
	display:none;
}
.sixbyfour:hover p{
	display:block;
}
.sixbyfour img{
		display:none;
}
.sixbyfour:hover img{
	display:inline;
}
/*6x5 marquee*/
.sixbyfive p{
	display:none;
}
.sixbyfive:hover p{
	display:block;
}
.sixbyfive img{
		display:none;
}
.sixbyfive:hover img{
	display:inline;
}
/*6x6 marquee*/
.sixbysix p{
	display:none;
}
.sixbysix:hover p{
	display:block;
}
.sixbysix img{
		display:none;
}
.sixbysix:hover img{
	display:inline;
}
/*6x7 marquee*/
.sixbyseven p{
	display:none;
}
.sixbyseven:hover p{
	display:block;
}
.sixbyseven img{
		display:none;
}
.sixbyseven:hover img{
	display:inline;
}
/*6x8 marquee*/
.sixbyeight p{
	display:none;
}
.sixbyeight:hover p{
	display:block;
}
.sixbyeight img{
		display:none;
}
.sixbyeight:hover img{
	display:inline;
}
/*6x8 marquee*/
.sixbynine p{
	display:none;
}
.sixbynine:hover p{
	display:block;
}
.sixbynine img{
		display:none;
}
.sixbynine:hover img{
	display:inline;
}
/*6x10 marquee*/
.sixbyten p{
	display:none;
}
.sixbyten:hover p{
	display:block;
}
.sixbyten img{
		display:none;
}
.sixbyten:hover img{
	display:inline;
}
/*6x11 marquee*/
.sixbyeleven p{
	display:none;
}
.sixbyeleven:hover p{
	display:block;
}
.sixbyeleven img{
		display:none;
}
.sixbyeleven:hover img{
	display:inline;
}
/*6x12 marquee*/
.sixbytwelve p{
	display:none;
}
.sixbytwelve:hover p{
	display:block;
}
.sixbytwelve img{
		display:none;
}
.sixbytwelve:hover img{
	display:inline;
}
/*6x14 marquee*/
.sixbyfourteen p{
	display:none;
}
.sixbyfourteen:hover p{
	display:block;
}
.sixbyfourteen img{
		display:none;
}
.sixbyfourteen:hover img{
	display:inline;
}
/*6x16 marquee*/
.sixbysixteen p{
	display:none;
}
.sixbysixteen:hover p{
	display:block;
}
.sixbysixteen img{
		display:none;
}
.sixbysixteen:hover img{
	display:inline;
}
/*6x18 marquee*/
.sixbyeighteen p{
	display:none;
}
.sixbyeighteen:hover p{
	display:block;
}
.sixbyeighteen img{
		display:none;
}
.sixbyeighteen:hover img{
	display:inline;
}
/*6x20 marquees*/
.sixbytwenty p{
	display:none;
}
.sixbytwenty:hover p{
	display:block;
}
.sixbytwenty img{
		display:none;
}
.sixbytwenty:hover img{
	display:inline;
}
/*6x24 marquee*/
.sixbytwentyfour p{
	display:none;
}
.sixbytwentyfour:hover p{
	display:block;
}
.sixbytwentyfour img{
		display:none;
}
.sixbytwentyfour:hover img{
	display:inline;
}
/*9x9 marquee*/
.ninebynine p{
	display:none;
}
.ninebynine:hover p{
	display:block;
}
.ninebynine img{
		display:none;
}
.ninebynine:hover img{
	display:inline;
}
.ninebynine:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 180px;
    top: 0px;
    background-image: radial-gradient(circle at center, grey 6px, transparent 6px);
    background-size: 20px 20px;
    background-position: top center;
    margin-top: 80px;
    background-repeat: no-repeat;
}

.ninebynine:before {
    left: 0px;
}
.ninebynine:after {
    right: 0px;
}
/*9x12 marquee*/
.ninebytwelve p{
	display:none;
}
.ninebytwelve:hover p{
	display:block;
}
.ninebytwelve img{
		display:none;
}
.ninebytwelve:hover img{
	display:inline;
}
/*9x15 marquee*/
.ninebyfifteen p{
	display:none;
}
.ninebyfifteen:hover p{
	display:block;
}
.ninebyfifteen img{
		display:none;
}
.ninebyfifteen:hover img{
	display:inline;
}
/*9x18 marquee*/
.ninebyeighteen p{
	display:none;
}
.ninebyeighteen:hover p{
	display:block;
}
.ninebyeighteen img{
		display:none;
}
.ninebyeighteen:hover img{
	display:inline;
}
.ninebyeighteen {
  text-align: center;
  width: 360px;
  height: 180px;
  border-color: red;
  background: blue;
}
/*9x21 marquee*/
.ninebytwentyone p{
	display:none;
}
.ninebytwentyone:hover p{
	display:block;
}
.ninebytwentyone img{
		display:none;
}
.ninebytwentyone:hover img{
	display:inline;
}
/*9x24 marquee*/
.ninebytwentyfour p{
	display:none;
}
.ninebytwentyfour:hover p{
	display:block;
}
.ninebytwentyfour img{
		display:none;
}
.ninebytwentyfour:hover img{
	display:inline;
}
/*9x27 marquee*/
.ninebytwentyseven p{
	display:none;
}
.ninebytwentyseven:hover p{
	display:block;
}
.ninebytwentyseven img{
		display:none;
}
.ninebytwentyseven:hover img{
	display:inline;
}
/*9x30 marquee*/
.ninebythirty p{
	display:none;
}
.ninebythirty:hover p{
	display:block;
}
.ninebythirty img{
		display:none;
}
.ninebythirty:hover img{
	display:inline;
}
/*12x12 marquee*/
.twelvebytwelve p{
	display:none;
}
.twelvebytwelve:hover p{
	display:block;
}
.twelvebytwelve img{
		display:none;
}
.twelvebytwelve:hover img{
	display:inline;
}
/*12x15 marquee*/
.twelvebyfifteen p{
	display:none;
}
.twelvebyfifteen:hover p{
	display:block;
}
.twelvebyfifteen img{
		display:none;
}
.twelvebyfifteen:hover img{
	display:inline;
}
/*12x18 marquee*/
.twelvebyeighteen p{
	display:none;
}
.twelvebyeighteen:hover p{
	display:block;
}
.twelvebyeighteen img{
		display:none;
}
.twelvebyeighteen:hover img{
	display:inline;
}
/*12x21 marquee*/
.twelvebytwentyone p{
	display:none;
}
.twelvebytwentyone:hover p{
	display:block;
}
.twelvebytwentyone img{
		display:none;
}
.twelvebytwentyone:hover img{
	display:inline;
}
/*12x24 marquee*/
.twelvebytwentyfour p{
	display:none;
}
.twelvebytwentyfour:hover p{
	display:block;
}
.twelvebytwentyfour img{
		display:none;
}
.twelvebytwentyfour:hover img{
	display:inline;
}
/*12x27 marquee*/
.twelvebytwentyseven p{
	display:none;
}
.twelvebytwentyseven:hover p{
	display:block;
}
.twelvebytwentyseven img{
		display:none;
}
.twelvebytwentyseven:hover img{
	display:inline;
}
/*12x30 marquee*/
.twelvebythirty p{
	display:none;
}
.twelvebythirty:hover p{
	display:block;
}
.twelvebythirty img{
		display:none;
}
.twelvebythirty:hover img{
	display:inline;
}




/*resizable marquee*/
.resizemarquee img{
		display:none;
}
.resizemarquee:hover img{
	display:inline;
}
#divText{
	height:100%;
	line-height:100%;
}
/*~~~~~~~~~~~~~~~~~~~RESPONSIVE~~~~~~~~~~~~~~~~~~*/
@media (max-width:1300px){
	#examples{
		top:530px;
	}
}
@media (max-width:1250px){
	#resizemarquee{
		width:20%;
	}
	#instructions{
		width:20%;
	}
	#examples{
		width:20%;
	}
	#copy{
		font-size:100px;
	}
}
@media (max-width:1100px){
	body{
		font-size:14px;
	}
	nav ul li a{
		font-size:14px;
	}
}
@media (max-width:1000px){
	body{
		font-size:12px;
	}
	nav ul li a{
		font-size:12px;
	}
	#resizemarquee{
		width:25%;
	}
	#instructions{
		width:25%;
	}
	#examples{
		width:25%;
	}
	
}
@media (max-width:820px){
}
@media (max-width:720px){
	nav ul li{
		width:33.33%;
	}
	.custombox{
		display:none;
	}
	.show{
		background:#ddd;
		display:inline;
	}
	#copy{
		font-size:70px;
		margin-top:200px;
	}
	#resizemarquee{
		margin-top:0;
		margin-right:7%;
		background:#ddd;
	}
	#instructions{
		width:25%;
	}
	#examples{
		width:25%;
	}
}
@media (max-width:650px){
	li#resizemarquee.show span{
		display:none;
	}
}
@media (max-width:540px){
	#examples{
		top:350px;
	}
}