/*************************		DEFAULTS		**************************/

html, body {
	height: 100%;      																				 
}
body {
	color:#3E5B6F;
	font:9px Verdana, Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none;
	color:#384b58;
}
a:hover {
	text-decoration:none;
	color:#1e313d;
}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
	display:block;
	height:0em;
}
.small {
	font-size:9px;
}
img { -ms-interpolation-mode: bicubic; } /* So IE renders scaled images nicely */


/*************************		WRAPPER/CONTAINER		**************************/

div#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;                                                                     
	margin-top: -310px;                                                              
	float: left;
}
div#wrapper {
	width: 775px;
	height: 620px;
	clear: both;
	background:transparent;
	margin:0 auto;	
	top: -310px;	
	position: static;
	z-index:1;
}

/*************************		MAIN CONTENT		**************************/

div#page {
	height:578px;
	overflow:hidden;
}

div#page.home {
	position:relative;
}
	div#page.home h2 {
		font-size:0em;
		line-height:0em;
		text-indent:-1000000px;
		position:absolute;
		left:495px;
		top:282px;
	}
	div#page.home h2 img {
		display:block;
	}
	
	div#page #box {
		width:486px;
		float:left;
		padding-left:52px;
		padding-top:68px;
	}

	div#page #box2 {
		width:386px;
		float:left;
		padding-left:72px;
		padding-top:68px;
	}
	
	.projects a {
		display:block;
		float:left;
		padding-bottom:16px;
		padding-left:16px;
	}
	.projects a.first {
		padding-left:0;
	}
		.projects a img {
			display:block;
		}
		
/*** PORTFOLIO STUFF ***/


		
/*************************		SIDEBAR		**************************/
	
	#sidebar {
		float:right;
		width:190px;
		padding-top:68px;
		background:#fff;
	}
	#sidebar.text {
		width:265px;
		padding-right:26px;
	}
		#sidebar.text p {
			padding-bottom:10px;
			line-height:150%;
		}
		#sidebar.text p.contact {
			line-height:180%;
			padding-left:2px;
		}
		#sidebar.text img.contact{
			margin:-5px 0 5px 0;
		}
		#sidebar.text p.about {
			padding-top:0px;
		}
		#sidebar ul.menu {
			padding-bottom:10px;
		}
			#sidebar ul.menu li {
				padding-bottom:5px;
			}
				#sidebar ul.menu li a {
					display:block;
					height:17px;
					width:190px;
					background-position:top left;
					background-repeat:no-repeat;
					font-size:0em;
					line-height:0em;
					text-indent:-100000px;					
				}
				#sidebar ul.menu li a:hover,
				#sidebar ul.menu li a.active {
					background-position:bottom left;
				}
				#sidebar ul.menu li#s1 a {
					background-image:url(../img/s1.gif);					
				}
				#sidebar ul.menu li#s2 a {
					background-image:url(../img/s2.gif);					
				}
				#sidebar ul.menu li#s3 a {
					background-image:url(../img/s3.gif);					
				}
				#sidebar ul.menu li#s4 a {
					background-image:url(../img/s4.gif);					
				}
				#sidebar ul.menu li#s5 a {
					background-image:url(../img/s5.gif);					
				}
				
		#sidebar .top {
			height:382px;
		}
		#sidebar .desc {
			height:94px;
			line-height:150%;
			color:#425968;
		}
		#sidebar .pager {}
			#sidebar .pager ul {
				font-size:10px;
				color:#496576;
			}
				#sidebar .pager ul li {
					display:inline;
				}
				#sidebar .pager ul li.padding {
					padding-left:7px;
				}
					#sidebar .pager ul li a {
						color:#496576;
						text-decoration:none;
					}
					#sidebar .pager ul li a:hover,
					#sidebar .pager ul li a.active {
						color:#000;
					}


/*************************		NAVBAR		**************************/

#nav {
	background:#fff;
	height:42px;
}
	#nav ul {
		display:block;
		padding-top:10px;
		padding-left:42px;
		padding-right:6px;
		
	}
		#nav ul li {
			display:block;
			float:left;
			padding:0 10px;
		}
			#nav ul li a {
				background-repeat:no-repeat;
				background-position:top;
				display:block;
				float:left;
				font-size:0em;
				line-height:0em;
				text-indent:-1000000px;
				padding:0 20px;
				height:17px;
			}
			#nav ul li a:hover,
			#nav ul li a.active {
				background-position:bottom;
			}
			
			#nav ul li#m1 {
				float:right;
			}
			#nav ul li#m1 a {
				background-image:url(../img/m5.gif);
				width:35px;
			}
			#nav ul li#m2 a {
				background-image:url(../img/m2.gif);
				width:65px;
			}
			#nav ul li#m3 a {
				background-image:url(../img/m4.gif);
				width:46px;
			}			
			#nav ul li#m4 a {
				background-image:url(../img/m1.gif);
				width:35px;
			}
			#nav ul li#m5 a {
				background-image:url(../img/m3.gif);
				width:55px;
			}