/* CSS Document */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0;}

.topBar { height: 15px; background-image: url(images/headerBar.jpg); background-repeat: repeat-x;}

.pageHeader 	{ height: 100px; width: 900px; margin-right: auto; margin-left: auto; overflow: hidden; background-image:url(images/colour_bars.gif); background-repeat:no-repeat; background-position:center right;}
.colourBars		{ float: right;}
.mainContainer	{ width: 900px; margin-right: auto; margin-left: auto; background-image: url(images/background.gif); background-repeat: repeat-y; overflow:hidden; clear: both; }
.rightContent	{ width: 715px; float: right; margin-right: 7px; overflow: hidden; background-image: url(images/contentBack.gif); background-repeat: repeat-y; margin-bottom: 5px;}
.contentHeader	{ width: 715px; height: 50px; background-color: #008792; border-top: 1px solid #FFFFFF; }
.centerContent	{ width: 435px; padding: 15px; background-color: #CDC9C8; text-align: justify; overflow:hidden; }
.mainContent	{ width: 465px; float: left; }
.centreContentWhite	{ border:1px solid #CDC9C8; padding: 15px; background-color: #FFFFFF; overflow:hidden; min-height: 250px;}
.centreContentGrey	{ border:1px solid #CDC9C8; padding: 15px; background-color: #cdc9c8; overflow:hidden;  min-height: 250px;}


/*.smlBlocks		{ width: 435px; margin-bottom: 5px; padding: 15px; background-color: #CDC9C8; text-align: right;}*/
.dashes			{ height: 13px; width: 100%; background-image: url(images/dashes.gif); background-repeat: repeat-x; background-position: center; }
.rightPics		{ width: 243px; float: right; overflow: hidden; padding-top: 5px; font-size:10px;}
.drawingLeft	{ float: left; width: 195px; margin-left: 10px; overflow:hidden; font-size: 10px;}
.drawingRight	{ float: left; width: 195px; margin-left: 30px; overflow:hidden; font-size: 10px;}
.galleryDiv		{ float: left; width: 195px; margin: 0 15px 15px 15px; overflow:hidden; font-size: 10px;}
.galleryDiv	a:link	{ margin-bottom: 5px; }

a.displayBttn:link, a.displayBttn:visited {background-image: url(images/arrow.gif); background-position:left; background-repeat:no-repeat; padding-left: 20px; color:#000000; text-decoration:none;}
a.displayBttn:hover, a.displayBttn:active {text-decoration: underline;}


/* ------ Headers ------*/
h1	{ font-family: Arial Narrow, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; margin: 8px 0 0 0; }
h2	{ font-family: Arial Narrow, Helvetica, sans-serif; font-size: 15px; color: #008792; margin-bottom: 0px; }
h3	{ font-family: Arial Narrow, Helvetica, sans-serif; font-size: 18px; color: #008792; margin: 0px; }
.contentHeader h1 { font-size:30px; color:#ffffff; font-family: Arial Narrow, Arial, Helvetica, sans-serif; padding-left: 18px; text-transform:uppercase; }
.gliftMenu h1 { font-family: Arial Narrow, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF; margin:0px; padding: 3px 0 3px 15px; }
.contactTitle { font-weight:bold; font-family: Arial Narrow, Helvetica, sans-serif;  color: #008792; font-size:14px;}

/* ------ Menu ------ */
.leftMenu	{float: left; width: 173px; margin-right: 5px;}
a.bttn_home:link, a.bttn_home:visited	{ display: block; width: 173px; height: 22px; background-image: url(images/bttn_home.gif); background-position: top; background-repeat: no-repeat; margin-bottom: 5px;}
a.bttn_home:hover, a.bttn_home:active	{ background-image: url(images/bttn_home.gif); background-position: bottom; background-repeat: no-repeat;}
a.bttn_projects:link, a.bttn_projects:visited	{ display: block; width: 173px; height: 22px; background-image: url(images/bttn_projects.gif); background-position: top; background-repeat: no-repeat; margin-bottom: 5px;}
a.bttn_projects:hover, a.bttn_projects:active	{ background-image: url(images/bttn_projects.gif); background-position: bottom; background-repeat: no-repeat;}
a.bttn_products:link, a.bttn_products:visited	{ display: block; width: 173px; height: 22px; background-image: url(images/bttn_products.gif); background-position: top; background-repeat: no-repeat; margin-bottom: 5px;}
a.bttn_products:hover, a.bttn_products:active	{ background-image: url(images/bttn_products.gif); background-position: bottom; background-repeat: no-repeat;}
a.bttn_about:link, a.bttn_about:visited	{ display: block; width: 173px; height: 22px; background-image: url(images/bttn_about.gif); background-position: top; background-repeat: no-repeat; margin-bottom: 5px;}
a.bttn_about:hover, a.bttn_abouts:active	{ background-image: url(images/bttn_about.gif); background-position: bottom; background-repeat: no-repeat;}
a.bttn_contact:link, a.bttn_contact:visited	{ display: block; width: 173px; height: 22px; background-image: url(images/bttn_contact.gif); background-position: top; background-repeat: no-repeat; margin-bottom: 5px;}
a.bttn_contact:hover, a.bttn_contact:active	{ background-image: url(images/bttn_contact.gif); background-position: bottom; background-repeat: no-repeat;}
a.bttn_sitemap:link, a.bttn_sitemap:visited	{ display: block; width: 173px; height: 22px; background-image: url(images/bttn_sitemap.gif); background-position: top; background-repeat: no-repeat; margin-bottom: 5px;}
a.bttn_sitemap:hover, a.bttn_sitemap:active	{ background-image: url(images/bttn_sitemap.gif); background-position: bottom; background-repeat: no-repeat;}

/* ------ Glift Menu ------*/
.gliftMenu	{  width: 715px; background-color: #CDC9C8; overflow: hidden; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;}
a.bttn_glift:link, a.bttn_glift:visited	{ display: block; width: 90px; height: 24px; background-image: url(images/bttn_glift.gif); background-position: top; background-repeat: no-repeat; border-right: 1px solid #FFFFFF; float: left;}
a.bttn_glift:hover, a.bttn_glift:active	{ background-image: url(images/bttn_glift.gif); background-position: bottom; background-repeat: no-repeat;}
a.bttn_G1000:link, a.bttn_G1000:visited	{ display: block; width: 90px; height: 24px; background-image: url(images/bttn_G1000.gif); background-position: top; background-repeat: no-repeat; border-right: 1px solid #FFFFFF; float: left;}
a.bttn_G1000:hover, a.bttn_G1000:active	{ background-image: url(images/bttn_G1000.gif); background-position: bottom; background-repeat: no-repeat;}
a.bttn_G100-200:link, a.bttn_G100-200:visited	{ display: block; width: 132px; height: 24px; background-image: url(images/bttn_G100-200.gif); background-position: top; background-repeat: no-repeat; border-right: 1px solid #FFFFFF; float: left;}
a.bttn_G100-200:hover, a.bttn_G100-200:active	{ background-image: url(images/bttn_G100-200.gif); background-position: bottom; background-repeat: no-repeat;}
a.bttn_back:link, a.bttn_back:visited	{ display: block; width: 125px; height: 24px; background-image: url(images/bttn_back.gif); background-position: top; background-repeat: no-repeat; border-right: 1px solid #FFFFFF; float: left;}
a.bttn_back:hover, a.bttn_back:active	{ background-image: url(images/bttn_back.gif); background-position: bottom; background-repeat: no-repeat;}
a.bttn_gallery:link, a.bttn_gallery:visited	{ display: block; width: 90px; height: 24px; background-image: url(images/bttn_gallery.gif); background-position: top; background-repeat: no-repeat; border-right: 1px solid #FFFFFF; float: left;}
a.bttn_gallery:hover, a.bttn_gallery:active	{ background-position:bottom;}

/* ------ Gstore Menu ------*/
a.bttn_gstore:link, a.bttn_gstore:visited	{ display: block; width: 100px; height: 24px; background-image: url(images/bttn_gstore.gif); background-position: top; background-repeat: no-repeat; border-right: 1px solid #FFFFFF; float: left;}
a.bttn_gstore:hover, a.bttn_gstore:active	{ background-position: bottom;}
a.bttn_gstore_types:link, a.bttn_gstore_types:visited	{ display: block; width: 100px; height: 24px; background-image: url(images/bttn_gstore_types.gif); background-position: top; background-repeat: no-repeat; border-right: 1px solid #FFFFFF; float: left;}
a.bttn_gstore_types:hover, a.bttn_gstore_types:active	{ background-position: bottom;}
a.bttn_gstore_opts:link, a.bttn_gstore_opts:visited	{ display: block; width: 60px; height: 24px; background-image: url(images/bttn_gstore_opts.gif); background-position: top; background-repeat: no-repeat; border-right: 1px solid #FFFFFF; float: left;}
a.bttn_gstore_opts:hover, a.bttn_gstore_opts:active	{ background-position: bottom;}
a.bttn_gstore_acc:link, a.bttn_gstore_acc:visited	{ display: block; width: 156px; height: 24px; background-image: url(images/bttn_gstore_acc.gif); background-position: top; background-repeat: no-repeat; border-right: 1px solid #FFFFFF; float: left;}
a.bttn_gstore_acc:hover, a.bttn_gstore_acc:active	{ background-position: bottom;}



/* ------ Projects Menu ------*/
a.bttn_proj01:link, a.bttn_proj01:visited	{ display: block; width: 121px; height: 24px; background-image: url(images/menu_proj01.gif); background-position: top; background-repeat: no-repeat; border-right: 1px solid #FFFFFF; float: left;}
a.bttn_proj01:hover, a.bttn_proj01:active	{ background-position: bottom;}
a.bttn_proj02:link, a.bttn_proj02:visited	{ display: block; width: 102px; height: 24px; background-image: url(images/menu_proj02.gif); background-position: top; background-repeat: no-repeat; border-right: 1px solid #FFFFFF; float: left;}
a.bttn_proj02:hover, a.bttn_proj02:active	{ background-position: bottom;}
a.bttn_proj03:link, a.bttn_proj03:visited	{ display: block; width: 137px; height: 24px; background-image: url(images/menu_proj03.gif); background-position: top; background-repeat: no-repeat; border-right: 1px solid #FFFFFF; float: left;}
a.bttn_proj03:hover, a.bttn_proj03:active	{ background-position: bottom;}

.displayDiv { padding: 10px 20px 10px 20px; text-align:justify; border: 1px solid #008792; display:none; overflow:hidden; clear:both;}
.thumbs img	{ border: 2px solid #ffffff; }
.thumbs 	{ float:right; margin: 0 0 5px 10px; }
.openingDiv { padding: 30px 20px 20px 20px; text-align:justify; border: 1px solid #008792; text-align:center; height: 70px; clear:both;}

/* ------ Products Menu ------*/
a.bttn_prod01:link, a.bttn_prod01:visited	{ display: block; width: 147px; height: 24px; background-image: url(images/menu_prod01.gif); background-position: top; background-repeat: no-repeat; border-right: 1px solid #FFFFFF; float: left;}
a.bttn_prod01:hover, a.bttn_prod01:active	{ background-position: bottom;}
a.bttn_prod02:link, a.bttn_prod02:visited	{ display: block; width: 126px; height: 24px; background-image: url(images/menu_prod02.gif); background-position: top; background-repeat: no-repeat; border-right: 1px solid #FFFFFF; float: left;}
a.bttn_prod02:hover, a.bttn_prod02:active	{ background-position: bottom;}

/* ------ Downloads ------ */
.downloadsBox	{ width: 145px; border-top: 1px solid #CDC9C8; border-bottom: 1px solid #CDC9C8; padding: 5px; float: left; clear:both; margin-left: 18px;}
.downloadLink 	{ display: block; background-image: url(images/arrow_down.gif); background-repeat: no-repeat; background-position: top left; padding-left: 15px; font-size: 10px; color: #000000; text-decoration: none; }
a.downloadLink:hover	{ text-decoration: underline; }

/* ------ Footer ------ */
.footerBar	{ clear: both; height: 50px; background-color: #008792; background-image: url(images/footerBar.jpg); background-repeat: no-repeat; background-position: center; }
.footerText { width: 880px; height: 30px; margin-right: auto; margin-left: auto; padding-top: 20px; font-size: 9px; color: #FFFFFF; background-color: #008792; background-image: url(images/footerBar.jpg); background-repeat: no-repeat; background-position: center;}
.footerText a:link, .footerText a:visited	{ color:#FFFFFF; text-decoration: underline;}
.footerText a:hover	{ color:#FFFFFF; text-decoration: none;}