/*

	Glencor Services
	-----------------

	@file 		screen.css
	@version 	1.0.0b
	@date 		2009-02-16 17:05:15 -0500 (Mon, 16 Feb 2009)
	@author 	Michael Higgs <mh@ratdogdesign.com>

*/

html { height:100%; }
body { font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:16px; padding:0; text-align:center; margin:0; background:#56A975 url(../images/main-bkgd.jpg) repeat-x top left; height:100%; }
#Container1 { padding:0; margin:0 auto; text-align:center; width:702px; height:100%; }
#Container2 { margin:0; padding:0; width:702px; height:100%; background:url(../images/bodyBgd3.gif) no-repeat bottom center; }

/* Header
-------------------------------------------------------------- */
#Head1 { height:106px; background:url(../images/headBgd2.gif) no-repeat bottom center; }
#Head2 { height:90px; background:#FFF url(../images/headBgd1.gif) repeat-y top center; }
#Head2 h1 { height:71px; width:313px; float:left; padding:0; margin:18px 0 0 18px; background:#fff url(../images/glencorLogo.jpg) no-repeat top left; }
#Head2 h1 span { display:none; }
#Head2 h2 { height:34px; width:228px; float:right; padding:0; margin:44px 18px 0 0; background:#fff url(../images/glencorTag.gif) no-repeat center center; }
#Head2 h2 span { display:none; }

/*Primary Navigation
-------------------------------------------------------------- */
#NavContainer { clear:both; width:700px; height:176px; padding:0; margin:2px 0; }
.overview { background:url(../images/menuBgd0.jpg) no-repeat center center; margin:0; padding:0; height:180px; }
.services { background:url(../images/menuBgd1.jpg) no-repeat center center; margin:0; padding:0; height:180px; }
.customers { background:url(../images/menuBgd3.jpg) no-repeat center center; margin:0; padding:0; height:180px; }
.contacts { background:url(../images/menuBgd2.jpg) no-repeat center center; margin:0; padding:0; height:180px; }
.employment { background:url(../images/menuBgd5.jpg) no-repeat center center; margin:0; padding:0; height:180px; }

#navigation { float:right; }
#navigation ul { padding:11px 14px 0 0; font:normal normal normal 11px/11px Arial,Helvetica,sans-serif; text-transform:uppercase; width:190px; color:#ffffff; }
#navigation li { margin:1px 0; border:1px solid #339966; background:#bfedc2 url(../js/theme/images/ui-bg_glass_80_bfedc2_1x400.png) 50% 50% repeat-x; outline:none; -moz-border-radius:4px; -webkit-border-radius:4px; }
#navigation li a { padding:8px 12px; text-decoration:none; outline:none; color:#05518D; display:block; }
#navigation li:hover,#navigation li.current { border:1px solid #0b4a7a; background:#01406f url(../js/theme/images/ui-bg_glass_50_01406f_1x400.png) 50% 50% repeat-x; color:#ffffff; outline:none; -moz-border-radius:4px; -webkit-border-radius:4px; }
#navigation li a:hover,#navigation li.current a { color:#ffffff; outline:none; }

/* Content
-------------------------------------------------------------- */
#BodyContainer { background:url(../images/bodyBgd1.gif) no-repeat top center; clear:both; width:702px; padding-top:18px; }
#BodyWrap { background:url(../images/bodyBgd2.gif) repeat-y top center; margin:0; padding:0 0 0 22px; }
#BodyWrap h2,#BodyAlt h2 { font:normal normal bold 18px/20px Arial,Helvetica,sans-serif; color:#2FA243; margin-bottom:12px; }
#BodyWrap h3,#BodyAlt h3 { font:normal normal bold 12px/16px Arial,Helvetica,sans-serif; color:#05518D; padding:0; margin:9px 0 0; }

#BodyWrap p { color:#05518D; margin:8px 0; }
#BodyWrap ul { color:#05518D; padding:0 0 0 18px; margin:8px 0; list-style-type:square; }
#BodyWrap li { color:#05518D; padding:0; margin:0; }

#BodyWrap em { font-weight:bold; color:#05518D; font-style:normal; }
#BodyWrap div.column1 a:link,#BodyWrap div.column1 a:visited,#BodyWrap div.column2 a:link,#BodyWrap div.column2 a:visited,#BodyWrap div.column3 a:link,#BodyWrap div.column3 a:visited { color:#2FA243; text-decoration:underline; }
#BodyWrap div.column1 a:hover,#BodyWrap div.column2 a:hover,#BodyWrap div.column3 a:hover { color:#05518D; text-decoration:none; }

.column1,.column2 { float:left; text-align:left; width:206px; margin-right:18px; }
.column3 { float:left; text-align:left; width:206px; }
.columnA { float:left; text-align:left; width:206px; margin-right:15px; }
.columnB { float:left; text-align:left; width:428px; margin-right:15px; }
.columnC { float:left; text-align:left; width:456px; margin-right:24px; }
.columnD { float:left; text-align:left; width:180px; }
.single { float:left; text-align:left; width:658px; }
.col-padding { padding-top:22px; }

.vacancy-border { margin:1em 0; padding:1em 1em .1em 1em; padding:1em !ie; border:1px solid #CCCCCC; background-color:#ffffff;  -moz-border-radius:5px; -webkit-border-radius:5px; }
#BodyWrap p.vacancy-title { margin:.2em .2em 1em .2em; font-size:130%; font-weight:bold; width:100%; }
#BodyWrap p.vacancy-label { margin:.2em 0 .2em 1em; float:left; font-weight:bold; width:15%; display:block; text-align:right; }
#BodyWrap p.vacancy-data { margin:.2em 0 .2em 1em; float:left; width:80%; }
.vacancy-button { clear:both; margin:1em 0; width:100%; text-align:right; }

#accordion h3 { font:normal normal bold 12px/16px Arial,Helvetica,sans-serif; color:#05518D; padding:0; margin:0; }
.ui-tabs .ui-tabs-nav li a { width:150px; }

#button_link { padding:12px 12px; text-decoration:none; position:relative; font-size:11px; text-align:center; }
.button-corner-all { -moz-border-radius:5px; -webkit-border-radius:5px; }
.button-default:hover { border:1px solid #0b4a7a; background:#01406f url(../js/theme/images/ui-bg_glass_50_01406f_1x400.png) 50% 50% repeat-x; font-weight:normal; color:#ffffff; outline:none; }
.button-default a:hover { color:#ffffff; outline:none; text-decoration:none; font-size:11px; }
.button-default { border:1px solid #89c38d; background:#bfedc2 url(../js/theme/images/ui-bg_glass_80_bfedc2_1x400.png) 50% 50% repeat-x; font-weight:normal; color:#05518D; outline:none; }
.button-default a { text-decoration:none; outline:none; }
.button_fix { padding:6px 0; text-align:center; }

p.lesser { text-align:center; margin:12px; padding:12px; }
a.lesser_link:link,a.lesser_link:visited { color:#2FA243; text-decoration:underline; }
a.lesser_link:hover { color:#05518D; text-decoration:none; }

/* Footer
-------------------------------------------------------------- */
.nonFooter { display:block; width:100%; height:36px; clear:both; margin:0; padding:0; }
#Footer { width:100%; }
#Footer p { font:normal normal normal 9px/10px Arial,Helvetica,sans-serif; color:#2C9F40; text-align:center; margin:0; padding-bottom:24px; }

.clear-both { clear:both; height:1%; }

.messagebox { position:absolute; width:auto; font-size:90%; margin-left:.5em; border:1px solid #c93; background:#ffc; padding:2px 6px; }
.messageboxok { position:absolute; width:auto; font-size:90%; margin-left:.5em; border:1px solid #349534; background:#C9FFCA; padding:2px 6px; font-weight:bold; color:#008000; }
.messageboxerror { position:absolute; width:auto; font-size:90%; margin-left:.5em; border:1px solid #CC0000; background:#F7CBCA; padding:2px 6px; font-weight:bold; color:#CC0000; }
