@charset "utf-8";
/* Main CSS for b�c Designs 08-02-09 */

html, body {
	font-size: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	height:100%; /* needed for container min-height */
	background: #737b7f url(images/page_bg.png) center no-repeat; /* bg green: 9ac169 */
	color: #000;
	line-height: 1.3em;
}

a {
	color: #9ac169;
	text-decoration: none;
}

a img {
	border: 0px;
}

#shadow {
	position: relative; /* needed for footer positioning*/
	background: url(images/shadow2.png) repeat;
	width: 793px;
	margin: 0 auto;
	min-height: 100%; /* real browsers */
	height: 100%; /* IE6: treated as min-height*/
	padding: 0;
}

#page {
	background: url(images/content_bg.png) repeat-y;
	text-align: center;
	color: #000;
	width: 773px;
	height: 84%;
	margin: 0 auto;
	overflow: auto;
}

#head {
	position: static;
	background: url(images/header_bg.png);
	height: 132px;
	width: 772px;
	margin: 0 auto;
}

#title {
	position: absolute;
	left: 137px;
	font-size: 133%;
	font-weight: bold;
	text-align: left;
	width: 137px;
	height: 23px;
}
	
#content {
	text-align: justify;
	margin: 41px 127px 0 133px;
	width: 517px;
	padding: 0 0 65px 0;
}

#nav {
	float: left;
	text-align: center;
	width: 133px;
	padding: 0;
	margin: 0 0 0 -6px;
}

#rightThing {
	float: right;
	width: 84px;
	font-size: 77%;
	margin: 22px 13px;
}

#rightThing a {
	color: #000;
}

#rightThing a:hover {
	color: #9ac169;
}

/* Foot Styles */

#foot {
	background: url(images/foot.png);
	position: absolute;
	bottom: 0;
	left: 10px;
	margin: 0 auto;
	padding: 0;
	width: 773px;
	height: 65px;
}

#links {
	position: relative;
	float: right;
	font-size: 63%;
	text-align: right;
	margin: 0 2px 0 0;
	padding: 6px 5px 7px 7px;
	line-height: 11px;
	width: 107px;
}

#valid {
	position: relative;
	margin: -9px 0 0 25px;
	float: left;
	width: 73px;
}
/*Portfolio Styles */

.takenote1 {
	position: static;
	background: url(images/portfolio/postit-2.png) no-repeat;
	width: 211px;
	height: 215px;
	padding: 0;
	float: left;
	margin: 0 0 33px 0;
}

.takenote2 {
	position: static;
	background: url(images/portfolio/postit-2.png) no-repeat;
	width: 211px;
	height: 215px;
	padding: 0;
	float: right;
	margin: 0 0 33px 0;
}

.img {
	padding: 23px 23px;
}

.noname {
	position: static;
	background: url(images/portfolio/postit-2.png) no-repeat;
	width: 211px;
	height: 215px;
	padding: 0px;
}