@charset "utf-8";
body {
	background-image: url(website_images/artekstudio_background_splatter2.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}


#container {
	width: 877px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 55px;
	margin-left: auto;
}
#topnav {
	margin: 0px;
	padding: 0px;
	height: 166px;
	width: 877px;
	background-image: url(website_images/artekstudio_navbar_background.png);
}
#topnav ul {
	color: #000000;
	margin-top: 90px;
	height: 75px;
	float: right;
	margin-right: 95px;
	line-height: 75px;
	width: 500px;
	font-size: 16px;
}
#topnav li {
	display: inline;
	text-align: center;
	height: 75px;
	width: 95px;
	float: left;
}
#topnav a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	height: 75px;
	width: 95px;
	margin: 0px;
	padding: 0px;
	float: right;
}
#topnav a:visited {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#welcome a:hover {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-image: url(website_images/animated_brushstrokes/animated_brushstroke_red.gif);
	height: 75px;
	width: 95px;
}
#portfolio a:hover {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-image: url(website_images/animated_brushstrokes/animated_brushstroke_blue.gif);
	height: 75px;
	width: 95px;
}
#services a:hover {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-image: url(website_images/animated_brushstrokes/animated_brushstroke_green.gif);
	height: 75px;
	width: 95px;
}
#about a:hover {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-image: url(website_images/animated_brushstrokes/animated_brushstroke_purple.gif);
	height: 75px;
	width: 95px;
}
#contact a:hover {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-image: url(website_images/animated_brushstrokes/animated_brushstroke_darkgreen.gif);
	height: 75px;
	width: 95px;
}
#welcome  a#current  {
	background-image: url(website_images/animated_brushstrokes/animated_brushstroke_red.gif);
}
#portfolio a#current {
	background-image: url(website_images/animated_brushstrokes/animated_brushstroke_blue.gif);
}
#services a#current {
	background-image: url(website_images/animated_brushstrokes/animated_brushstroke_green.gif);
}
#about a#current {
	background-image: url(website_images/animated_brushstrokes/animated_brushstroke_purple.gif);
}
#contact a#current {
	background-image: url(website_images/animated_brushstrokes/animated_brushstroke_darkgreen.gif);
}
#welcometopbar {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 877px;
	background-image: url(website_images/artekstudio_topbar_red2.png);
}
#portfoliotopbar {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 877px;
	background-image: url(website_images/artekstudio_topbar_blue.png);
}
#servicestopbar {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 877px;
	background-image: url(website_images/artekstudio_topbar_green.png);
}
#abouttopbar {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 877px;
	background-image: url(website_images/artekstudio_topbar_purple.png);
}
#contacttopbar {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 877px;
	background-image: url(website_images/artekstudio_topbar_darkgreen.png);
}


#content {
	width: 777px;
	background-image: url(website_images/artekstudio_content_shadow.png);
	background-repeat: repeat-y;
	padding-top: 15px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
}
#content h1 {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 15px;
}
#content h2 {
	font-size: 16px;
	font-weight: bold;
	color: #444444;
	padding: 0px;
	margin: 0px;
}
#content h3 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 0px;
	margin: 0px;
}


#content  p {
	font-size: 14px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}


#footer {
	height: 80px;
	width: 877px;
	background-image: url(website_images/artekstudio_footer.png);
	margin: 0px;
	padding: 0px;
}
#footer ul {
	width: 345px;
	margin-right: auto;
	margin-left: auto;
	height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer li {
	color: #FFFFFF;
	font-size: 14px;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}
#footer a {
	text-decoration: none;
	font-size: 14px;
	color: #FFFFFF;
}
#footer a:hover {
	text-decoration: underline;
}

#portfolio01 {
	height: 280px;
	width: 722px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(website_images/portfolio01_image.jpg);
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	margin-bottom: 50px;
}
#portfolio02 {
	height: 280px;
	width: 202px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(website_images/portfolio02_image.jpg);
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 560px;
	margin-bottom: 50px;
}
#portfolio03 {
	height: 280px;
	width: 722px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(website_images/portfolio03_image.jpg);
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	margin-bottom: 50px;
}

#portfolio04 {
	height: 355px;
	width: 199px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(website_images/portfolio04_image.jpg);
	padding-top: 130px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 513px;
	margin-bottom: 50px;
}
#portfolio05 {
	height: 280px;
	width: 722px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(website_images/portfolio05_image.jpg);
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	margin-bottom: 50px;
}
#portfolio06 {
	height: 355px;
	width: 667px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(website_images/portfolio04_image.jpg);
	padding-top: 130px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 45px;
	margin-bottom: 50px;
}
#cup_holder {
	height: 282px;
	width: 170px;
	background-image: url(website_images/paintbrush_cup_note.jpg);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
	padding-top: 350px;
	padding-right: 50px;
	padding-left: 75px;
}
#paper_content {
	height: 532px;
	width: 355px;
	background-image: url(website_images/wrinkled_paper.jpg);
	padding-top: 50px;
	padding-right: 65px;
	padding-bottom: 50px;
	padding-left: 50px;
}
p.bold {
	font-weight: bold;
}

h3.portfolio {
	width: 170px;
}
p.portfolio {
	width: 170px;
	height: 190px;
}
#contact_note {
	height: 276px;
	width: 160px;
	background-image: url(website_images/contact_note.jpg);
	float: right;
	margin-right: 40px;
	padding-top: 40px;
	padding-left: 75px;
	padding-right: 60px;
}
#contact_paper p {
	font-size: 14px;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

#contact_paper {
	height: 378px;
	width: 286px;
	background-image: url(website_images/contact_paper.jpg);
	margin-left: 40px;
	padding-right: 60px;
	padding-top: 55px;
	padding-bottom: 50px;
	padding-left: 55px;
}
#content img {
	margin-right: 70px;
	margin-left: 70px;
}