/**************************************/
/* GEOMETRY */

/* Fluid-width, left layout */
#wrapper {
width: 100%;
}
#column1 {
float: left;
width: 156px;
}
#column2 {
margin-left: 158px;
min-width: 400px;
}

/* Margin & padding */
body,
#sitename, 
#byline {
margin: 0;
}
#header {
padding: 15px;
}
#mainbody {
padding: 15px 15px 30px 15px;
}
#mainbody *:first-child {
margin-top : 0;
}
#column1 {
padding: 1px;
}
#footer {
padding: 10px 15px 10px 15px;
}

/* Borders */
#column2,
.layout td {
border: 3px double;
}
#header {
border-bottom: 1px solid;
}
#footer {
border-top: 1px solid;
}

/* Text geometry */
#home {
text-align: center;
}
#home h1,
#home h2 {
margin: 0;
}
#home h1 { font-size: 18px; }
#home h2 { font-size: 16px; }

#header,
#footer,
th {
text-align: left;
}
#sitename { 
font-size: 40px;
}
#byline { 
font-size: 0.9em;
letter-spacing: 1px;
}
#mainbody {
font-size: 0.9em;
}
#footer {
font-size: 0.75em;
}
h1 { 
font-size: 1.5em; 
margin: 0 0 0.8em 0;
}
h2 { 
font-size: 1.25em; 
margin: 0 0 0.6em 0;
}
h3 { 
font-size: 1.1em; 
margin: 0 0 0.5em 0;
}

/* General floats */
.floatleft {
float: left;
margin: 0 15px 15px 0;
}
.floatright {
float: right;
margin: 0 0 15px 15px;
}


/**************************************/
/* COLOUR & BACKGROUNDS */

body {
background-color: white;
color: #333;
}
#wrapper {
background-image: url(../GRAPHICS/as-bg.gif);
background-repeat: repeat-y;
}
#home,
#column1 {
background-color: #eeeed5;
}
#sitename/*,
#byline*/ {
color: #069;
}
h1,h2,h3,h4,h5,h6 {
/*color: #06b;*/
color: #666;
}
#column2,
#header,
#footer,
.layout td {
border-color: #eeeed5;
}
a,
#sitename a:hover {
color: #09c;
}
a:visited {
color: #069;
}


/**************************************/
/* FONTS */

body {
font-family: Arial, Helvetica, sans-serif;
}
a,
#sitename a:hover {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.note {
font-style: italic;
font-weight: bold;
}

/**************************************/
/* NAVIGATION */

/* SON OF SUCKERFISH Dropdown Navigation */
/* by Patrick Griffiths & Dan Webb */
/* http://www.htmldog.com/articles/suckerfish/dropdowns/ */
/* Edited to allow other widths */
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
z-index: 3;
}
#navigation a {
display: block;
width: 140px;
} 
#navigation li {
width: 140px;
}
#navigation li ul {
left: -999em; 
margin-top: -52px;
position: absolute;
width: 140px;
} 
#navigation li:hover ul,
#navigation li.sfhover ul {
left: 155px;
}
/* END SON OF SUCKERFISH */

/* IE6/7 BUGFIX - gap between list items */
/* http://phonophunk.com/articles/ie-fix-for-gaps-between-list-items.php#altmethod1 */
#navigation ul li { display: inline; }
/* END IE6/7 BUGFIX */


/**************************************/
/* NAVIGATION STYLING */

#navigation ul {
background-color: white;
}

/* Menu items */
/* Styling <a> rather than <li> gives better results */
#navigation a {
background-color: #dddde5;
border: 3px double #eeeed5;
border-top-width: 0;
color: #069;
font-weight: normal;
text-align: left;
text-decoration: none;
}
#navigation li:first-child a {
border-top-width: 3px;
}
#navigation li:hover a, 
#navigation li.sfhover a {
background-color: #069;
color: white;
}
/* Primary menu items */
#navigation ul li a {
font-size: 16px;
padding: 5px;
margin-top: 1px;
}
/* Secondary menu items */
#navigation ul li ul li a {
font-size: 14px;
padding: 5px;
}
#navigation li:hover ul a,
#navigation li.sfhover ul a { 
background-color: #dddde5;
color: #069;
}
#navigation li:hover ul a:hover,
#navigation li.sfhover ul a:hover { 
background-color: #09c;
color: white;
}


/**************************************/
/* INNERFADE */

ul.innerfade {
list-style: none;
margin: 1em 0 1.5em 0;
padding: 0;
text-align: left;
}
ul.innerfade li {
/*float: left;*/
font-style: italic;
list-style: none;
margin: 0 5px 5px 0;
padding: 0;
text-align: center;
} 
ul.innerfade img { 
border: none; 
}
#domestic,
#commercial {
width: 300px;
}
#domestic_grilles,
#domestic_shutters,
#domestic_gates,
#domestic_garage_doors
#shop_grilles,
#shop_shutters,
#office_grilles,
#office_shutters {
width: 200px;
}
#domestic_gates {
width: 155px;
}
#other_products {
width: 140px;
}


/**************************************/
/* GALLERIA */

ul.gallery {
clear: both;
list-style: none;
margin: 0;
padding: 0;
}
ul.gallery li {
float: left;
list-style: none;
margin: 0 5px 5px 0;
padding: 0;
} 
p.note { /*temp */
margin-top: 0;
clear: both;
}


/**************************************/
/* ROLLOVER */

.rollover {
border: 3px double #eeeed5;
float: right;
margin: 0 0 15px 15px;
padding: 10px;
text-align: center;
}
.rollover img {
margin: 0 0 5px 0;
}

/**************************************/
/* WORKING AREA */

form table {
background-color: #eeeed5;
}