/*----------------------------------*/
	/*------- Reset --------*/

	body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,  
 	li, dl, dt, dd, form, a, fieldset,  th, td  
 	 {  
 	 margin: 0; padding: 0;  border:0; outline: none;
	}  


	/*--------------------*/
	/*----- Generics -----*/

	body {
		font:85%/0 Arial, Helvetica, sans-serif;
		color:#bdc1c5;
		background:#1e2933 url(../img/pg-bg2.jpg); 
		text-align:center;
		padding:0;
		margin:0;
		}
		
	p {
		font:.9em/1.4em Arial, Helvetica, sans-serif;
		margin-bottom:2em;
		}	
		
	a:LINK    {color:#fff;text-decoration:underline;}	
	a:VISITED {color:#fff;}	
	a:HOVER   {color:#fff;text-decoration:none;}	
	a:ACTIVE  {color:#fff;}	
		
	img {border:none;}	
		
	.clear {clear:both;height:1px;overflow:hidden;}		
	
	strong {color:#fff;}
		
	
	/*-----------------------*/
	/*----- Page Layout -----*/
	
	#corner {
		position:absolute;
		top:0;
		right:0;
		background: url(../img/page-corner.png) no-repeat;
		width:77px;
		height:84px; 
		}
	
	#skip-to {display:none;}
		
	#container {
		width:900px;
		background:url(../img/body-bg.jpg) top left no-repeat;
		margin:0 auto;
		text-align:left;
		padding:0 0 0 87px;
		}	
		
	#header {
		margin:58px 0 0 0;
		height:53px;
		}
		
		#header h1  {
			float:left;
			display:inline;
			overflow:hidden;
			height:53px;
			width:223px;
			}	
		
			#header h1 a {
				background:url(../img/logo.gif) bottom left no-repeat;
				display:block;
				text-indent:-2000px;
				overflow:hidden;
				height:53px;
				width:223px;
				}	
				
			#header h1 a:HOVER {	
				background:url(../img/logo.gif) top left no-repeat;
				}
			
		#header #nav {
			float:right;
			display:block;
			overflow:hidden;
			position:relative;
			top:20px;
			right:120px;
			height:53px;
			}	
			
			#header #nav li {
				list-style-type:none;
				float:left;
				overflow:hidden;
				}	
				
				#header #nav li span {
					margin:0 8px 0 12px;
					font-size:.8em;
					color:#56687b;
					}
			
				#header #nav li a {
					display:block;
					padding:6px 0;
					margin:0 6px;
					font:1em/1em Georgia, "Times New Roman", Times, serif;
					text-decoration:none;
					color:#56687b;
					}		
				
				#header #nav li a:HOVER, #header #nav li a.on {
					color:#fff;
					}							
	
	#intro {
		height:276px;
		width:813px;
		background:url(../img/blueprint.jpg) no-repeat;
		background-position:right 14px;
		}
		
	
		#intro h2 {
			background:url(../img/welcome-msg.gif) no-repeat;
			padding:0;
			margin-top:58px;
			height:129px;			
			width:492px;	
			text-indent:-2000px;
			}
	
	#body-content {

		}
	
		.col1,
		.col2,
		.col3	{
			float:left;
			width:255px;
			margin-right:23px;
			padding:1px;
			line-height:1.2em;
			}
			
		 .col3	{
			margin-right:0;
			}
		
		 .col1-2 {
		 	float:left;
			width:538px;
			margin-right:18px;
			padding:1px;
		 	} 		
		
		#body-content h4 {
			font:1.2em/1.8em Georgia, "Times New Roman", Times, serif;
			color:#fff;
			margin-bottom:6px;
			}	
	
	.more-info {
		display:block;
		padding:6px 0;
		}
 	
	.services {margin:0 0 0 10px;padding:4px 0 0 0;}		
	
	.services li {
		margin:0 0 6px 10px;	
		padding-left:0;
		font:.85em/1.2em Arial, Helvetica, sans-serif;
		list-style-image:url(../img/li-check.gif);
		}
		
	.services li em { 
		font-size:.9em;
		color:#56687b;
		display:block;
		width: 100%;
		}	
	
	
	
	/*-----------------*/
	/*-- Bubble info --*/
	
	.trigger {
		border-bottom:1px dotted #fff;
		font-weight:bold;
		}
	
	.bubbleInfo {
         position: relative;
		 display:inline;
		 width:10px;
        }
	
	.popup {
		background:url(../img/pop-up-bg.gif) no-repeat;
		position: absolute;
		display: none;
		width:300px;
		height:159px;
		font:1em/1.5em Arial;
		padding:14px;
		}
		
	.popup strong {color:#fff;font-size:1.1em;padding-bottom:2px;display:block;}	
		
		
		
	/*----------------*/
	/*---- Footer ----*/	
	
	#footer {
		padding:40px 0 150px 0;
		font: .9em/20px Arial;
		color:#56687b;
		}
		
		#footer div {padding:10px 0;}
		
		#footer a {text-decoration:underline;color:#56687b;}
		#footer a:HOVER {text-decoration:none;color:#fff;}
		
		#footer .col2 {	
			width:245px; /* full col width 260 - padding 20 */
			}
			
		#footer .col3 {			
			width:240px;
			padding-left:20px;
			}
		
		.colophon-mac, 	.colophon-ee {padding:0 0 0 30px;display:block;line-height:20px;}
		.colophon-mac {margin-bottom:6px;background:url(../img/mac-icon.gif)  top left no-repeat;}
		.colophon-ee {background:url(../img/ee-icon.gif)  top left no-repeat;}
		.cd-valid {	padding:2px 0 0 20px;background:url(../img/check-mark.gif) top left no-repeat;}
			
		
	/*--------------------*/
	/*------ Resume ------*/	
		
	#pg-ttl-resume {
		width:132px;
		height:27px;
		background:url(../img/ttl-resume.gif);
		text-indent:-2000px;
		overflow:hidden;
		margin:55px 0 30px 0;
		}	
		
	#word-lnk, #pdf-lnk {text-decoration:none;display:block;line-height:26px;height:32px;margin:6px;padding-left:35px;}
	#word-lnk:HOVER, #pdf-lnk:HOVER {text-decoration:underline;}
	#word-lnk {background:url(../img/icn-word.gif) left top no-repeat;}
	#pdf-lnk {background:url(../img/icn-pdf.gif) left top no-repeat;}
				
	#resume {
		font:.9em/1.4em Arial, Helvetica, sans-serif;
		margin-right:10px;
		}
		
	#resume h2 {font:bold 1.3em/1.8em Arial; margin-top:2em;color:#fff;}	
	#resume h3 {font:bold 1.2em/1.6em Arial; margin-top:1.6em;color:#fff;}	
	#resume strong {color:#fff;} 
	#resume td, #resume th  {padding:5px;}
	#resume th  {font-weight:bold;vertical-align:top;color:#fff;}		
	#resume ul  {margin:12px 0 0 20px;}
	
	

	/*-----------------------*/
	/*------ Portfolio ------*/	
	
	#pg-ttl-portfolio {
		width:146px;
		height:29px;
		background:url(../img/ttl-portfolio.gif);
		text-indent:-2000px;
		overflow:hidden;
		margin:55px 0 30px 0;
		}	
	
	#portfolio-list li {
		list-style-type:none;
		width:260px;
		height:170px;
		margin-right:18px;
		padding:12px 0 0 0;
		font:.9em/1.2em Arial;
		float:left;
		overflow:hidden;
		}
		
	#portfolio-list li a {color: #bdc1c5;}	
	
	#portfolio-list li.last {}	
		
	.port-preview {display:block;margin-bottom:6px;}
	
	
			
	/*-----------------*/
	/*---- Contact	---*/
	
	#pg-ttl-contact {
		width:125px;
		height:27px;
		background:url(../img/ttl-contact.gif);
		text-indent:-2000px;
		overflow:hidden;
		margin:55px 0 30px 0;
		}			
	
	#contact-form {
		margin:10px 0 0 6px;		
		line-height:1.4em;
		}
		
		.contact-intro {margin-bottom:0;}
		
		#c-form {
			background:url(../img/contact-bg.jpg) no-repeat;
			padding:10px 0 0 30px;	
			position:relative;
			top:16px;	
			right:10px;
			width:546px;
			height:474px;
			}
			
		.error {
			color:#fff;
			font:normal .9em/25px Arial;
			background:#0fb206 url(../img/error-arw.gif) top left no-repeat;
			padding:2px 6px 2px 15px;
			margin-left:6px;
			height:26px;
			line-height:26px;
			}	
					
		label {
			display:block;
			margin:6px 0 0 0;
			font-weight:bold;
			height:26px;
			line-height:26px;
			}
			
					
		input.tbox, textarea { 
				border:0;
				padding: 14px 16px 0 16px;
				margin:0;
				background:transparent;
				color:#fff;
				overflow:auto;
				}	
				
		input.tbox {
			background:url(../img/form-bx-1.gif) top left no-repeat;
			width:318px;
			height:31px;
			outline: none;
			}	
			
		 textarea { 
		 	background:url(../img/form-bx-2.gif) top left no-repeat;
		 	width:318px;
		 	padding-bottom: 18px;
			height:143px;
			outline: none;
		 }
		 
		#subFormBut {margin:4px 0 0 12px;}		 		

		#fld-8050 {display:none;}				
				
		#contact-conf {
			margin-top:30px;
			text-align:center;
			width:512px;
			height:207px;
			padding-top:150px;
			background:url(../img/contact-conf-bg.gif) top left no-repeat;
			}
			
		#loading {
			height:207px;
			padding-top:10%;
			text-align: center;		
			}