/* 
Description:
Master CSS for Kiwi Springs Limited. http://www.kiwisprings.co.nz		
---	
Author: 
Nathan Kelly (nathan@infiniteeye.com.au)
Infinite Eye Web Development Studio (info@infiniteeye.com.au)
---		
Version: 
0.3/21-02-06
Copyright (c) 2006, Kiwi Springs Limited. All rights reseved.
------------------------------------------------------------------------------*/
/* Imported Styles.
------------------------------------------------------------------------------*/
/*\*//*/
@import "ie51mac.css";
/**/

/* Common Elements.
------------------------------------------------------------------------------*/
html, body {
margin:0;
padding:0;
}

body {
text-align:center;
font:86%/1.5 arial, helvetica, verdana, sans-serif;
background:#3a3d4c url(../images/body-bg.gif) repeat-y center top;
}

hr {
display:none;
}

.clear {
clear:both;
}

.skip-nav {
top:-1000em;
position:absolute;
}

#container {
position:relative;
background:#414453 url(../images/container-bg.gif) repeat-x top left;
}

/* Header Elements.
------------------------------------------------------------------------------*/
#header {
height:150px;
background:url(../images/header-bg.gif) repeat-x top left;
}

#header .wrapper {
width:760px;
margin:0 auto;
position:relative;
}

h1 {
margin:0;
top:58px;
left:14px;
width:330px;
height:78px;
position:absolute;
}

h1 a {
width:330px;
height:78px;
display:block;
text-decoration:none;
background:url(../images/css-logo.gif) no-repeat top left;
}

h1 a span {
left:-1000em;
position:absolute;
}

h2 {
margin:0;
top:38px;
right:7px;
width:355px;
height:112px;
position:absolute;
text-indent:-1000em;
background:url(../images/tagline.gif) no-repeat top left;
}

/* Main Navigation.
------------------------------------------------------------------------------*/
#main-nav {
top:0;
left:0;
width:100%;
height:38px;
position:absolute;
}

#main-nav ul {
padding:0;
width:410px;
margin:0 auto;
}

#main-nav li {
float:left;
list-style-type:none;
}

#main-nav a {
height:38px;
display:block;
margin-top:1px;
text-decoration:none;
background-repeat:no-repeat;
background-position:top left;
}

#main-nav a span {
left:-1000em;
position:absolute;
}

#main-nav .home a {
width:89px;
background-image:url(../images/home-button.gif);
}

#main-nav .products a {
width:123px;
background-image:url(../images/products-button.gif);
}

#main-nav .contact a {
width:113px;
background-image:url(../images/contact-button.gif);
}

#main-nav .email a {
width:84px;
background-image:url(../images/email-button.gif);
}

#main-nav a:hover {background-position:top right;}
#main-nav a.current, #main-nav a:hover.current {background-position:bottom left;}

/* Visual Element, Image or Flash Movie.
------------------------------------------------------------------------------*/
#visual, #content {
width:760px;
margin:0 auto;
text-align:left;
}

/* Products Buttons. */
#visual ul {
margin:0;
padding:0;
}

#visual ul li {
float:left;
list-style-type:none;
}

#visual ul li a {
height:281px;
display:block;
text-decoration:none;
background-repeat:no-repeat;
background-position:top left;
}

#visual ul li a span {
left:-1000em;
position:absolute;
}

#visual .coil a {
width:153px;
background-image:url(../images/products-coil.gif);
}

#visual .flat a {
width:151px;
background-image:url(../images/products-flat.gif);
}

#visual .micro a {
width:151px;
background-image:url(../images/products-micro.gif);
}

#visual .wire a {
width:151px;
background-image:url(../images/products-wire.gif);
}

#visual .sub-ass a {
width:154px;
background-image:url(../images/products-sub.gif);
}

#visual ul li a:hover {
background-position:top right;
}

#visual object {
margin-top:-1px;
margin-left:-1px;
}

/* Content Elements.
------------------------------------------------------------------------------*/
#content {
color:#efefef;
padding:15px 0;
}

#content div {
float:left;
width:380px;
}

* html #content div {
padding-top:10px;
padding-bottom:10px;
}

#content div.coils {
float:none;
width:100%;
clear:right;
border-top:1px solid #818593;
border-bottom:1px solid #11131c;
}

#content div.first {
border-top:0;
}

#content div.last {
border-bottom:0;
padding-bottom:1em;
}

#content div.coils p {
width:345px;
}

#content div.coils img {
float:right;
margin:1em 0 1em 0;
}

#content div.coils h4 {
font-size:.9em;
margin-bottom:0;
margin-left:14px;
}

#content div.clear,
#content div ul {
padding:0;
float:none;
}

#content .product-nav h3 {
margin-left:34px;
}

#content .product-nav ul {
width:auto;
color:#7a7d8b;
margin-top:6px;
margin-left:34px;
}

#content h3 {
margin:0 14px;
font-size:1.1em;
}

#content p {
margin-left:14px;
margin-right:14px;
text-align:left;
font:.8em/1.6 verdana, arial, helvetica, sans-serif;
}

#content ul {
padding:0;
float:left;
width:365px;
margin:0 0 0 10px;
}

#content li {
margin:0;
font-size:1.1em;
overflow:visible;
list-style-type:none;
padding:6px 0 6px 32px;
background:url(../images/star.gif) no-repeat 0 4px;
}

#content a {
color:#e0c153;
text-decoration:none;
}

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

#content ul li a {
color:#fff;
text-decoration:underline;
}

#content ul li a:hover {
color:#e0c153;
text-decoration:none;
}

#content form {
padding:2px;
margin:6px 14px;
}

#content form fieldset {
border:0;
padding:3px 0;
}

#content label {
margin:0;
display:block;
font:.8em verdana, arial, helvetica, sans-serif;
}

#content textarea,
#content fieldset.text input {
border:0;
width:98%;
padding:3px;
color:#3a3d4c;
margin-top:6px;
background-color:#efefef;
font:1em verdana, arial, helvetica, sans-serif;
}

* html #content .button input {
margin-left:-14px;
}

/* Footer Elements.
------------------------------------------------------------------------------*/
#footer {
color:#efefef;
font-size:.7em;
padding:15px 14px 30px 0;
background:url(../images/footer-bg.gif) repeat-x top left;
}

#footer ul {
width:760px;
padding:0;
margin:0 auto;
text-align:right;
}

#footer ul li {
display:inline;
list-style-type:none;
}

#footer span {
padding-right:10px;
}

#footer a {
color:#e0c153;
padding:0 10px;
text-decoration:none;
text-transform:uppercase;
border-left:1px solid #babbc1;
}

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