/* Dragonfly Office Cascading Style Sheet for Screen Media
 * By Fenwick Walker 
 * (c)2006 Dragonfly Office
 */

/* Main Layout (header / footer) */

body {
  margin: 0;
  padding: 0;
  font-family: verdana, helvetica, sans-serif;
  font-size: .9em;
  background-color: #fff;
  color: #4a4a4a;
}

#head_scaffold {
  width: 735px;
  margin: 1px auto 0 auto;
}

#head_banner {
  width: 735px;
  background: url(../dfo_images/generic/header-bg.jpg) #6ea000;
  height: 86px;
  overflow: hidden;
}

#head_banner img {
  margin: 40px 0 0 20px;
  border: none;
}

.date {
  float: right;
  text-align: right;
  margin: -15px 0 0 0;
  padding-right: 20px;
  font-size: .75em;
  color: #fff;
  font-weight: bold;
}

#info_bar {
  width: 715px;
  height: 18px;
  padding: 3px 20px 0 0;
  margin: 0;
  float: left;
  background: url(../dfo_images/generic/info-bar-bg.jpg) #f4f4f4 no-repeat;
  color: #333;
  text-align: right;
  vertical-align: bottom;
  font-size: 0.8em;
}

#info_bar a {
  color: #333;
}

#content_scaffold {
  width: 735px;
  margin: 0 auto 0 auto;
  clear: both;
  background-color: #fff;
  height: 100%;
}

#content_scaffold_subplate2 {
  width: 100%;
  height: 100%;
  background: #fff url(../dfo_images/generic/greydient2.gif);
  background-repeat: repeat-y;
  float: left;
}

#content {
  height: 100%;
  width: 513px;
  margin-left: 200px;
  padding: 0 10px 10px 10px;
  border: 1px solid #ccc;
  background-color: #fff;
}

#footer {
  width: 715px;
  height: 21px;
  margin: 0 auto 0 auto;
  padding: 0 10px;
  clear: both;
  background: url(../dfo_images/generic/footer.jpg) #6EA000 no-repeat;
  font-weight: bold;
  overflow: hidden;
  font-size: .7em;
  border-top: 1px solid #fff;
}

#footer a {
  color: #fff;
  text-decoration: none;
}

#footer a:hover {
  color: #fff;
  text-decoration: underline;
}

#foot_link_l {
  width: 60%;
  float: left;
  text-align: left;
  margin-top: 4px;
}

#foot_link_r {
  width: 40%;
  float: right;
  text-align: right;
  margin-top: 4px;
}

#foot_notices {
  width: 735px;
  margin: 1px auto;
  clear: both;
  font-size: .7em;
  background-color: #fff;
  color: #666;
}

#foot_notice_l {
  width: 60%;
  float: left;
  padding-left: 10px;
}

#foot_notice_r {
  width: 30%;
  float: right;
  text-align: right;
  padding-right: 10px;
}

#foot_notice_l img {
  border: none;
}

#foot_notice_l a, #foot_notice_r a {
  text-decoration: none;
  color: #666;
}

#foot_notice_l a:hover, #foot_notice_r a:hover {
  text-decoration: underline;
  color: #666;
}

#float_clear {
  clear: left;
}

/*Head Nav*/
#head-nav {
  width: 735px;
  height: 21px;
  background: url(../dfo_images/generic/nav_bg.jpg);
  margin: 0;
  padding: 1px 0 0 0;
  list-style-type: none;
  font-size: 0.8em;
}

/* Main Site Nav Buttons */

#head-nav a.nav-home {
  background: url(../dfo_images/generic/nav-bar/home.jpg) top left no-repeat;
  width: 46px;
}

#head-nav a.nav-office-furniture {
  background: url(../dfo_images/generic/nav-bar/office-furniture.jpg) top left no-repeat;
  width: 98px;
}

#head-nav a.nav-office-interiors {
  background: url(../dfo_images/generic/nav-bar/office-interiors.jpg) top left no-repeat;
  width: 95px;
}

#head-nav a.nav-services {
  background: url(../dfo_images/generic/nav-bar/services.jpg) top left no-repeat;
  width: 57px;
}

#head-nav a.nav-brochures {
  background: url(../dfo_images/generic/nav-bar/brochures.jpg) top left no-repeat;
  width: 68px;
}

#head-nav a.nav-features {
  background: url(../dfo_images/generic/nav-bar/features.jpg) top left no-repeat;
  width: 59px;
}

#head-nav a.nav-about-us {
  background: url(../dfo_images/generic/nav-bar/about-us.jpg) top left no-repeat;
  width: 63px;
}

#head-nav a.nav-eshop {
  background: url(../dfo_images/generic/nav-bar/eshop.jpg) top left no-repeat;
  width: 46px;
}

#head-nav a.nav-help {
  background: url(../dfo_images/generic/nav-bar/help.jpg) top left no-repeat;
  width: 36px;
}

/* eShop Nav Buttons */

#head-nav a.nav-shop1 {
  background: url(../dfo_images/generic/nav-bar/eshop-home.jpg) top left no-repeat;
  width: 88px;
}

#head-nav a.nav-shop2 {
  background: url(../dfo_images/generic/nav-bar/products.jpg) top left no-repeat;
  width: 62px;
}

#head-nav a.nav-shop3 {
  background: url(../dfo_images/generic/nav-bar/basket.jpg) top left no-repeat;
  width: 112px;
}

#head-nav a.nav-shop4 {
  background: url(../dfo_images/generic/nav-bar/checkout.jpg) top left no-repeat;
  width: 67px;
}

#head-nav a.nav-shop5 {
  background: url(../dfo_images/generic/nav-bar/contact-us.jpg) top left no-repeat;
  width: 75px;
}

#head-nav a.nav-shop6 {
  background: url(../dfo_images/generic/nav-bar/dragonfly-home.jpg) top left no-repeat;
  width: 147px;
}

/* head-nav properties */

#head-nav li {
  float: left;
  margin: 0;
  padding: 0;
}

#head-nav li a {
  display: block;
  height: 21px;
}

#head-nav li a:hover {
  background-position: 0 -21px ;
}

#head-nav li img {
  border: none;
  margin-top: 1px;
}

#head-nav li ul {
  clear: both;
  display: inline;
  position: absolute;
  left: -999em;
  height: auto;
  width: 14.3em;
  border: 1px solid #c3c3c3;
  margin: -1px 0 0 0;
  padding: 0;
  background-color: #fff;
  z-index: 100;
}

#head-nav li ul a {
	display: block;
	width: 100%;
	height: 1.5em;
	color: #000;
	text-decoration: none;
  background: #fff;
}

#head-nav li ul a:hover {
  background: #dedede;
}

#head-nav a.master {
	background: #fff url(../dfo_images/generic/nav-bar/menu_arrow.gif) 12em .15em no-repeat;
}

#head-nav a.master:hover {
  background: #dedede url(../dfo_images/generic/nav-bar/menu_arrow.gif) 12em .15em no-repeat;
}

#head-nav li li {
  display: block;
  clear: left;
  width: 100%;
  margin: 0;
  padding: 0 0 0 0;
  color: #000;
}

#head-nav li ul ul {
  width: 14.3em;
	margin: -1.66em 0 0 13em;
}

#head-nav li li a {
  display: block;
  width: 14.2em;
  padding: 0.05em;
  color: #333;
}

#head-nav li:hover ul ul, #head-nav li:hover ul ul ul, #head-nav li.sfhover ul ul, #head-nav li.sfhover ul ul ul {
	left: -999em;
}

#head-nav li:hover ul, #head-nav li li:hover ul, #head-nav li li li:hover ul, #head-nav li.sfhover ul, #head-nav li li.sfhover ul, #head-nav li li li.sfhover ul {
	left: auto;
}

#head_nav li li:hover, #head_nav li li.sfhover {
  background: #DCF0B6;
  color: #333;
}

/*Side Nav*/
#side_nav {
  width: 149px;
  float: left;
  margin: 0 1px 4px 0;
  background: transparent;
  text-align: left;
  font-size: .85em;
  overflow: hidden;
}

#side_nav ul {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
}

#side_nav ul li {
  margin: 0;
  list-style-type: none;
  background: #fff;
}

#side_nav ul a {
  display: block;
  width: 141px;
  margin: 1px 0 1px 0;
  background: url(../dfo_images/generic/menu_link_bg.gif) -150px  #f4f4f4;
  border-left: 4px solid #5E9203;
  text-decoration: none;
  color: #333;
  padding: 2px 0 2px 4px;
  /*font-size: .8em;*/
}

#side_nav ul a:hover {
  background-color: #fff;
  border-left: 4px solid #B7FD0D;
  background: url(../dfo_images/generic/menu_link_bg.gif) 0  #f4f4f4;
  color: #fff;
  text-decoration: none;
}

#side_nav h1 {
  font-size: 1em;
  width: 140px;
  margin: -1px 0 -1px 0;
  background: url(../dfo_images/generic/header_balls.gif);
  padding: 4px 0 4px 9px;
  color: #fff;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
}

/*Index*/
#index_leftcontainer {
  width: 295px;
  float: left;
  margin: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

a.index_smallbox, a.index_smallbox2 {
  width: 147px;
  float: left;
  color: #333;
  border-bottom: 1px solid #fff;
}

a.index_smallbox {
  background: url(../dfo_images/index/catalogue.jpg) 0 0 #e6e6e6;
  background-repeat: no-repeat;
  text-decoration: none;
  border-right: 1px solid #fff;
}

a.index_smallbox2 {
  background: url(../dfo_images/index/shopfront.jpg) 0 0 #e6e6e6;
  background-repeat: no-repeat;
  text-decoration: none;
}

a.index_smallbox2:hover, a.index_smallbox:hover {
  background-position: -147px 0;
  color: #fff;
  text-decoration: none;
}

.index_smallbox_text {
  width: 100%;
  display: block;
  margin: 120px 0 0 0;
  padding: 3px 0 3px 0;
  font-size: 10px;
  text-align: center;
  border-top: 1px solid #fff;
}

#index_flashbox {
  width: 295px;
  height: 214px;
  background-color: #fff;
  margin: 0;
  float: left;
  z-index: 1;
}

#index_flashbox object, #index_flashbox param {
  z-index: 1;
}

#index_mainimage {
  margin: 0 0 0 0;
  background-color: #e4c42e;
  float: left;
  border-top: 1px solid #fff;
}

#index_text {
  width: 417px;
  float: left;
  margin: 1px 0 0 0;
  padding: 0 10px 0 10px;
  background-color: #f4f4f4;
  border: 1px solid #dedede;
  color: #333;
  z-index: 1;
  line-height: 15px;
  overflow: hidden;
}

#index_text p {
  margin: 5px 0 9px 0;
  font-size: 12px;
  color: #333;
}

#index_imagelinks {
  width: 735px;
  clear: both;
  margin: 0;
  border-top: 1px solid #fff;
}

a.imagelink1, a.imagelink2, a.imagelink3, a.imagelink4, a.imagelink5, a.imagelink6, a.imagelink7 {
  width: 104px;
  margin: 0;
  float: left;
  color: #333;
  text-decoration: none;
  background-color: #dedede;
  background-repeat: no-repeat;
  border-right: 1px solid #fff;
}

a.imagelink7 {
  width: 105px;
  border-right: none;
}

a.imagelink1:hover, a.imagelink2:hover, a.imagelink3:hover, a.imagelink4:hover, a.imagelink5:hover, a.imagelink6:hover, a.imagelink7:hover {
  background-position: -105px 0;
  background-color: #000;
  color: #fff;
}

.imagelink_text, .imagelink_text2 {
  width: 100%;
  display: block;
  margin: 80px 0 0 0;
  padding: 3px 0 3px 0;
  font-size: .7em;
  text-align: center;
}

.imagelink_text2 {
  border-right: none;
}
.imagelink1 {
  background: url(../dfo_images/index/mini1-interior_design.jpg) 0 0 no-repeat;
}

.imagelink2 {
  background: url(../dfo_images/index/mini2-boardrooms.jpg) 0 0 no-repeat;
}

.imagelink3 {
  background: url(../dfo_images/index/mini3-space_planning.jpg) 0 0 no-repeat;
}

.imagelink4 {
  background: url(../dfo_images/index/mini4-office_chairs.jpg) 0 0 no-repeat;
}

.imagelink5 {
  background: url(../dfo_images/index/mini5-reception_desks.jpg) 0 0 no-repeat;
}

.imagelink6 {
  background: url(../dfo_images/index/mini6-office_desks.jpg) 0 0 no-repeat;
}

.imagelink7 {
  background: url(../dfo_images/index/mini7-refurb.jpg) 0 0 no-repeat;
}

/*Template 1 - Furniture / help pages */

.block_container, .block_container2, .block_container3, .block_container_links {
  background: url(../dfo_images/generic/subplate1_bg1.gif);
  float: left;
  margin: 0 0 0 0;
  font-size: .8em;
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
}

a.eshop_link {
  display: block;
  margin: 1em 0 0 0;
  background: url(../dfo_images/generic/leds.gif) left center;
  padding-left: 11px;
  text-decoration: none;
  color: #000;
  background-color: transparent;
  background-repeat: no-repeat;
}

a.eshop_link:hover {
  background: url(../dfo_images/generic/leds.gif);
  background-position: -735px;
  text-decoration: underline;
  color: #000;
  background-repeat: no-repeat;
}

#side_nav a.eshop_link {
  margin: .5em 0;
  font-size: 0.8em;
}

.block_container2 {
  background: url(../dfo_images/generic/subplate1_bg2.gif);
  border-bottom: 1px solid #e5e5e5;
}

.block_container3 {
  background: url(../dfo_images/generic/subplate1_bg3.gif);
  border-bottom: none;
}

.block_container_links {
  background: url(../dfo_images/generic/subplate1_bg4.jpg);
  background-color: #FCFEF6;
  background-repeat: repeat-y;
}

.imgl_subplate1 {
  float: left;
  margin: 0 1px 0 0;
}

.imgr_subplate1 {
  float: left;
  margin: 0;
}

#txtbox1_subplate1, #txtbox2_subplate1, #txtbox3_subplate1, #txtbox4_subplate1, #txtbox5_subplate1, .linkboxl, .linkboxr {
  padding: 4px;
}

#txtbox1_subplate1 h1 {
  width: 100%;
  margin: 0;
  font-size: 1.2em;
  color: #000;
}

#txtbox2_subplate1 h2, #txtbox3_subplate1 h2, #txtbox4_subplate1 h2, #txtbox5_subplate1 h2, .linkboxl h2, .linkboxr h2 {
  width: 100%;
  margin: 0;
  font-size: 1em;
  font-weight: normal;
  color: #000;
}

#txtbox1_subplate1 p, #txtbox2_subplate1 p, #txtbox3_subplate1 p, #txtbox4_subplate1 p, #txtbox5_subplate1 p, .block_container_links p {
  margin: 2px 0 0 0;
  color: #4A4A4A;
}

#txtbox1_subplate1 {
  width: 240px;
  height: 100%;
  float: left;
  margin: 0 1px 0 0;
}

#txtbox2_subplate1 {
  width: 234px;
  height: 12.3em;
  float: left;
  margin: 0;
}

#txtbox3_subplate1 {
  width: 235px;
  height: 6.91em;
  float: left;
  margin: 0 1px 0 0;
}

#txtbox4_subplate1, #txtbox5_subplate1 {
  width: 240px;
  height: 6.91em;
  float: left;
  margin: 0 1px 0 0;
}

#txtbox5_subplate1 {
  width: 234px;
  margin: 0 0 0 0;
}

.linkboxl, .linkboxr {
  width: 175px;
  float: left;
  margin-right: 1px;
}

.linkboxr {
  margin-right: 0;
}

.content_break {
  width: 725px;
  border: 1px solid #e5e5e5;
  margin: 0 0 0 0;
  background: #DEF694;
  float: left;
  clear: both;
  font-size: 0.7em;
  padding: 4px;
}

.content_break p {
  margin: 0;
}

.content_break a {
  color: #000;
  text-decoration: none;
}

/* Template 2 - Heading and text heavy pages */

#content_subplate2 {
  width: 585px;
  float: left;
  background: transparent;
  font-size: .9em;
  text-align: justify;
}

#content_subplate2 h1 {
  font-size: 1.5em;
  padding: 4px 0 0 4px;
  margin: 0;
  float: left;
  color: #000;
}

#content_subplate2 h2 {
  font-size: 1em;
  margin: 4px;
}

#content_subplate2 h3 {
  font-size: .9em;
  margin: 4px;
}

#content_subplate2 p {
  margin: 4px 4px 1em 4px;
  clear: left;
}

#content_subplate2 p.header {
  margin: 0;
  padding: 4px 0 1em 4px;
  clear: left;
}

#content_subplate2 img.header {
  float: left;
  margin: 0 0 0 0;
}

#summary_box {
  width: 200px;
  margin: 1px 1px 0 4px;
  background: #f4f4f4;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  float: right;
  font-size: 0.8em;
}

#summary_box p {
  padding: 4px;
}

#summary_box h2 {
  margin-bottom: 0;
}

#content_subplate2 .textpage {
  margin: 8px;
}

#content_subplate2 h1.textpage {
  margin: 0 0 4px 0;
  padding: 8px;
}

#content_subplate2 ul {
  margin: 4px;
  padding: 0;
  list-style-type: none;
  font-size: 1em;
}

#content_subplate2 ul li {
  font-weight: bold;
}

#content_subplate2 li li {
  margin-left: 1em;
  font-weight: normal;
}

#funky_whitebg {
  background-color: #fff;
  text-align: center;
  font-size: .9em;
  padding-bottom: 1em;
}

#content_subplate2 h1.news {
  font-style: italic;
  font-size: 1.3em;
}

#content_subplate2 h2.news {
  font-style: italic;
  margin-left: 4px;
  padding: 0;
  width: 98%;
}

#content_subplate2 p.newsfoot, #content_subplate2 h2.newsfoot {
  border-bottom: 1px solid #fff;
  padding: 0 0 .5em 4px;
  margin: 0;
}

.client_list {
  width: 40%;
  float: left;
  margin-left: 4px;
}

/*Template 3 - 3 block row pages*/

.floatbox_subplate3_cont {
  width: 100%;
  background: url(../dfo_images/generic/subplate3_bg1.gif);
  float: left;
  margin: 0 0 1px 0;
}

.floatbox_subplate3_cont p {
  margin: 1em 0 1em 0;
}

.floatbox1_subplate3 {
  width: 243px;
  margin-right: 1px;
  float: left;
}

.floatbox2_subplate3, .floatbox3_subplate3 {
  width: 245px;
  margin-right: 1px;
  float: left;
}

.floatbox3_subplate3 {
  margin: 0;
}

.floatbox_subplate3_cont h2 {
  margin: 4px 4px 4px 8px;
  font-size: .8em;
  font-weight: normal;
  color: #000;
}

.floatbox_subplate3_cont p {
  margin: 4px 8px 1em 8px;
  font-size: .8em;
  text-align: justify;
  color: #4a4a4a;
}

.floatbox_subplate3_cont ul {
  margin: 4px 4px 4px 2em;
  list-style-type: square;
  padding: 0;
  font-size: .8em;
}

.floatbox_subplate3_cont ul li {
  margin-bottom: .5em;
}

.contact_box {
  width: 564px;
  margin: 0 0 8px 8px;
  background: transparent;
  border: 1px solid #333;
  float: left;
}

.contact_details {
  float: left;
  width: 279px;
}

/* Generic Text Control */
a.led {
  margin: 0;
  background: url(../dfo_images/generic/leds.gif) left center no-repeat transparent;
  padding-left: 11px;
  text-decoration: none;
  color: #000;
}

a.led:hover {
  background: url(../dfo_images/generic/leds.gif) no-repeat;
  background-position: -735px;
  text-decoration: underline;
  color: #000;
}

a.led:visited {
  color: #000;
}

#content ul {
  list-style-type: none;
  margin: 0 0 0 .2em;
  padding: 0;
}

#content h1 {
  font-size: 1.4em;
  margin: 0;
}

#content p {
  margin: 0;
  padding: 0;
  clear: left;
}

.small {
  font-size: .7em;
}

.red {
  color: #ff0000;
}

fieldset {
  margin: .9em;
  padding: .5em;
  border: 1px solid #4a4a4a;
}

legend {
  color: #000;
}

label {
  width: 30%;
	float: left;
	clear: left;
	margin: .2em 3em 0 0;
  color: #4a4a4a;
  text-align: right;
}

input.field {
	float: left;
  margin: .2em 10em 0 0;
  border: 1px solid #4a4a4a;
  background: #fafafa;
}

textarea {
  float: left;
  width: 24em;
  height: 7em;
  margin: .2em 0 0 0;
  font-family: inherit;
  font-size: 1em;
  border: 1px solid #4a4a4a;
  background: #fafafa;
}

input.button {
  margin: 0 0 .9em .9em;
}

form p {
  margin: 0;
}

img {
  border: none;
}

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