/* Default */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	background : url(images/bgwoods.jpg) center center;
	margin:0px; padding:0px;
	height:768px;
}
h1, h2, h3, h4, h5, h6{}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Default */

/* CSS Document */
#mainbanner{ background-image:url(images/topheader.png); width:909px; height:141px; margin-top:10px; float:left;}
#mainbanner img{ margin:65px 0 0 0;}
#bodycontents{ width:909px; height:497px; float:left;}
#bgcontent{width:909px; height:497px; background:url(images/bgcontent.png);}
#leftbar{ background-image:url(images/leftbar.jpg); width:38px; height:497px; float:left;}
#rightbar{ background-image:url(images/rightbar.jpg); width:37px; height:497px; float:right;}
#footer{ background-image:url(images/footer.png); width:909px; height:122px; margin-bottom:0px; float:left;}
#subfooter{ background:#0b0d0a;  padding-left:30px; width:819px; height:60px;}
#shadow{ background-image:url(images/shadow.png); width:910px; height:139px;float:left;}
#box{ background-image:url(images/box.jpg); background-repeat:no-repeat; width:239px; height:158px; float:left;}
.zoom{ background-image:url(images/zoom.jpg); background-repeat:no-repeat; width:24px; height:25px; float:right; margin-top:6px; margin-right:3px;}
.zoom:hover{  opacity:0.65;filter:alpha(opacity=65);}
#innerbg{ background:url(images/innerbg.gif);width:834px; height:424px;}
#buttons{ float:left; clear:both; width:729px; height:36px; padding-left:50px;}

/* CSS Hover Buttons 

.homebutton{width:162px;height:36px; background:url('images/homebutton.jpg') no-repeat right top;float:left;}
.homebutton:hover{background:url('images/homebutton.jpg') no-repeat right bottom;}


.architectbutton{width:162px;height:36px; background:url('images/architectbutton.jpg') no-repeat right top;float:left; margin-left:5px;}
.architectbutton:hover{background:url('images/architectbutton.jpg') no-repeat right bottom;}

.workroombutton{width:162px;height:36px; background:url('images/workroombutton.jpg') no-repeat right top;float:left; margin-left:5px;}
.workroombutton:hover{background:url('images/workroombutton.jpg') no-repeat right bottom;}

.contactbutton{width:162px;height:36px; background:url('images/contactbutton.jpg') no-repeat right top;float:left; margin-left:5px;}
.contactbutton:hover{background:url('images/contactbutton.jpg') no-repeat right bottom;}

/* CSS Hover Buttons Fade Jquery*/

#navigation {
  list-style: none;
  width:664px; height:36px;
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
 	cursor:pointer;
  	height: 36px;
	width:162px;
	position: relative;
	display: block;
}
/* individual navigation items */
#navigation a.homebutton { background-position: 0 0;  background-image:url('images/homebutton.jpg');
 
}

#navigation .highlight a.homebutton:hover,
#navigation a.homebutton .hover { background-image:url('images/homebutton.jpg');  background-position: 0 -36px;

}

#navigation a.architectbutton {  background-position: 0 0;  background-image:url('images/architectbutton.jpg');
 
}

#navigation .highlight a.architectbutton:hover,
#navigation a.architectbutton .hover { background-image:url('images/architectbutton.jpg');  background-position: 0 -36px;

}

#navigation a.workroombutton {  background-position: 0 0;  background-image:url('images/workroombutton.jpg');
 
}

#navigation .highlight a.workroombutton:hover,
#navigation a.workroombutton .hover {background-image:url('images/workroombutton.jpg');  background-position: 0 -36px;

}

#navigation a.contactbutton {  background-position: 0 0;  background-image:url('images/contactbutton.jpg');
 
}

#navigation .highlight a.contactbutton:hover,
#navigation a.contactbutton .hover { background-image:url('images/contactbutton.jpg');  background-position: 0 -36px;

}

/* CSS Text Styles */

.text1{ font-family:Verdana; font-size:11px; line-height:20px; color:#4b4b4b;}
.text2{ font-family:Verdana; font-size:11px; line-height:20px; color:#e0dfdf;}

.text3{ font-family:Verdana; font-size:11px; color:#5f5e5e;}
.text3 a:visited{font-family:Verdana; font-size:11px; color:#5f5e5e;}
.text3 a:link{font-family:Verdana; font-size:11px; color:#5f5e5e;}
.text3 a:hover{font-family:Verdana; font-size:11px; color:#333333;}

.text4{ font-family:Arial; font-size:16px;color:#313131;}
.text5{ font-family:Arial; font-size:12px; font-weight:bold; line-height:22px; color:#e3e0e0;}

.footerlink{ font-family:Verdana; font-size:10px; line-height:0px; color:#6e6d6d;}

.portfoliotext{width:190px; height:25px; float:left; margin-top:6px; margin-left:3px;}

.upbutton{width:88px;height:30px; background:url('images/upbutton.jpg') no-repeat right top;float:left; margin-left:5px;}
.upbutton:hover{background:url('images/upbutton.jpg') no-repeat right bottom;}

.downbutton{width:88px;height:30px; background:url('images/downbutton.jpg') no-repeat right top;float:left; clear:both; margin-left:5px;}
.downbutton:hover{background:url('images/downbutton.jpg') no-repeat right bottom;}

.portfoliobox1{ background:url(images/portfoliobox1.jpg); width:232px; height:167px; float:left; margin-left:10px; margin-top:5px;}
.portfoliobox2{ background:url(images/portfoliobox2.jpg); width:232px; height:167px; float:left; margin-left:10px;}

.img1{ margin-left:4px; background-color:#FFFFFF; opacity:0.9;filter:alpha(opacity=99);}
.img1:hover{ background:#FFFFFF; opacity:0.55;filter:alpha(opacity=55);}

.img2{ background-color:#FFFFFF; opacity:0.65;filter:alpha(opacity=65);}
.img2:hover{ background:#FFFFFF; opacity:0.9;filter:alpha(opacity=99);}

.left{ background:url('images/left.png') no-repeat right top; width:48px; height:48px; cursor:pointer; z-index:999;}
.right{ background:url('images/right.png') no-repeat right top; width:48px; height:48px; cursor:pointer; z-index:999;}

.maincontent{float:left; width:770px; margin-top:20px; padding-left:32px;}
.innercontent{float:left; width:770px; height:355px; padding-left:0px; padding-top:0px;}
.batch{width:224px; height:127px; float:left;}
.textbatch{width:224px; height:25px; float:right;}

#portfoliofade{}
#portfoliofade img{ border:solid 5px #8b8b8b; margin:20px 0 0 0;}