@charset "UTF-8";
/* CSS Document */


/* ========================================================================================

   THISISAARONANDERSON.COM // Aaron Anderson
   hello@thisisaaronanderson.com

=========================================================================================== */


* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

a {
	outline: 0;
}

/*Sets the highlight color*/
::-moz-selection{
	background: #b9bab3;
	color: #6a6b66;
} 
::selection {
	background: #b9bab3;
	color: #6a6b66;
} 

body {
	background: url(Images/background_6.jpg);
	color:#630;
	text-align:center; /* horizontal centering for IE Win quirks */
}

p {
	font-family: Georgia,Arial,Verdana,sans-serif;
	font-size: 11.5px;
	line-height: 19px;
	text-shadow:0 -1px 1px rgba(255, 255, 255, 0.01);
	color: #6a6b66;
}

/*#distance { 
	width: 100%;
	height: 50%;
	background: url(Images/background_6.jpg);
	margin-bottom: -275px; /* half of container's height 
	clear: left;
}*/

#Container_Main {
	position:absolute; 
	left: 0px;
	right: 0px;
	top:50%; 
	height:554px; 
	margin-top:-277px; /* negative half of the height */
}

#container_home {
	text-align:left;
	height: 480px;
	left: 0px;
	right: 0px;
	background-color:#f1eee4;
}

#TopSpacer {
	height: 37px;
	left: 0px;
	right: 0px;
}

#uppernavigation {
	left: 0px;
	right: 0px;
	background-image: url(Images/background_top_1.png);
	position: fixed;  
	height:37px; /* negative half of the height */
}

#lowernavigation {
	left: 0px;
	right: 0px;
	height: 37px;
	position: fixed;
	background-image: url(Images/background_bottom_1.png);
}

#lower1 {
	position: relative;
	bottom: 0;
}

#AaronAnderson {
	margin-left: 20px;
	width: 185px;
	height: 37px;
	background-color: #b0cfb2;
	float: left;
	background-image: url(Images/aaron_name.jpg);
}

#Nav {
	margin-right: 20px;
	width: 755px;
	height: 37px;
	background-color: #b0cfb2;
	float: right;
}

/**-------------------------------------------------------------------------------------------------------
	Intros
----------------------------------------------------------------------------------------------------------**/

.Desc {
	/*height: 430px;*/
	float: left;
	width: 280px;
	margin-top: 5px;
}

.HorizLine {
	float: left;
	height: 5px;
	width: 280px;
	background-image: url(Images/HorizLine.jpg);
}

#HorizLine_Bottom {
	height: 5px;
	width: 280px;
	position: absolute;
	bottom: 33px;
	background-image: url(Images/HorizLine.jpg);
}

#PageIntro {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
	float: left;
	height: 430px;
	width: 280px;
}

.ShadowLeft {
	margin-left: 8px;
	margin-top: 15px;
	margin-right: 8px;
	float: left;
	width: 17px;
	height: 450px;
	background-image: url(Images/Shadow_Left2.jpg)
}

.ShadowBetween {
	margin-left: 8px;
	margin-top: 15px;
	margin-right: 8px;
	float: left;
	width: 17px;
	height: 450px;
	background-image: url(Images/Shadow_Between5.jpg)
}

.ShadowRight {
	margin-left: 8px;
	margin-top: 15px;
	margin-right: 0px;
	float: left;
	width: 17px;
	height: 450px;
	background-image: url(Images/Shadow_Right2.jpg)
}
.ShadowRightSW {
	margin-left: -11px;
	margin-top: 15px;
	float: left;
	width: 17px;
	height: 450px;
	background-image: url(Images/Shadow_Right2.jpg)
}
.ShadowRightSWItem {
	margin-left: -4px;
	margin-top: 15px;
	float: left;
	width: 17px;
	height: 450px;
	background-image: url(Images/Shadow_Right2.jpg)
}
.ShadowRightStore {
	margin-left: 6px;
	margin-top: 15px;
	float: left;
	width: 17px;
	height: 450px;
	background-image: url(Images/Shadow_Right2.jpg)
}

/**-------------------------------------------------------------------------------------------------------
	Selected Works
----------------------------------------------------------------------------------------------------------**/

#container_SelectedWork {
	left: 0px;
	right: 0px;
	text-align:left;
	height: 480px;
	/*width: 2787px;*/
	width: 2825px;
	background-color:#f1eee4;
}

#portfolio {
	height: 400px;
	width: 930px;
	padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
	list-style: none; 
}

#box {
	background: url(Images/Frontpage_Background5.jpg) no-repeat fixed center center;
	height: 460px;
	width: 100%;
	margin-top: 0px;
	float: left;
}

.box {
	height: 430px;
	margin-top: 25px;
	margin-right: 12px;
	float: left;
	text-align: center;
}

#SelectedWorks_Nav {
	height: 430px;
	margin-top: 25px;
	float: left;
}

#Desc2 {
	width: 280px;
	height: 430px;
	position: relative;
	margin-top: 25px;
	margin-left: 0px;
	float: left;
}

#SelectedWorks_Title {
	width: 280px;
	height: 35px;
	background-image: url(Images/TITLE_SelectedWorks.jpg);
	display: block;
	text-indent: -9999px;  /*moves text so you can't see it */
}

#PageIntroWorks {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
	position: relative;
	float: left;
	height: 430px;
	width: 280px;
}

/*
ul.gallery {
	width: 2400px; 
	list-style: none;
	margin: 0; 
	padding: 0;
}
ul.gallery li {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline; 
}
ul.gallery li a.thumb {
	width: 270px; 
	height: 205px; 
	margin: 2px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

ul.gallery li span { 
	width: 270px;
	height: 205px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; 
}

ul.gallery li a {text-decoration: none; color: #777; display: block;}*/

ul.gallery {
	width: 2466px; 
	list-style: none;
	margin: 0; 
	padding: 0;
}
ul.gallery li {
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 0;
	text-align: center;
	display: inline; 
}
ul.gallery li a.thumb {
	width: 270px; 
	height: 215px; 
	margin: 0px;
	cursor: pointer;
}

ul.gallery li span { 
	width: 270px;
	height: 215px;
	overflow: hidden;
	display: block;
}
/*ul.gallery li a:hover img{
	margin-top:-215px;
}*/
ul.gallery li a.thumb:hover {
	background: #333;
}

ul.gallery li a {text-decoration: none; color: #777; display: block;}



/*ul.gallery {
	width: 2530px; 
	list-style: none;
	margin: 0px; 
	padding: 0px;
}
ul.gallery li {
	border: 0px;
	float: left;
	padding: 0px;
	display: inline; 
}
ul.gallery li a.thumb {
	width: 270px; 
	height: 215px; 
	cursor: pointer;
	border: 0;
	margin: 1px;

}
ul.gallery li span { 
	width: 270px;
	height: 215px;
	overflow: hidden;
	display: block;
	margin: 1px;
}

ul.gallery li a.thumb:hover {
	margin: 1px;
}

ul.gallery li a {
	text-decoration: none;
	border: 0;
	color: #777; 
	display: block;
	margin: 1px;
}*/

a {
	border: 0;
}

.ProjectInfo {
	height: 100px;
	width: 28px;
}

.credits em { float: left; width: 40px; font-family: Arial; font-size: 10px; text-transform: uppercase; font-style: normal; margin-right: 10px; padding-top: 1px; }

ul.credits {
list-style: none; 
padding: 0px 0px 20px 0px; 
margin-top: -7px;
}

ul.credits li {
font-size: 12px;
padding: 6px 5px 5px 5px;
border-
bottom: 1px solid #ccc;
}

#ProjectInfo {
	width: 280px;
}

.Stats em { 
	float: left; 
	width: 40px; 
	font-family: Georgia; 
	font-size: 10px; 
	text-transform: uppercase; 
	font-style: normal; 
	margin-right: 10px; 
	padding-bottom: 1px;
}

ul.Stats {
	list-style: none; 
	padding: 6px 0px 2px 0px; 
}

ul.Stats li {
	text-transform: uppercase; 
	font-family: Georgia; 
	font-size: 10px; 
	font-style: normal; 
	padding: 2px 0px 2px 0px;
	color: #6a6b66;
	line-height: 12px;
}

#Student {
	margin-top: 4px;
	height: 20px;
	width: 280px;
	background-image: url(Images/Student4.png);
}

/*
.VisitWebsite {
	width: 57px;
	height: 34px;
	background: url(Images/VisitSite.jpg);
	float:left;
	text-indent: -10000px;
	margin:	4px 4px 0px 0px;
	text-transform:	uppercase;
}

.VisitWebsite a:link, .VisitWebsite a:hover, .VisitWebsite a:visited, .VisitWebsite a:active {
	width: 57px;
	height: 34px;
	background-position: 0px -34px;
}*/
.DescWebsite {
	width: 280px;
	margin-top: 10px;
	float: left;
}

a.VisitWebsite, a:visited.VisitWebsite, a:hover.VisitWebsite, a:active.VisitWebsite { color: #eee9d6; text-decoration: none; }

.VisitWebsite {
color: #eee9d6;
font-family: Georgia, Arial, sans;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
background-color: #ce6c2b;
border: 1px solid #ce6c2b;
padding: 3px 4px 3px 5px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin: 0 7px 0 0;
}

.VisitWebsite:hover { color: #eee9d6; background-color: #10130c; border: 1px solid #333; }

/**-------------------------------------------------------------------------------------------------------
	Selected Works - Hover over Images
----------------------------------------------------------------------------------------------------------**/

div.box{  
    position:relative; /* important(so we can absolutely position the description div */  
}  

div.description{  
    position:absolute; /* absolute position (so we can position it where we want)*/  
	left:0px;
	bottom: 0px;
	padding-left: 9px;
	padding-right: 9px;
	display:none; /* hide it */ 
    background-color: #000;  
	font-family: Georgia, Arial,Verdana,sans-serif;
	font-size: 10px;
	text-transform: uppercase; 
	line-height: 14px;
	color: #f1eee4;
}  

div.description_content{  
	padding:10px;  
}  

/**-------------------------------------------------------------------------------------------------------
	Graveyard
----------------------------------------------------------------------------------------------------------**/

#Container_Graveyard {
	text-align:left;
	height: 480px;
	width: 2780px;
	background-color:#f1eee4;
}

#Graveyard_Title {
	width: 280px;
	height: 35px;
	background-image: url(Images/TITLE_Graveyard.jpg);
	display: block;
	text-indent: -9999px;  /*moves text so you can't see it */
}

#Graveyard {
	height: 430px;
	width: 2400px;
	margin-top: 25px;
	float: left;
	/*background: url(Work/Graveyard_Large_3.png) no-repeat;*/
}

img {
	outline: none;
	border: none;
}

/**-------------------------------------------------------------------------------------------------------
	Blog
----------------------------------------------------------------------------------------------------------**/

#Container_Blog {
	text-align:left;
	height: 480px;
	width: 4000px;
	background: #f1eee4 url(Images/Expand.png) no-repeat bottom left;
}

#Blog_Title {
	width: 280px;
	height: 35px;
	background-image: url(Images/TITLE_Blog.jpg);
	display: block;
	text-indent: -9999px;  /*moves text so you can't see it */
}

#Blog {
	height: 430px;
	width: 3500px;
	margin-left: 20px;
	margin-top: 25px;
	float: left;
}

.BlogBox {
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	height: 410px;
	float: left;
}

.BlogBox div a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}

.dcap {
	color:#b0cfb2;
	display:inline;
	float:left;
	font-family: Georgia,serif;
	font-size:38px;
	line-height:28px;
	margin:	5px 5px 0 0;
	text-transform:	uppercase;
}

.HorizLineBlog {
	width: 100%;
	float: left;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #545551;
}

/**-------------------------------------------------------------------------------------------------------
	Links
----------------------------------------------------------------------------------------------------------**/

#Container_Links {
	text-align:left;
	height: 480px;
	width: 2200px;
	background-color:#f1eee4;
}

#Links_Title {
	width: 280px;
	height: 35px;
	background-image: url(Images/TITLE_Links.jpg);
	display: block;
	text-indent: -9999px;  /*moves text so you can't see it */
}

.HorizLine_Links {
	height: 5px;
	width: 200px;
	background-image: url(Images/HorizLine.jpg);
}

.Letter {
	margin-top: 2px;
	margin-bottom: 2px;
	width: 20px;
	height: 20px;
}

#Links_1 {
	margin-top: 25px;
	margin-left: 00px;
	float: left;
	width: 200px;
	height: 480px;
}

.Links_2 {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
	float: left;
	width: 200px;
	height: 480px;
}


.Link a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #6a6b66;
	line-height: 18px;
	text-decoration: none;
}

.Link {
	line-height: 18px;
	list-style: none;
}

.Link a:hover {
	color: #2a3329;
	border-bottom: dotted 1px #2a3329;
}

/**-------------------------------------------------------------------------------------------------------
	About
----------------------------------------------------------------------------------------------------------**/

#Container_About {
	text-align:left;
	height: 480px;
	width: 2560px;
	background-color:#f1eee4;
}

/*#Container_About {
	margin:0 auto;
	margin-top: 37px;
	position:relative; /* puts container in front of distance 
	text-align:left;
	height: 480px;
	width: 100%;
	clear:left;
	background-color:#f1eee4;
}*/

#About_Title {
	width: 581px;
	height: 35px;
	background-image: url(Images/TITLE_About.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;  /*moves text so you can't see it */
}
#Recognition_Title {
	width: 565px;
	height: 35px;
	float: left;
	background-image: url(Images/TITLE_Recognition.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;  /*moves text so you can't see it */
}
#About_Social {
	margin-top: 5px;
	height: 32px;
	width: 280px;
	float: left;
}
#About_1 {
	margin-left: 0px;
	margin-top: 25px;
	float: left;
	height: 430px;
	width: 581px;
}
#About_1-1 {
	float: left;
	height: 430px;
	width: 256px;
}
#About_1-2 {
	margin-left: 25px;
	margin-top: 5px;
	float: left;
	height: 430px;
	width: 300px;
}
#About_2 {
	margin-top: 0px;
	float: left;
	width: 300px;
	height: 480px;
}
.About_HorizLine {
	height: 5px;
	width: 581px;
	float: left;
	background-image: url(Images/HorizLine.jpg);
}
.About_HorizLine2 {
	height: 5px;
	width: 256px;
	float: left;
	background-image: url(Images/HorizLine.jpg);
}

.Recognition_HorizLine {
	height: 5px;
	width: 565px;
	float: left;
	background-image: url(Images/HorizLine.jpg);
}

#About_BE a{
	background: url(Images/BE.jpg);
	width: 24px;
	height: 24px;
	float: left;
	margin-top: 2px;
	margin-right: 5px;
}

#About_FB a{
	background: url(Images/FB.jpg);
	width: 24px;
	height: 24px;
	float: left;
	margin-top: 2px;
	margin-right: 5px;
}

#About_TW a{
	background: url(Images/TW.jpg);
	width: 24px;
	height: 24px;
	float: left;
	margin-top: 2px;
	margin-right: 5px;
}

#About_SY a{
	background: url(Images/SY.jpg);
	width: 24px;
	height: 24px;
	float: left;
	margin-top: 2px;
	margin-right: 5px;
}

#About_IN a{
	background: url(Images/IN.jpg);
	width: 24px;
	height: 24px;
	float: left;
	margin-top: 2px;
	margin-right: 5px;
}

#About_SU a{
	background: url(Images/SU.jpg);
	width: 24px;
	height: 24px;
	float: left;
	margin-top: 2px;
	margin-right: 5px;
}

#About_PA a{
	background: url(Images/PA.jpg);
	width: 24px;
	height: 24px;
	float: left;
	margin-top: 2px;
	margin-right: 5px;
}

#About_DR a{
	background: url(Images/DR.jpg);
	width: 24px;
	height: 24px;
	float: left;
	margin-top: 2px;
	margin-right: 5px;
}

#About_Resume a{
	background: url(Images/Resume.jpg);
	width: 82px;
	height: 24px;
	float: left;
	margin-top: 2px;
}

#About_BE a:hover, #About_FB a:hover, #About_TW a:hover, #About_SY a:hover, #About_IN a:hover, #About_SU a:hover, #About_PA a:hover, #About_DR a:hover { background-position: 0px -24px; }

#About_Resume a:hover {
	background-position: 0px -24px;
}

#Recognition {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
	float: left;
	height: 430px;
	width: 565px;
}
#Recognition_List1 {
	float: left;
	width: 270px;
}
#Recognition_List2 {
	float: left;
	width: 270px;
	margin-left: 25px;
}

.About_Pic {
	width: 256px;
	margin-top: 7px;
	float: left;
}

.RecognitionList li{
	float: left;
	width: 250px;
	font-family: Georgia,Arial,Verdana,sans-serif;
	font-size:14px;
	line-height: 15px;
	color: #6a6b66;
	margin-left: 20px;
	padding-bottom: 4px;
}
.RecognitionList li.GoldAddy {
	list-style-image: url(Images/GoldIcon.jpg);
}
.RecognitionList li.SilverAddy {
	list-style-image: url(Images/SilverIcon.jpg);
}
.RecognitionList li.Speak {
	list-style-image: url(Images/SpeakIcon.jpg);
}
#About_Desc p{
	padding-left: 25px;
}
.AboutSpacer {
	height: 6px;
	width: 270px;
	float: left;
}

/**-------------------------------------------------------------------------------------------------------
	Store
----------------------------------------------------------------------------------------------------------**/

#Container_Store {
	text-align:left;
	height: 480px;
	left: 0px;
	right: 0px;
	background-color:#f1eee4;
}
#Store_Title a {
	width: 280px;
	height: 35px;
	float: left;
	background-image: url(Images/TITLE_Store.jpg);
	display: block;
	text-indent: -9999px;  /*moves text so you can't see it */
}
#Featured_Title {
	width: 280px;
	height: 35px;
	float: left;
	background-image: url(Images/TITLE_Featured.jpg);
	display: block;
	text-indent: -9999px;  /*moves text so you can't see it */
}
.DescStore {
	padding-bottom: 7px;
}
.DescPrice p{
	font-weight: 500;
	font-size: 15px;
	padding-bottom: 7px;
}
.Files {
	float: left;
	width: 280px;
	height: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*.Apparel a {
	background-image: url(Images/Apparel.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 67px;
	height: 60px;
	margin-right: 4px;
	font-size: 2em;
}
.Posters a {
	background-image: url(Images/Posters.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 67px;
	height: 60px;
	margin-right: 4px;
	font-size: 1.1em; 
}
.Type a {
	background-image: url(Images/Type.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 67px;
	height: 60px;
	font-size: 1.1em; 
}
.Misc a {
	background-image: url(Images/Misc.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 67px;
	height: 60px;
	margin-right: 4px;
	font-size: 1.1em; 
}
.Apparel a:hover, .Posters a:hover, .Type a:hover, .Misc a:hover {
	background-position: 0 -60px;
}*/
.StoreNav {
	float: left;
	background-image: url(Images/PostNav.jpg);
	background-repeat: no-repeat;
	width: 280px;
	height: 128px;
	margin-bottom: 8px;
	margin-top: 8px;
}
.StoreNavButton a {
	background-repeat: no-repeat;
	width: 138px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
  	font-size: 14px;
  	font-weight: 300;
	color: #6a6b66;
  	overflow: hidden;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}
#Apparel a {
	background-image: url(Images/HorizButton.jpg);
	float: left;
	margin-right: 4px;
}
#Posters a {
	background-image: url(Images/HorizButton.jpg);
	float: right; 
}
#Type a {
	background-image: url(Images/HorizButton.jpg);
	float: left;
	margin-right: 4px;
	margin-top: 4px;
}
#Prints a {
	background-image: url(Images/HorizButton.jpg);
	float: right;
	margin-top: 4px;
}
#Stuff a {
	background-image: url(Images/HorizButton.jpg);
	float: left;
	margin-right: 4px;
	margin-top: 4px;
}
#Apparel a:hover, #Posters a:hover, #Type a:hover, #Stuff a:hover, #Prints a:hover {
  	border: none;
	background-position: 0 -40px;
}
.StoreFeature {
	height: 430px;
	width: 560px;
	float: left;
	margin-top: 25px;
}
.HorizLineFeature {
	float: left;
	height: 5px;
	width: 560px;
	background-image: url(Images/HorizLine.jpg);
}
.FeaturedItem a{
	float: left;
	height: 383px;
	margin-top: 7px;
	width: 560px;
	background-image: url(StoreImages/FEATURED_Puhl.jpg);
}
.SidebarAd {
	float: left;
	height: 121px;
	width: 280px;
	margin-top: 8px;
	list-style: none; 
}




/**-------------------------------------------------------------------------------------------------------
	Contact
----------------------------------------------------------------------------------------------------------**/

#Container_Contact {
	text-align:left;
	height: 480px;
	left: 0px;
	right: 0px;
	background-color:#f1eee4;
}

#Contact_Title {
	width: 280px;
	height: 35px;
	background-image: url(Images/TITLE_Contact.jpg);
	display: block;
	text-indent: -9999px;  /*moves text so you can't see it */
}

h2 {
	color:			#777;
	font-family: 	Arial, sans;
	font-size:		11px;
	font-weight: 	normal;
	text-transform: uppercase;
	letter-spacing: 1px; 
	line-height: 	20px;
	margin-top: 5px;
}

h3 {
	color:			#777;
	font-family: "kulturista-web-1","kulturista-web-2",serif;
	/*font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;*/
	font-size:		19px;
	font-weight: 	300;
	text-transform: uppercase;
	margin-top: 7px;
	padding-bottom: 1px;
	float: left;
}

.Desc p a {
	font-family: Georgia,Arial,Verdana,sans-serif;
	font-size: 11.4px;
	color: #2a3329;
	text-decoration: none;
	font-weight: bold;
}

.Desc p a:hover {
	font-family: Georgia,Arial,Verdana,sans-serif;
	border-bottom: dotted 1px #2a3329;
}



/**-------------------------------------------------------------------------------------------------------
	Arrows
----------------------------------------------------------------------------------------------------------**/

#LeftNav {
	margin-left: 20px;
	width: 60px;
	height: 37px;
	background-color: #b0cfb2;
	float: left;
	background-image: url(Images/arrow_left.jpg);
}

#RightNav {
	margin-right: 20px;
	width: 60px;
	height: 37px;
	background-color: #b0cfb2;
	float: right;
	background-image: url(Images/arrow_right.jpg);
}

#LeftArrow {
	float: left;
	width: 60px;
	height: 37px;
	cursor: pointer;
}

#RightArrow {
	float: right;
	width: 60px;
	height: 37px;
	cursor: pointer;
}

#Leftarrow ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#Rightarrow ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#LeftArrow ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 60px;
	height: 37px;
}

#RightArrow ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 60px;
	height: 37px;
}

#LeftArrow ul li a{
	float: left;
	display: block;
	width: 60px;
	height: 37px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#RightArrow ul li a{
	float: left;
	display: block;
	width: 60px;
	height: 37px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#LeftArrow ul #left a {background: transparent 	url(Images/arrow_left.jpg) no-repeat;}
#RightArrow ul #right a{background: transparent  url(Images/arrow_right.jpg) no-repeat;}

/**-------------------------------------------------------------------------------------------------------
	Navigation
----------------------------------------------------------------------------------------------------------**/

#navigation {
  list-style: none;
}

#navigation a * {
  display: none;
}

#navigation li {
  float: left;
}

#navigation a, #navigation a .hover {
  	height: 37px;
	display: block;
	background: url(Images/nav_menu.jpg) 0 0 no-repeat;
}

/* individual navigation items */
#navigation a.home {
  background-position: 0px -37px;
  width: 71px;
}

#navigation .highlight a.home:hover, 
#navigation a.home .hover, 
#navigation a.home_SELECTED {
  background-position: 0px 0px;
  width: 71px;
}

#navigation a.selectedworks {
  background-position: -71px -37px;
  width: 161px;
}

#navigation .highlight a.selectedworks:hover, 
#navigation a.selectedworks .hover,
#navigation a.selectedworks_SELECTED,
#navigation .highlight a.selectedworks_SELECTED:hover, 
#navigation a.selectedworks_SELECTED .hover {
  background-position: -71px 0px;
  width: 161px;
}

#navigation a.graveyard {
  background-position: -232px -37px;
  width: 120px;
}

#navigation .highlight a.graveyard:hover, 
#navigation a.graveyard .hover, 
#navigation a.graveyard_SELECTED,
#navigation .highlight a.graveyard_SELECTED:hover, 
#navigation a.graveyard_SELECTED .hover {
  background-position: -232px 0px;
  width: 120px;
}

#navigation a.blog {
  background-position: -352px -37px;
  width: 69px;
}

#navigation .highlight a.blog:hover,
#navigation a.blog .hover,
#navigation a.blog_SELECTED,
#navigation .highlight a.blog_SELECTED:hover, 
#navigation a.blog_SELECTED .hover {
  background-position: -352px 0;
  width: 69px;
}

#navigation a.links {
  background-position: -421px -37px;
  width: 73px;
}

#navigation .highlight a.links:hover,
#navigation a.links .hover,
#navigation a.links_SELECTED,
#navigation .highlight a.links_SELECTED:hover, 
#navigation a.links_SELECTED .hover {
  background-position: -421px 0;
  width: 73px;
}

#navigation a.about {
  background-position: -494px -37px;
  width: 82px;
}

#navigation .highlight a.about:hover,
#navigation a.about .hover,
#navigation a.about_SELECTED,
#navigation .highlight a.about_SELECTED:hover, 
#navigation a.about_SELECTED .hover {
  background-position: -494px 0;
  width: 82px;
}

#navigation a.store {
  background-position: -576px -37px;
  width: 77px;
}

#navigation .highlight a.store:hover,
#navigation a.store .hover,
#navigation a.store_SELECTED,
#navigation .highlight a.store_SELECTED:hover, 
#navigation a.store_SELECTED .hover {
  background-position: -576px 0;
  width: 77px;
}

#navigation a.contact {
  background-position: -653px -37px;
  width: 102px;
}

#navigation .highlight a.contact:hover,
#navigation a.contact .hover,
#navigation a.contact_SELECTED,
#navigation .highlight a.contact_SELECTED:hover, 
#navigation a.contact_SELECTED .hover {
  background-position: -653px 0;
  width: 102px;
}