* {margin: 0; padding: 0;}

	body {
		background: #fff;
		font-family: Verdana;
		font-size: 12pt;
		height:100%;
		width:100%;
	}
		
		#global_wrapper {	
			
			height: 576px;
			width: 960px;
			margin: -288px 0 0 -480px;
			padding: 30px 0;
			position: absolute;
			left: 50%;
			top: 50%;
			text-align: center;
		}	
			/*Header
			---------------------------------------------------------------------------------------------------*/
			.logo {
				border: none;
			}
			#header span {
				font-size: 1.8em;
				font-weight: bold;
			}
			#header a, #header a:link, #header a:visited {
				font-family: 'Trebuchet MS','Lucida Grande',Arial,Sans-Serif;
				font-size: 2em;
				font-weight: bold;
				text-decoration: underline;		
			}
			#header a:hover, #header a:active {
				text-decoration: none;
			}
				.menu_about {				
					color: #F15928;				
				}			
				.menu_projects {
					color: #19B14C;				
				}
				.menu_contacts {
					color: #2EBFBB;				
				}			
			#header a.active, #header a.active:link, #header a.active:visited {			
				color: #000;
				cursor: text;
				text-decoration: none;				
			}
			.icon {
				display: block;
				margin: auto;
			}
			#h_2,#h_3,#h_4 {
				text-align: left;
			}
			#h_2 p, #h_3 p, #h_4 p {
				display: none;
				font-size: 0.9em;
				margin-top: 15px;
				text-indent: 1em;
				width: 90%;
			}
			
			/*Content
			---------------------------------------------------------------------------------------------------*/
			#content {
				text-align: left;													
			}
				.hidden {
					display: none;
				}
				#content p {
					font-family: 'Trebuchet MS','Lucida Grande',Arial,Sans-Serif;
					font-size: 0.90em;
					margin: 10px 30px 20px 52px;				
				}
					.dropCap {
						font-size: 1.5em;
						font-weight: bold;
					}
					#about .dropCap {				
						color: #F15928;
					}
					#projects .dropCap {				
						color: #19B14C;
					}
					#contacts .dropCap {				
						color: #2EBFBB;
					}
					#content p img {
						vertical-align: middle;
					}
				#projects ul, #contacts ul {	
					font-size: 0.9em;
					margin-left: 104px;		
				}	
					#contacts ul li  {
						list-style-image: url(../images/markers/cont_bullet_full.png);
					}
						#contacts ul li img {
							vertical-align: middle;
						}
							#contacts ul li ul li.contact  {
								list-style-image: url(../images/markers/cont_bullet.png);
								margin: 0.2em;
							}
					#contacts a.ext, #contacts a.ext:link, #contacts a.ext:visited {
						color: #2EBFBB;
						font-family: 'Trebuchet MS','Lucida Grande',Arial,Sans-Serif;
						font-weight: bold;
						text-decoration: underline;					
					}
					#contacts a.ext:hover, #contacts a.ext:active {
						text-decoration: none;	
					}	
					
					#projects ul li  {
						list-style-image: url(../images/markers/proj_bullet_full.png);
					}				
					#projects ul li ul, #contacts ul li ul {	
						margin-bottom: 0.3em;
						margin-left: 52px;
						margin-top: 0.3em;		
					}
						#projects ul li ul li.project {
							cursor: pointer;
							list-style-image: url(../images/markers/proj_bullet.png);
							margin: 0.2em;
							text-decoration: underline;		
						}
							li.default {
								font-weight: normal;
							}
							li.active {
								font-weight: bold;
							}
					#projects a.ext, #projects a.ext:link, #projects a.ext:active, #projects a.ext:visited {
						color: #000;
						text-decoration: underline;
					}
					#projects a.ext:hover {
						text-decoration: none;
					}
					.screens {
						text-align:center;
					}
					.screens img {	
						border: none;
						vertical-align: middle;
					}
			
			/*Footer
			---------------------------------------------------------------------------------------------------*/
			#footer {
				text-align: center;
			}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_4 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	
	
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0 !important;
}

.omega {
	margin-right: 0 !important;
}



/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
 
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4,.grid_4{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10.0px;
	margin-right: 10.0px;
}


/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .grid_1{
	width:220px;
}

.container_4 .grid_2{
	width:460px;
}

.container_4 .grid_3{
	width:700px;
}

.container_4 .grid_4{
	width:940px;
}





/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_4 .prefix_1 {
	padding-left:240px;
}

    .container_4 .prefix_2 {
	padding-left:480px;
}

    .container_4 .prefix_3 {
	padding-left:720px;
}

    .container_4 .prefix_4 {
	padding-left:960px;
}



/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_4 .suffix_1 {
	padding-right:240px;
}

    .container_4 .suffix_2 {
	padding-right:480px;
}

    .container_4 .suffix_3 {
	padding-right:720px;
}

    .container_4 .suffix_4 {
	padding-right:960px;
}



/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_4 .push_1 {
	left:240px;
}

    .container_4 .push_2 {
	left:480px;
}

    .container_4 .push_3 {
	left:720px;
}

    .container_4 .push_4 {
	left:960px;
}





/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_4 .pull_1 {
	right:240px;
}

    .container_4 .pull_2 {
	right:480px;
}

    .container_4 .pull_3 {
	right:720px;
}

    .container_4 .pull_4 {
	right:960px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}