@import "reset.css";

body,html { background-color:#E4E1DA; font: 10pt/1.4em "Helvetica Neue",helvetica,arial,sans-serif; color:#7D7D7D; text-shadow: rgba(255,255,255,.7) 0 1px 1px; padding-bottom:25px;}

a { text-decoration:none; color:#404772;}
a:hover { color:#000;}
p { margin:0 0 1em 0;}
em { font-style: italic; }
strong { font-weight:bold;}
img {background-color:#E4E1DA;}
#masthead { height:160px;position:relative;}
#container { background-color:#fff; margin:25px auto 0 auto; overflow:hidden; width:960px;border-bottom:20px #fff solid; padding-bottom:25px;}
#sidebar { margin-left:-838px;width:175px;}
#wide_column {margin-left:-838px;width:715px;}
#main {margin-left:-658px; width:535px;}
#about #main {min-height:500px;height:auto !important; height:500px;}
.row { float: left; width: 960px; position: relative;overflow:hidden;}
.item { position: relative; float: left; left: 100%; }
.section { margin-bottom:4em;overflow:hidden;}
#logo a { display:block; background: #fff url('/images/interface/forza_logo.gif') no-repeat 0 0; height:150px; width:250px; overflow:hidden;text-indent:-1234em;}
#logo a:hover { background-position:0 -150px;}
#masthead ul { position:absolute; top:0; text-align:right; right:105px;}
#masthead ul li { display:inline;}
#masthead ul li a {display:block;float:left; margin:48px 0 52px 0; padding:0 15px; height:50px; color:#404772;}
#masthead ul li a:hover { color:#404772;}
#footer { margin:30px auto; width:960px;}

/* Frontpage grid */
#hero_grid { height:355px; margin:0 122px 30px 122px; width:720px;}
#hero_grid li { float:left; margin:0 10px 10px 0;height:170px; overflow:hidden; position:relative;}
#hero_grid li dt {position:absolute; display:block;top:0; left:0; width:100%; height:100%;}
#hero_grid li dt a { padding:10px; display:block; width:100%; height:100%; }

.clear {clear:both;}
/* Navigation */
#home_menu a { background-position: 0 0; width:40px;}
#about_us_menu a { background-position: 0 -50px; width:61px;}
#products_menu a { background-position: 0 -100px; width:60px;}
#news_menu a { background-position: 0 -150px; width:36px;}
#case_studies_menu a { background-position: 0 -200px; width:85px;}
#sale_menu a { background-position: 0 -250px; width:27px;}
#contact_menu a { background-position: 0 -300px; width:50px;}

#home_menu a:hover { background-position: -150px 0;}
#about_us_menu a:hover { background-position: -150px -50px; }
#products_menu a:hover { background-position: -150px -100px; }
#news_menu a:hover { background-position: -150px -150px;}
#case_studies_menu a:hover { background-position: -150px -200px; }
#sale_menu a:hover { background-position: -150px -250px; }
#contact_menu a:hover { background-position: -150px -300px; }

#sidebar ul {width:150px;border-bottom:1px #E4E1DA solid; }
#sidebar ul li { display:inline; }
#sidebar ul li a { border-top:1px #E4E1DA solid;text-decoration:none; display:block;padding:.5em; }
#sidebar ul li a:hover { background-color:#F6F6F8; }

.current,.current a {font-weight:bold;cursor:default;background-color:#F6F6F8; }

h1 {margin: 0;height:70px;}
h1,h2,#intro2 { color:#404772; font:20px/20px "Univers",helvetica,arial,sans-serif;}
h2 {margin:0 0 .5em 0;}
#products {height:650px; margin:0 122px 30px 122px;}
#shrFrm  {height:650px; margin:0 100px;}
#intro2 {margin:0;padding:0;color:#7D7D7D;}

/* gallery */

#gallery { height:375px;width:540px;position:relative;margin-bottom:30px;overflow:hidden;}
#gallery ul {position:absolute;top:0;left:360px;}
#gallery ul li  { display:block;float:left;margin:0 5px 5px 0;height:85px; overflow:hidden;background-color:#E4E1DA;}
#gallery ul li:hover { cursor:pointer;}
#holder dl {position:relative;}
#holder dl dd {position:absolute;top:355px; padding:5px 0; font-size:80%; color:#999;}
#intro {display:block;overflow:hidden;height:100px;width:535px;text-indent:-1234em;background: #fff url('/images/interface/introduction.gif') no-repeat 0 0;}

#projects {width:540px;position:relative;margin-bottom:30px;}
#projects ul {overflow:hidden;}
#projects ul li  { display:block;float:left;margin:0 5px 5px 0;overflow:hidden;height:175px; background-color:#E4E1DA;}

.half { }
#first {margin-left:-658px; width:245px;}
#second {margin-left:-388px; width:245px;}

.half dt { font-weight:bold;margin-bottom:.5em;}
.half dd { margin-bottom:.5em;}
.lateral {margin-top:2em;}
.lateral a { font-weight:bold;}

.stories li { margin:0 0 2em 0;overflow:hidden;}
h3 { font-weight:bold;}
.date { color:#999 !important; font-weight:normal;}
p.date {margin:.5em 0;}

.stories .story .photo{ overflow:hidden;}
.stories .story .photo img {float:left;}

.stories .story { position:relative;margin:0 0 2em 0;clear:both;overflow:hidden;}
.stories .story dl {margin:0 0 0 190px;}
.stories .story dl dt { font-weight:bold;}


/* sale */

.products .product {position:relative;margin:0 10px 0 0;padding-bottom:2em;overflow:hidden;width:171px;float:left;}
.products .product img { margin-bottom:0px;}
.products .product dl {margin:0 0 0 0;}
.products .product dl dt { font-weight:bold;}
.products .product dl dd { height:3em;}
.product_row {overflow:hidden;clear:both;}
.products {width:724px;overflow:hidden;}
/* contact form */

input.text,textarea { width:355px;background-color:#E4E1DA;border:0;font-family:"Helvetica Neue",helvetica,arial,sans-serif;padding:5px;font-size:10pt;}

.more {font-weight:bold;}

.photo { margin-bottom:15px;}

.paginate { clear:both;text-align:right;width:715px;}
/*.paginate b { color:#fff;background-color:#404772;padding:.1em .4em;border:1px #404772 solid; }
.paginate a { color:#404772;background-color:#fff;border:1px #404772 solid; padding:.1em .4em;}*/
a.previous,a.back {padding-left:15px;background:transparent url(/images/interface/previous.gif) no-repeat 0 50%;}
a.next {padding-right:15px;background:transparent url(/images/interface/next.gif) no-repeat 100% 50%;}

.lateral {margin:4em 0;}

#credit span { display: none; }
#credit:hover span { display: inline; }

#footer { margin:0 auto 30px auto; width:740px; overflow:hidden; padding:50px 100px 50px 120px;background-color:#d4d1ca; font-size:85%; line-height:180%;}
#footer dl,#footer div { float:left; width:165px;margin:0 20px 25px 0;}

#footer #products_list {width:350px;} 
#footer #products_list ul { float:left;width:175px;height:auto;}
#footer p { clear:both;}
#footer dt,#footer #products_list h3 {  font-size:110%;margin-bottom:.5em;font-weight:bold;}


#footer #addresses { clear:both;margin:0px;overflow:hidden;width:730px;}
#footer #addresses .location { float:left; width:355px;margin:0 10px 50px 0;line-height:140%;position:relative;height:100px;}
#footer #addresses dl { position:absolute;top:0;left:184px;}
#footer #addresses dl a{  }
#footer #addresses dt {font-size:100%;margin:0;}
#footer #addresses dd { border:0;}
#footer,#footer a { color:#797263;}
#footer a:hover { color:#000;}
#headlines {margin:30px 120px 0 120px;padding:0;}

#headlines dl { position:relative;overflow:hidden;width:720px;}
#headlines dt { margin-right:1em;float:left;}
#headlines dd { margin-left:100px;}
#feed_link { width:16px;height:16px; display:block;background:transparent url(/images/interface/rss.png) no-repeat 0 0;overflow:hidden;text-indent:-1234em;text-align:left;float:right;margin-left:1em;margin-top:1px;display:none;}

#slider { background-color:#fff; height:350px;clear:both;margin:0 120px 20px 120px;position:relative;overflow:hidden;}
#office { width:355px; height:350px; background:#464134 url(/images/office+leisure.jpg) no-repeat 20% 0; position:absolute; top:0; left:0;}
#kitchen { width:355px; height:350px; background:#464134 url(/images/kitchen+home.jpg) no-repeat 0 0; position:absolute; top:0; right:0;}
#kitchen a {width:100%; height:100%;background:transparent url(/images/kitchen+home.png) no-repeat 0 0;position:absolute; right:0; overflow:hidden; text-indent:-1234em;}
#office a {width:100%; height:100%;background:transparent url(/images/office+leisure.png) no-repeat 100% 0; overflow:hidden; text-indent:-1234em;}
#kitchen div, #office div { width:175px; height:350px; background-color:#000; z-index:1; position:absolute; top:0; left:0; display:none;}
#kitchen div { right:0; left:auto;}
#slider a { display:block; width:100%;height:100%;}

/*# addresses { clear:both;margin:0 120px 0px 120px;position:relative;overflow:hidden;width:800px;font-size:90%;}
# addresses dl { float:left; width:355px;margin:0 10px 30px 0;line-height:140%;}
# addresses dt a{ font-weight:bold; }
# addresses dd{ margin-bottom:.5em; }*/


.grid { list-style:none; width:730px;}
.grid li { height:50px; width:140px;margin:0 5px 25px 0; padding:0;float:left;text-align:center;}
.grid li a {}
.grid li a img { margin:0;padding:0; background-color:#fff;}

#forza_categories { width:720px;overflow:hidden;margin:15px 110px 0 120px;}
#forza_categories ul {width:730px;overflow:hidden;}
#forza_categories li { width:175px; margin:0 6px 5px 0; float:left;position:relative;overflow:hidden;}
#forza_categories h3 a { display:block;font-size:130%; height:100%; position:absolute; top:0; left:0; width:100%; padding:10px;text-shadow: rgba(0,0,0,.7) 0 0 3px; ;color:#fff;}

#footer .button { background-color:#FFF; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:block;padding:.1em .5em;float:left;font-size:9px;margin:1em 0;font-weight:bold;}
.phone { font-size:160%;line-height:160%;}
.new {color:#404772;}

form .button { background-color:#d4d1ca;border:0; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:block;padding:.3em 1em;float:left;margin:1em 0;font-weight:bold;font-family:"Helvetica Neue",helvetica,arial,sans-serif; cursor:pointer;}