/** Waggonner and Ball Architects Website by CIA Office: CIAoffice.com and Ty Fujimura: tyfujimura.com | All Rights Reserved **/


/****************************** General Styles ******************************/

html, body, #wrapper {
height: 100%;
}

body > #wrapper {
height: auto;
min-height: 100%;
width:100%;
position:relative;
overflow:hidden;
}

body {
background:#1E1E1E;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
line-height:16px;
color:white;
}

#main {
padding-bottom:80px;
}

a {
color:#f19131;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

h1 {
font-size:12px;
margin:0 0 6px 0;
}

h2 {
font-size:12px;
margin:0 0 6px 0;
}

img { behavior: url('/wb_resources/iepngfix.htc') }

/****************************** Header Styles ******************************/

.menuitem ul, .bottom {
display:none;
}

#wrap {
color:white;
position:absolute;
top:50px;
left:0;
z-index:50;
width:1920px;
}

.menuitem  {
position:relative;
display:inline;
font-size:12px;
margin: 0 4px 0 0;
float:left;
}

.hover {
}

.menuitem img {
height:30px;
}

.smallitem img {
width:80px;
}

.largeitem img {
width:120px;
}

.smallitem {
width:80px;
}

.smallitem li {
width:68px;
}

.largeitem {
width:120px
}

.largeitem li {
width:108px;
}

.submenu {
position:absolute;
top:34px;
left:0;
}

.submenu li {
padding: 4px 4px 4px 8px;
background:url('/wb_resources/bg.png');
margin: 0 0 4px 0;
position:relative;
}

.subsubmenu {
display:none;
position:absolute;
left: 124px;
top: 0px;
line-height:14px;
}

.subsubmenu li {
width:180px;
}

.subsubmenu li img {
position:relative;
left: -4px;
margin:0 4px 0 0;
float:left;
width:45px;
height:30px;
}

.subtitle {
font-size:10px;
margin:-2px 0 0 0;
}

.menuitem li a {
color:white;
display:block;
}

.menuitem li a:hover {
color:#f19131;
text-decoration:none;
}

#wrap a:hover {
background:none;
}

#leftfill {
height:30px;
float:left;
margin: 0 4px 0 0;
background:url('/wb_resources/bg.png');
}

.large #leftfill {
width:256px;
}

.small #leftfill {
width:0px;
}

#rightfill {
height:30px;
width:700px;
float:left;
background:url('/wb_resources/bg.png');
margin:0;
}

#logo {
height:30px;
width:420px;
float:left;
background:url('/wb_resources/bg.png');
}

#logo img {
margin: 0 0 -3px 60px;
}

p {
margin:0 0 8px 0;
}
/****************************** Slideshow Styles ******************************/

#slideshow {
position:fixed;
z-index:-10;
top:0;
left:0;
width:100%;
height:100%;
display:none;
}

#slideshow.wide img {
width:100%;
height:auto;
}

#slideshow.tall img {
height:100%;
width:auto;
}

/****************************** Body Styles ******************************/

.bg {
background:url('/wb_resources/bg.png');
margin:0 0 4px 0;
padding:20px;
width:596px;
}

#copy {
width:636px;
margin:0 0 0 40px;
padding:84px 0 0px 0;
position:relative;
z-index:20;
}

.entry {
margin:0 0 20px 0;
}

.clear {
clear:both;
}

.arrow {
margin:3px 0 0 4px;
float:left;
height:10px;
}

/****************************** Footer Styles ******************************/
#footer {
width:100%;
height:80px;
overflow:hidden;
position:relative;
clear:both;
z-index:5;
margin-top:-80px;
}

#footerinfo {
width:1920px;
height:20px;
padding:7px 8px 3px 8px;
background:url('/wb_resources/bg.png');
position:relative;
}

.small #footerinfo {
left:424px;
}

.large #footerinfo {
left:680px;
}

#copyright {
position:relative;
color:#808080;
font-size:9px;
}

.small #copyright {
left:774px;
}

.large #copyright {
left:1030px;
}