/* unset */

html, body, span, object, iframe,
h1, h2, h3, blockquote, pre,
abbr, address, cite, code,
del, dfn, img, ins, kbd, q, samp,
small, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, nav, section, menu,
time, menu, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-family: 'Varela Round', sans-serif;
	text-align: center;
	}

 em {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-align: left;
 	}
 
 strong {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: .5;
	vertical-align: baseline;
	background: transparent;
	text-align: left;
	} 
	 

ol, ul {
	list-style:none;
	}

a img {
	border:none;
	}

/* set */


body {
	background-image: url(http://i.imgur.com/EYi2UrI.gif);
	background-repeat: repeat;
	background: #C9F5FF;
	font-size:100%;
	line-height:1.6em;
	color:#FF6CFF;

	}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	line-height:1.2em;
	margin:1em 0px .25em 0px;
	}
h1 {
	font-size:2.7em;
	padding:0 0;
	margin:0;
	}
h2 {
	font-size: 1em;
	text-align: left;
	}
h3 {
	font-size:.9em;
	}
h4 {
	font-size:1em;
	}
h5 {
	font-size:1.2em;
	line-height: 1.5em;
	}
h6 {
	font-size:1.2em;	
	margin:0 0 1em;
	text-transform:uppercase;
	}


header {
	display:block;
	margin:0 0 .25em;
	}

html {
	}
	body {
	margin:0;
	padding:20px 0 0;
	}
	a {
		color:#FF6CFF;
		text-decoration:none;
		}
		a:link {
			color:#FF6CFF;
			}
		a:visited {
			color:#FF6CFF;
			}
		a:hover {
			color:#FF6CFF;
			}
		a:active {
			color:#FF6CFF;
			}
	h1, h2, h3 {
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-transform: uppercase;
	margin: 0 0 .5em;
	font-weight: bold;
	text-align: center;
	}
	h4 {
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-transform: none;
	margin:0 0 .5em;
	text-align: left;
	font-weight: regular;
	}
		h5 {
			-webkit-font-smoothing:antialiased;
			font-smoothing:antialiased;
			text-transform:none;
			text-align: left;
			font-weight: bold;
			}
	
			
/* TEDDY MENU 1 */

.teddymenu {
	padding: 0px 0px 80px 0px;
		}

.teddymenu ul	{
		clear:both;
		width:100%;
		max-width:800px;
		margin:0 auto;
		overflow:hidden;
}
	.teddymenu ul li {
	float:left;
	display:inline;
	position: relative;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-transform: none;
	text-align: left;
	font-weight: regular;
	vertical-align:middle;
	}
	
	.teddymenu ul li a {
		color: #000;
		text-decoration:none;
			}
	.teddymenu ul li a:link {
		color: #000;
			}
	.teddymenu ul li a:visited {
		color: #000;
			}
	.teddymenu ul li a:hover {
		color: #000;
			}
	.teddymenu ul li a:active {
		color: #000;
			}
		.teddymenu ul li.title1 {
	width: 25%; /* 250px at 1000px */
	margin-left: 0%;
	margin-bottom: 1em;
			}
		.teddymenu ul li.title2 {
	width: 25%; /* 250px at 1000px */
	margin-left: 0%;
	margin-bottom: 1em;
			}
		.teddymenu ul li.title3 {
	width: 25%; /* 250px at 1000px */
	margin-left: 0%;
	margin-bottom: 1em;
			}
		.teddymenu ul li.title4 {
	width: 25%; /* 250px at 1000px */
	margin-left: 0%;
	margin-bottom: 1em;
			}
		.teddymenu ul li.cartoons {
	width: 39.1%; /* 390.10px at 1000px */
	margin-left: 3.35%;
			}
		.teddymenu ul li.art {
	width: 14.475%; /* 144.75px at 1000px */
	margin-left: 7.74%;
			}
		.teddymenu ul li.aboutt {
	width: 26.125%; /* 261.25px at 1000px */
		margin-left: 5.95%;
			}
			.teddymenu ul li img, object, swf {
				width:100%;
				border:0px inset #a9a9a9;
					} 			
	

/* LITTLE MENU */					
					
.littlemenu {
	padding:0 0 10px 0;
	margin:0 0 .5em;
		
   }
   
   .littlemenu select {
	display: none;
	padding:0 0 0 0;
	clear:both;
	width: 100%;
	margin:0 auto;
	overflow:hidden;
   font-size: 12px;
   height: 34px;
   	
   }

/* header */
#header {
		border-width:30px 40px;
		text-align: center;
		}
	#header .container {
		border:none;
		}
	#header .nav {
		margin-top:1.8em;
		}
			
ul {
	list-style-type:none;
	text-transform: uppercase;
	}

li	{
	display:inline;
	}

.menu {
			margin:20px 0px 40px 0px;
		}

/* menu */
.menu li	{
	padding: 0.75em;
	margin:auto;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 1.25em;
	text-align: center;
}
	
	.menu li a {
			color: #FF6CFF;
			text-decoration:none;
			}
			li.menu a:link {
			color: #FF6CFF;
		}
		.menu li a:visited {
			color: #FF6CFF;
			}
		.menu li a:hover {
			color: #FF6CFF;
			background:#FF0;
		}
		.menu li a:active {
		color: #FF6CFF;
		background:##FF0;
		}
	


	
	
/* content about */
.about {
	padding:0px 40px 0px 40px;
	}
	.about ul {
		clear:both;
		width:100%;
		max-width:750px;
		margin:0 auto;
		overflow:hidden;
			}
		.about ul li {
			float:left;
			display:inline;
			width:100%;
			position:relative;
			-webkit-font-smoothing:antialiased;
			font-smoothing:antialiased;
			text-transform: none;
			text-align: left;
			font-weight: regular;
				}
			
			.about ul li a {
				color: #FF6CFF;
				text-decoration:none;
					}
				.about ul li a:link {
					color: #FF6CFF;
						}
				.about ul li a:visited {
					color: #FF6CFF;
						}
				.about ul li a:hover {
					color: #FF6CFF;
						}
				.about ul li a:active {
					color: #FF6CFF;
						}

			.about ul li.first {
				width:10.204081632653%;
				clear:left;
				font-size: .5100;
					}
		
			.about ul li.second {
				width: 44%;
					}
			.about ul li.third {
				width:39%;
				margin-right:0px;
				text-align:right;
					}
			
			.about ul li.secondspecial {
				width: 56.5%;
					}
			.about ul li.thirdspecial {
				width:38.888888888889%; /* 350px at 900px */
				margin-right:0px;
				text-align:right;
					}
		
			.about ul li img, object, swf {
					width:100%;
					border:0px inset #a9a9a9;
					}


.pyramid {
padding:0px 40px 0;
}			
		.pyramid ul {
		clear:both;
		width:100%;
		max-width:1080px;
		margin:0 auto;
		padding:0 0 20px;
		overflow:hidden;
					}
					
					.pyramid ul li{
						float:left;
						display:inline;
						position:relative;
					}
					
					.pyramid ul li.left {
         					width: 50%;
							}

					.pyramid ul li.right {
					width: 50%;
							}
							
							.pyramid img {
         					width:100%;
							border:0px inset #a9a9a9;
							}
							
.yellowjacket {
padding:0px 40px 0;
}			
		.yellowjacket ul {
		clear:both;
		width:100%;
		max-width:1080px;
		margin:0 auto;
		padding:0 0 20px;
		overflow:hidden;
					}
					
					.yellowjacket ul li{
						float:left;
						display:inline;
						position:relative;
					}
					
					.yellowjacket ul li.left {
         					width: 35.185185185185%; /* 380px at 1080 */
							}

					.yellowjacket ul li.right {
					width: 64.814814814815%; /* 700px at 1080 */
							}
							
							.yellowjacket img {
         					width:100%;
							border:0px inset #a9a9a9;
							}
							
							
	
/* main */

.two {
	padding:0px 40px 0;
	}
	.two ul {
		clear:both;
		width:100%;
		max-width:700px;
		margin:0 auto;
		padding:0 0 20px;
		overflow:hidden;
			}
		.two ul li {
			float:left;
			display:inline;
			width:48.428571428571%; /* 339px at 700px */
			margin:0 2.857142857143% 0 0; /* 20px at 700 */
			position:relative;
			}
		.two ul li.second,
		.two ul li.sixth {
			margin-right:0px;
			}
		.two ul li.first {
			clear:left;
			font-size: .5100;
			}
			.two ul li img, iframe {
				width:100%;
				border:0px inset #a9a9a9;
					}
					
			.two ul li img.noborder {
				width:100%;
				border:0px inset #a9a9a9;
					}
			.two ul li iframe.noborder {
				width:100%;
				border:0px inset #a9a9a9;
					}
						


/* main */

.three {
	padding:0px 0px 0px 0px;
	}
	.three ul {
		clear:both;
		width:100%;
		max-width:800px;
		margin:0 auto;
		padding:0 0 20px 0px;
		overflow:hidden;
			}
		.three ul li {
			float:left;
			display:inline;
			width:31.813361611877%; /* 300px at 943px */
			margin:0 2.120890774125% 2.120890774125% 0; /* 20px at 943 */
			position:relative;
			}
		.three ul li.third,
		.three ul li.sixth {
			margin-right:0px;
			}
		.three ul li.first {
			clear:left;
			font-size: .5100;
			}
			.three ul li img, iframe {
				width:100%;
				border:0px inset #a9a9a9;
					}
					
			.three ul li img.noborder {
				width:100%;
				border:0px inset #a9a9a9;
					}
			.three ul li iframe.noborder {
				width:100%;
				border:0px inset #a9a9a9;
					}

/* weird */							
.weird {
	padding:0px 0px 0;
	}
	.weird ul {
		clear:both;
		width:100%;
		margin:0 auto;
		}
		.weird ul li {
			display:inline;
			width:100%; /* 300px at 300px */
			}	
			.weird ul li img {
				border:0px inset #a9a9a9;
				width: 30px;
				}
				
/* largeimage375 */						
														
.largeimage375 {
padding:0px 40px 0;
}
	.largeimage375 ul {
		clear:both;
		width:100%;
		max-width:375px;
		margin:0 auto;
		padding:0 0 25px;
		overflow:hidden;
		}
	.largeimage375 ul li{
		float:left;
		display:inline;
		width: 100%;
		margin:auto; /* 40px at 980 */
		position:relative;
		}
	.largeimage375 img {
		width:100%;
		border:0px inset #a9a9a9;
		}	
									
/* content large image 500 */								
.largeimage500 {
padding:0px 40px 0;
}
	.largeimage500 ul {
		clear:both;
		width:100%;
		max-width:500px;
		margin:0 auto;
		padding:0 0 25px;
		overflow:hidden;
		}
	
	.largeimage500 ul li{
		float:left;
		display:inline;
		width: 100%;
		margin:auto; /* 40px at 980 */
		position:relative;
		}
	
	.largeimage500 img {
		width:100%;
		border:0px inset #a9a9a9;
		}	
									
/* content large image 700 */										
.largeimage700 {
	padding:0px 0px 0px 0px;
		}
					
	.largeimage700 ul {
		clear:both;
		width:100%;
		max-width:800px;
		margin:0 auto;
		padding:0 0 25px 0px;
		overflow:hidden;
		}

	.largeimage700 ul li{
	float: left;
	display: inline;
	width: 100%;
	margin: auto; /* 40px at 980 */
	position: relative;
	font-size: 12px;
		}
	
	.largeimage700 img, swf, object {
		width:100%;
		border:0px inset #a9a9a9;
		}	
						
/* text */								
.text {
padding:0px 40px 0;
}
	.text ul {
		clear:both;
		width:100%;
		max-width:900px;
		margin:0 auto;
		padding:0 0 50px;
		overflow:hidden;
		}
	.text ul li{
		float:left;
		display:inline;
		width: 100%;
		margin:10px 4.08163265306122% 0 0; /* 40px at 980 */
		position:relative;
			}
	.text img {
		width:100%;
		border:0px inset #a9a9a9;
			}
									
/* video container */										
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	}
	.video-container iframe,  
	.video-container object,  
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}

/* NOTES */	

ol.notes{
	padding: 0px;
	margin: 0px 0px;
	list-style-type: none;
	font-size: 0.750em;
	text-align: left;
}

ol.notes li.note{padding:0px;font-size:11px;}

ol.notes li.note img{padding:0 px;}

ol.notes li.note img.avatar{vertical-align:-15px;margin-right:5px;width:16px;height:16px;}

ol.notes li.note a img.avatar{
	padding: 0px;
	border-width: 0 px;
	border: none;
	vertical-align: -4px;
}

ol.notes li.note img{padding:0 px;border-width:0 px;border:none;}

ol.notes li.note span.action{font-weight:bold;}

ol.notes li.note.answer_content{font-weight:normal;}

ol.notes li.note.blockquote{padding:1 px 1 px;margin:1px 0px 0px 1px;}

ol.notes li.note.blockquote a{text-decoration:none;}

/* Like */	

.my-like {
	height: 17px;
	width: 19px;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	color: #000;
	font-size: 1em;
	text-align: left;
	font-weight:bold;
}
.my-liked, .my-like:hover {
	height: 17px;
	width: 19px;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	color: #F00;
	font-size: 1em;
	text-align: left;
	font-weight:bold;
}



/* 
screen width less than 800px 
two-column
*/
@media screen and (max-width:800px) {
body {
	font-size:.75em;
	}
	h3 {
	font-size: 1em;
	text-align: center;
	}	
	
#header.container {
	border:40px solid transparent;
	border-width:20px 40px;
	}
	#header .nav {
		margin-top:1.8em;
		clear:left;
		float:left;
		}
		#header .nav ul {}
			#header .nav ul li {
				margin-left:0;
				margin-right:40px;
				}
			#header .nav ul li.last {
				margin-right:0;
				}

/* TEDDY MENU 1 */

.teddymenu {
	padding: 10px 40px 20px 40px;
		}


.about ul li {
	width:100%;
	text-transform: uppercase;
	font-size: 1em;
	}
	.about ul li.first {
		width: 75px;
		display:none;
		}
	.about ul li.second {
		width:100%;
		margin:20px 0 0 0px;
		padding: 0 0 0 0px;
		}
	.about ul li.secondspecial {
		width: 100%; /* 350px at 900px */ 
		}
	.about ul li.third {
		width:100%;
		clear:left;
		text-align:left;
		margin-right:4.08163265306122%;
		margin:0px 0 0 0px;
		padding: 0 0 0 0px;
		}
	.about ul li.thirdspecial {
	width: 100%; /* 350px at 900px */
	margin-right: 0px;
	text-align: left;
		}	
		
.pyramid {
           margin: 0 auto;
           width: auto;
         }
         .pyramid ul li{
				width: auto;
         }
		 
		 	.pyramid ul li.left {
         					width: 100%;
							}

					.pyramid ul li.right {
					width: 100%;
							}	
							
							
							
/* main */

		.two ul li {
			float:left;
			display:inline;
			width:47.714285714286%; /* 334px at 700px */
			margin:0 4.285714285714% 0 0; /* 30px at 700 */
			position:relative;
.			}
		.two ul li.second {
			margin-right:0px;
			}
								

.three ul {
		max-width:800px;
			}
		.three ul li {
			float:left;
			display:inline;
			width:47.46835443038%; /* 300px at 800px */
			margin:0 4.746835443038% 2.120890774125% 0; /* 30px at 800 */
			position:relative;
			}
		.three ul li.second,
		.three ul li.fourth,
		.three ul li.sixth {
			margin: 0 0 2.120890774125% 0;
			}
		.three ul li.third {
		margin:0 4.746835443038% 2.120890774125% 0;
		}
		.three ul li.first {
			clear:left;
			font-size: .5100;
			}
			.three ul li img, iframe {
				width:100%;
				border:0px inset #a9a9a9;
					}
					
			.three ul li img.noborder {
				width:100%;
				border:0px inset #a9a9a9;
					}
			.three ul li iframe.noborder {
				width:100%;
				border:0px inset #a9a9a9;
					}
	
.text ul li{
	width: 100%;
	margin:20px 4.08163265306122% 0 0;
	}
	.text ul li.left {
		width: 100%;
		}
		.text ul li.right {
			width: 100%;
			}								
}

/* 
screen width less than 500px 
single column
*/
@media screen and (max-width: 500px) {
	
h3 {
	font-size:1em;
	}

/* TEDDY MENU 1 */

.teddymenu {
	padding: 10px 40px 20px 40px;
		}

.teddymenu ul	{
		clear:both;
		width:100%;
		max-width:500px;
		margin:0 auto;
		overflow:hidden;
}
	.teddymenu ul li {
	float:left;
	display:inline;
	position: relative;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-transform: none;
	text-align: left;
	font-weight: regular;
	vertical-align:middle;
	}
	
	.teddymenu ul li a {
		color: #000;
		text-decoration:none;
			}
	.teddymenu ul li a:link {
		color: #000;
			}
	.teddymenu ul li a:visited {
		color: #000;
			}
	.teddymenu ul li a:hover {
		color: #000;
			}
	.teddymenu ul li a:active {
		color: #000;
			}
		.teddymenu ul li.title {
	width: 100%; /* 375px at 500px */
	margin-left: 0%;
	margin-bottom: 1em;
			}
		.teddymenu ul li.cartoons {
	width: 45%; /* 225px at 500px */
	margin-left: 27.5%;
	margin-bottom: 1em;
			}
		.teddymenu ul li.art {
	width: 18%; /* 90px at 500px */
	margin-left: 41%;
	margin-bottom: 1em;
			}
		.teddymenu ul li.aboutt {
	width: 30%; /* 150px at 500px */
	margin-left: 35%;
	margin-bottom: 1em;


			}
			.teddymenu ul li img, object, swf {
				width:100%;
				border:0px inset #a9a9a9;
					} 

	
.littlemenu {
	padding: 0 0 10px 0;
		
   }
   
   .littlemenu select {
	display: inline;
	padding: 0 0 0 0;
	clear:both;
	width: 240px;
	margin:0 auto;
	overflow:hidden;
   font-size: 8px;
   height: 10px;	
   }	
   
   
   /* main */

		.two ul li {
			width:99%; /* 334px at 700px */
						}

	.three ul li {
		width:99%;
		
		}
	.three ul li span.project-note {
		text-transform: uppercase;
		font-size: .7em;
		font-weight: bold;
		}
	.three ul li.secondary {
		display:none;
		}
	.three ul li.third {
		margin-right:4.08163265306122%;
		}
	.three ul li.second,
	.three ul li.fourth {
		margin-right:0;
		}
	.three ul li.fourth {
		clear:none;
		}
	.three ul li.third,
	.three ul li.fifth {
		clear:left;
		}
				
.about ul li {
	width:100%;
	text-transform: uppercase;
	font-size: 1em;
	}
	.about ul li.first {
			width: 75px;
			display:none;
			}
	.about ul li.second {
		width:100%;
		padding: 0 0 0 0px;
		}
	.about ul li.secondspecial {
		width: 100%; /* 350px at 900px */ 
		}
	.about ul li.third {
		width:100%;
		clear:left;
		text-align:left;
		margin-right:4.08163265306122%;
		margin:0px 0 0 0px;
		padding: 0 0 0 0px;
		}
		
.pyramid {
           margin: 0 auto;
           width: auto;
         }
         .pyramid ul li{
				width: auto;
         }
		 
	 	.pyramid ul li.left {
         					width: 100%;
							}

					.pyramid ul li.right {
					width: 100%;
							}
	
#text {
   margin: 0 auto;
   width: auto;
   }
   .text ul li{
		width:100%;
		margin:10px 0 0 0;
    	}
		.text ul li.left {
			width: 100%;
			}
			.text ul li.right {
				width: 100%;
				}	
						
}		


/* iPad [portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
body {
	font-size:.9em;
	padding:10px 0 0;
	}

#header.container {
	border:40px solid transparent;
	border-width:20px 40px;
	}
	#header .nav {
		margin-top:1.8em;
		clear:left;
		float:left;
		}
		#header .nav ul {}
			#header .nav ul li {
				margin-left:0;
				margin-right:40px;
				}
			#header .nav ul li.last {
				margin-right:0;
				}


.about {
	padding:0px 40px 0;
	font-size:1.5em;
	}
	.about ul {
		clear:both;
		width:100%;
		max-width:900px;
		margin:0 auto;
		padding:0 0 20px;
		overflow:hidden;
		}
		.about ul li {
		float:left;
		display:inline;
		width:100%;
		margin:0px 0 2.08163265306122% 0; /* 40px at 980 */
		position:relative;
		-webkit-font-smoothing:antialiased;
		font-smoothing:antialiased;
		text-transform: none;
		text-align: left;
		font-weight: regular;
		}
						

	.about ul li.first {
		width:10.204081632653%;
		clear:left;
		font-size: .5100;
		}
		.about ul li.second {
			width: 44%;
			}
		.about ul li.third {
			width:39%;
			margin-right:0px;
			text-align:right;
			}
			.about ul li.secondspecial {
				width: 56.5%;
				}
			.about ul li.thirdspecial {
	width: 38.888888888889%; /* 350px at 900px */
	margin-right: 0px;
	text-align: left;
				}
			.about ul li img {
				width:100%;
				border:0px inset #a9a9a9;
				}

.three ul li {
	width:47.9591836734694%;
	margin:0 4.08163265306122% 10px 0;
	}
	.three ul li.third {
		margin-right:4.08163265306122%;
		}
	.three ul li.second,
	.three ul li.fourth {
		margin-right:0;
		}
	.three ul li.fourth {
		clear:none;
		}
	.three ul li.third,
	.three ul li.fifth {
		clear:left;
		}

.text ul li{
	width: 100%;
	margin:20px 4.08163265306122% 0 0;
	}
	.text ul li.left {
		width: 100%;
		}
		.text ul li.right {
			width: 100%;
			}			
				

}


/* iPad [landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
body {
	font-size:.75em;
	padding:10px 0 0;
	}
#header.container {
	border:40px solid transparent;
	border-width:20px 40px;
	}
	#header .nav {
		margin-top:1.8em;
		clear:left;
		float:left;
		}
		#header .nav ul {}
			#header .nav ul li {
				margin-left:0;
				margin-right:40px;
			}
			#header .nav ul li.last {
				margin-right:0;
			}

.about {
	padding:0px 40px 0;
	}
	.about ul {
		clear:both;
		width:100%;
		max-width:900px;
		margin:0 auto;
		padding:0 0 20px;
		overflow:hidden;
		}
		.about ul li {
	float: left;
	display: inline;
	width: 100%;
	margin: 0px 0 2.08163265306122% 2.08163265306122%; /* 40px at 980 */
	position: relative;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-transform: none;
	text-align: left;
	font-weight: regular;
			}				
			.about ul li a {
				color: #FF6CFF;
				text-decoration:none;
				}
				.about ul li a:link {
					color: #FF6CFF;
					}
				.about ul li a:visited {
					color: #FF6CFF;
					}
				.about ul li a:hover {
					color: #FF6CFF;
					}
				.about ul li a:active {
					color: #FF6CFF;
					}
					.about ul li.first {
						width:10.204081632653%;
						clear:left;
						font-size: .5100;
						}
					.about ul li.second {
						width: 44%;
						}
					.about ul li.third {
						width:39%;
						margin-right:0px;
						text-align:right;
						}
					.about ul li.secondspecial {
						width: 56.5%;
						}
					.about ul li.thirdspecial {
						width:38.888888888889%; /* 350px at 900px */
						margin-right:0px;
						text-align:right;
						}
						.about ul li img {
							width:100%;
							border:0px inset #a9a9a9;
							}
	
.text ul li{
	width: 100%;
	margin:20px 4.08163265306122% 0 0;
	}
	.text ul li.left {
		width: 100%;
		}
		.text ul li.right {
			width: 100%;
			}			
	
}


	

/* mobile, portrait and landscape iPhone!!!!!! */
@media only screen
and (min-device-width :320px)
and (max-device-width :480px) {
body {
	font-size:2em;
	}
header .bio {
	width:100%;
	padding:20px 2%;
	}
#header .nav {
	margin-top:1em;
	}
	#header .nav ul {
		}
		#header .nav ul li {
			}
			#header .nav ul li a {
				height:28px;
				margin:0 0 40px;
				}
			#header .nav ul li.here a {
				height:28px;
				margin:0 0 40px;
				}
				

							
.about ul li {
	width: 100%;
	margin: 0 0 0 20px;
	text-transform: uppercase;
	font-size: 1em;
	}
	.about ul li.first {
			width: 75px;
			display:none;
			}
		.about ul li.second {
			width:100%;
			margin:20px 0 0 0px;
			padding: 0 0 0 0px;
			}
		
		.about ul li.secondspecial {
			width: 100%; /* 350px at 900px */ 
			}
		
		.about ul li.third {
			width:100%;
			clear:left;
			text-align:left;
			margin-right:4.08163265306122%;
			margin:0px 0 0 0px;
			padding: 0 0 0 0px;
			}
	

.three ul li {
	width:100%;
	margin:20px 0 0 0;
	}	
.three ul li span.project-note {
	text-transform: uppercase;
	font-size: .7em;
	font-weight: bold;
	}
	.three ul li.secondary {
		display:none;
		}
	.three ul li.third {
		margin-right:4.08163265306122%;
		}
	.three ul li.second,
	.three ul li.fourth {
		margin-right:0;
		}
	.three ul li.fourth {
		clear:none;
		}
	.three ul li.third,
	.three ul li.fifth {
		clear:left;
		}

.text ul li{
	width:100%;
	margin:10px 0 0 0;
	}
	.text ul li.left {
		width: 100%;
		}
		.text ul li.right {
			width: 100%;
			}	
}