@charset "utf-8";
/* CSS Document */

img, div, a, input { behavior: url(/wp-content/themes/betterroads/javascript/iepngfix/iepngfix.htc) }

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, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
}

table{
	border: 0;
	outline: 0;
}

ol, ul {
	list-style: none;
}

div{
width:auto;
}

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

/*start page css*/


html{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4b4b49;
}

body{
font-family: Arial, Helvetica, sans-serif;
/*background:url(images/body_bg.jpg) #ebe9e9 repeat-x left 120px;*/
background:#ebe9e9;
}

a:link, a:visited{
color:#313032;
}

a:hover, a:active{
color:#605d62;
}

#mainContainer{
height:auto;
min-height: 620px;
margin:109px auto 0px auto;
width: 1020px;
background:url(images/mainContainer_bg.jpg) repeat-x left 89px;
}

#mainBuffer{
margin:0px auto 0px auto;
position: relative;
height:auto;
}

#pageData{
height:auto;
float:left;
width: 1020px;
margin-top:157px;
background:url(images/mainContainer_buffer_bg.jpg) #ebe9e9 repeat-y 18px top;
position:relative;
}

#pageData .buffer{
height: auto;
position: relative;
width:934px;
float:left;
margin-top:18px;
margin-left:42px;
background:url(images/menu-bg.jpg) repeat-y -5px top;
border-bottom:10px solid #fff;
}

#pageData .buffer-no-menu{
height: auto;
position: relative;
width:934px;
float:left;
margin-top:18px;
margin-left:42px;
border-bottom:10px solid #fff;
}

/*leaderboard*/

.leaderboard{
position:absolute;
top:0px;
width:100%;
height:120px;
background:#bfbbbc;
z-index:-1;
}

.lb-banner{
width:728px;
height:90px;
position:absolute;
top:-100px;
left:150px;
z-index:999;
}

/*header*/

#header .buffer{
position: absolute;
left: 32px;
top:0px;
width: 955px;
height: 157px;
z-index:998;
}

/*divs containing images that rotate*/

div#header1{
background: url(images/header.jpg);
}

div#header2{
background: url(images/header2.jpg);
}

/*top nav*/

#top_nav .buffer{
position: absolute;
right: 30px;
top: 125px;
width:590px;
z-index:999;
}

#top_nav .buffer ul{
float:left;
margin-top:4px;
}

#top_nav .buffer li{
float: left;
margin-right: 8px;
color: #fff;
font-weight: bold;
}

#top_nav .buffer li a{
text-decoration: none;
color: #fff;
font-size:11px;
}

#top_nav .social{
float:left;
margin: -2px 8px 0 0;
}

#top_nav .social img{
margin-right:2px;
}

#top_nav .social img.twit{
margin-right:4px;
}

/*top nav search box*/

#top_nav .search{
float:left;
margin-left:5px;
position:relative;
}

form#searchform{
width:201px;
height:21px;
float:left;
position:relative;
}

#top_nav .search input#snav{
background: url(images/search_bg.jpg) no-repeat;
border:0px;
font-size:11px;
width:174px;
height:22px;
padding-top:4px;
text-indent:4px;
position:absolute;
top:2px;
z-index:999;
}

#top_nav .search input#searchsubmitnav{
background: url(images/search_btn.jpg);
border:0px;
cursor:pointer;
width:18px;
position:absolute;
right:3px;
top:2px;
}

/*main content*/

/*column one*/

.column1{
width: 200px;
float: left;
margin-bottom: 0px;
position:relative;
height:100%;
background:#e6e5e5;
z-index: 999!important;
}

/*column two*/

.column2{
width: 530px;
float: left;
height: auto;
position:relative;
margin-left:20px;
}

.column2_wide{
width: 700px;
float: left;
height: auto;
position:relative;
margin-left:20px;
}

.column2_wide_left{
width: 740px;
float: left;
height: auto;
position:relative;
margin-left:10px;
}


/*column three*/

.column3{
width: 160px;
min-height: 1130px;
height: auto;
float: right;
position:relative;
}

/*footer*/

#mainFooter .clearer{
float: left;
clear: both;
width: 982px;
height: 0px;
}

#mainFooter{
background: url(images/footer.jpg);
height: 101px;
width: 978px;
float:left;
clear: both;
position: relative;
left:20px;
}

#mainFooter img.rrlogo{
position: absolute;
left:15px;
top:0px;
}

#mainFooter img.twit{
position: absolute;
right:20px;
top:52px;
}

#mainFooter img.fb{
position: absolute;
right:55px;
top:52px;
}

#mainFooter ul{
color: #e6e5e5;
font-size:10px;
}

#mainFooter ul a, #mainFooter ul a:visited{
color:#E8E4E5;
text-decoration:none;
}

#mainFooter ul.rights{
display: block;
position: absolute;
left: 25px;
top:38px;
}

#mainFooter ul.industry li, #mainFooter ul.publications li{
float:left;
margin:0 4px 0 0;
}

#mainFooter ul.publications li.heading{
font-weight:bold;
float:none;
margin:0 0 2px 0;
}

#mainFooter ul.industry{
display: block;
position: absolute;
left: 25px;
top:64px;
}

#mainFooter ul.publications{
display: block;
position: absolute;
left: 405px;
top:38px;
}

/* clearer */
.clearer {
clear:both;
width:100%;
}

.spacer {
clear:both;
width:100%;
float:left;
height:10px;
}

/*---------{ DISASTER BANNER }---------*/

.disaster-banner {
	width:528px;
	height: 75px;
	margin: 0 0 8px 0;
	float: left;
}