/* RESETS & BASIC PAGE SETUP */

/* green #AFD028 azure #74C2E9 */

* { margin: 0; padding: 0; }
html { }
body { 
	background: url(../images/bg.png) repeat-x top left #f7f7f7;
	font: 62.5% "Lucida Grande", sans-serif;
}

ul { list-style: none inside; }
a, a:visited { outline: none; text-decoration: none; }
a:hover { }
a img { border: none; }
/* END RESET */

/* hide 

a, a:visited { outline: none; text-decoration: none; color:#c56b0f; background: transparent; padding: 1px 3px; margin: 0px -3px; }
a:hover { color:#642b08; background: #c56b0f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 3px; margin: 0px -3px; }

*/


/* TOOLBOX */

.floatleft { float: left; width: auto; }
.floatright { float: right; width: auto; }
.clear { clear: both; }

/* END TOOLBOX */


/* STRUCTURE */

#page-wrap {
	width: 700px;
	margin: 0 auto;
	background: transparent;
}

#header {
	height: 40px;
	padding: 30px 10px 0px 30px;
	border-bottom: 1px solid silver;
}

.header-title {
	position: relative;
	top: 30px;
	left: 130px;
	font: 1.0em Baskerville, Georgia, serif;
  	letter-spacing: 0.1em;
	color: #333;
	text-transform: lowercase;
}

#main-content {
		padding: 50px 0px 30px 0px; /* top right bottom left */
}

#nav {
	font: 1.2em Baskerville, Georgia, serif;
	color: #fff;
	text-transform: uppercase;
	padding-top: 10px;	
	}

ul#nav {
	float: left;
	width: auto;
	color: #666;
	}
	ul#nav li {
		display: inline; 
	}
	ul#nav li a {
		border: 0px;
		color: #999;
		display: inline;
		float: center;
		margin-left: 10px;
		padding-top: 40px;
		}
	ul#nav li.about a {
	}

	ul#nav li.works a {
	}
	
	ul#nav li.contacts a {
	}
	
	ul#nav li.kicrocs a {
	}
	
	ul#nav li.demesne a {
	}

	ul#nav li.print a {
	}

	ul#nav li.art a {
	}
	
	ul#nav li.web a {
	}

	ul#nav li.apparel a {
	}
	
	ul#nav li a:hover {
	color: #F30;
	border-bottom: 5px solid #c56b0f;
	}

.top {
  	font-size: 1.0em;
	background: url(../images/top.gif) no-repeat center right;
	text-align: right;
	padding-right: 17px;
	margin-top: 50px;
	margin-bottom: 100px;
}

.top a, a:visited { outline: none; text-decoration: none; color:#c56b0f; background: transparent; padding: 1px 3px; margin: 0px -3px; }
.top a:hover { color:#fff; background:#c56b0fb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 3px; margin: 0px -3px; }

.link {
	background: url(../images/link.gif) no-repeat center right;
	padding-right: 17px;
	padding-top: 2px;
}

.link a, a:visited { outline: none; text-decoration: none; color:#c56b0f; background: transparent; padding: 1px 3px; margin: 0px -3px; }
.link a:hover { color:#fff; background:#c56b0f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 3px; margin: 0px -3px; }

#footer {
 	font: 0.8em Verdana, Arial, sans-serif;
 	color: #666;
	margin-bottom: 20px;
	margin-top: 100px;
	padding-top: 10px;
	border-top: 1px solid silver;
	line-height: 1.6em;
}

#footer a, a:visited { outline: none; text-decoration: none; color:#c56b0f; background: transparent; padding: 1px 3px; margin: 0px -3px; }
#footer a:hover { color:#fff; background:#c56b0f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 3px; margin: 0px -3px; }

/* END STRUCTURE */


/* HEADERS */

h1 {
	font: 1.0em 'Lucida Grande', Verdana, Geneva, Arial, sans-serif;
	letter-spacing: 4px;
	color: #b3b3b3;
	text-transform: uppercase;
	padding: 80px 0px 0px 0px;
	font-weight: normal;	
}

h6 {
	font-size: 1.0em;
	line-height: 1.8em;
	margin-bottom: 1.2em;
	font-weight: normal;
}

h6.metadata {
	padding: 0px;
	color: #999;
	font-size: 1.0em;
	line-height: 1.6em;
	float:right;
	width: 180px;
	font-weight: normal;
} 

/* END HEADERS */


/* INTRO */

#intro {
	text-align: left;
  	font-size: 1.0em;
  	letter-spacing: 0em;
	color: #666;
	margin-bottom: 200px;
}

#intro a, a:visited { outline: none; text-decoration: none; color:#c56b0f; background: transparent; padding: 1px 3px; margin: 0px -3px; }
#intro a:hover { color:#fff; background: #c56b0f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 3px; margin: 0px -3px; }

.quote {
	background: url() no-repeat top left;
	display: block;
	padding-top: 20px;
	padding-right: 20px;
	text-align: right;
	font-family: Baskerville, Georgia, serif;
	height: 290px;
	}

.columnleft {
	float: left;
	width: 210px;
	padding-right: 30px;
	line-height: 1.6em;
}

.columnheader {
	float: center;
	width: 700px;
	padding-right: 0px;
	line-height: 1.6em;
}

.columncenter {
	float: left;
	width: 210px;
	padding-right: 30px;
	line-height: 1.6em;
}

.columnright {
	float: left;
	width: 220px;
	line-height: 1.6em;
}

.away {
	color: #333;
	margin-top:60px;
	padding:12px;
	border-top: 1px dotted #c56b0f;
	border-bottom: 1px dotted #c56b0f;
}

/* END INTRO */


/* PORTFOLIO */

#portfolio a, a:visited { outline: none; text-decoration: none; color:#c56b0f; background: transparent; padding: 1px 3px; margin: 0px -3px; }
#portfolio a:hover { color:#fff; background: #c56b0f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 3px; margin: 0px -3px; }

.item {
	border-bottom: 1px solid silver;
	padding-bottom: 15px;
	margin-top: 15px;
}

.item b {
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	}

.item i {
	color: #666;
	font-weight: bold;
	font-style: normal
	}	

.itemleft {
	float: left;
	width: 500px;
}

.itemright {
	float: left;
	padding-left: 20px;
}

/* END PORTFOLIO */

/* PRINT */

#print a, a:visited { outline: none; text-decoration: none; color:#c56b0f; background: transparent; padding: 1px 3px; margin: 0px -3px; }
#print a:hover { color:#fff; background: #c56b0f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 3px; margin: 0px -3px; }

.item {
	border-bottom: 1px solid silver;
	padding-bottom: 15px;
	margin-top: 15px;
}

.item b {
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	}

.item i {
	color: #666;
	font-weight: bold;
	font-style: normal
	}	

.itemleft {
	float: left;
	width: 500px;
}

.itemright {
	float: left;
	padding-left: 20px;
}

/* END PRINT */

/* ART */

#art a, a:visited { outline: none; text-decoration: none; color:#c56b0f; background: transparent; padding: 1px 3px; margin: 0px -3px; }
#art a:hover { color:#fff; background: #c56b0f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 3px; margin: 0px -3px; }

.item {
	border-bottom: 1px solid silver;
	padding-bottom: 15px;
	margin-top: 15px;
}

.item b {
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	}

.item i {
	color: #666;
	font-weight: bold;
	font-style: normal
	}	

.itemleft {
	float: left;
	width: 500px;
}

.itemright {
	float: left;
	padding-left: 20px;
}

/* END ART */

/* APPAREL */

#apparel a, a:visited { outline: none; text-decoration: none; color:#c56b0f; background: transparent; padding: 1px 3px; margin: 0px -3px; }
#apparel a:hover { color:#fff; background: #c56b0f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 3px; margin: 0px -3px; }

.item {
	border-bottom: 1px solid silver;
	padding-bottom: 15px;
	margin-top: 15px;
}

.item b {
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	}

.item i {
	color: #666;
	font-weight: bold;
	font-style: normal
	}	

.itemleft {
	float: left;
	width: 500px;
}

.itemright {
	float: left;
	padding-left: 20px;
}

/* END APPAREL */

/* WEB */

#web a, a:visited { outline: none; text-decoration: none; color:#c56b0f; background: transparent; padding: 1px 3px; margin: 0px -3px; }
#web a:hover { color:#fff; background: #c56b0f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 3px; margin: 0px -3px; }

.item {
	border-bottom: 1px solid silver;
	padding-bottom: 15px;
	margin-top: 15px;
}

.item b {
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	}

.item i {
	color: #666;
	font-weight: bold;
	font-style: normal
	}	

.itemleft {
	float: left;
	width: 500px;
}

.itemright {
	float: left;
	padding-left: 20px;
}

/* END WEB */


/* ABOUT */

#about {
  	font-size: 1.0em;
	color: #666;
}

#about a, a:visited { outline: none; text-decoration: none; color:#c56b0f; background: transparent; padding: 1px 3px; margin: 0px -3px; }
#about a:hover { color:#fff; background: #c56b0f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 3px; margin: 0px -3px; }

.about-header {
	background: url(../images/mensola-700.jpg) no-repeat bottom left;
	display: block;
	padding-top: 10px;
	margin-bottom: 10px;
	height: 300px;
	}
	
.aboutleft {
	float: left;
	width: 220px;
	padding-right: 20px;
	line-height: 1.6em;
}

.aboutcenter {
	float: left;
	width: 220px;
	padding-right: 20px;
	line-height: 1.6em;
}

.aboutright {
	text-align: left;
	float: left;
	width: 220px;
	line-height: 1.6em;
}

#featured {
  	font-size: 1.0em;
	color: #666;
	line-height: 2.0em;
}

#featured a, a:visited { outline: none; text-decoration: none; color:#c56b0f; background: transparent; }
#featured a:hover { color:#fff; background: #c56b0f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 3px; margin: 0px -3px; }

#featuredimg {
  	font-size: 1.0em;
	color: #666;
	line-height: 2.0em;
}


ul#featuredimg {
	}
	ul#featuredimg li {
		display: inline;
		}

.featuredleft {
	float: left;
	width: 220px;
	padding-right: 20px;
}

.featuredcenter {
	float: left;
	width: 220px;
	padding-right: 20px;
}

.featuredright {
	text-align: left;
	float: left;
	width: 220px;
}

/* END ABOUT */


/* CONTACTS */

#contacts {
	text-align: left;
  	font-size: 1.0em;
  	letter-spacing: 0em;
	color: #666;
}

.contacts-header {
	background: url(../images/palla-700.jpg) no-repeat bottom left;
	display: block;
	padding-top: 10px;
	margin-bottom: 10px;
	height: 300px;
	}

#contacts a, a:visited { outline: none; text-decoration: none; color:#c56b0f; background: transparent; padding: 1px 3px; margin: 0px -3px; }
#contacts a:hover { color:#fff; background: #c56b0f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 3px; margin: 0px -3px; }

.contactsleft {
	float: left;
	width: 220px;
	padding-right: 20px;
	line-height: 1.6em;
}

.contactscenter {
	float: left;
	width: 220px;
	padding-right: 20px;
	line-height: 1.6em;
}

.contactsright {
	text-align: left;
	float: left;
	width: 220px;
	line-height: 1.6em;
}

/* END CONTACTS */.coloHeead {
	color: #C56B0F;
}
.new {
	color: #C56B0F;
}