/*--------------------wireframing build--------------------------------*/

.image1			{} /*used around all images which are example dummy content*/


.pixel1 			{background-color:#737373; height:auto;}
.pixel2 			{background-color:#b2b2b2; height:auto;}
.pixel3 			{background-color:#393939; height:auto;}
.pixel4 			{background-color:#1c1c1c; height:auto;}

.pixel1, .pixel2, .pixel3, .pixel4 {background-color:transparent;} /*used to display colored areas for wireframing. flip to transparent to hide*/

.text1			{} /*used around all text which is example dummy content*/
.text1_wire		{color:#00F;} /*used around all text which describes the wireframe areas*/


.wire1 			{  border-style: solid;  border-width: 1px;  border-color: #BDE0DC;  background: #f2f2f2; }
.wire2 			{  border-style: solid;  border-width: 1px;  border-color: #BDE0DC;  background: #DCFCDE; }
.wire3 			{  border-style: solid;  border-width: 1px;  border-color: #BDE0DC;  background: #FFFDE2; }

.wire1, .wire2, wire3 {background-color:transparent; border-color:transparent;} /*used to display margin colors of set wireframe areas. flip to transparent to hide*/

/*--------------------wireframing  flip ON AND OFF (must be below wireframe building section ----------------*/

.image1, .text1	{} /*used to HIDE all dummy content images and text, flip to display:none */
.text1_wire		{display:none;} /*used to HIDE wireframe text descriptiors.  flip to display:none */
/*.pixel1, .pixel2, .pixel3, .pixel4, .wire1, .wire2, wire3 {background-color:transparent; border-color:transparent;} used to HIDE wireframing areas and margins*/