/*
copyright (c) 2008 Website Solutions Group
author: brian porter
email: brian.porter@websitesolutionsgroup.com
website: www.websitesolutionsgroup.com
client: NoMix, Inc.
version: 1.0
date: November 3, 2008

*/
	html, body {
    height: 100%;
}


body {
width: 100%;
background: #FFF url(/images/nomix_logo_small.jpg) no-repeat;
}

h1 {
text-align: left;
margin: 0;
padding: 0.50em 0 0.50em 0;
font-size: 400%;
font-weight: bold;
}
 
h2 {
text-align: left;
margin: 0;
padding: 0.25em;
font-size: 150%;
font-weight: normal;
}

h3 {
text-align: left;
margin: 0;
padding: 0.25em;
font-size: 120%;
font-weight: normal;
}

code {
font-size: .6em;
margin-bottom: 1.875em;
line-height: 1.875em;
}

#allcontent {
	position:relative;
min-height: 100%;
min-width: 760px;
padding-top: 0px;
padding-bottom: 0px;
}

#nameplate {
background-color: #002254;
color: #fff;
text-align: center;
margin-top: 0.5em;
margin-left: 270px;
margin-bottom: 2em;
}

#main {
width: 85%;
float: right;
display: inline;
}

#content {
width: 95%;
padding: 0.5% 0.5% 2.5% 0.5%;
float: left;
display: inline;
margin-bottom: 1px;
overflow:auto; height:100%;
}

a {
line-height:2em;
text-decoration: underline;
list-style-type: none;
}

ul {
margin: 0;
padding: 0;
}

#navigation {
width: 13.5%; /*32% */ 
padding: 0 0 0 0;
float: left;
display: inline;
margin-top: 2em;
}

#navigation ul li {
display:inline;
font-weight: bold;
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type: none;
text-align: left;
}


#navigation ul li a{
display: block;
color: #002254;
margin: 0 0 0 0;
text-decoration: none;
}

#navigation a:hover {
background: #002254; 
color: #ffff00;
}

#prod_navigation {
text-align:left;
}

#prod_navigation ul {
margin: 0 0 0 0;
padding: 0 0 0 1em;
}

#prod_navigation ul li {
display:inline;
font-size: 85%;
font-weight: bold;
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type: none;
text-align: left;
}

#prod_navigation ul li a {
color: #002254;
padding: .5em;
margin: 0 0 0 0;
text-decoration: none;
}

#prod_navigation a:hover {
background: #002254; 
color: #ffff00;
}

.about a{
line-height:2em;

text-decoration: underline;
list-style-type: disc;
}

.forms li a{
line-height:1.5em;
text-decoration: underline;
list-style-type: disc;
}

#ccards {
margin: 1em;
padding: 1em;
text-align: center;
clear:both;
}

#ccards a img {
width:253px;
height:80px;

margin:0 0 5px 0;
padding:0 0 12px 0;
}

#footer {
    position: absolute;
    bottom: 0;
    width:100%;
background-color: #002254;
color: #ffffff;
text-align: center;
font-size:80%;
line-height:1.25em;
height:4em;
clear:both;
margin:1px;
}

#footer a, #footer .visted a {
color: #ffff00;
}


#addy a {
color: #555555;
padding: .5em 5em .5em .5em;
font-size: 100%;
line-height: 120%;
font-style: normal;
text-decoration: underline;
}

.steps img {
float:right;
display: inline;
padding: .25em;
margin: .25em .25em .25em 2.25em;
clear:both;
}

.steps p {
width: 75%;
float: left;
display: inline;
padding: 1.25em;
margin: 0 0 0 0;
border: thin solid black;
}

.steps {
clear: both;
}

.solve img {
float:right;
display: inline;
padding: .25em;
margin: .25em .25em 0 2.25em;
clear:both;
}

.solve p {
width: 75%;
float: left;
display: inline;
padding: 1.25em 1.25em 0 1.25em;
margin: 0 0 0 0;
border: thin solid white;
}

.solve {
clear:both;
}

.caption {
font-size:75%;
display:inline;
text-align:right;
padding: 0 0 0 0;
margin: 0 0 0 0;

}

.about {
text-align: center;
clear: both;
}

.about p a {
line-height: 2em;
margin: 1.5em;
padding: 1.5em;
color: #555555;
text-decoration: underline;
text-align: center;
clear: both;
}

#covershot {
display:inline;
float:right;
width:320px;
margin: 1px;
overflow:auto;
border-bottom:1px;
}

.copy {
display:inline;
max-width: 36em;
}

.copy h4 {
margin-top: 2em;
clear: left;
}

.copy p {
max-width: 36em;
}

.copy ul li, .copy ol li {
padding-right: 15em;
}

.copy ul, .copy ol, .copy p, .copy h4 {
padding-left:1em;
}

.copy img {
float:right;
}

.products img {
float:right;
margin: 0 1em 10em 0;
padding: 0 0 0 0;
}

#buy {
margin-left: 50%;
}

#buy a:link, #buy a:visited {
display: block;
width: 133px;
height: 45px;
color: #000;
text-decoration: none;
background: #FFF url(images/buynow_off.jpg) no-repeat left top;
clear:both;
}

#buy a:hover {
background: #FFF url(images/buynow_on.jpg) no-repeat left top;
color: #FFF;
}

.icon img {
float:left;
display:inline;
}

li img {
text-align:left;
}