/*--------------------------------------------------*/
/* General Setup                 					*/

	* {
		padding: 0;
		margin: 0;
	}

	body {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 62.5%; /* resets fonts to 16px */
		color: #fff;
		background: #120001;
	}

	/*--------------------------------------------------*/
	/* Text                                             */

		p {
			padding: 0 0 12px;
			text-align:left;
		}

		h1 {
			font-size: 2.1em;
		}

		h2 {
			font-size: 1.63em;
		}

		h3 {
			font-size: 1.6em;
		}

		h4 {
			font-size: 1.4em;
			color:#dd7e37;
			font-family: arial, verdana, helvetica, sans-serif;
			font-weight:normal;
			text-align:left;
		}

		h5 {
			font-size: 1.1em;
		}

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

		a {
			text-decoration: underline;
			color:#dd7e37;
		}

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

			a img {
				border: 0;
			}

	/*--------------------------------------------------*/
	/* Lists                                            */

		ul, ol {
			padding: 0 24px 12px;
		}

			ul li,
			ol li {
				padding: 0 0 2px;
			}

	/*--------------------------------------------------*/
	/* Images                                           */

		img {
			display: block;
		}

	/*--------------------------------------------------*/
	/* Table                                            */

		table {
			font-size: 1em;
		}

			table,
			table td,
			table th {
				border: 0;
			}

	/*--------------------------------------------------*/
	/* Form                                             */

		form {
			width: 400px;
		}

			form fieldset {
				border: 0;
			}

				input,
				textarea,
				select,
				button {
					font-family: verdana, arial, helvetica, sans-serif;
					font-size: 1em;
				}

				/*--------------------------------------------------*/
				/* General rows                                     */

					form .row {
						margin: 0 0 6px;
					}

						form .row label {
							width: 120px;
							display: block;
							float: left;
							padding: 0 12px 0 0;
							text-align: right;
						}

					/*--------------------------------------------------*/
					/* Date of birth                                    */

						form .dob input {
							width: 30px;
						}

							form .dob span {
								color: #999;
							}

				/*--------------------------------------------------*/
				/* Radio buttons                                    */

					form .radio p {
						float: left;
						width: 120px;
						display: block;
						padding: 0 12px 0 0;
						text-align: right;
					}

					form .radio div.clear {
						margin: 0 0 6px;
						float: left;
					}

						form .radio div.clear div {
							margin: 0 0 6px;
						}


				/*--------------------------------------------------*/
				/* Checkboxes                                       */

					form .checkbox {
						margin: 0 0 6px;

					}

						form .checkbox input {
							float: left;
							margin-top: 0 !important;
							margin: -3px 6px 0 132px;
						}

							form .checkbox label {
								float: left;
								width: 212px;
							}

					/*--------------------------------------------------*/
					/* Terms                                            */

						form .terms {

						}

						form .terms label {
							padding: 0;
							width: auto;
						}

				/*--------------------------------------------------*/
				/* Submit                                           */

					form .submit {
						padding: 12px 0;
						text-align: right;
					}

/*--------------------------------------------------*/
/* Generic Classes				                    */

	.offScreen {
		position: absolute;
		left: -5000px;
	}

	.clear:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.error {
		color: red;
	}

/*--------------------------------------------------*/
/* Wrapper						                    */

	#wrapper {
		font-size: 1.1em; /* sets all fonts to 12px */
		margin:0 auto;
		height:690px;
		width:990px;
		background:url('/a/img/global/background.jpg') no-repeat center -50px transparent;
		border:1px #000 solid;
	}
	
	div.pagination {
		color:#dd7e37;
		padding:10px 0 10px 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		text-align:right;
		z-index: 15;
	}

	div.pagination a {
		color:#dd7e37;
		padding:2px 5px;
		margin:0 2px;
		text-decoration:none;
	}

	div.pagination a:hover, div.pagination a:active {
		color:#dd7e37;
	}

	div.pagination a.current {
		padding:2px 5px;
		border:1px solid #dd7e37;
		color:#fff;
		font-weight:bold;
		background-color:#160100;
	}
	div.pagination a.disabled {
		display:none;
	}
	
	.gallery {
		height:100%;
		width:100%;
	}

	.galleryItems {
		float:left;
		padding:25px 25px 0 400px;
		text-align: left;
	}

	.galleryItems .item {
		background: transparent url('/a/img/global/pictureFrame.png') no-repeat 0 0;
		width:140px;
		height:138px;
		float:left;
		margin-bottom:15px;
	}

		.galleryItems .item img {
			padding: 22px 0 0 23px;
		}

		.galleryItems .item .mag {
			padding-left: 79px;
			margin-bottom:5px;
		}
		
.loading {
	padding:275px 25px 0 650px;
}
/*---------------------------------------------------*/
/* Home									                    */

#content {
}

#home {
	background: url('/a/img/global/homeLogo.jpg');
	width:452px;
	height:81px;
	float:left;
	margin:14px 0 0 15px;
}

#home a {
	width:452px;
	height:81px;
	display:block;
    outline: none;
}

#nav {
	background: url('/a/img/global/navigation_main.jpg') no-repeat 0 0;
	width:512px;
	height:61px;
	margin:22px 0 0 -3px;
	padding:0;
	float:left;
	position: relative;
}

		#nav li {
			margin:0;
			padding:0;
			position:absolute;
			float:left;
		}

			#nav li, #nav a {
				height:61px;
				display: block;
                outline: none;
			}

			#dawnii {
				left: 0;
				width:183px;
			}

			#art {
				left:183px;
				width:148px;
			}

			#studio {
				left:331px;
				width:79px;
			}

			#contact {
				left:410px;
				width:102px;
			}

			#nav #dawnii a:hover {
				 background: transparent url("/a/img/global/navigation_main.jpg")
				 0px -61px no-repeat;
			}

			#nav #art a:hover {
				 background: transparent url("/a/img/global/navigation_main.jpg")
				 -183px -61px no-repeat;
			}

			#nav #studio a:hover {
				 background: transparent url("/a/img/global/navigation_main.jpg")
				 -331px -61px no-repeat;
			}

			#nav #contact a:hover {
				 background: transparent url("/a/img/global/navigation_main.jpg")
				 -410px -61px no-repeat;
			}

            

            #nav #dawnii a.selected {
				 background: transparent url("/a/img/global/navigation_main.jpg")
				 0px -122px no-repeat;
			}

			#nav #art a.selected {
				 background: transparent url("/a/img/global/navigation_main.jpg")
				 -183px -122px no-repeat;
			}

			#nav #studio a.selected {
				 background: transparent url("/a/img/global/navigation_main.jpg")
				 -331px -122px no-repeat;
			}

			#nav #contact a.selected {
				 background: transparent url("/a/img/global/navigation_main.jpg")
				 -410px -122px no-repeat;
			}

.base {
	background: transparent url("/a/img/global/baseHome.png")0 0;
	height:64px;
	width:990px;
	position:absolute;
	top:530px;
}

	#baseHome img {
		position: relative;
		top:-58px;
		left:20px;
	}

#artwork {
	clear:both;
	float:left;
	background: transparent url('/a/img/home/artFrame.gif') no-repeat 0 0;
	width:237px;
	height:289px;
	position: relative;
	top: 120px;
	left:35px;
	text-align:left;
}

	#artwork img {
		padding:53px 0 0 45px;
	}

	#artworkLink, #artworkLink a {
		width:124px;
		height:14px;
		display:block;
	}

	#artworkLink {
		position: relative;
		top:60px;
		left:55px;
		background: transparent url('/a/img/home/artAndPaintings.gif');
	}

#dawniiTattoos {
	float:left;
	background: url('/a/img/home/dawniiFrame.gif') no-repeat 0 0;
	width:328px;
	height:400px;
	position: relative;
	top: 70px;
	left:85px;
	text-align: left;
	}

	a#dawniiFLink {
		width:328px;
		height:400px;
		display: block;
	}

	#dawniiTattoos img {
		padding:53px 0 0 45px;
	}

	#dawniiTattoos #frameHanger {
		position: absolute;
		width:372px;
		height:403px;
		top:-1px;
		left:-22px;
		background: url('/a/img/home/dawniiFrame.png');
	}

	#dawniiLink, #dawniiLink a {
		width:172px;
		height:16px;
		display:block;
	}

	#dawniiLink {
		position: relative;
		top:20px;
		left:80px;
		background: transparent url('/a/img/home/tattoosByDawnii.gif');
	}

#studioTattoos {
	float:left;
	background: transparent url('/a/img/home/artFrame.gif') no-repeat 0 0;
	width:237px;
	height:289px;
	position: relative;
	top: 120px;
	left:145px;
	text-align: left;
}

	#studioTattoos img {
		padding:53px 0 0 45px;
	}

	#studioLink, #studioLink a {
		width:141px;
		height:15px;
		display:block;
	}

	#studioLink {
		position: relative;
		top:60px;
		left:92px;
		background: transparent url('/a/img/home/studio.gif') no-repeat;
	}

/*---------------------------------------------------*/
/* Dawnii								                    */


	#baseDawnii img {
		position: relative;
		top:-114px;
		left:270px;
	}
	
	#dawniiGallery {
		background: transparent url('/a/img/dawnii/background.png') no-repeat 5px 0;
		height:100%;
		width:100%;
	}

/*---------------------------------------------------*/
/* Art								                    */


	#baseArt img {
		position: relative;
		top:-114px;
		left:200px;
		z-index: 15;
	}

	#artGalleryContainer .galleryItems .item {
		background: transparent url('/a/img/artAndPaintings/pictureFrame.png') no-repeat 0 0;
		width:140px;
		height:142px;
		float:left;
		margin-bottom:10px;
	}

		#artGallery {
			background: transparent url('/a/img/artAndPaintings/background.png') no-repeat 5px 0;
			height:100%;
			width:100%;
		}
	
		#artGalleryContainer .galleryItems .item img {
			padding: 30px 0 0 28px;
		}

		#artGalleryContainer .galleryItems .item img.mag {
			padding: 25px 0 0 79px;
		}


/*---------------------------------------------------*/
/* studio								                    */


	#basestudio img {
		position: relative;
		top:-544px;
		left:20px;
	}

	#studioGallery {
			background: transparent url('/a/img/studio/backgroundSkull.png') no-repeat 5px 0;
			height:100%;
			width:100%;
		}
	
	#studioGalleryContainer .galleryItems .item {
		background: transparent url('/a/img/studio/pictureFrame.png') no-repeat 0 0;
		width:140px;
		height:138px;
		float:left;
		margin-bottom:15px;
	}

			#studioGalleryContainer .galleryItems .item img {
				padding: 21px 0 0 23px;
			}

			#studioGalleryContainer .galleryItems .item .mag {
				padding-left: 79px;
			}

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


	#baseContact img {
		position: relative;
		top:-114px;
		left:250px;
	}

    #contactBody {
		float:left;
		text-align: left;
        width:100%;
        height:100%;
        margin-top:10px;
		padding:25px 25px 0 350px;
		text-align: left;
        background: transparent url('/a/img/studio/background.png') no-repeat 45px 0;
    }
		
		#contactBody .nb {
			font-size:0.9em;
		}
		
        #contactBody h4 {
            margin-bottom:15px;
			font-weight:bold;
        }

		#contactBody #contactInfo {
			float:left;
			width:160px;
			padding-right:10px;
			margin-bottom:20px;
		}
		
		#contactBody #social {
			float:left;
			clear:left;
			margin:50px 0 0 10px;
		}
		
		#contactBody #social img {
			display:inline;
			padding-right:10px;
		}

    #mapHolder {
        background: transparent url('/a/img/contact/mapFrame.png') no-repeat 0 0;
        width:364px;
        height:250px;
        padding:67px 0 0 86px;
		float:left;
		margin-top:20px;
    }

    #mapHolder #map {
        width: 279px;
        height: 186px;
    }

    p.address {
        margin:0;
        padding:0;
    }


#footer {
	color:#666666;
	margin:10px auto 0 auto;
	width:990px;
}

	#footer #socLinks img {
		display:inline;
		margin-right:5px;
	}
	
	#footer #copy {
		float:right;
	}