/*------------------------------
* BASE STYLE
*
* Author: Skyler Arabak
* Website: www.site.com
--------------------------------*/


.practitioner
{
width:500px;
height:auto;
margin-top:100px;
}


a img {
	border: 0;
	}

body
{
	font-family: courier, Helvetica;
	margin: 0;
	padding: 0;
	background-image: url(../images/background.jpg);
	background-repeat:both;
}

#container-wrapper {
	margin: 0 auto;
	width: 800px;
	}
	


#gallery-header{
	height: 86px;
	}
	
#illustration-container
{
	width: 500px;
	height: 500;
	float: right;
	
}

/*------------------
Header Title Styles
------------------*/


#splash
{
	top: 20px;
	left: 20px;
	width: 900pt;
	height: 700;
	float: left;
	position: relative;
	padding: 20pt;
	border-width: 20pt;
}



#gallery-header-title {
	display: block;
	float: left;
	height: 51px;
	left: 15px;
	width: 295px;
	position: relative;
	top: 17px;
	}

body#home #gallery-header-title {
	background: transparent url(../images/titles/home.gif) top left;
	}

body#about #gallery-header-title {
	background: transparent url(../images/titles/about-me.gif) top left;
	} 

body#illustrations #gallery-header-title {
	background: transparent url(../images/titles/illustrations.gif) top left;
	}

body#advertising #gallery-header-title {
	background: transparent url(../images/titles/advertising.gif) top left;
	}

body#editorial #gallery-header-title {
	background: transparent url(../images/titles/editorial.gif) top left;
	}

body#maps #gallery-header-title {
	background: transparent url(../images/titles/maps.gif) top left;
	}

body#sketchbooks #gallery-header-title {
	background: transparent url(../images/titles/sketchbooks.gif) top left;
	}

body#landscapes #gallery-header-title {
	background: transparent url(../images/titles/urban-landscapes.gif) top left;
	}

body#contact #gallery-header-title {
	background: transparent url(../images/titles/contact-info.gif) top left;
	}
/*  ---- END HEADER TITLE STYLES ---- */

#gallery-header-nav {
	}
	
#gallery-header-prev {
	background: transparent url(../images/buttons/gallery-header-prev.gif);
	display: block;
	float: left;
	height: 21px;
	width: 61px;
	}

#gallery-header-slash {
	display: block;
	background: transparent url(../images/gallery-header-slash.gif) top left;
	float: left;
	height: 21px;
	width: 10px;
	}
	
#gallery-header-next {
	background: transparent url(../images/buttons/gallery-header-next.gif);
	display: block;
	float: left;
	height: 21px;
	width: 65px;
	}

#gallery-header-prev, #gallery-header-slash, #gallery-header-next {
	position: relative;
	top: 55px;
	left: 182px;
	}

#gallery-header-title {
	display: none;
	}	
	
	

/* hide text for header image replacements */
#gallery-header-title span, #gallery-header-prev span,
#gallery-header-next span, #gallery-header-slash span
{
	display: none;
	}

#container-col-sub {
	float: left;
	}

#container-col-main {
	float: left;
	}

p#gallery-caption {
	font-family: Courier, Arial;
	}

/* hide all text from menu image replacements */
#nav span {
	display: none;
	}
	
ul {
	margin: 0px;
	padding: 0 0 0 15px;
	}

#nav li { 
	list-style: none;
	}

/* style each menu option */
#nav li a { 
	display: block; 
	background-position: top left;
	background-color: transparent;
	}

#nav li#nav-home a {
	background-image: url(../images/buttons/home.gif); 
	height: 44px;
	width: 100px;
	}

#nav li#nav-about a {
	background-image: url(../images/buttons/about-me.gif);
	height: 37px;
	width: 141px;
	}
	
#nav li#nav-illustrations a {	
	background-image: url(../images/buttons/illustrations.gif);
	height: 36px;
	width: 217px;
	}

#nav-advertising-editorial {
	height: 25px;	/* size the block around advertising and editorial so they */
	width: 200px;   /* can be floated in diff directions on the same line */
	}

a#nav-advertising{	
	background-image: url(../images/buttons/advertising.gif);
	float: left;
	height: 23px;
	width: 97px;
	}
	
a#nav-editorial{	
	background-image: url(../images/buttons/editorial.gif);
	float: right;
	height: 23px;
	width: 100px;
	}
	
#nav li#nav-maps a {	
	background-image: url(../images/buttons/maps.gif);
	height: 42px;
	width: 108px;
	margin-top:5px;
	}
	
#nav li#nav-sketchbooks a {	
	background-image:url(../images/buttons/sketchbooks-clean.gif);
	height: 37px;
	width: 217px;
	margin-top:5px;
	}
	
#nav li#nav-landscapes a {	
	background: url(../images/buttons/landscapes.gif);
	height: 35px;
	width: 232px;
	margin-top:5px;
	}
	
#nav li#nav-contact a {	
	background: url(../images/buttons/contact.gif);
	height: 35px;
	width: 211px;
	margin-top:5px;
	}

/* hover and active states for menu items */
body#home #nav #nav-home a, #nav #nav-home a:hover,
body#about #nav #nav-about a, #nav #nav-about a:hover,
body#illustrations #nav #nav-illustrations a, #nav-illustrations a:hover, 
body#advertising #nav a#nav-advertising, #nav a#nav-advertising:hover, 
body#editorial #nav a#nav-editorial, #nav a#nav-editorial:hover, 
body#maps #nav #nav-maps a, #nav #nav-maps a:hover, 
body#sketchbooks #nav #nav-sketchbooks a, #nav #nav-sketchbooks a:hover, 
body#landscapes #nav #nav-landscapes a, #nav #nav-landscapes a:hover, 
body#contact #nav #nav-contact a, #nav #nav-contact a:hover {
	background-position: bottom left;
	}


/*------------------
Nav Icon Styles
------------------*/
#nav-image {
	height: 250px;
	display: block;
	margin-left: -10px;
	width: 276px;
	}

body#home #nav-image {
	background: transparent url(../images/nav-icons/guitar.gif) no-repeat bottom left;
	height: 313px;
	}

body#about #nav-image {
	background: transparent url(../images/nav-icons/guard.gif) no-repeat bottom left;
	height: 280px;
	} 

body#illustrations #nav-image {
	background: transparent url(../images/nav-icons/book.gif) no-repeat bottom left;
	}

body#advertising #nav-image {
	background: transparent url(../images/nav-icons/bus.gif) no-repeat bottom left;
	height: 210px;
	}

body#editorial #nav-image {
	background: transparent url(../images/nav-icons/pug.gif) no-repeat bottom left;
	height: 285px;
	}

body#maps #nav-image {
	background: transparent url(../images/nav-icons/hummingbirds.gif) no-repeat bottom left;
	height: 275px;
	}

body#sketchbooks #nav-image {
	background: transparent url(../images/nav-icons/books.gif) no-repeat bottom left;
	height: 275px;
	}

body#landscapes #nav-image {
	background: transparent url(../images/nav-icons/snowplow.gif) no-repeat bottom left;
	height: 190px;
	}

body#contact #nav-image {
	background: transparent url(../images/nav-icons/contactbooks.gif) no-repeat bottom left;
	}
/*  ---- END NAV ICON STYLES ---- */

info
{
	width:362px;
	height:400px;
	margin-top:25px;
	
	color: black;
	font-family: courier;
	font-size: 12pt;
	
	float: left;
	clear: left;
	display: block;
	background-image: url(../images/contact_info.gif);
	background-repeat:no-repeat;
}

contactbox
{
	width: 400px;
	height: 90px;
	float: left;
	clear: left;
	display: block;
	
	
}

splash
{
	width: 1000pt;
	height: 750pt;
	float: left;
	margin: 10pt 10pt 10pt 20pt;
	position: center;
}