/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, fieldset {
        margin: 0;
        padding: 0;
        font: 95%  Verdana, Arial, Helvetica, sans-serif;
		font-family: "Verdana", "Arial", "Geneva", "Helvetica", sans-serif;
		background:url("../assets/images/backgroundimg.jpg") repeat-y scroll 100% 0 #B0BDC2;
		background-repeat:no-repeat;
		overflow:hidden;
		font-size:0.9em;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 60%;
}
/*
a img {
	border:none;
	}*/






/*-------------------------------------------------------------- Ceebox -------------------------------------------------------------------------------------*/

body{font:12px Arial, Helvetica, sans-serif;}
		p,h1,h2,ul{margin:10px 0 4px;}
		#wrap{width:800px;margin:auto;}
		#ajaxcontent {border:1px dotted #777;padding:6px;color:#666;text-align:center;margin-top:10px;}
		ul {padding-left:40px;}
		hr {margin:40px 0;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------*/





/*-------------------------------------------------------------- Font Face-------------------------------------------------------------------------------------*/

h1.fontface {font: 60px/68px 'OrbitronMedium', Arial, sans-serif;letter-spacing: 0;}

		p {font: 18px/27px 'OrbitronLight', Arial, sans-serif;}
		h4.style1 {font: 18px/27px 'OrbitronLight', Arial, sans-serif;}
		h3 {font: 18px/27px 'OrbitronLight', Arial, sans-serif;}
		p {font-size:1em;}
		h4.style1 {font-size:1em;}
		p.style2 {font: 18px/27px 'OrbitronMedium', Arial, sans-serif;}
		p.style2 {font-size:1em;}
		p.style3 {font: 18px/27px 'OrbitronBold', Arial, sans-serif;}
		p.style3 {font-size:1em;}
		p.style4 {font: 18px/27px 'OrbitronBlack', Arial, sans-serif;}
		p.style4 {font-size:1em;}
		
		#container {
			width: 800px;
			margin-left: auto;
			margin-right: auto;
		}

/*---------------------------------------------------------------------------------------------------------------------------------------------------*/







.iconBar{
	display:block;
	position:absolute;
	height:95%;
	width:15%;
	float:left;
	z-index:100;
	}
	.iconBar img{
		display:block;
		position:relative;
		margin:0px auto;
		text-align:center;
		width:50%;
		border:0px;
		}
	.iconBar p{
		display:block;
		position:relative;
		margin:0px;
		margin-bottom:20px;
		text-align:center;
		text-shadow:1px 1px 2px #545454;
		}
		.iconBar a:link{
			text-decoration:none;
		color:#ffffff;
			}
		.iconBar a:visited{
			text-decoration:none;
		color:#ffffff;
			}
		.iconBar a:hover{
			text-decoration:underline;
		color:#ffffff;
			}
		.iconBar a:active{
			text-decoration:none;
		color:#ffffff;
			}
	
	
.dtBody{
	display:block;
	position:absolute;
	height:95%;
	width:85%;
	float:left;
	margin-left:15%;
	}
.dtFoot{
	display:block;
	position:absolute;
	height:5%;
	width:100%;
	float:left;
	bottom:0;
	background:#6C8EA4;
	}
	
#containWindows{
	display:block;
	position:absolute;
	height:100%;
	width:100%;
	z-index:100;
	}
	
	#containment-wrapper{
		display:block;
	position:absolute;
	height:100%;
	width:100%;
	z-index:50;
		}
	
	
	
#projectWindow{
	display:block;
	position:relative;
	height:600px;
	width:600px;
	z-index:1;
	}
	#projectWindow p{
		display:block;
		position:relative;
		width:95%;
		height:10px;
		cursor:move;
		text-align:center;
		padding-bottom:13px;
		background:url('../assets/images/barback.png');
		margin:0px;
		}
	
#appsWindow{
	display:block;
	position:relative;
	height:600px;
	width:600px;
	z-index:2;
	}
	#appsWindow p{
		display:block;
		position:relative;
		width:90%;
		height:10px;
		cursor:move;
		text-align:center;
		padding-bottom:13px;
		background:url('../assets/images/barback.jpg');
		margin:0px;
		}
	
#vidsWindow{
	display:block;
	position:relative;
	height:600px;
	width:600px;
	z-index:3;
	}
	#vidsWindow p{
		display:block;
		position:relative;
		width:90%;
		height:10px;
		cursor:move;
		text-align:center;
		padding-bottom:13px;
		background:url('../assets/images/barback.jpg');
		margin:0px;
		}
	
#contactWindow{
	display:block;
	position:relative;
	height:600px;
	width:600px;
	z-index:4;
	}
	#contactWindow p{
		display:block;
		position:relative;
		width:90%;
		height:10px;
		cursor:move;
		text-align:center;
		padding-bottom:13px;
		background:url('../assets/images/barback.jpg');
		margin:0px;
		}
	
#aboutWindow{
	display:block;
	position:relative;
	height:600px;
	width:600px;
	z-index:4;
	}
	#aboutWindow p{
		display:block;
		position:relative;
		width:90%;
		height:10px;
		cursor:move;
		text-align:center;
		padding-bottom:13px;
		background:url('../assets/images/barback.jpg');
		margin:0px;
		}

.windowContent{
	display:block;
	position:relative;
	min-height:100%;
	min-width:100%;
	background:#ffffff;
	top:23px;
	z-index:-1;
	}
	
	
	
	
	
	
	
	
	.toggler { width: 500px; height: 200px; }
		#button { padding: .5em 1em; text-decoration: none; }
		#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
		#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
		.ui-effects-transfer { border: 2px dotted gray; } 
		
		
		.windowcontent1{position:absolute; margin-top:100px; margin-left:400px;}
		.windowcontent2{position:absolute; margin-top:30px; margin-left:200px;}
		.windowcontent3{position:absolute; margin-top:300px; margin-left:400px;}
		.windowcontent4{position:absolute; margin-top:200px; margin-left:600px;}
		.windowcontent5{position:absolute; margin-top:200px; margin-left:600px;}
	
	
	
	
	
	#window { width: 900px; height: 650px; padding-bottom:15px; border:1px solid #707070; background:#777777; z-index:5;}
	#window h4{cursor:move;}
	
	#window2 { width: 700px; height: 550px;   padding-bottom:15px; border:1px solid #707070; background:#777777; z-index:4; }
	#window2 h4{cursor:move;}
	
	#window3 { width: 750px; height: 380px;   padding-bottom:15px; border:1px solid #707070; background:#777777; z-index:3; }
	#window3 h4{cursor:move;}
	
	#window4 { width: 550px; height: 450px;   padding-bottom:15px; border:1px solid #707070; background:#777777; z-index:2; }
	#window4 h4{cursor:move;}
	
	
	#window5 { width: 450px; height: 480px;  padding-bottom:9px; border:1px solid #707070; background:#777777; z-index:1;  }
	#window5 h4{cursor:move;}
	
	.windowheader{display:block; width:90%; background:#777777; height:25px;margin-top:0px;margin-bottom:0px; color:#ffffff; text-align:center;}
	
	
	
	
	#dInner1{
		display:block;
		position:relative;
		width:100%;
		height:98%;
		background:#ffffff;
		overflow:scroll;
		}
		#dInner1 img{
			float:left;
			}
	
	
	
	#dInner2{
		display:block;
		position:relative;
		width:100%;
		height:95%;
		background:#ffffff;
		margin-top:5%;
		overflow:scroll;
		}
		#dInner2 img{
			float:left;
			}
		#dInner2 p{
			padding:30px;
			}
	
	
	
	#dInner3{
		display:block;
		position:relative;
		width:100%;
		height:95%;
		background:#ffffff;
		margin-top:5%;
		}
		#dInner3 img{
			float:left;
			margin-left:50px;
			margin-top:25px;
			border:0px;
			}
	
	
	#dInner4{
		display:block;
		position:relative;
		width:98%;
		height:94%;
		background:#ffffff;
		padding-right:2%;
		padding-top:2%;
		margin-top:5%;
		}
		#dInner4 img{
			float:left;
			margin-right:25px;
			margin-left:25px;
			margin-top:15px;
			margin-bottom:15px;
			border:0px;
			}
	
	
	#dInner5{
		display:block;
		position:relative;
		width:95%;
		height:93%;
		background:#ffffff;
		margin-top:5%;	
		padding:2%;
		}
		#dInner5 img{
			float:left;
			}
	
	
.projTags{
	display:block;
	position:relative;
	width:35px;
	height:150px;
	float:left;
	}	
	
.dInner1Each{
	display:block;
		position:relative;
		width:90%;
		height:150px;
		margin-top:3%;
		margin:5%;
		margin-top:1px;
		margin-bottom:1px;
		background:lightgray;
	}
	.dInner1Each img{
		border:0px;
		}
	.dInner1Each h3{
		padding-left:300px;
		padding-right:10px;
		}
	.dInner1Each p{
		padding-left:300px;
		padding-right:10px;
		}

.sepertor{
	margin-left:300px;
	}


.sampleHolder{
	display:block;
	position:relative;
	width:620px;
	min-height:150px;
	float:left;
	padding:20px;
	background:url('../assets/images/portfolio/back.jpg');
	}
	.sampleHolder p{
		display:block;
	position:relative;
	width:220px;
	min-height:150px;
	float:left;
	margin:0px;
	font-size:0.8em;
		}
	.sampleHolder h3{
		display:block;
	position:relative;
	width:220px;
	min-height:30px;
	float:left;
	margin:0px;
	font-size:1em;
	text-align:center;
	text-decoration:underline;
		}
	.sampleHolder h2{
		display:block;
	position:relative;
	width:220px;
	min-height:15px;
	float:left;
	margin:0px;
	margin-top:0px;
	font-size:1em;
	text-align:left;
		}
	.sampleHolder img{
		display:block;
	position:relative;
	width:380px;
	min-height:180px;
	margin-left:20px;
	float:right;
		}
	.sampleHolder object{
		display:block;
	position:relative;
	width:380px;
	min-height:180px;
	margin-left:20px;
	float:right;
		}
	
	




#taskbar{
	display:block;
	position:absolute;
	width:100%;
	min-height:5%;
	bottom:0;
	background:#6B8EA4;
	}
	#taskbar img{
		margin-left:100px;
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		/* trigger button */
#download_now {
	background:transparent url(http://flowplayer.org/img/home/download.png) no-repeat scroll 0 0;
	display:block;
	height:44px;
	margin-bottom:30px;
	overflow:hidden;
	text-indent:-999em;
	width:159px;
	cursor:pointer;
	margin-top:500px
}

/* mouseover state */
#download_now:hover {
	background-position:0 -44px ;		
}

/* clicked state */
#download_now:focus {
	background-position:0 -88px;
}

/* tooltip styling */
.tooltip {
	display:none;
	background:url(http://flowplayer.org/tools/img/tooltip/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}




.task{
	display:block;
	position:relative;
	width:200px;
	height:40px;
	background:yellow;
	float:left;
	}