/* imports */
@import url("nav.css");

/* global reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
a img {border:none;}
a, a:visited{
display:inline;color:#457a1d; text-decoration:none; border-bottom:1px solid white;}
a:hover{
color:#457a1d; text-decoration:none; border-bottom:1px dotted #457a1d;
}

/* style rules */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.5em;
	background:white url(../../images/bkg.gif) no-repeat;
	color:#404040;
	padding:0;
	margin:0 auto;
	text-align:center;
}
html>body{font-size: 10px;}

#header{
	background:white;
	width:960px;
	height:82px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#header div.logo{
	display:block;
	float:left;
	width:298px;
	height:82px;
}
#header div.logo a{
	display:block;
	width:222px;
	height:57px;
	margin:13px 0 0 45px;
	text-decoration:none;
	border:0;
	background: transparent url(../../images/logo_gridcom.gif) no-repeat;
}
#header #search{
	float:right;
	margin:11px 23px;
	padding:0;
}
#header #search input.query{
	width:116px;
	height:10px;
	border:1px solid #909090;
	padding:4px 6px;
	margin:0;
	float:left;
	font-size:0.9em;
	color:#909090;
}
#header #search input.button{
	padding:0;
	margin:2px 0 0 9px;
	float:left;
}
#header span, #wrap h1 span, #wrap h2 span{
	visibility:hidden;	
}	
#wrap{
	width:960px;
	margin:0 auto;
	padding-top:151px;
	text-align:left;
	/* unique images now addded to indivudual pages */
	background:white url(../../images/wrap_bg2.jpg) no-repeat;
	/*background:white;*/
}
#wrap h1{
	margin:0 0 15px 10px;
	font-size:2.4em;
	color:#457a1d;
}
#wrap h2{
	font-size:1.3em;
	line-height:1.5em;
	color:#457a1d;
	padding:0 0 0px 0;
	margin-bottom:-10px;

}
#wrap h2 a{
	font-size:1.1em;
	line-height:1.5em;
	color:#457a1d;
}
#wrap p, #wrap p.indent-20{
	font-size:1.2em;
	line-height:1.5em;
	margin:0 0 1.25em 0;
}
#wrap p.intro{
	font-size:1.6em;
	line-height:1.4em;
}
#wrap p.indent-20{
	margin-left:20px;
}
#wrap div.sidebars div.sidebar{
	background:#e8f5db url(../../images/sbar_bg.gif) no-repeat;
	margin-bottom:15px;
}
#wrap div.sidebars div.sidebar h3{
	width:206px;
	height:29px;
	font-size:1.2em;
	text-transform:uppercase;
	padding:6px 0 0 14px;
}
#wrap div.sidebars div.sidebar h4{
	font-size:1.2em;
	padding:0 0 5px 4px;
	margin:0 10px;
	background:transparent url(../../images/sbar_line.gif) repeat-x bottom;
}
#wrap div.sidebars div.sidebar ul{
	padding:6px 0 0 14px;
	margin:0 0 10px 0;
}
#wrap div.sidebars div.sidebar ul li{
	padding:0 0 3px 10px;
	margin:0;
	border:0;
	list-style:none;
	list-style-type:none;
	background:transparent url(../../images/sbar_bullet.gif) no-repeat 0 6px;
}
#wrap div.sidebars div.sidebar ul li a, #wrap div.sidebars div.sidebar ul li a:visited{
	font-size:1.2em;
	border-bottom:1px solid #e8f5db;
}

#wrap div.sidebars div.sidebar a, #wrap div.sidebars div.sidebar a:visited{
	border-bottom:1px solid #e8f5db;
}

#wrap div.sidebars div.sidebar ul li a:hover, #wrap div.sidebars div.sidebar a:hover{
	border-bottom:1px dotted #457a1d;
}

#wrap div.sidebarbanner{
	padding:6px 4px 0px 10px;
	margin: 0px 0px 0px 0px;
	width:206px;
	height: 100px;
	background:#BED5AD;
	font-size:1.2em;
}
	
#wrap div.cols{float:left;}
#wrap div.main{
	width:700px;
	margin-left:10px;

}
#wrap div.sidebars{
/*border: 1px solid #999999;*/
	width:220px;
	margin-left:20px;
}
#wrap div.treup{
	width:300px;
	height:105px;
	margin-top:25px;
	margin-left:25px;
	padding: 8px;
	border: 1px solid #457a1d;
/*HTML 5 ~ CSS3 UPDATE
border: 1px solid #999999;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
	opacity:0.8;
	-moz-box-shadow: 5px 5px 7px #888;
	-webkit-box-shadow: 5px 5px 7px #888;
*/
}
#wrap div.treup:hover {
/*HTML 5 ~ CSS3 UPDATE
background: #b1cb3a;
background: -moz-linear-gradient(top, #b1cb3a, #8eb92c 27px, #73ab00 27px, #92c415);
background: -webkit-gradient(linear,left top, left bottom, from(#b1cb3a), to(#92c415));
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#b1cb3a', EndColorStr='#92c415', GradientType=0);
opacity:1.0;
*/
}


#wrap div.treup a, a:visited, a:hover {
	display:inline;color:#457a1d; 
	text-decoration:none; 
	/*border-bottom:0px solid white;*/
}
#wrap div.treup-first{margin-left:15px;}

#footer{
	width:960px;
	margin:0px auto;
	padding-top:0px;
	text-align:left;
	/*background:white url(../../images/ftr_bg.gif) repeat-x;*/
	font-size:1em;
}
#footer .copyright{float:right; color:#404040; font-weight:bold; padding-right:15px;}
#footer .footernav{float:left; color:#535353; padding-left:15px;}

/* typography */
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
strong{font-weight:bold;}
em{font-style:italic;}
img{border:0;}

/* clearing */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.clear{clear:both;}

/* util */
.button, .button:hover{border:0;}
.left{float:left;}
.right{float:right;}




/* Add-ons ********************************************************/
ul.bullets {
	font-size:1.2em;
	line-height:1.5em;
	font-family:inherit;
	list-style:dot outside;
	margin-left:50px;
	margin-bottom:20px;
}
li.bullets {
	background:transparent url(../../images/sbar_bullet.gif) no-repeat 0 6px;
}
#wrap p.header {
	margin:0 0 15px 10px;
	color:#457a1d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:2.2em;
	/*border-bottom:1px solid #c45123;
	width: 250px;*/
}
#wrap div.columnLeft {
	float: left;
}
#wrap div.columnRight {
	margin-right: 150px;
	float: right;
}
#wrap div.indent {
	margin-left:25px;
	margin-right: 25px;
}

#wrap div.indentcustomer {
	width: 600px;
	height: 125px;
}
#wrap div.indentcustomerlogo {
	width: 150px;
	margin-left:100px;
	float:left;
}
#wrap div.indentcustomertext {
	margin-left:275px;
}




#wrap div.newsletter_left{
    float: left;
    margin-left:0px;
    width: 175px;
}

#wrap div.newsletter_right{
    float: right;
    padding: 10px;
    width: 400px;
    border: 1px solid gray;
	background:#e8f5db;
}





#wrap p.subheader{
	font-size:1.2em;
	line-height:1.4em;
	color:#c45123;
	font-weight:normal;
	margin-bottom: 2px;
}
#wrap div.underline{
	padding:0 0 12px 0;
	margin-bottom:10px;
	border-bottom:1px solid #c45123;
}
#wrap div.PressRelease{
	width:700px;
	margin-left:100px;
	margin-right:100px;
}

#footbanner {
	background:#DBE7D1;
	width:960px;
	height:100px;
	padding:0;
}


/* sifr rules */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active #wrap h1, .sIFR-active #wrap h2, .sIFR-active #wrap div.sidebars div.sidebar h3{
visibility:hidden;}
}
.sIFR-active object {
  display: block;
}