/*
******************************

	Glockner Engineering & Mining Services
	Screen styles
	
	Created by Karl Brightman @ Webfirm
	http://www.webfirm.com.au/

******************************
*/

/* Basic Selectors
--------------------------*/
* { line-height: 1.5; margin: 0; padding: 0; }
body {
	background: #a7a7a7;
	color: #000;
	font: 62.5% normal Verdana, Tahoma, sans-serif;
}
body#page-splash { background: #eaebec url(../images/core/splash-bg.jpg) repeat-x 0 0; }

p { margin-bottom: 1em; }

.clear { clear: both; display: block; height: 0; line-height: 0; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#white { background: #ebeced url(../images/core/main-bg.jpg) repeat-x 0 0; }

/* Container - Used to contain most of the content in a nicely contained div
------------------------------------------------------------------------------*/
.container {
	margin: 0 auto;
	padding: 0 32px 0 16px;
	width: 800px;
}
.container#white_container { padding-bottom: 30px; }

body#page-splash .container { width: 590px; }

/* Splash Page Logo and Slogan
---------------------*/
#splash-logo {
	background: url(../images/core/splash-logo.jpg) no-repeat 0 0;
	display: block;
	height: 208px;
	margin-top: 32px;
	overflow: hidden;
	text-indent: -9999px;
	width: 590px;
}

#splash-slogan {
	background: url(../images/core/splash-slogan.jpg) no-repeat 0 0;
	display: block;
	height: 20px;
	margin: 15px 0 9px;
	overflow: hidden;
	text-indent: -9999px;
	width: 590px;
}

/* Splash page bullets points
---------------------------------*/
#splash-bullet_points {
	background: url(../images/core/splash-bullet_points.jpg) no-repeat 0 0;
	display: block;
	height: 115px;
	margin: 0 0 27px 206px;
	overflow: hidden;
	text-indent: -9999px;
	width: 262px;
}

/* Splash content left and right
---------------------------------*/
#splash-content_left, #splash-content_right { font-size: 1.1em; }
#splash-content_left { float: left; margin: 0 24px 0 11px; width: 283px; }
#splash-content_right { float: right; margin-right: 28px; width: 244px; }

/* Flash player required
---------------------------*/
#splash-flash_player_required { margin-top: 6px; }
#splash-flash_player_required h3 {
	background: url(../images/core/splash-flash_required.jpg) no-repeat 0 0;
	display: block;
	height: 12px;
	overflow: hidden;
	text-indent: -9999px;
	width: 283px;
}

/* Splash page buttons
------------------------*/
a#splash-get_adobe_flash_player, a#splash-enter {
	display: block;
	float: left;
	height: 46px;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -9999px;
	width: 116px;
}
a#splash-get_adobe_flash_player { background: url(../images/core/splash-get_adobe_flash.jpg) no-repeat 0 0; }
a#splash-enter { background: url(../images/core/splash-enter.jpg) no-repeat 0 0; margin-left: 12px; }

/* Splash page links
-------------------------*/
#splash-other_direct_links { text-align: center; }

#splash-other_direct_links h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: .5em;
}

#splash-other_direct_links a { color: #14396d; font-weight: bold; text-decoration: underline; }
#splash-other_direct_links a:hover { color: #000; }

#splash-other_direct_links ul {
	list-style: none;
	text-align: center;
}
#splash-other_direct_links ul li { margin-bottom: .5em; }

/* Main Site layout
------------------------*/

#main-primary {
	margin: 40px 0 0 32px;
	float: right;
	width: 510px;
}

#main-secondary {
	float: left;
	margin-top: 53px;
	width: 210px;
}

/* Main Site Logo and header
------------------------------- */
#main-header {
	background: url(../images/core/main-header.jpg) no-repeat 0 0;
	display: block;
	height: 39px;
	overflow: hidden;
	text-indent: -9999px;
	width: 490px;
}

#main-logo {
	background: url(../images/core/main-logo.jpg) no-repeat 0 0;
	height: 210px;
	margin-bottom: 45px;
	margin-left: 16px;
	width: 197px;
}

/* Banner
--------------*/
#main-banner { margin: 20px 0; text-align: center; }
#main-banner img {
  border: 1px solid #ccc;
	padding: 10px;
}

/* Navigation
------------------------------- */
#navigation { list-style: none; }

#navigation li { margin-bottom: 5px; }

#navigation li a {
	display: block;
	height: 23px;
	overflow: hidden;
	text-indent: -9999px;
	width: 225px;
}
#navigation li a:hover { background-position: -225px 0 !important; }

#navigation li#navigation-home a { background: url(../images/navigation/home.jpg) no-repeat 0 0; }
#navigation li#navigation-about_us a { background: url(../images/navigation/about_us.jpg) no-repeat 0 0; }
#navigation li#navigation-why_choose_us a { background: url(../images/navigation/why_choose_us.jpg) no-repeat 0 0; }
#navigation li#navigation-some_of_our_works a { background: url(../images/navigation/some_of_our_works.jpg) no-repeat 0 0; }
#navigation li#navigation-contact_us a { background: url(../images/navigation/contact_us.jpg) no-repeat 0 0; }
#navigation li#navigation-ebay_store a { background: url(../images/navigation/ebay_store.jpg) no-repeat 0 0; }
#navigation li#navigation-team_login a { background: url(../images/navigation/team_login.jpg) no-repeat 0 0; }

/* Content Typography tidbits
----------------------------*/
#main-content { font-size: 1.1em; }

#main-content h2 { color: #244677; font-size: 120%; font-weight: bold; margin-bottom: 1em; }
#main-content h3 { color: #000; font-size: 110%; margin-bottom: 1em; }
#main-content h4 { color: #244677; font-size: 1em; margin-bottom: 0; }

#main-content a { color: #14396d; text-decoration: underline; }
#main-content a:hover { color: #000; }
#main-content ul, #main-content ol { margin-bottom: 1em; margin-left: 2em; }
#main-content .center_large { color: #244677; font-size: 140%; text-align: center; } 

#main-content img { margin-bottom: 1em; }
#main-content img.image-left { float: left; margin: 1em; }
#main-content img.image-right { float: right; margin: 1em; }
#main-content img.image-center { display: block; margin: 0 auto 1em auto; }
#main-content img.image-border { background: #fff; border: 1px solid #999; padding: 3px; }

#main-content .placemark_download a { margin-right: 10px; }
#main-content .works_item { margin-bottom: 2em; }

#main-content .left {
  float: left;
  margin-right: 10px;
  width: 160px;
}
#main-content .right {
  float: left;
  width: 270px;
}

#main-content #scroll-pane {height: 600px; overflow: auto;}

.some_work_list {
  border-top: 1px solid #ccc;
  list-style: none;
  margin: 0;
  padding: 0;
}
.some_work_list li { display: inline; }
.some_work_list li a {
  border-bottom: 1px solid #ccc;
  display: block;
  font-weight: bold;
  padding: 4px;
  text-align: left;
  text-decoration: none !important;
}
.some_work_list li a span { display: block; font-weight: normal; }


/* Footer
------------*/
#main-footer {
	background: url(../images/core/footer-bg.jpg) repeat-x 0 0;
	height: 50px;
	padding: 5px 0;
}

/* Contact details
--------------------*/
.contact-left {
	float: left;
	width: 200px;
}

.contact-right {
	float: right;
	width: 300px;
}

.contact-details_item { margin-bottom: 2em; }