body {
	background: #d9dfd5 url("../images/bg-down.gif") 0 0 no-repeat;
    font: 0.7em/1.4em Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #495144;
	/*scrollbar-face-color:#565D50;
	scrollbar-arrow-color:white;
	scrollbar-track-color:#42473B;
	scrollbar-shadow-color:#949E88;
	scrollbar-highlight-color:'';
	scrollbar-3dlight-color:'';
	scrollbar-darkshadow-Color:'';*/
	
}

h1, h2  {
	font:4em/1.5 "Copperplate", Verdana, Arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;

}

h2 {
	font-size:120%;
}

h3 {
	font-size:100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
	 
img { border: none; }
a img { border: none; }

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

a:hover {
	color: #9C9C9C;
}

/*----------------------------------------
				header
----------------------------------------*/

#topheader h1 {
	text-indent: -555em; line-height: 1em;
}

#topheader {
	width: 100%;
	border:0;
	margin: 0;
    padding: 0;
	height:90px;
	background: #616957;
	border-bottom: 1px solid #cfd7ca;
	
}

#topheader.home {
	width: auto;
	height:90px;
	background: #616957 url("../images/topheaders/topheader_home.jpg") 0 0 no-repeat ;
	overflow: visible;
}

#topheader.about, #topabout  {
	width: auto;
	height:90px;
	background: #616957 url("../images/topheaders/topheader_about.jpg") 0 0 no-repeat ;
	overflow: visible;
}

#topportfolio {
	width: auto;
	height:90px;
	background: #616957 url("../images/topheaders/topheader_portfolio.jpg") 0 0 no-repeat ;
	overflow: visible;
}

#topprojectlist {
	width: auto;
	height:90px;
	background: #616957 url("../images/topheaders/topheader_projectlist.jpg") 0 0 no-repeat ;
	overflow: visible;
}

#topcontact {
	width: auto;
	height:90px;
	background: #616957 url("../images/topheaders/topheader_contact.jpg") 0 0 no-repeat ;
	overflow: visible;
}
#toplinks {
	width: auto;
	height:90px;
	background: #616957 url("../images/topheaders/topheader_links.jpg") 0 0 no-repeat ;
	overflow: visible;
}
/*----------------------------------------
				image band
----------------------------------------*/
#imageband {
	width: auto;
	height: 88px;
	text-align:left;
	margin: 0;
    padding: 0;
	background: #929989 url("../images/imageband/bg_band.gif") repeat-x ;
	border-bottom: 1px solid #b0b6aa;
	
}

#imageband_all {
	width: auto;
	height: 72px;
	text-align:left;
	border-bottom: 1px solid #cfd7ca;
	margin: 0;
    padding: 0;
	background: #929989 url("../images/imageband/bg_band.gif") repeat-x ;
	
}

#iband_home {
	background: transparent url("../images/imageband/iband_home_off.jpg") 0 0 no-repeat;
	height: 88px;
	width: 847px;
	border:0;
	margin: 0;
    padding: 0;
}
#iband_about {
	background: transparent url("../images/imageband/iband_about_off.jpg") 0 0 no-repeat;
	width: auto;
	overflow: visible;
	margin: 0;
    padding: 0;
}

#iband_contact {
	background: transparent url("../images/imageband/iband_contact_off.jpg") 0 0 no-repeat;
	width: auto;
	overflow: visible;
	margin: 0;
    padding: 0;
}

#iband_links {
	background: transparent url("../images/imageband/iband_links_off.jpg") 0 0 no-repeat;
	width: auto;
	overflow: visible;
	margin: 0;
    padding: 0;
}

#iband_projectlist {
	background: transparent url("../images/imageband/iband_projectlist_off.jpg") 0 0 no-repeat;
	width: auto;
	overflow: visible;
	margin: 0;
    padding: 0;
}

#iband_craft {
	background: transparent url("../images/imageband/iband_craft_off.jpg") 0 0 no-repeat;
	width: auto;
	overflow: visible;
	margin: 0;
    padding: 0;
}

#iband_com {
	background: transparent url("../images/imageband/iband_com_off.jpg") 0 0 no-repeat;
	width: auto;
	overflow: visible;
	margin: 0;
    padding: 0;
}
#iband_res {
	background: transparent url("../images/imageband/iband_res_off.jpg") 0 0 no-repeat;
	width: auto;
	overflow: visible;
	margin: 0;
    padding: 0;
}
#iband_wip {
	background: transparent url("../images/imageband/iband_wip_off.jpg") 0 0 no-repeat;
	width: auto;
	overflow: visible;
	margin: 0;
    padding: 0;
}


#iband_home span { display:inline; margin: 0; padding: 0; }
#iband_home span a { margin: 0; padding: 0;  }
#iband_home a.iband_com:hover img {background: url("../images/imageband/iband_home_com_on.jpg")  -200px 0 no-repeat;}
#iband_home a.iband_res:hover img {background: url("../images/imageband/iband_home_res_on.jpg") -470px 0 no-repeat;}
#iband_home a.iband_craft:hover img {background: url("../images/imageband/iband_home_craft_on.jpg") -690px 0 no-repeat;}

/*----------------------------------------
				menu
----------------------------------------*/

#menu {
	/*position:absolute;
	left: 77px; 
	top: 216px;*/
	display:block;

}

#menu ul {
	list-style: none; margin: 0; padding: 0;
}

#menu ul li {
	height:9px;
	text-indent: -555em; line-height: 1em;
	margin: 1em 0 1em 0;
	padding: 0;
	display:block;
}
#menu ul li a {
	border:0;
	display: block;
	width:100%;
}

#menu ul li.home {
	background: url("../images/menu/homew.gif") 0 0 no-repeat;
	width: 38px;
	display: block;
	padding: 0;
}
#menu ul li.home a {
	background: url("../images/menu/home.gif") 0 0 no-repeat;
	display: block;
	padding: 0;
}

#menu ul li.home a:hover {
	background: url("../images/menu/homeg.gif") 0 0 no-repeat;
	display: block;
	padding: 0;
}
#menu ul li.about {
	background: url("../images/menu/aboutw.gif") 0 0 no-repeat;
	width: 65px;
	display: block;
}

#menu ul li.about a {
	background: url("../images/menu/about.gif") 0 0 no-repeat;
	display: block;
}

#menu ul li.about a:hover {
	background: url("../images/menu/aboutg.gif") 0 0 no-repeat;
	display: block;
}

#menu ul li.portfolio {
	background: url("../images/menu/portfolio.gif") 0 0 no-repeat;
	width: 86px;
}

#menu.selected  ul li.portfolio {
	background: url("../images/menu/portfoliopos.gif") 0 0 no-repeat;
	width: 86px;
}

#menu.selected li.portfolio a, #menu.selected li.portfolio a:hover {
	background: url("../images/menu/portfoliopos.gif") 0 0 no-repeat;
	display: block;
}


#menu ul li.portfolio a {
	background: url("../images/menu/portfolio.gif") 0 0 no-repeat;
	display: block;
}

#menu ul li.portfolio a:hover {
	background: url("../images/menu/portfoliog.gif") 0 0 no-repeat;
	display: block;
}

#menu ul li.projectlist {
	background: url("../images/menu/projectlistw.gif") 0 0 no-repeat;
	width: 90px;
}

#menu ul li.projectlist a {
	background: url("../images/menu/projectlist.gif") 0 0 no-repeat;
	display: block;
}

#menu ul li.projectlist a:hover {
	background: url("../images/menu/projectlistg.gif") 0 0 no-repeat;
	display: block;
}

#menu ul li.contact {
	background: url("../images/menu/contactw.gif") 0 0 no-repeat;
	width: 90px;
}

#menu ul li.contact a {
	background: url("../images/menu/contact.gif") 0 0 no-repeat;
	display: block;
}

#menu ul li.contact a:hover {
	background: url("../images/menu/contactg.gif") 0 0 no-repeat;
	display: block;
}

ul#submenu li, ul#submenu_selected li {
	height:9px;
	margin: 1em 0 1em 1em;
	text-indent: -555em; line-height: 1em;
	display:block;
}

ul#submenu li a, ul#submenu_selected li a {
	display:block;
	width:100%;
}

ul#submenu li.com, ul#submenu_selected li.com {
	background: url("../images/menu/comw.gif") 0 0 no-repeat;
	width: 70px;
}

ul#submenu li.com a, ul#submenu_selected li.com a {
	background: url("../images/menu/com.gif") 0 0 no-repeat;
	display: block;
}
ul#submenu li.com a:hover, ul#submenu_selected li.com a:hover {
	background: url("../images/menu/comg.gif") 0 0 no-repeat;
	display: block;
}

ul#submenu li.res, ul#submenu_selected li.res {
	background: url("../images/menu/resw.gif") 0 0 no-repeat;
	width: 70px;
}

ul#submenu li.res a, ul#submenu_selected li.res a {
	background: url("../images/menu/res.gif") 0 0 no-repeat;
	display: block;
}
ul#submenu li.res a:hover, ul#submenu_selected li.res a:hover {
	background: url("../images/menu/resg.gif") 0 0 no-repeat;
	display: block;
}

ul#submenu li.craft, ul#submenu_selected li.craft {
	background: url("../images/menu/craftw.gif") 0 0 no-repeat;
	width: 35px;
}

ul#submenu li.craft a, ul#submenu_selected li.craft a {
	background: url("../images/menu/craft.gif") 0 0 no-repeat;
	display: block;
}
ul#submenu li.craft a:hover, ul#submenu_selected li.craft a:hover {
	background: url("../images/menu/craftg.gif") 0 0 no-repeat;
	display: block;
}
ul#submenu li.wip, ul#submenu_selected li.wip {
	background: url("../images/menu/wipw.gif") 0 0 no-repeat;
	width: 127px;
}

ul#submenu li.wip a, ul#submenu_selected li.wip a {
	background: url("../images/menu/wip.gif") 0 0 no-repeat;
	display: block;
}
ul#submenu li.wip a:hover, ul#submenu_selected li.wip a:hover {
	background: url("../images/menu/wipg.gif") 0 0 no-repeat;
	display: block;
}

/*----------------------------------------
				main content
----------------------------------------*/
#main {
	 /*padding: 5em;*/
	 padding: 3em 5em 4em 6em;
	 background: #d9dfd5 url("../images/bg.jpg") 100px 0 no-repeat;
	 min-height:280px;
	 /*width:auto;
	 overflow: visible;*/
	 width:800px;
	 margin:0;
	
}

#main.bigspacing {
	 padding: 3em 5em 6em 6em;
	
}

#contactcard {
	position:absolute; 
	left: 65px; 
	top: 450px;
	display: block;
	font-size: 90%; 
	/*padding: 3em 0 0 0;*/
}

#maincontent {
	position:relative; 
	width:570px;
	z-index:2; 
	left: 220px; 
	top: -20px; 
}

#maincontent_left {
	width:200px;
	float:left;
	height:300px;
	padding: 0;
	margin: 0 0 0 0;
}

#maincontent_right {
	width:570px;
	float:right;
	padding: 0;
	margin: 0 0 0 0;
}

/*----------------------------------------
				portfolio
----------------------------------------*/
#gallerycontainer {
	/*position: relative;
	height:61px;*/
}

#gallerycontainer a.thumbnail {
	margin-right:4em;
	padding:0;
}


#gallerycontainer ul {
	list-style: none; margin: 0; padding: 0;
}

#gallerycontainer ul.thumbnail_titles {
	margin: 0 0 2em 0;
}

#gallerycontainer ul.thumbnail_titles_fit {
	margin: 0 0 2em -1.5em;
}

#gallerycontainer ul.thumbnail_titles li, #gallerycontainer ul.thumbnail_titles_fit li {
	display:inline;
	font-size:90%;
}
#gallerycontainer ul.thumbnail_titles li.rightlimit, #gallerycontainer ul.thumbnail_titles_fit li.rightlimit {
	/*margin: 0 0 0 5em;*/
	position:absolute;
	left: 410px;
	vertical-align:top;
}

a.open_slideshow {
	display:block;
	background: url("../images/elements/pointer.gif") 0 2px no-repeat;
	padding: 0 0 0 15px;
}

#gallerycontainer a:hover, #gallerycontainer a {
	border:0;
}

#preview
{
    position:absolute;  width:300px; height:346px; z-index:4; left: 544px; top: 197px; 
    display:block; padding:0px;margin:0;
}

#preview img, .thumbnail span img {
	display:block;
}

.thumbnail {
	text-decoration: none;
	border:0;
}
.thumbnail:hover{
	background-color: transparent;
	text-decoration: none;
	visibility: visible;
	border:0;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	display:block;
	padding: 0px;
	border: 0px;
	z-index:50;
	visibility: hidden;
	text-decoration: none;
	/*left: 247px; top: 0px;*/
	left: 544px; top: 197px;
	width:300px;
	color: #495144;
	line-height:1.4em;
	margin:0;
}

.thumbnail span img, #preview img { /*CSS for enlarged image*/
	border: 0;
	padding: 0;
	margin:1em 0 0 0;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	position:absolute;
	visibility: visible;
	text-decoration: none;
	border:0;
	z-index:52; width:300px; left: 544px; top: 197px; background-color: transparent; display:block; padding:0;
}

/*----------------------------------------
				footer
----------------------------------------*/

#footer {
	background: #e0e5dc;
	border-bottom: 1px solid #b0b6aa;
	border-top: 1px solid #b0b6aa;
	height:14px;
	width:auto;
	text-align:center;
	margin: 0 0 4em 0;
	padding: 0.2em 1em 0.2em 0;
	font-size: 90%;
	overflow: visible;
}
	
/*----------------------------------------
				misc
----------------------------------------*/
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

img.homeimage {
	float:right;
	padding: 0 3em 0 3em;
}

img.rightimage {
	float:right;
	padding: 1em 0 1em 2em;
}

img.leftimage {
	float:left;
	padding: 1em 2em 5em 0;
}

.note {
	color:#666666;
	font-size: 90%;
	margin: 0;
	padding:0;
}

ul.simple {
	list-style: none; 
	margin: 0.5em 0 2em 0; 
	padding: 0;
}

ul.projectlist {
	list-style: none; 
	margin: 1em 0 2em 0; 
	padding: 0;
}
ul.projectlist li {
	margin: 1em 0 0 0; 
}

p.justify {
	text-align:justify;
}