@charset "UTF-8";

/* CSS Document */

/*-------------BASE--------------------------------------------------------------------------------------------------------------*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }

body {
	background-color: #1c1c1e;
	margin:0;
	padding:0;
	background-image: url(http://www.firstoffice.com/images/bgbigb.jpg);
	background-repeat:no-repeat;
	font: 12px/18px "Geneva", Arial, Verdana, sans-serif;
}

body a { color: #a7a7a7; text-decoration: none !important;}
body a:hover { color: #ea1900; text-decoration: none !important; }

body a {
/*outline:none;*/
}

*:focus { outline: none; }

*::-moz-focus-inner { border: none; }


/* Main Navigation ------------------------------------*/
#navmain{
padding:0 0 0 234px;
}

#nav {
	background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) no-repeat;
	width:369px;
	height:99px;
}
  
#nav span {
	display: none;
}

#nav li, #nav a {
	height:33px;
	margin:0;
	padding:0;
	display:block;
}

#nav li {
	float:left;
	list-style:none;
	display:inline;
}

#nav-01 {width: 123px;}
#nav-02 {width: 123px;}
#nav-03 {width: 123px;}
#nav-04 {width: 123px;}
#nav-05 {width: 123px;}
#nav-06 {width: 123px;}
#nav-07 {width: 123px;}
#nav-08 {width: 123px;}
#nav-09 {width: 123px;}

#nav-01 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) 0px -99px no-repeat; }
#nav-02 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) -123px -99px no-repeat; }
#nav-03 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) -246px -99px no-repeat; }
#nav-04 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) 0px -132px no-repeat; }
#nav-05 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) -123px -132px no-repeat; }
#nav-06 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) -246px -132px no-repeat; }
#nav-07 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) 0px -165px no-repeat; }
#nav-08 a:hover {background:url(http://www.firstoffice.com/images/nav/main_nav_acc.jpg) -123px -165px no-repeat; }
/* ---------------------------------------------------*/

#sideNav{float:left; width:190px; margin-top:95px; padding-left:10px;}

#mainWrapper{clear:both; width:960px;}

#mainContent{float:left; margin-top:24px; width:740px; margin-left:20px; /*background-color:red;*/}

	#slideshow {
		position:relative;
		height:360px;
	}

	#slideshow a {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
		width:720px;
		height:360px;
		border:#FFFFFF; border-style:solid; border-width:1px;
		filter: alpha(opacity=0);
	}
	
	#slideshow a.active {
		z-index:10;
		opacity:1.0;
		filter: alpha(opacity=100);
	}
	
	#slideshow a.last-active {
		z-index:9;
	}

#copy{
	padding-top:17px; 
	color:#FFFFFF; 
	line-height:20px;
	font-size:14px; padding-bottom:10px; width:650px;
}

#downloadLinks{ margin-top:15px; }
#downloadLinks a { font-size: 10px; color: #a7a7a7; text-decoration: none !important;}
#downloadLinks a:hover { color: #ea1900; text-decoration: none !important; }
/*#downloadLinks IMG {margin-bottom:1px;}*/

/* Footer */
#footerWrapper{clear:both; padding-top:0px; height:70px; color:#FFFFFF; width:960px;}
#footerLeft{float:left; width:180px; font-size:9px; padding:5px 0 0 20px;}
#footerLeft a {color:#ea1900; text-decoration:none;}
#footerLeft a:hover {text-decoration:underline;}
#footerRight{float:right; padding-right:20px; margin-top:3px;}

/* Breadcrumbs */
#breadcrumbs{ float:left; padding-left:20px; margin-top:3px;}
#bread { float:left; font-size: 10px; color: #6b6b6b; height: 33px; line-height: 33px; width:760px; margin-top:18px; background: url(http://www.firstoffice.com/images/nav/footer_line.gif) repeat-x; }
#bread a { color: #6b6b6b; text-decoration: none;}
#bread a:hover { color: #ea1900; text-decoration: none !important; }
#bread a.home { float:left; width: 20px; height: 33px; background: url(http://www.firstoffice.com/images/nav/bread_logo.png) no-repeat; cursor:pointer;}
#bread a.mail {float:left; width: 20px; height:33px; background: url(http://www.firstoffice.com/images/nav/mail.png) no-repeat;}
/*-------------/BASE--------------------------------------------------------------------------------------------------------------*/


/*-------------SIDE NAV--------------------------------------------------------------------------------------------------------------*/

ul.menu, ul.menu ul {
  list-style-type:none;
  width: 110px;
}

ul.menu a {
  display: block;
  height:25px;
  width:110px;
  cursor:pointer;
}

ul.menu li a {
  cursor:pointer;
}

#nav2 span {
display:none;
}

#nav2-01 a{background: url("http://www.firstoffice.com/images/nav/company_main.png");}
#nav2-01 a:hover{background-position: 0px -25px;}

#nav2-01b a{background: url("http://www.firstoffice.com/images/nav/about_main.png");}
#nav2-01b a:hover, #nav2-01b a.current {background-position: 0px -25px;}

#nav2-01c a{background: url("http://www.firstoffice.com/images/nav/env_main.png");}
#nav2-01c a:hover, #nav2-01c a.current{background-position: 0px -25px;}

#nav2-01d a{background: url("http://www.firstoffice.com/images/nav/showrooms_main.png");}
#nav2-01d a:hover, #nav2-01d a.current{background-position: 0px -25px;}

#nav2-01e a{background: url("http://www.firstoffice.com/images/nav/logistics_main.png");}
#nav2-01e a:hover, #nav2-01e a.current{background-position: 0px -25px;}


#nav2-02 a{background: url("http://www.firstoffice.com/images/nav/fresh_main.png");}
#nav2-02 a:hover{background-position: 0px -25px;}

#nav2-02b a{background: url("http://www.firstoffice.com/images/nav/events_main.png");}
#nav2-02b a:hover, #nav2-02b a.current{background-position: 0px -25px;}

#nav2-02c a{background: url("http://www.firstoffice.com/images/nav/freshblog_main.png"); height:84px;}
#nav2-02c a:hover, #nav2-02c a.current{background-position: 0px -84px;}

#nav2-02d a{background: url("http://www.firstoffice.com/images/nav/advertising_main.png");}
#nav2-02d a:hover, #nav2-02d a.current{background-position: 0px -25px;}


#nav2-03 a{background: url("http://www.firstoffice.com/images/nav/resources_main.png");}
#nav2-03 a:hover{background-position: 0px -25px;}

#nav2-03b a{background: url("http://www.firstoffice.com/images/nav/contact_main.png");}
#nav2-03b a:hover, #nav2-03b a.current{background-position: 0px -25px;}

#nav2-03c a{background: url("http://www.firstoffice.com/images/nav/faqs_main.png");}
#nav2-03c a:hover, #nav2-03c a.current{background-position: 0px -25px;}
  
#nav2-03d a{background: url("http://www.firstoffice.com/images/nav/forms_main.png");}
#nav2-03d a:hover, #nav2-03d a.current{background-position: 0px -25px;}

#nav2-03e a{background: url("http://www.firstoffice.com/images/nav/map_main.png");}
#nav2-03e a:hover, #nav2-03e a.current{background-position: 0px -25px;}

#nav2-04 a{background: url("http://www.firstoffice.com/images/nav/gsa_main.png");}
#nav2-04 a:hover{background-position: 0px -25px;}

/*-------------/SIDENAV------------------------------------------------------------------------------------------------*/
/*------------AUTOCOMPLETE-------------------------------------*/
#autocomplete {
	position:absolute;
	top:0px;
	left:762px;
	width: 200px;
	height:34px;
	background: url(http://www.firstoffice.com/images/search/search_box_bg.gif);
	z-index:9049;
}


/* styles for entire widget */
.yui-ac {
    position:relative;font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* styles for results container */
.yui-ac-container {
	clear:both;
	width:328px; position: absolute; top: 38px; right: 7px;
}



/* styles for header/body/footer wrapper within container */
.yui-ac-content {
    position:absolute;width:100%;border:3px solid #5b5c5c;background: url(http://www.firstoffice.com/images/search/resultbg.gif);overflow:hidden;z-index:9050;
}


/* styles for container shadow */
.yui-ac-shadow {
	position:absolute; left:-3px; top:-3px; padding-right:6px; padding-bottom:6px; width:100%;background:#000;-moz-opacity: 0.09;opacity:.09;filter:alpha(opacity=7);z-index:9049; 

}


#ysearchresult #resultCopy {
	float:right;
	width: 240px;
}

#ysearchresult #resultImage {
	float:left;
	display:block;
	padding-right:10px;
}

#ysearchresult .title{
	font-weight: bold;
	font-size: 11px;
	color: #ea1900;
	display:block;
}

#ysearchresult .desc{
	font-size: 9px;
	color: #ffffff;
	line-height:13px;
	display:block;
}


/* styles for results list */
.yui-ac-content ul{
    margin:0;padding:0;width:100%;
}


/* styles for result item */
.yui-ac-content li {
	height:auto;
	margin:0;padding:5px 5px;cursor:pointer;
}


/* styles for prehighlighted result item */
.yui-ac-content li.yui-ac-prehighlight {
    background:#ea1900;color:#FFF;
}


/* styles for highlighted result item */
.yui-ac-content li.yui-ac-highlight {
    background: url(http://www.firstoffice.com/images/search/resultbgmouse.gif);color:#FFF;
}


#autocomplete #search_form {
	float:right;
	width:131px;
}

#autocomplete #s {
	float: left;
	margin: 7px 0 0 64px;
	border: 0;
	width: 97px;
	background: none;
	font-size:12px;
	color:#1b1b1b;
}

#autocomplete #go {
	float: left;
	margin: -21px 0 0 158px;
}