/*
Reset Font sizes
*********************************/
html {
	font-size: 16px; /* reset safari's 14px default */
}
* html {
	font-size: 100%; /* override pixel value for IE's benefit */
}
body {
	font-size:80%;
}

/*
Reset Default styles
**********************************/
* {
	font-family: Century Gothic, tahoma, arial, verdana, "sans-serif";
	margin:0;
	padding:0;
	font-size:100%;	
}

a:hover,
div#outerWrapper div#main div#content a:hover {
	color:#fff;
}
a {
	color:#fff;
	text-decoration:underline;
}

img,
form,
fieldset {
	border:none;
}

/* 
Layout - all pages
***********************************/
html {
	height:100%;
}
body {
	background:#000000 url(../images/BodyBG.jpg) 0px 20px no-repeat;
	height:100%;
	z-index:1;
	color:#fff;
	
}
ul#accessibility {
	position:absolute;
	top:-5000px;
}
div#outerWrapper {
	text-align:center;
	width:100%;
	
}
	div#outerWrapper div#header {
		text-align:left;

	}
	div#outerWrapper div#content {
		text-align:left;
		width:1024px;
		height:600px;
		position:relative;
		z-index:1;margin:auto;	
		xbackground:red;
		background:url(../images/Background.jpg) top left no-repeat;
	}
	body.page div#outerWrapper div#content {
		background-image:none;
	}
		div#outerWrapper div#content div#pageWrapper {
			text-align:left;
			width:1000px;
			min-height:558px;
			margin:auto auto 10px auto;	
			background:url(../images/PageWrapper.jpg) top left no-repeat;
		}
		div#outerWrapper div#content div#pageWrapper div#page {
			text-align:left;
			color:#fff;
			padding:30px 250px 30px 30px;
			font-size:110%;
			min-height:498px;
			background:url(../images/PageWrapperBottom.jpg) bottom left no-repeat;
			
		}
		
	
/* 
Portfolio Nav Home
***********************************/
ul#portfolioNav {
	list-style-type:none;
	z-index:10000;
}
	ul#portfolioNav li {
		position:absolute;z-index:10000;
	}
	ul#portfolioNav li#art {
		top:81px;
		right:108px;
	}		
	ul#portfolioNav li#websites {
		top:31px;
		right:446px;
	}		
	ul#portfolioNav li#illustrations {
		top:232px;
		right:394px;
	}
	ul#portfolioNav li#portraits {
		top:238px;
		right:708px;
	}
		ul#portfolioNav li a {
			display:block;
			height:0;
			overflow:hidden;
			z-index:10000;
		}
		ul#portfolioNav li#art a {
			width:358px;
			padding-top:231px;
		}
		ul#portfolioNav li#art a:hover {
			background:transparent url(../images/menuArtBG.png) top left no-repeat;
		}
		ul#portfolioNav li#websites a {
			width:229px;
			padding-top:302px;
		}
		ul#portfolioNav li#websites a:hover {
			background:transparent url(../images/menuWebsitesBG.png) top left no-repeat;
		}
		ul#portfolioNav li#illustrations a {
			width:400px;
			padding-top:308px;
		}
		ul#portfolioNav li#illustrations a:hover {
			background:transparent url(../images/menuIllustrationsBG.png) top left no-repeat;
		}
		ul#portfolioNav li#portraits a {
			width:300px;
			padding-top:348px;
		}
		ul#portfolioNav li#portraits a:hover {
			background:transparent url(../images/menuPortraitsBG.png) top left no-repeat;
		}
		
		
/* 
Portfolio Nav Content
***********************************/
ul#portfolioNavPage {
	list-style-type:none;
	z-index:10000;
}
	ul#portfolioNavPage li {
		position:absolute;
		z-index:10000;
	}
	ul#portfolioNavPage li#art {
		top:150px;
		right:30px;
	}		
	ul#portfolioNavPage li#websites {
		top:230px;
		right:30px;
	}		
	ul#portfolioNavPage li#illustrations {
		top:310px;
		right:30px;
	}
	ul#portfolioNavPage li#portraits {
		top:390px;
		right:30px;
	}
		ul#portfolioNavPage li a {
			display:block;
			height:0;
			overflow:hidden;
			z-index:10000;
			width:106px;
			padding-top:106px;
		}
		ul#portfolioNavPage li#art a {
			background:transparent url(../images/menuArtBGPage.png) top left no-repeat;
		}		
		ul#portfolioNavPage li#websites a {
			background:transparent url(../images/menuWebsitesBGPage.png) top left no-repeat;
		}		
		ul#portfolioNavPage li#illustrations a {
			background:transparent url(../images/menuIllustrationsBGPage.png) top left no-repeat;
		}		
		ul#portfolioNavPage li#portraits a {
			background:transparent url(../images/menuPortraitsBGPage.png) top left no-repeat;
		}
		ul#portfolioNavPage li#art a:hover {
			background:transparent url(../images/menuArtBGPage2.png) top left no-repeat;
		}		
		ul#portfolioNavPage li#websites a:hover {
			background:transparent url(../images/menuWebsitesBGPage2.png) top left no-repeat;
		}		
		ul#portfolioNavPage li#illustrations a:hover {
			background:transparent url(../images/menuIllustrationsBGPage2.png) top left no-repeat;
		}		
		ul#portfolioNavPage li#portraits a:hover {
			background:transparent url(../images/menuPortraitsBGPage2.png) top left no-repeat;
		}
	
	
/* 
Top Nav
***********************************/
ul#topNav {
	list-style-type:none;
	background:transparent url(../images/menuBG.png) top left no-repeat;
	position:absolute;
	top:-20px;
	right:5px;
	width:206px;
	height:176px;
	text-align:center;
	padding-top:30px;
	z-index:10;
}
	ul#topNav li {
		margin-bottom:10px;
	}
		ul#topNav li a {
			color:#fff;
			text-decoration:none;
			font-size:120%;
			font-weight:bold;
		}
		ul#topNav li a.selected {
			color:#000;
		}
		ul#topNav li a:hover {
			color:#fff;
		}
			
		
	
/* 
Headings
***********************************/
h1.replace a {
	font-size:0;
	display:block;
	color:#bdd4c9;
	width:600px;
	padding-top:64px;
	height:0;
	overflow:hidden;
	background:url(../images/Title.jpg) top left no-repeat;
	margin-left:70px;
	margin-top:10px;
}
h2 {
	font-size:150%;
	margin-bottom:10px;
	font-family:calibri;
	background:url(../images/h2.jpg) top left no-repeat;
	height:30px;
	padding-left:10px;
	padding-top:2px;
}
h2.firstchar:first-letter {
	font-size: 400%;
}
h3 {
	font-size:120%;
	margin-bottom:10px;
}

/* 
Paragraphs
***********************************/
p {
margin-bottom:10px;
}

/* 
Images
***********************************/
img.left {
	float:left;
	padding-right:10px;
}
img.right {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}

/* 
HR
***********************************/

hr {
dispay:block;
border-top:1px solid #333;
margin:20px 0;
height:0;

}

/* 
Testimonials
***********************************/

div.testimonials {
	margin-bottom:10px;
	background:url(../images/quotesleft.jpg) top left no-repeat;
	padding-left:30px;
	padding-top:10px;
}
div.testimonials p strong {
	background:url(../images/quotesright.jpg) bottom right no-repeat;
	padding-right:30px;
	padding-bottom:5px;
	margin-top:3px;
}

div.quote {
	margin-left:-5px;
	margin-top:5px;
}
div.quote p {
	margin-bottom:0;
}

/* Contact Form ********************************************************************************/
form#contact label {
	display:block;
	float:left;
	clear:both;
	width:200px;
	margin-bottom:10px;
}

form#contact input {
margin-bottom:10px;
}

/* Websites List ***********************************/
ul.websites {
	list-style-type:none;
}
	ul.websites li {
		width:200px;
		border-right:1px solid #fff;
		float:left;
		padding:0 10px;
		height:230px;
		margin-bottom:10px;
	}
	ul.websites li.last {
		border-right:0;
		
	}
		ul.websites li a {
			display:block;
			font-family:calibri;
			background:url(../images/link.jpg) top left no-repeat;
			height:30px;
			padding-left:10px;
			padding-top:4px;
			font-size:120%;
			text-decoration:none;
			margin-top:5px;
		}
		
		
/* Websites Slider ***********************************/
		
.sliderwrapper {
	position: relative; 
	overflow: hidden; 
	border:0;
	width: 665px; 
	height: 250px;
}
	.sliderwrapper .contentdiv {
		visibility: hidden; 
		position: absolute; 
		left: 0;  
		top: 0;  
		width: 665px; 
		height: 100%;
		filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}

.pagination {
	width: 660px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	text-align: center;
	padding: 5px 10px;
}
	.pagination a {
		padding: 0 5px;
		text-decoration: none; 
		background:#fff;
		color:#000;
	}
		.pagination a:hover, .pagination a.selected {
			background-color:#3db5d8;
		}		
		
		
.link {
	display:block;
	font-family:calibri;
	background:url(../images/link.jpg) top left no-repeat;
	height:30px;
	padding-left:10px;
	padding-top:4px;
	font-size:120%;
	text-decoration:none;
}