/* Created by Bi-'stO Design */

/*
////////////// COLORS //////////////
Dark Brown: #171100 (Background, copy)
Light Blue #9F402C (links)
////////////////////////////////////
*/



/* REMOVE GAPS */

* {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}


body {
	background-image: url(images/mainpage/pattern.jpg);
	background-color: #171100;
	text-align: center;
	margin-top: 70px;
	background-position: top;
	/*background-repeat: repeat-y;*/
	
}

p{
	font-size: 11px;
	line-height: 13px;
	font-family: georgia;
	color: #512b1b;

}


/* layout
----------------------------------------------- */

#container {
	width: 810px;
	height: 485px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden


}

#leftcontainer {
	width: 310px;
	height: 485px;
	background: #FFFFFF;
	float: left;
	text-align: center;
}

#rightcontainer{
	width: 485px;
	height: 485px;
	background: #FFFFFF;
	float: right;
	text-align: center
}

#leftcontent{
	width: 300px;
	height: 475px;
	background-image: url(images/mainpage/sidebargraphic.jpg);
	margin-left: 5px;
	margin-top: 5px;
	}
	
#about #leftcontent{
	background-image: url(images/aboutpage/sidebargraphic.jpg);
}

#links #rightcontent {
	width: 475px;
	height: 475px;
	background-image: url(images/links/mainbackground.jpg);
	
	}
	
#main #rightcontent {
	background-image: url(images/mainpage/mainbackground2.jpg);
	}

#contact #rightcontent {
	background-image: url(images/mainpage/contactmainbackground.jpg);
	}
	
#tattoo #rightcontent {
	width: 475px;
	height: 475px;
	background-image: url(images/portfolio/mainbackgroundport.jpg);
	
	}
	
#about #rightcontent {
	width: 475px;
	height: 475px;
	background-image: url(images/aboutpage/mainbackgroundabout.jpg);}

#rightcontent{
	width: 475px;
	height: 475px;
	background-image: url(images/mainpage/mainbackground.jpg);
	margin-left: 5px;
	margin-top: 5px;
	text-align: left
	
	}
	
#lefttop{
	width: 300px;
	height: 235px;
	}

#leftbottom{
	width: 300px;
	height: 240px;
	
	}
	
/* Navigation
----------------------------------------------- */


#navcontainer{
	width: 300px;
	height:30px;
	margin-top: 180px;
	float: left
	}

#navigation li {
	float: left;

	}

#navigation a, #navigation a:link, #navigation a:active, navigation a:visited {

	background-repeat: repeat;
	display: block;
	height: 30px;
	width: 50px;
	background-position: 0px 0px;
	text-indent: -99999px;
	overflow: hidden;
}


#navigation a:hover, #navigation a:visited:hover {
	
	background-position: 0px 30px;
	width: 50px }
	
#navigation #homelink a {background-image: url(images/links/homelink.jpg) }
#navigation #aboutlink a {background-image: url(images/links/aboutlink.jpg) }
#navigation #tattoolink a {background-image: url(images/links/tattoolink.jpg) }
#navigation #artlink a {background-image: url(images/links/artlink.jpg) }
#navigation #linkslink a {background-image: url(images/links/linkslink.jpg) }
#navigation #contactlink a {background-image: url(images/links/contactlink.jpg) }


#newsletter{
	display: block;
	width: 132px;
	height: 126px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 45px;
}

#newsletter a, #newsletter a:link, #newsletter a:active, #newsletter a:visited {
	display: block;
	background-image: url(images/mainpage/newsletter.jpg);
	height: 126px;
	width: 132px;
	background-position: 0px 0px;
	text-indent: -99999px;
	overflow: hidden;
} 

#newsletter a:hover, #newsletter a:visited:hover {
	background-position: 0px 126px;
	width: 132px 
	}


#portfoliofloat{
	float: right;
	width: 380px;
	height: 80px;
	margin-top: 50px
	}
	
#portfoliolinks{
	text-align: left;
	width: 350px;
	height: 75px;
	float: left;
	}

.portlink{
	margin-bottom: 7px
	}

/* Content
----------------------------------------------- */

h3{
	font-size: 13px;
	line-height: 13px;
	font-family: georgia;
	font-weight: bold;
	margin-bottom: 10px;
	font-style: italic;
	
	
}

#linksleft{
	width: 180px;
	height: 290px;
	float: right;
	margin-top: 170px;
}

#linksright{
	width: 180px;
	height: 290px;
	float: right;
	margin-top: 170px;
}
.links { 
	width: 180px;
	height: 270px;
	margin-top: 15px;
	
	
	}

.linkstype{
	text-align: left;
	list-style-type: none;
	line-height: 25px;	
	font-size: 14px;
}

.linkstype a, .linkstype a:link, .linkstype a:active, .linkstype a:visited{

	font-family: georgia;
	font-style: italic;
	text-decoration: none;
	color: #7DA9AA;
	
	}
	
.linkstype a:hover, .linkstype a:visited:hover{
	color: #4F8A92;
	text-decoration: underline;
	}



#aboutphotosfloat{
	float: left;
	width: 200px;
	height: 475px
}

#aboutphotos{
	margin-top: 30px;
	margin-right: 15px;
}

#abouttext{
	width: 250px;
	height: 400px;
	overflow: auto;
	text-align: left;
	overflow-x: hidden;
	margin-right: 20px
	
}

#abouttext p{
	margin-bottom: 10px;
	margin-right: 15px;
	
}

#aboutfloat{
	float: right;
	margin-top: 45px
}

.photos{
	margin-top: 25px
}

.copyright{
	margin-top: 50px;
	margin-right: 165px
}

#contactfloat{
	width: 350px;
	height: 250px;
	text-align: left;
}

#contacttext{
	width: 235px;
	margin-top: 25px;
	float: left
}

#contacttext p{
	margin-bottom: 10px;
	margin-left: 30px
	}


	/* Newsbox
----------------------------------------------- */	


.news{
	text-align: left
	}

.newsentry{
	font-family: georgia, times;
	font-size: 11px;
	line-height: 14px;
	padding-right: 15px; 
	}

.newsdate{
	text-align: left;
	padding-bottom: 5px;
	padding-top: 20px;
	padding-right: 15px;
	font-weight: bold;
	color: #171100;
	}

.newstext{
	text-align: left;
	}
	
#newscontainer{
	width: 315px;
	height: 225px;
	float: right;
	margin-top: 50px;
	
	
	}
	
#newsspace{
	width: 265px;
	height: 185px;
	margin-top: 50px;
	overflow: auto;
	overflow-x: hidden;
	}