/* CSS Document */

/* -----------------      */
/* Sitewide CSS  */
/* -----------------      */

body {
	margin: 0;
	padding: 0;	
	text-align:center;
	background-color:white;			
}

		
/* ----------------- */
/* page container    */
/* ----------------- */		
#container {
	margin: 2em auto;
	width:900px;
	height:619px;
	border: solid 1px black;
	background-color:#FDDA87;
	background-image:url(./images/pagebackground.jpg);
}

#header {
	position:relative;
	left:0px;
	top:0px;
	margin:0;
	width:900px;
	height:180px;
	border:0;
}

#page {
	position:relative;
	left:0px;
}

/*#footer {
	position:relative;
	left:30px;
	text-align:left;
}*/

#footer {
	position:relative;
	top:-33px;
	left:30px;
	text-align:left;
}	

#header #logo {
	position:absolute;
	left:30px;
	top:70px;
	width:300px;
	height:70px;
	background-image:url(./images/site-logo-gelworks.gif);
}

/* ----------------- */
/* CSS is active, so hide the no-css text */
/* ----------------- */
#logo H1, #sitenav H3, #sitenav LI SPAN {
	display:none;
}


/* ----------------- */
/* Main sitenav CSS  */
/* ----------------- */
#sitenav {
	position:absolute;
	left:30px;
	top:160px;
	height:20px;
	width: 700px;
	background-image:url(./images/sitenav-background.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#sitenav UL {
	list-style:none;
	margin:0;
	padding:0;
}

#sitenav LI
{
	float:left;
	display:block;
	height:20px;
}

#sitenav LI A {
	display:block;
	height:20px;
}

#siteNav LI A:hover,
#siteNav LI A.selected {
	background-position:0px -1px;
}

LI#sitenavHome {
	width:55px;
}

LI#sitenavHome A:hover,
LI#sitenavHome A.selected {
	background-image:url(./images/sitenav-home.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

LI#sitenavAbout {
	width:73px;
}
LI#sitenavAbout A:hover,
LI#sitenavAbout A.selected
{
	background-image:url(./images/sitenav-about.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

LI#sitenavWhy {
	width:100px;
}
LI#sitenavWhy A:hover,
LI#sitenavWhy A.selected {
	background-image:url(./images/sitenav-why.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

LI#sitenavCatalogue {
	width:81px;
}
LI#sitenavCatalogue A:hover,
LI#sitenavCatalogue A.selected {
	background-image:url(./images/sitenav-catalogue.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

LI#sitenavQuality {
	width:108px;
}
LI#sitenavQuality A:hover,
LI#sitenavQuality A.selected {
	background-image:url(./images/sitenav-quality.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

LI#sitenavFaq {
	width:51px;
}
LI#sitenavFaq A:hover,
LI#sitenavFaq A.selected {
	background-image:url(./images/sitenav-faq.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

LI#sitenavFeedback {
	width:69px;
}
LI#sitenavFeedback A:hover,
LI#sitenavFeedback A.selected {
	background-image:url(./images/sitenav-feedback.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

/* ----------------- */
/* Global link styles  */
/* ----------------- */
A {
	text-decoration:none;
	color:black;
}
A:hover {
	text-decoration:underline;
	color:black;
}

/* ----------------- */
/* Global header styles  */
/* ----------------- */
H1 {
	font-weight:normal;
	font-size:1.5em;
}

/* ----------------- */
/* Other global styles  */
/* ----------------- */
TABLE TR TD {
	vertical-align:top;
}

TABLE TR TD H1 {
position: relative;
    font-weight: normal;
    font-size: 2em;
    margin-top: 10px;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 100.01%;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(102, 102, 102);
}

TABLE H2 {
    font-weight: normal;
    font-size: 1.8em;
    margin-top: 10px;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(102, 102, 102);
}