/* 

STYLE SHEET FOR [ATTIK DESIGNS CMS]
Created by [ADRIAN CORCORAN]
[http://www.attikdesigns.ie]

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. forms
	6. images

Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

div {
		border: 0px solid #666666;
		}

body {
		background: #cccccc;
		}
		
/*  --------- 2. structure  --------- */

#wrapperBg {
		width: 1031px;
		background: url(../mainpics/grad_bg.jpg) 0 0 repeat-y;
		float: left;
		}

#wrapper {
		width: 1001px;
		background: #ffffff url(../mainpics/bg_main.jpg) 0 0 no-repeat;
		float: left;
		}

#banner {
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		width: 1000px;
		height: 130px;
		background: url(../mainpics/banner/banner01.jpg) 0 0 no-repeat;
		}
		
#slogan {
		width: 400px;
		float: left;
		margin: 2.5em 0 0 9em;
		}

#logo {
		width: 192px;
		height: 60px;
		background: url(../mainpics/logo/logo_whitelight_sm.jpg) 0 0 no-repeat;		
		float: right;
		margin: 1em 6em 1em 0;
		}
		
#navContainer {
		margin-top: -26px;
		height: 25px;
		border: 0px solid #dddddd;
		}

#content
		{
		width: 690px;
		margin: 0 0 0 250px;
		padding-left: 20px;
		padding-right: 20px;
		}

#content #scroll
		{
		height: 447px;
		overflow: auto;
		width: 100%;
		padding: 0 10px 0 0;
		margin: 0 0 20px 0;
		}
		
#content #costCalculation
		{
		display: block;
		padding: 1em 2em;
		}

#products, #caseStudies
		{
		width: 690px;
		margin: 0 0 0 250px;
		padding-left: 20px;
		padding-right: 20px;
		}
		
#products #scroll, #caseStudies #scroll
		{
		height: 447px;
		overflow: auto;
		width: 100%;
		padding: 0 10px 0 0;
		margin: 0 0 20px 0;
		}
		
#caseStudyPhoto
		{
		float: right;
		margin: 15px 5px 5px;
		}
		
#factBox {
		background: url(../mainpics/bg_fact.jpg) 0 0 no-repeat;
		width: 570px;
		height: 54px;
		margin: 0.5em 0 10px 310px;
		padding: 13px 10px;
		}
		
#featuredProduct {
		width: 490px;
		margin: 0 0 2em 350px;
		border: 1px solid #8a7f53;
		text-align: center;
		padding: 1em;
		}
		
#footer {
		color: #eeeeee;
		width: 1031px;
		height: 75px;
		padding-top: 5px;
		background: #103c6c url(../mainpics/grad_bg_bottom.jpg) 0 0 repeat-y;
		}

#adminLink {
		position: absolute;
		left: 0;
		top: 670;
		padding-left: 5px;
		}

#adminLink p a {
		font-size: 0.8em;
		color: #214d7c;
		}

/* float-clearing rules */
.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}		
		
/*	------Tables------*/

/*	------Products Table------*/

#productTable {
		width: 670px;
		margin: 0 0 2em;
		background: #ffffff;
		border: solid 1px #214d7c;
		}
		
#productTable tbody
		{
		}
				
#productTable td {
		font: normal 0.7em/1em Helvetica, Arial, sans-serif;
		color: #214d7c;
		padding: 0.5em;
		background: #ededed;
		text-align: center;
		}

#productTable #specs {
		width: 300px;
		text-align: left;
		}

#productTable #photo {
		width: 100px;
		}

#productTable #price, #productTable #code {
		width: 40px;
		}

#productTable thead td, #productTable tfoot td {
		font: normal 0.8em/1em Helvetica, Arial, sans-serif;
		background: #214d7c;
		color: #ffffff;
		padding: 0.5em;
		text-align: left;
		}

#productTable tfoot {
		display: none;
		}
		
#productTable thead #title {
		font: normal 1em/1em Helvetica, Arial, sans-serif;
		letter-spacing: 0.2em;
		}
		
		
#productTable #colHead td {
		font: bold 0.7em/1em Helvetica, Arial, sans-serif;
		background: #d5d5d5;
		}
		
#productTable #altRow td {
		background: #e6e6e6;
		}
		
#productTable tr #spacer {
		height: 10px;
		background: #dddddd;
		}

#productTable #jumpBox {
		display: inline;
		margin-right: 10px;
		}

#productTable #jumpBox select, #productTable #jumpBox input {
		padding: 0 0 0 0.2em;
		margin: 0 0.5em 0 0;
		border: solid 1px #ffffff;
		background: #eeeeee;
		color: #214d7c;
		}

/*	------Cost Calculation Table------*/

#co2Facts {
		width: 540px;
		margin: 1em;
		background: #214d7c;		
		}

#co2Facts thead td {
		font: normal 0.9em/1em Helvetica, Arial, sans-serif;
		background: #214d7c;
		color: #ffffff;
		}
		
#co2Facts thead #title {
		font: normal 1em/1em Helvetica, Arial, sans-serif;
		letter-spacing: 0.2em;
		}
		
#co2Facts td {
		font: normal 0.7em/1em Helvetica, Arial, sans-serif;
		color: #214d7c;
		padding: 0.5em;
		background: #eeeeee;
		}
		
#co2Facts #colHead td {
		font: bold 0.7em/1em Helvetica, Arial, sans-serif;
		}
		
#co2Facts tr #spacer {
		height: 10px;
		background: #dddddd;
		}

#co2Facts tfoot td {
		font: normal 0.7em/1em Helvetica, Arial, sans-serif;
		background: #eeeeee;
		color: #214d7c;
		text-align: center;
		}

#co2Facts tfoot td a {
		font-weight: bold;
		color: #214d7c;
		}

/*	------Other Divs------*/

/*	------Scroll Bars------*/
body, #scroll {
		overflow: auto;
		scrollbar-base-color: #cccccc;
		scrollbar-track-color: #cccccc;
		scrollbar-face-color: #0f3b6a;
		scrollbar-highlight-color: #cccccc;
		scrollbar-3dlight-color: #cccccc;
		scrollbar-darkshadow-color: #cccccc;
		scrollbar-shadow-color: #cccccc;
		scrollbar-arrow-color: #cccccc;
		}
		
#scroll {
		scrollbar-base-color: #ffffff;
		scrollbar-track-color: #ffffff;
		scrollbar-highlight-color: #ffffff;
		scrollbar-3dlight-color: #ffffff;
		scrollbar-darkshadow-color: #ffffff;
		scrollbar-shadow-color: #ffffff;
		scrollbar-arrow-color: #ffffff;
		}



/* ---------- 3. links and navigation ---------- */

#navMenu 
		{
			padding-left: 219px;
			font-size: 1.2em;
		}
		
a 		{
			padding: 0;
			color: #ffffff;
			text-decoration: none;
		}
	
a:hover {
		}
		
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		color: #666666;
		}

h1, h2, h3, h4, p, ul {
		}

h1 {
		font-size: 3em;
		font-weight: normal;
		letter-spacing: 0.2em;
		margin: 1em 0 0.7em;
		color: #999999;
		}

h2 {
		font-size: 2em;
		font-weight: normal;
		letter-spacing: 0.2em;
		margin: 1em 0 0.7em;
		color: #999999;
		}

h3 {
		font: bold 1.4em/1em Arial, sans-serif;
		color: #7698c4;
		display: block;
		margin-top: 1em;
		}

h4 {
		font: bold 1.4em/1em Arial, sans-serif;
		color: #7698c4;
		display: block;
		margin-bottom: 0.5em;
		}

h5 {
		font-size: 1em;
		font-weight: normal;
		margin: 3em 0 0.7em;
		color: #666666;
		}

p {
		line-height: 2em;
		font-size: 1.2em;
		letter-spacing: 0.05em;
		}
ul {
		}

h4 strong, h4 a {
		color: #496890;
		}
		
h4 a:hover {
		text-decoration: underline;
		}
		
h4 p {
		letter-spacing: 0.1em;
		display: block;
		}

h5 p {
		display: block;
		}

#slogan h3
		{
		font-family: "Trebuchet MS", sans-serif;
		font-size: 2em;
		font-weight: normal;
		color: #bbbbbb;
		margin: 0;
		}

#content p
		{
			display: block;
		}

#content p+h4
		{
			padding-top: 2em;
		}

#content #contentCaseStudyHeading, #content #caseStudyJumpList
		{
		display: inline;
		}

#content #contentProductHeading, #content #productJumpList, #content #jumpBox
		{
		display: inline;
		}

#factBox p
		{
		font: normal 1.0em/1.2em Arial, sans-serif;
		color: #eeeeee;
		text-align: left;
		display: block;
		margin: 0.1em 1em 0;
		}

#factBox p strong
		{
		font: bold 1.1em/1.2em Arial, sans-serif;
		}

#costCalculation h4
		{
		font: normal 1.2em/1em Arial, sans-serif;
		color: #5d84b6;
		}
		
#costCalculation p
		{
		font: normal 1.1em/2em Arial, sans-serif;
		letter-spacing: 0;
		}
		
#costCalculation small
		{
		font: normal 1.0em/2em Arial, sans-serif;
		color: #666666;
		}
		
#featuredProduct h3
		{
		color: #8a7f53;
		text-align: left;
		}

#caseStudies h4
		{
		font: bold 1.4em/1.4em Arial, sans-serif;
		color: #7698c4;
		display: block;
		margin: 1em 0 0.5em;
		}

#caseStudies h5
		{
		font: bold 1.1em/1em Arial, sans-serif;
		color: #7698c4;
		display: block;
		margin: 2em 0 0.5em;
		}

#caseStudies p
		{
		display: block;
		line-height: 1.8em;
		font-size: 1.1em;
		letter-spacing: 0.05em;
		margin: 0 0 1em;
		}
		
#caseStudies p a
		{
		color: #7698c4;
		font-weight: bold;
		}

#caseStudies p a:hover
		{
		text-decoration: underline;
		}
		
#caseStudyPhoto p
		{
		font-size: 1em;
		display: block;
		padding 0 0.5em;
		color: #4e75a8;
		text-align: center;
		}

#caseStudyFile
		{
		margin-top: -0.5em;
		font-size: 1em;
		padding: 0 0 1em;
		color: #3d608c;
		text-align: left;
		}

#caseStudyFile a
		{
		font-size: 1em;
		color: #c80000;
		}

#caseStudyFile a:hover
		{
		text-decoration: underline;
		}

#footer p
		{
		width: 1000px;
		font-size: 1.0em;
		line-height: 1.7em;
		letter-spacing: 0;
		color: #eeeeee;
		text-align: center;
		}

#footer strong
		{
		letter-spacing: 0.1em;
		font-weight: bold;
		font-size: 1.1em;
		color: #ffffff;
		}

/* ---------- 5. forms ---------- */

#content #jumpBox
		{
		display: inline;
		margin-left: 3em;
		}

#content #jumpBox select, #content #jumpBox input
		{
		background: #ffffff;
		font-size: 1.2em;
		padding: 0.1em;
		margin-right: 1em;
		border: 1px solid #4e75a8;
		color: #4e75a8;
		}

#content #jumpBox input
		{
		padding-top: 0;
		background: #5d84b6;
		color: #ffffff;
		}

#content #jumpBox select option
		{
		padding: 0 0.4em 0.1em;
		}

form {
		}
	
input {
/*
		font-family: ;
		color: ;
		font-size: ;
		padding: ;
		border: ;
*/
		}

textarea {
		}
		
select {
		}


/* ---------- 6. images ---------- */
		
a img {
	border: none;
		}

#featuredProduct img
		{
			margin: 5px;
			border: 1px solid #8a7f53;
		}

#caseStudyPhoto img
		{
		border: 1px solid #4e75a8;
		}

#caseStudyFile a img
		{
		margin: 0 0.5em -0.5em;
		}