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

* {border: 1px solid #ff0000; }

body
		{
		font: 12px/14px arial, helvetica, sans-serif;
		}

#container
				{
				margin: 0 auto !important; 
				position: relative; 
				width: 865px;
				}

/* #################################################################### */
				/* --- | HEADER STYLES | ----- */
/* #################################################################### */	

#header 
		{
		padding: 45px 0 0 0;
		}

h1
		{
		float: left;
		display: block;
		background: url(../_i/andrea-kulish.jpg) no-repeat;
		height: 19px;
		width: 313px;
		text-indent: -10000px;
		}

#nav 
		{
		float: left;
		margin: 0 0 0 100px;
		}

#nav li 
		{
		float: left;
		margin-right: 5px;
		}
		
				
/* Design Navigation Item */
.navDesign a
		{
		background: url(../_i/design.jpg) 0 0 no-repeat;
		display: block;
		height: 15px;
		text-indent: -10000px;
		width: 89px;
		}

.navDesign a:hover
		{
		background: url(../_i/design.jpg) 0 -15px no-repeat;
		}
		
body#design .navDesign a
		{
		background: url(../_i/design.jpg) 0 -30px no-repeat;
		}

/* Illustration Navigation Item */
.navIllustration a
		{
		background: url(../_i/illustration.jpg) 0 0 no-repeat;
		display: block;
		height: 15px;
		text-indent: -10000px;
		width: 148px;
		}

.navIllustration a:hover
		{
		background: url(../_i/illustration.jpg) 0 -15px no-repeat;
		}
		
body#Illustration .navIllustration a
		{
		background: url(../_i/illustration.jpg) 0 -30px no-repeat;
		}
		
		/* About Navigation Item */
.navAbout a
		{
		background: url(../_i/about.jpg) 0 0 no-repeat;
		display: block;
		height: 15px;
		text-indent: -10000px;
		width: 81px;
		}

.navAbout a:hover
		{
		background: url(../_i/about.jpg) 0 -15px no-repeat;
		}
		
body#About .navAbout a
		{
		background: url(../_i/about.jpg) 0 -30px no-repeat;
		}
		
#backnext
		{
		float: left;
		}

#backnext li
		{
		float: left;
		margin: 400px 15px 0 0;
		}

.navBack a
		{
		background: url(../_i/back.jpg) 0 0 no-repeat;
		display: block;
		height: 41px;
		text-indent: -10000px;
		width: 23px;
		}

.navBack a:hover
		{
		background: url(../_i/back.jpg) 0 -41px no-repeat;
		}


/* NEXT Navigation Item */
.navNext a
		{
		background: url(../_i/next.jpg) 0 0 no-repeat;
		display: block;
		height: 41px;
		text-indent: -10000px;
		width: 23px;
		}

.navNext a:hover
		{
		background: url(../_i/next.jpg) 0 -41px no-repeat;
		}


/* #################################################################### */
				/* --- | MAIN CONTENT / HOMEPAGE | ----- */
/* #################################################################### */

#mainContent
		{
		clear: both;
		margin: 50px 0 0 0;
		}

#galleryHome li
		{
		float: left;
		margin: 0 15px 15px 0;
		width: 199px;
		}

#galleryHome li a
		{
		color: #333;
		text-decoration: none;
		}
		
#galleryHome li a:visited
		{
		color:#0033CC;
		}

#galleryHome li a:hover
		{
		color: #FF00FF;
		}

/* #################################################################### */
				/* --- | DESIGN PAGE STYLES | ----- */
/* #################################################################### */		

h2
		{
		font-size: 14px;
		color: #333;
		}

h3
		{
		font-weight: normal;
		color: #666;
		}
		
#imageGallery-thmb
		{
		float: left;
		width: 104px;
		margin: 25px 25px 0 0;
		}

#imageGallery-thmb li
		{
		margin: 0 0 10px 0;
		}

#imageGallery
		{
		float: left;
		margin: 25px 0 0 0;
		width: 500px;
		}

	
#imageGallery-caption
		{
		margin: 10px 0 25px 0;
		width: 500px;
		}

/* #################################################################### */	
			/* --- | CSS HACKS AND FIXES | --- */
/* #################################################################### */
/* Clear floats to extent background around floated elements */
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.cf { display: inline-block; }
.cf { display: block; }
/* Hide from IE Mac \*/
* html .cf { height:1px; }

/* End hide from IE Mac */

/* IE HACK FOR CENTER ALIGN */
* html body {padding-left: 1px;}