/*
Theme Name: KGM Theme
Theme URI: http://kgmcontractors.com/
Author: Anthony Lukes
Author URI: http://anthonylukes.net/

*/



/* +++++++++++++++++++
	default & layout styles
++++++++++++++++++++++ */ 

* { margin:0; padding:0; }

html { font-size:62.5%; }

body { 
	font-family: Verdana, Arial, sans-serif;
	font-size:1.2em;
	background:#014b1d;
	text-align:center;
	padding:11px 0;
	color:#000;
}

#wrapper {
	margin:0 auto;
	text-align:left;
	position:relative;
}

#wrapper, #content {
	width:830px;
}

p {
	margin-bottom:1em;
}

a {
	color:#fff;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


/* +++++++++++++++++++
	common styles
++++++++++++++++++++++ */ 

a.pdf, a.xls {
	padding:3px 25px;
}

a.pdf {
	background:url('images/pdf-icon.gif') 0 0 no-repeat;
}

a.xls {
	background:url('images/xls-icon.gif') 0 0 no-repeat;
}

img.sideImg {
	position:absolute;
	top:101px;
	left:19px;
}



/* +++++++++++++++++++
	header styles
++++++++++++++++++++++ */ 

#header {
	height:133px;
	background: url('images/header.gif') 0 0 repeat-x;
	position:relative;
}

#header, #header a {
	color:#979595;
	outline:none;
}

#header h1 {
	background:url('images/logo.gif') 0 0 no-repeat;
	position:relative;
	top:25px;
	left:22px;
	z-index:100;
}

#header h1, #header h1 a {
	display:block;
	width:164px; 
	height:74px;
}

#header h1 a {
	text-indent:-9999px;
}

#header .forms {
	position:absolute;
	width:100%;
	text-align:right;
	top:42px;
	right:23px;
	display:block;
}

#header .forms p {
	margin-bottom:.8em;
}

#header label {
	font-size:.9em;
	text-transform:uppercase;
	padding-right:.8em;
	position:relative;
	top:2px;
}

#header input {
	width:173px;
	border:2px #fdb515 solid;
	height:20px;
}

#header ul, #header ul li {
	list-style:none;
}

#header ul.sub {
	text-align:left;
	position:absolute;
	width:200px;
	right:0px;
	bottom:28px;
	font-weight:bold;
	font-size:.9em;
}

#header ul.sub li {
	display:inline;
	/*padding:0 2px;*/
	margin:0;
	/*border-left:1px solid #979595;*/
}

#header ul.sub li.empLogin {
	border:none;
}

#header ul.sub li.home a {
	padding-left:3px;
}

#header ul#nav {
	position:absolute;
	top:111px;
	border:1px solid #fff;
	border-right:none;
	border-left:none;
}

#header ul#nav li {
	display:inline;
}

#header ul#nav li a {
	display:block;
	float:left;
	height:20px;
	text-indent:-9999px;
}

#header ul#nav li.about a {
	background:url('images/btn_about.gif') 0 0 no-repeat;
	width:77px;
}

#header ul#nav li.capabilities a {
	background:url('images/btn_capabilities.gif') 0 0 no-repeat;
	width:118px;
}

#header ul#nav li.safety a {
	background:url('images/btn_safety.gif') 0 0 no-repeat;
	width:183px;
}

#header ul#nav li.equipment a {
	background:url('images/btn_equipment.gif') 0 0 no-repeat;
	width:102px;
}

#header ul#nav li.organizations a {
	background:url('images/btn_organizations.gif') 0 0 no-repeat;
	width:130px;
}

#header ul#nav li.news a {
	background:url('images/btn_news.gif') 0 0 no-repeat;
	width:133px;
}

#header ul#nav li.contact a {
	background:url('images/btn_contact.gif') 0 0 no-repeat;
	width:87px;
}

#header ul#nav li a:hover {
	background-position:left bottom;
}


/* ++++++++++++++++++++++++++
	content default styles
+++++++++++++++++++++++++++++ */ 

#content { 
	background: #D5D5D5 url('images/bg_normal.gif') 0 0 repeat-y;
	position:relative;
	min-height:602px;
	height:auto !important;
	height:602px;
	float:left;
 }

#content .container {
	float:left;
	padding:111px 115px 50px 211px;
}

#content h2 {
	width:830px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:28px;
	left:0;
}

#content h3 {
	font-size:1.17em;
	margin-bottom:.5em;
}

#content p {
	line-height:1.58em;
	margin-bottom:1.5em;
}



/* +++++++++++++++++++
	footer styles
++++++++++++++++++++++ */ 

#footer {
	color:#add1bb;
	font-size:.8em;
	clear:both;
}

#footer p {
	margin:1em 0;
}


/* +++++++++++++++++++
	home-page styles
++++++++++++++++++++++ */ 

.home #content { 
	background: url('images/bg_home.gif') 0 0 no-repeat;
	min-height:580px;
	height:auto !important;
	height:580px;
	color:#fff;
 }

.home #content .container {
	padding:102px 263px 195px 211px;
}

.home #content h2 {
	background:url('images/h_welcome.png') 0 0 no-repeat;
	width:181px;
	height:59px;
	text-indent:-9999px;
	position:absolute;
	top:26px;
	left:52px;
}

.home #content p {
	line-height:1.6em;
	margin-bottom:4.8em;
}

.home #content p.contact {
	text-align:right;
	font-size:.84em;
	line-height:1.25em;
	font-weight:bold;
	margin-bottom:1em;
}

.home #content p.contact span {
	color:#d6b517;
}

.home #content .imageContainer {
	position:absolute;
	top:14px;
	right:0px;
	width:224px;
	text-align:center;
}

.home #content .imageContainer img {
	margin:6px 0;
}

.home #content #komatsu {
	background: url('images/komatsu.png') 0 0 no-repeat;
	width: 868px;
	height: 318px;
	position:absolute;
	bottom:0px;
	left:-37px;
}


/* +++++++++++++++++++
	about styles
++++++++++++++++++++++ */

.about #content h2 {
	background:url('images/h_about.png') 0 0 no-repeat;
	top:25px;
}

.about #video {
	margin-bottom:2em;
}


/* +++++++++++++++++++
	capabilities styles
++++++++++++++++++++++ */

.capabilities #content h2 {
	background:url('images/h_capabilities.png') 0 0 no-repeat;
}

.capabilities #content .container {
	padding-right:45px;
}

.capabilities #content p {
	line-height:2em;
	margin-bottom:2em;
}


/* +++++++++++++++++++
	safety styles
++++++++++++++++++++++ */

.safety #content h2 {
	background:url('images/h_safety.png') 0 0 no-repeat;
	top:28px;
}


/* +++++++++++++++++++
	equipment styles
++++++++++++++++++++++ */

.equipment #content h2 {
	background:url('images/h_equipment.png') 0 0 no-repeat;
}

.equipment a.xls {
	display:block;
	margin-bottom:1em;
}

.equipment table {
	width:100%;
	margin:10px 0;
	border-collapse:collapse;
}

.equipment td {
	border:1px solid #666;
	padding:2px;
	margin:0;
}

.equipment tr.alt td { background:#fafafa; }

.equipment .col1, .equipment .col2 {
	float:left;
	display:inline;
}

.equipment .col1 {
	width:177px;
	margin-left:-195px;
}

.equipment .col1 img {
	display:block;
	margin-bottom:14px;
}

.equipment .col2 {
	width:525px;
}


/* +++++++++++++++++++
	organizations styles
++++++++++++++++++++++ */

.organizations #content {
	font-size:1.17em;
}

.organizations #content .container {
	padding-left:235px;
	padding-top:108px;
}

.organizations #content h2 {
	background:url('images/h_organizations.png') 0 0 no-repeat;
	
}

.organizations #content .imageContainer {
	position:absolute;
	width:194px;
	top:91px;
	left:0;
	text-align:center;
}

.organizations #content .imageContainer img {
	display:block;
	margin: 0 auto 27px auto;
}

.organizations #content ol li {
	line-height:1.7em;
}


/* +++++++++++++++++++
	news styles
++++++++++++++++++++++ */

.news #content h2 {
	background:url('images/h_news.png') 0 0 no-repeat;
}

.news #content h3 {
	margin-bottom:1.5em;
}

.news #content .container {
	padding-left:102px;
	padding-top:101px;
	padding-right:0;
}

.news #content div.news, .news #content div.awards {
	float:left;
	display:inline;
	margin-top:13px;
}

.news #content div.news {
	width:169fpx;
	margin-left:110px;
}

.news #content div.news a {
	text-align:center;
}

.news #content div.news a {
	display:block;
	margin:auto;
	color:#000;
	font-size:.92em;
}

.news #content div.news a img {
	margin-bottom:5px;
}

.news #content div.awards {
	width:293px;
	margin-left:90px;
}

.news #content div.awards ul {
	margin-left:15px;
	line-height:1.67em;
}

.news #content div.awards ul li {
	margin-bottom:2em;
}


/* +++++++++++++++++++
	contact styles
++++++++++++++++++++++ */

.contact #content h2 {
	background:url('images/h_contact.png') 0 0 no-repeat;
}

.contact #content .container {
	padding-top:86px;
	padding-left:0px;
	padding-right:0px;
}

.contact #content .company {
	text-align:center;
	line-height:1.67em;
	width:830px;
}

.contact #content a {
	color:#014b1d;
}

.contact #content p {
	position:relative;
	line-height:2em;
	margin-bottom:2em;
}

.contact #content img {
	border:1px solid #000;
	position:absolute;
	top:-5px;
	left:-126px;
}

.contact #content .col1, .contact #content .col2 {
	float:left;
	width:225px;
	display:inline;
	margin-top:30px;
}

.contact #content .col1 {
	margin-left:212px;
}

.contact #content .col2 {
	margin-left:145px;
}

/* +++++++++++++++++++
	search page styles
++++++++++++++++++++++ */

.search #content .container {
	padding-left:100px;
}

#cse-search-results {
	width:630px;
	float:left;
	background:#fff;
}

#cse-search-results iframe {
	position:relative;
	left:15px;
}