html,body {
	padding:0;
	margin:0;
	border:0;				

}
body {
	padding:0;
	margin:0;
        max-height:100%;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/bg.jpg);}

a, a:hover: {padding:0; margin:0;}
#wrapper {
	position:relative;
        height:100%;
        display:table;
	padding:0;
	margin:0 auto;
	text-align:left;
	width:800px;
	background-color: #fff;
	background-image:url(images/bg_wrapper.gif);
	background-repeat:repeat-y;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
#logo {padding:0; margin:0; float:left; width:80px; height:274px; background-image:url(images/me.jpg);}
#content p {
	margin: 0px 0px 20px;
	padding: 0px;
}
/*Main Site Navigation
-----------------------------------------------*/
.navtop {
	padding-top:64px;
	margin-left:80px;
	display:block;
	width:720px;
	background-image:url(images/navtop.gif);
	background-repeat: no-repeat;
}
.nav, .nav ul {
	padding:0;
	margin:0;
	list-style:none;
}
.nav {height:400px;}
.nav li a {text-decoration:none; color:#666666;}
.nav li a img {border:none;}
.nav li {float:left; width:140px; margin-right:5px; position:relative;}
.nav li.end {margin:0;}
.nav li a.top {display:block; width:140px; height:30px;}
.nav ul {width:140px; position:absolute; left:0; top:0; background-color:#fff;}
.nav ul li {visibility:hidden; position:absolute;}
.nav ul li.heading, .nav ul li.headinghome {visibility:visible; display:block; width:140px; height:40px; font-family:Arial, Helvetica, sans-serif; color:#666666; text-align:center; font-size:14px; position:absolute; font-weight: bold; line-height:30px; background-image:url(images/bg_nav.png); background-position:bottom;}
.nav :hover ul li.heading a, .nav :hover ul li.heading a:hover {
	visibility:visible;
	display:block;
	width:140px;
	height:40px;
	text-align:center;
	background-color:#fff;
	padding:0;
	margin:0;
}
.nav :hover ul li.headinghome {background-image:url(images/bg_nav.png);}
.nav ul li.headinghome a, .nav :hover ul li.headinghome a, .nav :hover ul li.headinghome a:hover {padding:0; margin:0px 43px; width:53px; height:28px; background-image:url(images/home.gif); display:block;}
.nav :hover ul li.headinghome a:hover {padding:0; margin:0px 43px; width:53px; height:28px; background-image:url(images/home.gif); background-position: 0px -29px; display:block;}
.nav ul li.subheading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	display:block;
	width:140px;
	margin:5px 0 0 0;
	padding-left:6px;
	}
.nav table {padding:0; margin:0; border-collapse:collapse; margin:-1px;}
.nav li a:hover {visibility:visible;}
.nav :hover ul li {visibility:visible; position:static; width:140px; display:block;}
.nav :hover ul li a {display:block; padding:2px 0 2px 10px; width:140px; color:#999; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:11px;}
.nav :hover ul li a:hover {text-decoration:underline; width:140px; display:block;}
/*------------------------------------------------------
End Main Site Navigation*/

#content {
	padding:0px 0px 0px 100px;
	margin-top:-330px;
	margin-right: 35px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 1.5em;
}

.subtitle {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	margin: 0px;
	background-color: #333333;
	padding: 5px 3px 5px 10px;
}
.subsub {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	display: block;
	line-height: 2.2em;
}

/*-----------------------------Bubble Bar*/
#bubbles {width:680px;}
#bubbles a {color:#ccc;}
#bubbles a:hover {color:#fff;}
#design, #organize, #extend {width:220px; height:220px; float:left; color:#CCC; font-size:11px; font-weight:bold; padding:0; margin:0; list-style-type:square;}
#design {background-image:url(images/design.jpg);}
#organize {background-image:url(images/organize.jpg); margin:0px 10px;}
#extend {background-image:url(images/extend.jpg);}
.bubtext {padding:0px; margin:10px 20px; display:block; list-style-type:square;}
.bubtext ul {padding:0; margin:5px 0 0 15px; list-style-type:square;}
.bubtext li {margin-bottom:5px; padding:0; margin:0; list-style-type:square;}
.bubtext img {border: 2px solid #FFFFFF;}
/*End Bubble Bar-------------------------------*/

#showcase {
	padding:0;
	line-height:1.5em;
	width:676px;
	border:2px solid #333333;
	background-color:#fff;
	display:block;
	margin:25px 0px 0px 0px;
	float:left;
	}
#mat {
	padding:0;
	margin:0px 20px 20px 225px;
	display: block;
}
#mat a {
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	padding: 0px 20px 0px 5px;
	background-image: url(images/leftypop.gif);
	background-position: right 2px;
	margin: 0;
	background-repeat: no-repeat;
}

#mat a:hover {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding: 0px 20px 0px 5px;
	background-image: url(images/leftypop.gif);
	background-position: right -16px;
	margin: 0;
	background-repeat: no-repeat;
}
#mat ul {padding:0; margin:0 0 0 10px; list-style-type:none;}
#mat ul li {
         padding-left:15px; 
         margin-bottom:10px;
         background-image:url(images/righty.gif);
         background-repeat:no-repeat;
         background-position:left 2px;
         line-height:1.4em;
}
.showimg {
	padding: 3px;
	margin: 20px;
	border: 2px solid #2F2F2F;
	background-color: #999999;
	display: block;
	float: left;
	clear: none;
}
.freeimg {
	padding: 3px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	display: block;
	float: left;
	clear: none;
}
#lefty {
	background-image: url(images/lefty.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	display: block;
}
#lefty a{font-size:12px; background-image:url(images/leftypop.gif);
	background-position: right 2px; padding:0 17px 0 3px;}
#lefty a:hover{font-size:12px; background-image:url(images/leftypop.gif);
	background-position: right -16px; padding:0 17px 0 3px;}
#top {background-color:#fff; display:block; margin:10px 0px 0px 0px; padding:0;}
#top a{
	text-decoration: none;
	float: right;
	color: #666;
	font-weight: bold;
	background-color:#fff;
	background-image:url(images/top.gif);
	background-repeat:no-repeat;
	background-position: right 3px; 
	padding:5px 30px 5px 3px;
	margin-top:15px;
	margin-bottom:5px;
}
#top a:hover{
	text-decoration: none;
	float: right;
	font-weight: bold;
	background-color:#fff;
	background-image:url(images/top.gif);
	background-repeat:no-repeat;
	background-position: right -25px; 
	padding:5px 30px 5px 3px;
	margin-top:15px;
	margin-bottom:5px;
}
#test{float:left; width:680px;}