/*=GENERAL STYLES  
=== === === === === === === === === === === === === === === === === === === === */
body {
	text-align:center;
	margin:0;
	background: #e8f2fc url(../09_assets/header_repeat.gif) repeat-x left top; 
 }
 
#f_logic.template #container {
 	width:100%;
	background:url(../09_assets/bg.jpg) no-repeat 50% 0;
	overflow:hidden;
	min-width:1140px;
}
#f_logic.template #container,
#f_logic.template #footer_wrapper, 
#f_logic.template #header,
#f_logic #main_content,
#f_logic #footer,
#f_logic #nav_inner  
 {
	text-align:left;
	margin-left:auto;
	margin-right:auto;	
}

#f_logic.template #header,/* BLUE BORDERS*/
#f_logic.template #main_content,
#f_logic.template #launchpad,
#f_logic.template #footer
{
	border: solid 0px #4bb5c1;
}
#f_logic.template #header h1,/* GREEN BORDERS*/
#f_logic.template #nav a,
#f_logic.template #column_one,
#f_logic.template #column_two,
#f_logic.template #column_three,
#f_logic.template #launch_one,
#f_logic.template #launch_two,
#f_logic.template #launch_three,
#f_logic.template #launch_four,
#f_logic.template a#skip_nav,
#f_logic.template #toolbar
 {
	border: solid 0px #96ca2d;
}

#f_logic .clear {
	clear:both;
}

#f_logic .left {
	clear:left
}

#f_logic p,
#f_logic ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#f_logic .bold {
	font-weight:bold;
}

/*=HEADER STYLES  
=== === === === === === === === === === === === === === === === === === === === */
#f_logic #header_wrapper {
	height:330px;
	width:100%;
}

#f_logic #header {
	width:1140px;
	background:url(../09_assets/header_bg.jpg) top left; 
	position:relative;
	height:330px;
}
	#f_logic #header h1 {
		margin:0;
		padding:0;
	}
	#f_logic #header #flash_nav {
		height:60px;
		width:450px;
		position:absolute;
		top:20px;
		right:105px;
	}
	
	#f_logic #header #spider {
		height:173px;
		width:86px;
		position:absolute;
		top:0px;
		left:479px;
	}
	
	#f_logic #header object h4 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:80%;
		color:#8cb4d6;
	}
		#f_logic #header #my_dude img {
			height:220px;
		}
		#f_logic #header #my_dude object {
			background:none;
			height:225px;
			width:930px;
		}

/*= MAIN CONTENT STYLES   
=== === === === === === === === === === === === === === === === === === === === */

#f_logic #main_content_wrapper {
	width:100%;
}
#f_logic #content {
	background: #e8f2fc url(../09_assets/mid_bg.jpg) top left no-repeat;
	width:1140px;
	margin-left:auto;
	margin-right:auto;
}
#f_logic #main_content_wrapper #main_content {
	width:932px;
	padding-top:0em;
	background: url(../09_assets/bg_repeating.png) left top repeat-y; 
	font-size:100%;

}
#f_logic #main_content_wrapper #main_content_bottom {
	width:932px;
	height:37px;
	background: url(../09_assets/bottom_rip.gif) top left no-repeat;
}
#f_logic #main_content_wrapper #main_content .what_it_is {
	font-size:110%;
	color:#815b29;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

/*= MAIN CONTENT (Column One)   
=== === === === === === === === === === === === === === === === === === === === */
#f_logic #main_content #column_one {
	width:600px;
	margin:0px 0px 0px 40px;
	padding-top:32px;
	min-height:520px;
}

	#f_logic #main_content #column_one #home {
		background:url(../09_assets/home.gif) top left no-repeat;
		top:0px;
		left:-18px;
		position:absolute;
		padding:82px 300px 0px 0px;
	}
	
	#f_logic #main_content #column_one #animation {
		background:url(../09_assets/animation.gif) top left no-repeat;
		top:0px;
		left:-18px;
		position:absolute;
		padding:82px 300px 0px 0px;
	}
	
	#f_logic #main_content #column_one #print {
		background:url(../09_assets/print_design.gif) top left no-repeat;
		top:0px;
		left:-18px;
		position:absolute;
		padding:82px 400px 0px 0px;
	}
	
	#f_logic #main_content #column_one #web {
		background:url(../09_assets/web_design.gif) top left no-repeat;
		top:0px;
		left:-18px;
		position:absolute;
		padding:82px 300px 0px 0px;
	}
		#f_logic #main_content #column_one h3 {
		margin:0 0 .3em 0;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#484848;
		font-weight:normal;
		font-size:135%;
	}


	#f_logic #main_content #column_one p {
		font-size:75%;
		color: #666666;
		line-height:180%;
		margin:10px 0px 0px 0px;
	}
			#f_logic #main_content #column_one .project p {
				margin:0;
			}
	
	
	#f_logic #main_content #column_one em {
		color:#484848;
		font-weight:bold;
		font-style:normal;
	}
	
	#f_logic #main_content #column_one a {
		color:#815b29;
	}

	#f_logic #main_content #column_one .project {
		border-bottom:#eee 1px solid;
		padding:15px 0px 15px 0px;
		min-height:90px;
	}
		#f_logic #main_content #column_one .project .thumb,
		#f_logic #main_content #column_one .project_animation .thumb {
			padding:.3em;
			background-color: #ccc;
			border: #999 1px solid;
			float:left;
			margin-right:1em;
			margin-bottom:20px;
			
		}
			#f_logic #main_content #column_one .project .thumb img,
			#f_logic #main_content #column_one .project_animation .thumb embed {
				border: #fff 1px solid;
				float:left;
			}
		
		#f_logic #main_content #column_one .last {
			margin-bottom:3.5em;
			margin-top:0;
			text-align:left;
		}
			
/*animation Block Styles*/ 
	#f_logic #main_content_wrapper #main_content #column_one .project_animation {
		margin-bottom:1em;
		border:#ddd 1px solid;
		padding:.5em;
		background:#fff url(../assets/project_bg.gif) repeat-x left top;
		height:16.7em;
	}
	
	#f_logic #main_content_wrapper #main_content #column_one .last .project_animation {
		margin-bottom:5em;
	}
	
	
/*About Page Styles*/ 

	#f_logic #main_content #column_one .about {
		margin-right:1em;
	}
	
		#f_logic #main_content #column_one .frame {
			float:left;
			padding:.5em;
			background-color:#fff;
			border:1px solid #DDD;
			margin:.9em 1em 1em 0;
		}

		#f_logic #main_content #column_one .about .all {
			float:left;
		}
		
		#f_logic #main_content #column_one .about h3 {
		}
			 
		#f_logic #main_content #column_one .about p {
			margin-bottom:1em;
			margin-top:0;
			text-align:justify;
		}
			#f_logic #main_content #column_one .about p a {
				color:#333;
				font-weight:bold;
			}
			#f_logic #main_content #column_one .last {
				margin-top:20px;	
			}
			#f_logic #main_content #column_one .last ul li {
				background: url(../09_assets/main_bullet.gif) no-repeat left 4px;
				color:#333;
				font-weight:bold;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:90%;
			}
			#f_logic #main_content #column_one .last ul li a {
				font-weight:bold;
			}
	
	
/*= MAIN CONTENT (Column Two)   
=== === === === === === === === === === === === === === === === === === === === */

	#f_logic #main_content #column_two h2 {
		font-size:135%;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#666;
		font-weight:normal;
		margin-bottom:5px;
		margin-top:0;
	}
	#f_logic #main_content #column_two h2 a {
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#666;
		font-weight:normal;
		margin-bottom:.2em;
		margin-top:0;
		text-decoration:none;
	}
	#f_logic #main_content #column_two h3 {
		font-size:135%;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#666;
		font-weight:normal;
		margin-bottom:.2em;
		margin-top:1em;
	}
	#f_logic #main_content #column_two .recent {
		margin-bottom:10px;
	}
	
	#f_logic #main_content #column_two .recent .thumb img a {
		border:none;
	}
	
	#f_logic #main_content #column_two .project .thumb {
			padding:0;
			background:none;
			border:none;
			float:none;
			margin-right:0;
			margin-bottom:.6em;
		}
		#f_logic #main_content #column_two .project .thumb img
		 {
				border:none;
				float:none;
			}
	
	#f_logic #main_content #column_two p {
		margin:0;
		color:#666;
		font-size:75%;
		line-height:180%;
		margin-bottom:1em;
		text-align:justify;
	}
	
/*About Page Styles*/ 
#f_logic #main_content ul {
	padding:0;
	margin:.7em 0;
}
	#f_logic #main_content ul li,
	#f_logic #main_content .about ul li  {
		margin-bottom:.8em;
		list-style:none;
		padding-left:1.2em;
		background: url(../assets/bullet.gif) no-repeat left 6px;
	}
		#f_logic #main_content ul li a {
			font-weight: normal;
			color: #999999;
			font-size:85%;
		}


/***Column Two Box ***/
 
#f_logic #main_content #column_two_wrapper {
	width:230px;
	float:right;
	margin-right:40px;
	background:#f9f5ed url(../09_assets/side_colum_top.gif) top left no-repeat;
	border: #f8f0e0 1px solid;
	margin-bottom:20px;
}

#f_logic #main_content #column_two_wrapper #column_two {
	width:230px;
	margin:0;
	float:none;
}

#f_logic #main_content #column_two_wrapper #column_two #column_two_inner {
	background: url(../09_assets/side_colum_top.gif) bottom left no-repeat;
	width:230px;
}

#f_logic #main_content .padding {
	padding: 42px 17px 40px 17px;
}




/*= Footer    
=== === === === === === === === === === === === === === === === === === === === */

#f_logic #footer_wrapper {
	width:100%;
	bottom:0;
	left:0;
	height:150px;
}
#f_logic #footer_wrapper #footer {
	width:900px;
	
}
	#f_logic #footer_wrapper #footer p {
		padding:10px 0px 0px 20px;
		margin:0;
		color:#999;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:85%;
		float:left;
		line-height:180%;
		clear:right;
	}
	
	#f_logic #footer_wrapper #footer a {
		font-weight: normal;
		color:#666;
	}
	
	#f_logic #footer_wrapper #footer .valid {
		height:150px;
		width:200px;
		float:right;
		background:url(../09_assets/valid_css.jpg) right top no-repeat;
	}