/*	-------------------------------------------------------------
 
	INOMAX WEBSITE
 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Description: Base cascading style sheet
	Name: inomax.css
	Version: 2.0
	Date: Jan 15, 2009
 
	This file is part of a site built by FingerPaint Marketing
	See: http://fingerpaintmarketing.com
	Copyright ©2010 Ikaria Holdings, Inc. All Rights Reserved.
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Color Palette:
	
 	Black	-	#312d2e
	Red		-	#8f0e1d
	Gold 	-	#D6971F

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/





/*	-------------------------------------------------------------
	BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html {font-size: 100%;}
body {background: #e2e2e2 url(../images/inomax-bg.jpg) repeat; font-family:"Arial", "Helvetica", "Tahoma", "Verdana", sans-serif; color: #333; line-height: 1.45em; font-size:13px;}


/*	-------------------------------------------------------------
	LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

a {color:#8f0e1d; font-weight:bold; outline: 0;}
a, a:visited, a:active {text-decoration: none}
a:hover {text-decoration:underline;}


/*	-------------------------------------------------------------
	TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
h1 {font-size:28px; line-height:30px; font-weight:lighter;}
h2 {font-size:16px; margin-bottom:.25em;}
h2.title {color:#950f1f; font-size:26px; font-weight:lighter;}
h3 {font-size:16px; font-weight:lighter; margin-bottom:1em;}
.red {color: #950F1F;}

p {margin: 0 0 12px 0; }

sup {vertical-align: baseline; font-size: 10px; position: relative; top: -0.3em;}
sub {vertical-align: baseline; font-size: 0.8em; position: relative; bottom: -0.4em;}

/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.clear {clear: both; font-size: 0; height: 0; line-height: 0; position: relative;}
.clearandspace {clear: both; font-size: 0; height: 20px; line-height: 0; position: relative;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}

@media screen and (-webkit-min-device-pixel-ratio:0){

	#search form .text{padding-top: 0px !important;}
}

/*	-------------------------------------------------------------
	GRID AND LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.container {background:url(../images/bg-red-top.png) repeat-x;}
.wrapper {margin: 0 auto; width: 1080px; height:600px;}

#content {float:left; width:890px;}
#sidebar {float:left; height:100%; width:190px;}
.main { border:1px solid #cbcbcb; background:#fff url(../images/red-bottom.png) repeat-x bottom; margin-left:15px; padding:25px; zoom: 1;}
.pad {padding:25px 0 25px 25px;}
hr {margin-bottom:25px;}


/*	-------------------------------------------------------------
	NAVIGATION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#navigation {background:#312d2e; padding:15px 0 200px 0; margin-bottom:15px; font-size:12px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; -webkit-border-bottom-left-radius:15px; -webkit-border-bottom-right-radius:15px;}
#navigation #logo {margin:33px 0 0 15px; display:block;}


/*	-------------------------------------------------------------
	INTERFACE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#sidebar .address {font-size:11px; color:#6f6f6f; text-shadow:0px 1px 1px #fff; line-height:1.5em; margin:0 0 0 8px;}
#sidebar .address strong {color:#993330;}
#sidebar .address em {font-style:normal; font-weight:bold;}

#header {padding:25px 0 10px;}
#header ul {float:right; text-align:right; margin:25px 0 10px;}
#header li {float:left; list-style:none; margin-left:15px;}

.standard {border:1px solid #bbb; width:100%; font-size:12px; margin-bottom:35px;}
.standard .even {background: #e2e2e2 url(../images/inomax-bg.jpg) repeat;}
.standard thead tr {background:#312D2E; border:1px solid #333;}
.standard thead tr th {padding:6px 3px; color:#fff; text-align:left; border:1px solid #444; vertical-align:bottom;}
.standard td {border:1px solid #bbb; padding:7px 4px;}
.standard td strong {font-size:14px;}
.standard td.half {width:60%; padding-right:15px;}
.standard td.quarter {width:20%;}


/*	-------------------------------------------------------------
	CONTENT STYLING
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#home h1 {color:#8f0e1d; margin-bottom:10px;}

#content ul {margin:0 0 1em 2em; list-style:outside disc;}
#content ol {margin:0 0 1em 2em; list-style:decimal;}
#content table img {float:left; padding-right:10px;
	width: 16px;
	height: 16px;
}
#content table.stacked {text-align:center;}
#content table.stacked img {display:block; clear:both; float:none; padding:0 0 5px 0; text-align:center; margin:0 auto;}
#content table.stacked td {width:33%; padding-bottom:5px;}

#content .downloads {background:#efefef; border:1px solid #ccc; float:right; width:220px; margin:0 0 25px 25px; padding:1px;}
#content .downloads h4 {background:#ddd; padding:5px; color:#555; border-bottom:1px solid #ccc; text-shadow:1px 0px 1px #fff;}
#content .downloads ul {margin:0; width:100%; }
#content .downloads ul li {display:inline-block; width:187px;}
#content .downloads ul li.pdf a {background: url(../images/icons/pdf.png) no-repeat 5px 50%; display:block; padding:5px 5px 5px 28px; width:100%;}
#content .downloads ul li.zip a {background: url(../images/icons/zip.png) no-repeat 5px 50%; display:block; padding:5px 5px 5px 28px; width:100%;}
#content .downloads ul li.cd a {background: url(../images/icons/cd.png) no-repeat 7px 50%; display:block; padding:5px 5px 5px 28px; width:100%;}
#content .downloads ul li.link a {background: url(../images/icons/link_go.png) no-repeat 7px 50%; display:block; padding:5px 5px 5px 28px; width:100%;}
#content .downloads ul li a:hover {background-color:#ddd; text-decoration:none;}

#content .sidebar-image{position: relative; float: right; clear: right; width: 200px; height: auto; padding: 2px; /*border: 1px solid #ddd;*/ margin: 0px 16px 50px 25px;}
#content .sidebar-image img {float: left;}
#content .side-box {background:#efefef; border:1px solid #ccc; float:right; width:245px; margin:0 0 50px 25px; padding:10px;}


/*	-------------------------------------------------------------
	FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#footer .nav {list-style:none; display:block; color:#8d8d8d; text-shadow:1px 0px 2px #fff; margin-top:15px;}
#footer .nav {text-align:center; }
#footer .nav li {display:inline; font-size:11px; line-height:8px; padding:0 5px; border-left:1px solid #8d8d8d;}
#footer .nav li:first-child {border:none; padding-left:0; margin-left:0;}
#footer .nav li a {color:#444;}
#footer .nav li a:hover {color:#8f0e1d; text-decoration:none;}

#footer .copyright {text-align:center; color:#4a4a4a; text-shadow:1px 0px 1px #fff; line-height:1.2em; font-size:11px; margin-bottom:30px;}
#footer .copyright p {margin-bottom:.5em;}

#footer #regulation {font-size:12px; margin-left:15px; background:#cacaca; padding:0px 15px 0px 15px; border:1px solid #aaa; line-height:1.2em; text-align:justify; color:#555;}
#footer #regulation a {color:#555; text-decoration:underline; font-weight:normal;}

/*	-------------------------------------------------------------
	FORMS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

input, textarea {margin: 0px 10px 10px 0px;}
textarea {width: 365px;color:#333333; font-family:"Arial","Helvetica","Tahoma","Verdana",sans-serif; font-size:12px; line-height:1.45em;}
input.checkbox {width: 25px;}
input.submit {width: 100px;}
input.error {margin: 0px;}
label.error {clear: left; color: #b61d26; display: block; margin: 0px 0px 10px 0px;}
fieldset {margin:0 0 20px 0;}

.fields .short {width:60px; margin:0 10px 0 5px;}
.fields .text {width:163px; margin-left:5px;}
.checkbox {float:left; margin-bottom:15px;}
.checkbox input {margin:0 5px 5px 0; float:left;}
.checkbox label {font-size:12px; line-height:14px;float:left; margin:-18px 0 0 40px;}
.checkboxes {border:1px dashed #ddd; padding:5px; margin-bottom:15px;}
.checkboxes label {margin-bottom:5px; display:block;}
.checkboxes input {width:20px;}
.field textarea {height:115px;}
.textarea {margin-top:15px;}



/*-------------------------------------------------------------------	Styles for .Net Grids By Ikairia
--------------------------------------------------------------------*/





.Grid { border: solid 1px Black; }
.Grid td
{
border: solid 1px Black;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
text-align: center;
}
.Grid tr
{
border: solid 1px Black;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
text-align: center;
font-size:11px;
}.Grid th
{
border: solid 1px Black;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
text-align: center
}

.GridHeader{
font-size:11px;
color:White;
font-weight: bold;
background:#312D2E;
border: solid 1px #dbb;
}
.GridItem
{
background-color: White;
border: solid 1px black;
font-size:11px;
}
.GridAltItem
{
background: #e2e2e2 url(../images/inomax-bg.jpg) repeat;
border: solid 1px black;
font-size:11px;
}
.GridEditItem
{
background: #e2e2e2 url(../images/inomax-bg.jpg) repeat;
border: solid 1px black;
font-size:11px;

}

/*	-------------------------------------------------------------
	STYLES FOR PRINT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@media print {

#footnotes {display:none;}

}