/* 
Copyright 2008 Greig & Esterman (GE) Flooring. All Rights Reserved. 
Author: Tracey Tam, Sevenzest 
www.sevenzest.com
------------------------------------------------------
General Elements
Page Structure
Sub content Categories
Typography
Links
Navigation
Images
Forms
------------------------------------------------------ */
/* GENERAL ELEMENTS */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0;}
fieldset,img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight :normal; }
li { list-style: none;}
caption,th { text-align: left;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: n''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select { *font-size: 100%; }
legend { color:#000; }

body {
font: normal 12px/18px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
color: #858282;
background: #fff url(images/bg.gif) repeat-y;
text-align: left;
margin: 0;
padding: 0;
}
/* PAGE STRUCTURE */
#wrap {
width: 980px; 
margin: 0;
padding: 0;
text-align: left;
float: left;
}
#content {
background: #f4f4f4 url(images/grid.gif) repeat;
width: 100%;
float: left;
}
#header {
padding: 0;
margin: 0;
height: 164px;
width: 980px;
background: url(images/shadowgrid.gif) repeat-x;
float: left;
}
#logo { 
width: 317px;
height: 122px;
background: transparent url(images/gelogo.gif) no-repeat;
float: left;
}
#logo a { 
width: 317px;
height: 122px;
display: block;
margin: 0;
padding: 0;
}
#left {
width: 259px;
padding-left: 58px;
float: left;
}
#right{
padding: 21px;
background: #f1f1f1;
width: 596px;
border: 4px solid #fff;
margin: 0 15px 30px 0;
float: right;
display: inline;
}
/*SUB CONTENT CATEGORIES*/
.address{
float: left;
background: #fff url(images/addressbg.gif) top left no-repeat;
width: 138px;
padding: 14px;
display: inline;
border: 4px solid #fff;
margin-bottom: 20px;
}
.links {
width: 564px; height: 148px;
background: #ececed url(images/link_bg.gif) top left no-repeat;
margin-bottom: 10px;
}
.links img {
border: 1px solid #ebecec;
margin-right: 24px;
float: left;
}
.subcontent {
width: 575px;
background: #f3f3f3 url(images/subcontentbg.gif) top left no-repeat;
margin: 10px 0;
padding: 10px;
float: left;
}
.subcontent img, .map img {
border: 1px solid #ebecec;
margin-right: 20px;
float: left;
}
.map {
float: left;
padding: 10px 0;
width: 575px;
border-bottom: 1px dashed #d5ccc3;
margin: 10px 0;
}
/* TYPOGRAPHY */
p {
margin: 0; 
padding: 5px 0px; 
}
#right p {
padding: 7px 0px; 
line-height: 150%;
}
.links p {
margin-left: 10px;
padding: 5px 0px; 
}
h1 {
font: 18px/24px "Palatino", "Palatino Linotype", Georgia, Times, serif;
color: #6d4e33;
text-transform: uppercase;
padding:  0 0 8px 25px;
}
h2 {
font-size: 16px;
color: #b65d2b;
font-weight: normal;
text-align: left;
}
h2.link_carpet {background: url(images/link_carpet.gif) 0 0 no-repeat; margin-left: 170px;}
h2.link_hardflooring {background: url(images/link_hardflooring.gif) 0 0 no-repeat; margin-left: 170px;}
h2.title_carpet {background: url(images/title_carpet.gif) 0 0 no-repeat; height: 30px;}
h2.title_flooring {background: url(images/title_flooring.gif) 0 0 no-repeat; height: 30px; }
h2.title_hardflooring {background: url(images/title_hardflooring.gif) 0 0 no-repeat; height: 30px; }
h2.title_freemeasure {background: url(images/title_freemeasure.gif) 0 0 no-repeat; height: 30px; }
h2.title_locations {background: url(images/title_locations.gif) 0 0 no-repeat; height: 30px; }
h2 a { display: block; height: 54px;}
h2 span {display: none;}
h3 {
font: 18px/24px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
}
h3.title_ricc {background: url(images/title_riccarton.gif) 0 0 no-repeat; width: 75px; height: 0px; padding-top: 16px; overflow: hidden;}
h3.title_pap {background: url(images/title_papanui.gif) 0 0 no-repeat; width: 75px; height: 0px; padding-top: 16px; overflow: hidden;}
h3.title_online {background: url(images/title_online.gif) 0 0 no-repeat; width: 75px; height: 0px; padding-top: 16px; overflow: hidden;}
#left p {
font: 11px/15px  Arial, Helvetica, sans-serif;
margin-left: 2px;
}
h4 {
font-size: 14px;
color: #3d3934;
}
.subcontent h4 {padding-top: 20px;}
h5 {
font-size: 14px;
font-weight: bold;
padding: 10px 0;
}
p.small {
display: inline;

color: #cdb689;
font-size: 10px;
font-style: oblique;
padding:  3px 7px;
}
ul#bullets {
padding: 5px 0;
margin: 0;
list-style: none;
}
ul#bullets  li {
padding-left: 10px;
margin: 0;
height: auto;
width: 100%;
background: url(images/bullet.gif) 0 50% no-repeat;
}
ul#bullets span {
font: 14px/16px Georgia, "Times New Roman", Times, serif;
color: #b8850a;
}
/* LINKS */
a {
color: #b65d2b;
text-decoration: none;
}
a:hover, a:active {
color: #b65d2b;
text-decoration: underline;
}
a img {
border: none;
}
/* NAVIGATION */
#nav {
height: 37px;
width: 980px;
background: url(images/nav.gif) top left no-repeat;
float: left;
position: relative;
}
#nav li { 
margin: 0; 
padding: 0; 
list-style: none;
position: absolute;
}
#nav li, #nav a { 
height: 37px; 
display: block; 
}
#navhome { left: 0px; width: 489px; }
#navflooring { left: 489px; width: 82px; }
#navonlineshop { left: 571px; width: 109px; }
#navfreemeasure { left: 680px; width: 181px; }
#navlocations { left: 861px; width: 119px; }
#navhome a:hover, #navhome.current { background: transparent url(images/nav.gif) -0px -37px no-repeat;}
#navflooring a:hover, #navflooring.current { background: transparent url(images/nav.gif) -489px -37px no-repeat;}
#navonlineshop a:hover, #navonlineshop.current { background: transparent url(images/nav.gif) -571px -37px no-repeat;}
#navfreemeasure a:hover, #navfreemeasure.current { background: transparent url(images/nav.gif) -680px -37px no-repeat;}
#navlocations  a:hover, #navlocations.current { background: transparent url(images/nav.gif) -861px -37px no-repeat;}
#nav span {
display: none;
}
/* IMAGES */
.freemeasurelink {
float: right;
}
img, div { 
behavior: url(iepngfix.htc); 
}
img.carpetimg {
float: right;
}
/* FOOTER */
#footer {
clear: both;
font: normal 10px/17px Verdana, Helvetica, Arial, sans-serif;
color: #b5b2b2;
padding: 10px;
background: #fff;
text-align: right;
width: 960px;
}
#footer a {
font-size: 10px;
text-decoration: none;
color: #b5b2b2;
}
#footer a:hover {
text-decoration: underline;
color: #b65d2b;
}
/* FORMS */
#contactform {
padding: 10px;
margin: 10px 0 0 10px;
font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
width: 400px;
float: left;
}
label { 
width: 100px; 
float: left;
text-align: right;
display: block; 
font: normal 11px/14px Verdana, Helvetica, Arial, sans-serif;
margin: 7px 0 0 0;
clear: left;
}
input {
border-style: double;
border-color: #dfd3c3;
border-width: 1px;
background: #fff;
font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
height: 20px;
width: 230px;
padding-top: 4px;
margin: 4px 10px;
}
select {
margin: 0 0 4px 10px;
border: 1px solid #dfd3c3;
background: #fff;
font-size: 10px;
width: 190px;
}
textarea { 
margin: 10px 0 20px 10px;
border: 1px solid #dfd3c3;
background: #fff;
width: 230px;
height: 200px;

}
select {
height: 20px;
margin: 10px 0 0 10px;
padding: 3px 0;
}
.submit {
float: left;
width: 70px;
padding: 3px;
margin-left: 110px;
background: #b75e2a;
color: #fff;
font-weight: bold;
height: 30px;
}