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


/* CSS Reset v1.0 | 20080212 */

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 {
	line-height: 1;
}
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;
}


/****************************** 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%;
}

#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;}