/* GIE Media, Inc. MainStyle.css */
body
{
	width: 100%;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #dee7e0;
	color: #1f1c1c;
}
p
{
    margin: 1em 0;
}
/* Page Layout */
/* Header */
#header-bar
{
	height: 16px;
	background-color: #000;
	border-bottom: solid 1px #006633;
}
#header
{
	background: #fff url('../Images/Layout/main-nav-bg.gif'); 
	height: 27px;
}
#header-inner
{
	width: 760px;
	margin: 0 auto;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
}
/* Content */
#content
{
    background-color: #fff;
    /* Since the left-col and middle-col divs are floated below, float and clear the content div so that the background color shows in FireFox */
    float:left; clear: both; width:100%;
    min-height: 460px;
}
#content-inner
{
	width: 760px;
	margin: 0 auto;
}
/* Set padding for homepage content only */
#home img 
{
    padding: 10px 0;
    border: 0;
}  
#left-col
{
	width: 180px;
	float: left;
	padding-right: 50px;
	padding: 10px 0;
}
#left-col img
{
    border: 0;
}
#middle-col
{
	width: 530px;
	float: right;
	padding: 65px 0;
}
/* Footer */
#footer
{
	background: #fff url('../Images/Layout/footer-bg.gif');
	clear: both;
	height: 302px;
}
#footer-inner
{
	width: 760px;
	margin: 0 auto;
	padding-top: 17px;
	height: 285px;
}
/* Navigation */
/* Primary Navigation */
#primary-nav, #primary-nav ul 
{
    float: right;
	list-style: none;
	line-height: 1em;
	color: #999;
	background-color: #fff;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
/* Primary Navigation Links */
#primary-nav a 
{
	display: block;
	padding: 5px 5px;
	color: #999;	
	background-color:#fff;
	background: url('../Images/Layout/transparent.gif') no-repeat;
	text-decoration: none;
	text-transform: lowercase;
}
#primary-nav a:hover 
{
    color: #fff;
}
#primary-nav a.one, #primary-nav a.two, #primary-nav a.three, #primary-nav a.four, #primary-nav a.five
{
	text-align: left;
	border: solid 1px #006633;
	border-right: none;
	border-top: none;
	background-image: url('../Images/Layout/arrow.gif');
	background-repeat: no-repeat;
    background-position: 10px 21px; 
}

#primary-nav a.last /* Add a right border to the last link  */
{
	border-right: solid 1px #006633;
}
#primary-nav li 
{
	float: left;
	padding: 0;
}
/* Primary Navigation Dropdown Lists */
#primary-nav li ul 
{
	position: absolute;
	left: -999em;
	height: auto;
	width: 175px; 
	font-weight: normal;
	background-color: #ccc;
	margin: 0;
	z-index: 0;
}
#primary-nav li li 
{
	padding: 0;
	width: 175px; 
}
#primary-nav li ul a 
{
	padding: 5px 7px;
	width: 175px;
	border: solid 1px #fff;
	border-bottom: none;
	font-size: small;
	text-align: left;
}
/* Primary Navigation Dropdown List Location */
#primary-nav li ul ul 
{
	margin: -2em 0 0 175px;
}
#primary-nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
{
	left: -999em;
}
#primary-nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
{
	left: auto;
}
/* Primary Navigation Hover Background */
#primary-nav li:hover, #primary-nav li.sfhover 
{
	background-color: #bc5c00; /* Orange */
	color: #fff;
}
/* Primary Navigation Dropdown List Colors */
#primary-nav li ul.under a 
{
	color: #fff;
	width: 160px;
}
#primary-nav li ul.under a:hover 
{
	color: #fff;
	width: 160px;
}
/* Secondary Navigation */
#secondary-nav 
{	
	width: 180px;
}
#secondary-nav h3 
{
	text-transform: uppercase;
	font: bold small "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	border-top: 4px solid #8b8b8b;
	border-bottom: 1px dotted #8b8b8b;
	padding: 3px 0;
	margin: 5px 0 10px 0;
	color: #282f33;
}
#left-col ul.secondary 
{
	margin: 0 0 20px 0px;
	padding-left: 0;
}
#left-col ul.secondary li 
{
	font-size: small;
	margin: 0 0 3px 0;
	padding: 3px 0 1px 0px;
	display: block;
	list-style-type:none;
}
ul.secondary li a 
{
	text-decoration: none;
	color: #6e6e63;
	padding: 2px;
}
ul.secondary li.active a, ul.secondary li a:hover 
{
	color: #fff;
	background: #bc5c00; /* Orange */
}
/* Page Elements */
#page-title
{  
    border-bottom: solid 1px #dee6e0;
	float: left;
}
#page-title h1
{
    font-size: medium;
    color: #8b8b82;
    display: inline;
    float: left;
	margin: 0;
	padding: 0;
}
#page-title h2
{
    float: right;
    text-align: right;
    display: inline;
    font-size: small;
    color: #bc5c00; /* Orange */
	margin: 0;
	padding: 0;
}
#page-copy
{
    float: left;
	padding-top: 10px;
	padding-bottom: 20px;
}
#page-copy h1
{
    font-size: medium;
    color: #8b8b82;
	margin: 0;
	padding: 0 0 3px 0;
	border-bottom: solid 1px #dee6e0;
}
#page-copy a:link, #page-copy a:visited, #page-copy a:active
{
    text-decoration: none;
    font-size: small;
    font-weight: normal;
    color: #bc5c00; /* Orange */
}
#page-copy a:hover
{
    text-decoration: underline;
    color: #bc5c00; /* Orange */
    font-size: small;
}
#page-copy p
{
    font-size: small;
    margin-top: 0;
    margin-bottom: 8px;
    line-height: 1.5em;
}
#page-copy ul
{
    list-style-image: url('../Images/Layout/list.jpg');
    margin-top: .75em;
}
#page-copy li
{
    font-size: small;
    margin-bottom: .5em;
    margin-left: -1.5em;
}
#page-copy h3
{
    font-weight: bold;
    color: #bc5c00; /* Orange */
    font-size: small;
    margin: 20px 0 0 0;
    padding: 0;
    text-transform: uppercase;
}
#page-copy h4
{
    color: #8b8b82;
    font-size: x-small;
}
#description
{
    float: left; 
    width: 404px;
}
#logos
{
    float: left;
    width: 120px;
    padding-left: 6px;
}
/* Classes */
.bold
{
    font-weight: bold;
    color: #bc5c00;
}
.italic
{
    font-style: italic;
}
/* Panel Styles */
.collapse-panel
{
    height: 0;
    overflow: hidden;
    font-size: small;
    padding-left: 12px;
}
.collapse-panel-header
{
    font-weight: bold;
    color: #004d2b; /* Green */
    cursor: pointer;
    font-size: small;
    margin-top: 10px;
}
.modal-background
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modal-header
{
    font-size: small;
    font-weight: bold;
    color: #8b8b82;
    border-bottom: solid 1px #dee6e0;
    padding-bottom: 3px;
    margin-bottom: 3px;
}
.modal-footer
{
    border-top: solid 1px #dee6e0;
    padding-top: 3px;
    margin-top: 3px;
    text-align: left;
}
.modal-popup
{
    background-color: #ffffff;
    border: solid 1px gray;
    padding: 3px;
    width: 400px;
}
.heading
{
    margin-bottom: 0;
}
/* Homepage Styles */
#company-news
{
    width: 374px; 
    float: left; 
    padding-right: 6px;
}
#company-news p
{
    font-size: x-small;
    line-height: 1.3em;
}
#industry-news
{
    width: 374px; 
    float: left; 
    padding-left: 6px;
}

.news
{
    font-size: x-small;
}
.box
{
	width: 165px;
	background: url(../Images/Layout/box-bottom.gif) no-repeat bottom left;
	min-height: 150px;
	margin-right: 33px;
	float: left;
}
.box h3
{
	background: url(../Images/Layout/box-top.gif) no-repeat top left;
	border-bottom: solid 1px #cfcfcf;
	padding: 4px 0 0 10px;
	margin: 0;
}
.box a:link, .box a:visited, .box a:active, .box a:hover
{
	text-transform: uppercase;
	font-size: small;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
.box p
{
	font-size: x-small;
	color: #fff;
	font-weight: bold;
	padding: 4px 20px;
	margin: 0;
}
/* Remove the right margin from careers box */
#careers
{
	margin-right: 0px;
}
.address
{
    font-size: x-small;
    text-align: center;
    line-height: 2em;
    color: #333;
}
.copyright
{
    padding: 4px 0;
}
.copyright a:link, .copyright a:visited, .copyright a:active, .copyright a:hover
{
    color: #004d2b; /* Green */
}
/* Form Style */
.spacer
{
    clear: both; 
    height: 1px;
}

.submission-form
{
    width: 400px;
}

.submission-form label
{
    display: block;
    font-weight: bold;
    text-align: right;
    font-size: small;
    width: 150px;
    float: left;
    color: #bc5c00; /* Orange */
}
.small
{
    color: #8b8b82;
    display: block;
    font-size: x-small;
    font-weight: normal;
    text-align: right;
    width: 150px;
}
.txt
{
    float: left;
    font-size: small;
    padding: 4px 2px;
    border: solid 1px #dee6e0;
    width: 200px;
    margin: 2px 0 20px 10px;
    font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
}
.btn
{
    clear: both;
    margin-left: 160px;
    width: 125px;
    height: 31px;
    background-color: #8b8b82;
    text-align: center;
    line-height: 31px;
    color: #fff;
    font-size: small;
    font-weight: bold;
    border: 0; 
    padding: 0;
}
.error
{
    background-color: #f0f0f0;
    border: solid 1px #8b8b82;
}
.message
{
    color: #0002BC;
}
.news p
{
    font-size: 6px;
}