/* OVERALL BASICS*/
body {
	margin:0px;
	padding:0px;
	font-family:Helvetica, Arial sans-serif;
	color:#666666;
	background:url(../images/bg.jpg) no-repeat top center;
	text-align:center;
	min-width:1000px;
}

img {
border: none;
}

a, a:link, a:visited, a:active, a:hover {
text-decoration: none;
}
 
a:focus, a:hover, a:active {
outline:none;
} 

#wrapper {
position: relative; 
width: 1000px;
margin: 0 auto;
text-align: left; 
}

#content {
margin:0px auto 0px auto;
}

.title {
	background:url(../images/titles/title.png) no-repeat top left;
	height: 141px;
	margin-top: 20px;
}

#column1{
margin-top: -55px;
float: left; 
width: 320px; 
padding: 10px; 
}

#column2{
margin-top: -55px;
float: left; 
width: 515px;
height: 450px; 
padding: 10px;
}

.center {
text-align: center;
margin-top: 100;
}

/* MENU BAR LINK ITEMS*/

.table h1 {
list-style: none;
}

.table ul {
float:left;
margin:0;
padding:0;
}

.table ul li {
list-style:none;
height:42px;
}

ul.nw {
padding:5px;
margin-top: 5px;
}

ul.rss {
padding:5px;
margin-top: 5px;
}

/*HOVERS*/

.rssicon a {
display:block;
width: 19px;
height: 19px;
background: url("../images/menu/rss_icon.png") 0 0 no-repeat;
text-decoration: none;
}

.rssicon a:hover { 
background: url("../images/menu/rss_icon_hover.png") 0 0 no-repeat;
}

.nwicon a {
display:block;
width: 19px;
height: 19px;
background: url("../images/menu/nw_icon.png") 0 0 no-repeat;
text-decoration: none;
}

.nwicon a:hover { 
background: url("../images/menu/nw_icon_hover.png") 0 0 no-repeat;
}

.blog a {
display:block;
width: 117px;
height: 50px;
background: url("../images/menu/blog.png") 0 0 no-repeat;
text-decoration: none;
}

.blog a:hover { 
background-position: 0 -51px;
}

.tumblr a {
display:block;
width: 157px;
height: 50px;
background: url("../images/menu/tumblr.png") 0 0 no-repeat;
text-decoration: none;
}

.tumblr a:hover {  
background-position: 0 -51px;
}

.iloveetsy a {
display:block;
width: 221px;
height: 50px;
background: url("../images/menu/iloveetsy.png") 0 0 no-repeat;
text-decoration: none;
}

.iloveetsy a:hover { 
background-position: 0 -51px;
}

.project101 a {
display:block;
width: 256px;
height: 50px;
background: url("../images/menu/101project.png") 0 0 no-repeat;
text-decoration: none;
}

.project101 a:hover { 
background-position: 0 -51px;
}

.recipebox a {
display:block;
width: 233px;
height: 50px;
background: url("../images/menu/recipebox.png") 0 0 no-repeat;
text-decoration: none;
}

.recipebox a:hover { 
background-position: 0 -51px;
}

.money a {
display:block;
width: 148px;
height: 50px;
background: url("../images/menu/money.png") 0 0 no-repeat;
text-decoration: none;
}

.money a:hover { 
background-position: 0 -51px;
}

.shop a {
display:block;
width: 118px;
height: 50px;
background: url("../images/menu/shop.png") 0 0 no-repeat;
text-decoration: none;
}

.shop a:hover { 
background-position: 0 -51px;
}

.project365 a {
display:block;
width: 82px;
height: 50px;
background: url("../images/menu/365.png") 0 0 no-repeat;
text-decoration: none;
}

.project365 a:hover { 
background-position: 0 -51px;
}

/*CONTACTBAR*/

.contactbar {
padding-bottom: 15px;
 width:1000px;
 height: 35px;
 float: left;
 list-style:none;
 }
		
.cbar li {
width: 30px;		
display: inline;
list-style-type: none;
padding-right: 5px;
float: right;
}

.mail a {
display: block;
width: 30px;
height: 19px;
background: url("../images/footer/email_iconx.png") 0 0 no-repeat;
text-decoration: none;
}

.mail a:hover { 
background: url("../images/footer/email_icon_hoverx.png") 0 0 no-repeat;
}

.twitter a {
display: block;
width: 13px;
height: 19px;
background: url("../images/footer/twitter_iconx.png") 0 0 no-repeat;
text-decoration: none;
}

.twitter a:hover { 
background: url("../images/footer/twitter_icon_hoverx.png") 0 0 no-repeat;
}

/*TITLES IN SLIDER*/

.nametagline {
	border-bottom: solid 1px;
	width: 358px;
	margin-left: 15px;
	background: url(../images/titles/nametag.png) no-repeat 0 0;
    height: 112px;
}

.blogtagline {
	width: 80px;
	background: url(../images/titles/blog_title.png) no-repeat 0 0;
    height: 36px;
}

.tumblrtagline {
	width: 118px;
	background: url(../images/titles/tumblr_title.png) no-repeat 0 0;
    height: 28px;
}

.iloveetsytagline {
	width: 182px;
	background: url(../images/titles/iloveetsy_title.png) no-repeat 0 0;
    height: 34px;
}

.project101tagline {
	width: 207px;
	background: url(../images/titles/project101_title.png) no-repeat 0 0;
    height: 36px;
}

.recipeboxtagline {
	width: 198px;
	background: url(../images/titles/recipebox_title.png) no-repeat 0 0;
    height: 34px;
}

.moneytagline {
	width: 123px;
	background: url(../images/titles/money_title.png) no-repeat 0 0;
    height: 28px;
}

.shoptagline {
	width: 88px;
	background: url(../images/titles/shop_title.png) no-repeat 0 0;
    height: 34px;
}

.project365tagline {
	width: 65px;
	background: url(../images/titles/project365_title.png) no-repeat 0 0;
    height: 29px;
}

h3 {
margin-left: 15px;
margin-top: 100px;
}

/*DETAILS IN SLIDER*/

.biodetails {
	margin-top: -20px;
	width: 500px;
	background: url(../images/details/bio_details.png) no-repeat 0 0;
    height: 300px;
}

.blogdetails {
	width: 500px;
	background: url(../images/details/blog_details.png) no-repeat 0 0;
    height: 300px;
}

.tumblrdetails {
	width: 500px;
	background: url(../images/details/tumblr_details.png) no-repeat 0 0;
    height: 300px;
}

.iloveetsydetails {
	width: 500px;
	background: url(../images/details/iloveetsy_details.png) no-repeat 0 0;
    height: 300px;
}

.project101details {
	width: 500px;
	background: url(../images/details/project101_details.png) no-repeat 0 0;
    height: 300px;
}

.recipeboxdetails {
	width: 500px;
	background: url(../images/details/recipebox_details.png) no-repeat 0 0;
    height: 300px;
}

.moneydetails {
	width: 500px;
	background: url(../images/details/money_details.png) no-repeat 0 0;
    height: 300px;
}

.shopdetails {
	width: 500px;
	background: url(../images/details/shop_details.png) no-repeat 0 0;
    height: 300px;
}

.project365details {
	width: 500px;
	background: url(../images/details/project365_details.png) no-repeat 0 0;
    height: 300px;
}

/*SLIDER EFFECT CSS*/

#slider {
    width: 905px;
    margin: 0 auto; 
    position: relative;  
}

.scroll {
    height: 400px;
    width: 530px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    
}

.scrollContainer div.panel {
    padding: 10px;
    height: 400px;
    width: 530px;
}

ul.navigation {
	list-style: none; 
}