/* Force Calibri Font */

@font-face {
	font-family: 'CalibriItalic';
	src: url('/fonts/CALIBRII.eot');
	src: local('Calibri Italic'), local('Calibri-Italic'), url('/fonts/CALIBRII.otf') format('opentype');
}

@font-face {
	font-family: 'CalibriBold';
	src: url('/fonts/CALIBRIB.eot');
	src: local('Calibri Bold'), local('Calibri-Bold'), url('/fonts/CALIBRIB.otf') format('opentype');
}

@font-face {
	font-family: 'Calibri';
	src: url('/fonts/CALIBRI.eot');
	src: local('Calibri Regular'), local('Calibri'), url('/fonts/CALIBRI.otf') format('opentype');
}

@font-face {
	font-family: 'CalibriBoldItalic';
	src: url('/fonts/CALIBRIZ.eot');
	src: local('Calibri Bold Italic'), local('Calibri-BoldItalic'), url('/fonts/CALIBRIZ.otf') format('opentype');
}

strong, h1, h2, h3, h4 {font-family:"CalibriBold", Trebechet MS;}
em {font-family:"CalibriItalic", Trebechet MS;}
strong em {font-family:"CalibriBoldItalic", Trebechet MS;}

/* End Force Calibri Font */

body {
	background:url(/images/body-bg.png) repeat-x #000 fixed;
	margin:0 auto;
	text-align:center;
	font: 13px "Calibri", Trebechet MS;
	}
	
.center {
	text-align:center
	}
	
	a img {
		border:none
		}

	a {
		text-decoration:none
		}

	a:visited {
		color:navy
		}
		
	a:active{
	outline: none;
		}	
		
	a:hover {
		color:#537590;
		text-decoration:underline
		}

	acronym, abbr {
		border-bottom:1px dotted #000
		}
		
	acronym:hover, abbr:hover {
		border-bottom:1px solid #8DC74E
		}
	
#wrapper {
	width:816px;
	background:#fff;
	text-align:left;
	margin:0 auto;
	border:solid #000;
	border-width:2px 1px 1px 1px;
	overflow:hidden;
	position:relative
	}	

	#header {

		height:186px;
		background:url(/images/flash-bottom.jpg) no-repeat bottom;
		}
	
	#mid {
		margin:0px;
		background:url(/images/mid-bg.png) repeat-y 680px 0;
		}
		
		#mid h1 {
			margin-top:0;
			text-align:center
			}
			
			#content {
				width:640px;
				min-height:300px;
				padding:15px 25px 15px 15px;
				float:left;
				margin-top:-40px;
				line-height:18px
				}
				
			#content address {
				font-style:normal;
				text-align:center
				}				
				
			#content h2 {
				margin:25px 0 5px 0;
				}
				
			#content h3 {
				margin:25px 0 5px 0;
				font-size:16px;
				}	
				
			#content h3 + ul {
				margin-top:0px
				}			
				
			#content p {
				margin:0 0 15px 0;}				
				
			#content .resume p {
				margin:0 0 auto 0}
				
			.urls_list {
				margin:10px 50px 25px 0px;
				float:left;
				list-style:none;
				padding:0}				
				
				.urls_list li {
					padding:0;
					margin:0}
					
			.urls_list_sub {
				list-style:none;
				margin:0px 50px 0px 0px;
				float:left;
				padding:0}				
				
			.urls_list_sub + h2 {
				padding-top:30px;
				}
				
				.urls_list_sub li {
					padding:0;
					margin:0}					
			
			.reference {
				border-bottom:1px solid #ccc}
				
				.reference h2 {
					margin-bottom:0
					}
				
				.reference h3 {
					margin-top:0 !important;
					}
			
			.clear {
				clear:both
				}
				
			#sidebar {
				width:135px;
				float:right;
				position:relative;
				}	
								
				#sidebar .contact-btn {
					display:block;
					width:786px;
					height:67px;
					position:absolute;
					background:url(/images/contact-bg.png) repeat-x;
					top:0px;
					right:-629px;
					z-index:0
					}
				
				#sidebar .contact-btn img {
					cursor:pointer;
					float:left
					}
				
				#sidebar #contact_frm {
					margin:0; 
					padding:0;
					float:left;
					position:relative;
					}
					
				#sidebar #contact_frm fieldset {
					border:none;
					padding:0;
					margin:0;
					position:relative
					}
					
				#sidebar #contact_frm .name_icon {
					position:absolute;
					left:0;
					top:4px;
					}

				#sidebar #contact_frm .phone_icon {
					position:absolute;
					left:-1px;
					top:25px;
					}
					
				#sidebar #contact_frm .email_icon {
					position:absolute;
					left:-1px;
					top:46px;
					}					
					
				#sidebar #contact_frm .txt {
					display:block;
					width:100px;
					height:14px;
					margin:3px 0 0 18px;
					padding:1px 0 1px 5px;
					font:10px Arial, Helvetica, sans-serif;
					border:1px solid #64A80A;
					}
					
				#sidebar #contact_frm .surname {
					display:none
					}
					
				#sidebar #contact_frm .msg {
					overflow:auto;
					border:1px solid #64A80A;
					height:56px;
					padding:1px 0 1px 5px;
					width:200px;
					position:absolute;
					left:132px;
					top:2px;
					font:10px Arial, Helvetica, sans-serif;
					background:url(/images/msg-bg.png) no-repeat top right #fff;
					}		
					
				#sidebar #contact_frm .submit {
					position:absolute;
					left:343px;
					top:3px;
					}	
					
				#sidebar #contact_frm #close_panel	{
					position:absolute;
					top:24px;
					width:100px;
					left:520px;
					color:#fff;
					font-size:17px;
					text-align:right;
					cursor:pointer
					}	
									
				#sidebar .nav {
					position:absolute;
					top:68px;
					right:0px !important;
					right:-1px; /* IE6 Fix */
					list-style:none;
					margin:0;
					border-top:1px solid #000;
					padding:0 0 368px 0;
					background:url(/images/sidebar-bg.png) repeat-x bottom
					}

					#sidebar .nav li {
						margin:0;
						padding:0}					
							
						#sidebar .nav li a {
							background:#537590;
							border-bottom:1px solid #000;
							display:block;
							height:20px;
							padding:2px 0 2px 5px;
							width:130px;
							text-decoration:none;
							color:#fff;
							position:relative
							}
							
						#sidebar .nav li a:hover {
							text-decoration:none;
							color:#fff;
							background:url(/images/nav-bg.png) repeat-x  #638bab
							}
							
						#sidebar .nav li a img {
							position:absolute;
							right:7px;
							top:3px
							}
							
			#footer {
				clear:both;
				background:#537590;
				text-align:center;
				margin:0 auto;
				width: 680px;
				margin-right:136px;
				border-top:1px solid #000
				}
				
				#footer .nav {
					list-style:none;
					display:block;
					white-space:nowrap;
					padding:0;
					margin:0 0 0 15px;
					border-left: 1px solid #000;
					height:30px
					}
					
					#footer .nav li {
						float:left;	
						}
											
						#footer .nav li a {
							width:auto;
							display:block;
							float:left;
							position:relative;
							padding:7px 10px 3px 26px;
							background:url(/images/foot-nav-bg.png) 0 30px;
							border-right:1px solid #000;
							height:20px;
							text-decoration:none;
							color:#000				
							}
							
						#footer .nav li a:hover {
							color:#fff;
							text-decoration:none;
							background:url(/images/foot-nav-bg.png) 0 0;
							}
							
						#footer .nav li a img {
							position:absolute;
							left:5px;
							top:7px;
							}
				
						
				#footer address {
					clear:both;
					padding:10px 0;
					font-size:13px;
					font-style:normal;
					color:#333;	
					border-bottom:1px solid #000;
					background:#eee			
					}
				
#quotes cite {
	display:block;
	margin:0;
	font-style:normal;
	line-height:18px;
	text-align:justify;
	}
	
#quotes span {
	display:block;
	margin:5px 0 25px 0;
	font-weight:bold;
	text-align:right
	}	
	
.key {
	width:430px;
	padding:0 0 0 10px;
	border:1px solid #ccc;
	background:url(/images/key-bg.png) repeat-x 0 -1px #dedbdb
	}
	
	#key legend {
		font-weight:bold;
		background:#fff;
		}
		
	#key li {
		position:relative;
		padding:0 0 5px 22px !important;
		padding:0 0 5px 18px }
		
	#key li img {
		position:absolute;
		left:0px !important;
		left:-22px; /* IE 6 Fix */
		top:1px
		}
				
	#portfolio li {
		padding:7px 0 0 0;
		margin-top:1px}
		
	#portfolio li img {
		position:relative;
		top:4px;
		}
		
	a.ext {
		margin-left:5px;
		background:url(/images/external_link_icon.png) no-repeat right center;
		border-top:1px solid #FFFFFF;
		display:inline-block;
		position:relative;
		padding-right:16px;
		top:0 !important;
		}
		
	#portfolio li a:hover {
		cursor:url(/images/link.cur), pointer
		}
		
	a.screenshot_link {
			margin-left:0;
			background:none;
			padding:0;
			display:inline;
		}
			
	a:hover.screenshot_link {
		background:#ccc;
		cursor:url(/images/screenshot.cur), pointer !important
		}
		
	.knbt_ads {
		width:100%;
		}
		
		.knbt_ads td {
			vertical-align:top;
			text-align:center;
			padding:5px;
			}
		
	.back {
		border-bottom:1px dotted #ccc;
		padding:10px;
		margin-bottom:35px !important;
		text-align:center;
		}
		
		.back a {
			padding-left:20px;
			height:16px;
			background:url(/images/back_icon.png) no-repeat
			}
			
	.right_thumbs {
		float:right;
		margin:0 15px 5px 5px !important;
		width:150px;
		}
		
		.imgright {
			padding:5px;
			margin:5px 0;
			border:1px solid #fff;
			display:block
			}
			
		a:hover .imgright {
			padding:5px;
			border:1px solid #92CE50
			}		
			
		code {
			font:12px "Courier New", Courier, monospace;
			color:#990000;
			display:block;
			padding:10px 0;
			}
			
	.key_toggle {
		cursor:help
		}