/* ------------ TEXT AND LINKS ------------- */

body {
	font: .75em 'century gothic',arial,verdana,sans-serif;
	color: white;
	}

#content.container p, #content .container ul li {
	font: 1em arial !important;
	}

ul#subNavigation li {
	border-left: 1px solid #dcdcdc;
	font-size: .9em;
	letter-spacing: .05em;
	text-transform: uppercase; 
	}

li.first {
	border: none !important;
	}

#name {
	font-size: 1.6em;
	text-transform: lowercase;
	}

.lastName {
	text-transform: none;
	color: #6fa0c8
	}

#website, #medium {
	font-size: .9em;
	}

#content .container h2 {
	font-size: 1.8em;
	}

#content .container h2, #content .container h3 {
	color: #bed9ed;
	font-weight: normal;
	}

#content .container h3 {
	font-size: 1.3em;
	letter-spacing: .1em;
	border-bottom: 1px solid;
	}
	
#content .container p {
	text-align: justify;
	letter-spacing: .1em;
	line-height: 1.3em;
	}

p#about {
	text-align: justify;
	line-height: 1.6em;
	letter-spacing: 0em;
	font-size: .9em;
	}

span#artist {
	text-align: right;
	color: #17364b;
	}

h2#artTitle {
	font-weight: normal;
	font-size: 1.7em;
	letter-spacing: .1em;
	}

p#about {
	text-align: justify;
	line-height: 1.6em;
	letter-spacing: 0em;
	font-size: .9em;
	}

div#artInfo p.shortDesc {
	font-size: 1.1em;
	color: #e0e0e0;
	text-align: justify;
	line-height: 1.9em;
	letter-spacing: .1em;
	}

div#artistGallery span.galleryName {
	font-size: .9em;
	text-transform: uppercase;
	}

div.priceBlock div.price, div.priceBlock div.addToCart {
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .2em;
	}

div.priceBlock div.addToCart {
	letter-spacing: .08em;
	}

div.priceBlock div.addToCart {
	z-index: 2;
	}

span.price {
	letter-spacing: .3em;
	font-size: 18px;
	}

div.dimensions {
	color: #17364b;
	}

	div.dimensions span {
		text-transform: uppercase;
		font-size: .7em;
		}

h3#about {
	font-weight: normal;
	font-size: 1em;
	letter-spacing: .1em;
	text-transform: uppercase;
	}

div#artInfo p.longDesc {
	margin: 10px 0 20px 0;
	font-size: .9em;
	color: #e0e0e0;
	text-align: justify;
	line-height: 1.7em;
	}

div#moreArt span {
	font-size: 1.1em;
	font-weight: bold;
	color: #396488;
	}

#footer {
	font-size: .7em;
	}

* html #footer {
	font-size: .8em;
	}

#footer ul li {
	border-left: 1px solid #8d8e8f;
	color: #d9d9d9;
	}

#copyright {
	color: #a5a5a5;
	}

a { text-decoration: none; }

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { text-transform: none; }

#content a:link,    #footer a:link,    ul#subNavigation a:link     { color: #C6DCEF; }
#content a:visited, #footer a:visited, ul#subNavigation a:visited  { color: #C5C5C5; }
#content a:hover,   #footer a:hover,   ul#subNavigation a:hover    { color: #B9CEDD; border-bottom: 1px dotted #B9CEDD; }
#content a:active,  #footer a:active,  ul#subNavigation a:active   { color: #FFFFFF; border-bottom: 1px dotted #FFFFFF; }

a:hover img    { border: none; }
a:active img   { border: none; }


/* ------------- POSITIONEY GOODNESS ----------- */

#artistorm * {
	position: relative;
	padding: 0;
	margin: 0;
	}

body {
	background: #7e7e7e url(/images/bodyBg.png) repeat-x 0px 0px;
	}

div#artistorm {
	width: 730px;
	margin: 0 auto;
	}

#fixedBanner {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 142px;
	height: 142px;
	}

#topTab {
	position: absolute;
	top: 28px;
	width: 138px;
	height: 84px;
	}

* html #topTab {
	top: 21px;
	}

a img  {
	border: none;
	}

#top {
	padding-top: 20px;
	}

	#top #asLogo {
		float: left;
		width: 172px;
		height: 63px;
		}

	ul#navigation {
		float: right;
		width: 320px;
		height: 63px;
		top: 35px;
		list-style: none;
		}

		ul#navigation li {
			display: inline;	
			border-left: 1px solid #424242;
			}

			#navigation li.selected {
				border: none !important;
				}

			#navigation li.rightSelected {
				border: none !important;
				}

			ul#navigation li img {
				top: 8px;
				}

			* html ul#navigation li img {
				top: 0px;
				}

	#subNav {
		width: 100%;
		}

	* html #subNav {
		top: -6px;
		}

	ul#subNavigation {
		float: left;
		top: 42px;
		width: auto;
		list-style: none;
		clear: both;
		background-color: #606262;
		}

		ul#subNavigation li {
			display: inline;	
			min-width: 50px;
			padding: 0 30px;
			}

#content {
	float: left;
	width: 730px;
	top: 59px;
	background: #8a8a8a url(/images/topBg.png) repeat-x;
	padding: 45px 0 30px 0;
	}

	#content .container {
		padding: 0 30px 30px;
		}

	#content .container h2 {
		padding: 10px 30px;
		}

	#content .container p {
		padding: 10px 80px;
		}

	#content .container h3 {
		margin: 20px 80px 0 65px;
		}

	#content .container ul {
		padding: 0 90px;
		}

		#content .container ul li {
			padding: 10px 0;
			}

	#content .container table {
		padding: 10px 60px;
		margin: 0px;
		}

	#content div#artistInfo {
		float: left;
		width: 300px;
		}

		#artistBox {
			float: left;
			width: 300px;
			background: url(/images/nameBg.png) repeat-y;
			margin: 30px 0 20px 0;
			padding: 20px 0 15px 40px;
			text-align: left;
			}

		* html #artistBox {
			width: 240px;
			}

			#artistBox div {
				padding: 0 0 0 55px;
				margin: 0 0 12px 0;
				}

				#name {
					background: url(/images/aiRaindrop.png) no-repeat;
					}

				#website, #medium {
					background: url(/images/aiWebsite.png) no-repeat;
					}

				#medium {
					background: url(/images/aiMedium.png) no-repeat;
					}

		p#about {
			float: left;
			width: 180px;
			height: auto;
			background: url(/images/aiAbout.png) no-repeat 40px 3px;
			padding: 0 0 0 95px;
			margin: 0;
			}

	div#artistGalleryContainer {
		float: left;
		width: 420px;
		text-align: right;
		}

	div#artistGallery {
		float: left;
		text-align: right;
		}

		div#artistGallery div {
			width: 122px;
			float: left;
			text-align: center;
			margin: 10px 0 0 10px;
			}

			div#artistGallery span.galleryName {
				z-index: 2;
				}

			div#artistGallery img.galleryThumb {
				margin: 0px 12px 0px 11px;
				}

			div#artistGallery img.galleryCover {
				text-align: center;
				margin-top: -190px;
				margin-left: 2px;
				}

			div#artistGallery span.galleryInfo {
				top: -22px;
				}

	div#artInfo {
		float: left;
		width: 230px;
		padding: 10px 0 10px 30px;
		text-align: right;
		}
		
		h2#artTitle {
			width: 100%;
			background-color: #17364b;
			}

			h2#artTitle span {
				background-color: #8a8a8a;
				padding: 0 2px;
				}

			span#artist {
				padding: 4px 4px 0 0;
				}

		div#artInfo p.shortDesc {
			margin: 10px 0 30px 0;
			}

		div.priceBlock {
			float: left;
			width: 229px;
			background: url(/images/priceBlockBg.png) no-repeat;
			}

			div.priceBlock div.price, div.priceBlock div.addToCart {
				top: 9px;
				right: 19px;
				height: 54px;
				}

				span.price {
					top: 2px;
					}
				
				div.priceBlock img {
					border: none;
					top: 3px;
					}
					
			img#mediumIcon {
				position: absolute;
				top: -15px;
				left: -43px;
				}
				
			div.dimensions {
				position: absolute;
				width: 80px;
				text-align: center;
				top: -78px;
				left: -40px;
				}

			* html div.dimensions {
				top: -70px;
				left: -190px;
				}

				div.dimensions span {
					display: block;
					clear: both;
					}

		h3#about {
			float: left;
			width: 100%;
			margin: 5px 0 8px 0;
			background-color: #989898;
			}
			
			h3#about span {
				background-color: #8a8a8a;
				padding: 0 2px;
				}
			
		div#artInfo p.longDesc {
			margin: 10px 0 20px 0;
			}

	div#art {
		float: left;
		left: 48px;
		}

		div#art #flashcontent {
			width: 442px;
			height: 524px;
			text-align: center;
			background: url(/images/flashBg.png) no-repeat;
			}

		div#art #flashcontent table td {
			text-align: center;
			width: 363px;
			margin-right: 79px;
			height: 524px;
			}

		div#more {
			width: 331px;
			height: 93px;
			left: 5px;
			top: -4px;
			padding: 63px 0 20px 30px;
			background: url(/images/moreBg.png) no-repeat;
			}
			
			div#moreArt {
				float: left;
				width: 69px;
				background: url(/images/moreArtBg.png) no-repeat;
				margin: 0 15px;
				padding-top: 5px;
				text-align: center;
				}

				div#moreArt img {
					margin-bottom: 7px;
					}

#footer {
	float: left;
	margin: 62px 0 0 0; 
	width: 700px;
	height: 26px;
	background: url(/images/bottomBar.png) no-repeat;
	padding: 33px 15px 0 15px;
	}

	#footer ul {
		float: left;
		list-style: none;
		}

		#footer ul li {
			display: inline;	
			padding: 0 10px;
			}

	#copyright {
		float: right;
		}