/* Eliminating Browser Style Interference --------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote
{
    padding: 0;
    margin: 0;
}

a { text-decoration: none; }
a img { border: none; }

/* fonts */
body
{
    color: #333;
	font-family: "Helvetica", sans-serif;
}

h1, h2, h3, h4, h5, h6
{
    color: #444;
	font-family: "Helvetica", sans-serif;
}

h1
{
    /* top, right, bottom, and left. */
    font-size: 2em;
	margin: 0 10px 10px 0px;
	padding: 10px 5px 5px 0px;
}

h2
{
    font-size: 1.4em;
	margin: 10px 10px 10px 0px;
	padding: 10px 5px 5px 0px;
}

h3
{
    font-size: 1em;
	margin: 0 10px 10px 0px;
	padding: 10px 5px 5px 0px;
}

h4, h5, h6, pre, code
{
    font-size: 1em;
	margin: 0 10px 10px 0px;
	padding: 10px 5px 5px 0px;
}

/* ------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------ */
#wrapper
{
    margin: 20px;
    min-width: 800px;
    max-width: 1024px;
}

/* ------------------------------------------------------------------------------------------ */


/* BANNER ----------------------------------------------------------------------------------- */
#banner 
{
    position: relative;
    height: 128px;
    background: #7c7d7e;  
    border: 4px black solid; 
    margin-bottom: 0px;
}
#logo img { border-right: 4px black solid; }

#logo #caption
{
    border: none;
    margin-bottom: 16px;
    margin-left: 32px;
}
/* ------------------------------------------------------------------------------------------ */

/* NAV BAR ---------------------------------------------------------------------------------- */
#mainNav
{
    margin-left: -4px;
    margin-right: -4px;
}
#mainNav ul
{
    padding: 0;
    list-style: none;
    background-color: black;
    float: left;
    border-bottom: 1px solid #000;
    width: 100%;
}

#mainNav li
{
    float: left;
    padding: 0;
    margin: 0;
}

#mainNav li a, #mainNav li a:link
{
    color: white;
    text-decoration: none;
    padding: .5em 1em;
    display: block;
    font: 1em "Gill Sans", "Lucida Grande", sans-serif;
}

#mainNav li a:hover 
{ 
    color: #5fc9de;
}
/* ------------------------------------------------------------------------------------------ */

.subNav
{
    margin-left: 0px;
    padding: 10px 10px 20px 10px;
    float: right;
    width: 140px;

}

.subNav ul
{
    list-style: none;
}

body
{
	margin: 20px;
	min-width: 800px;
	max-width: 1024px;
}

/* ------------------------------------------------------------------------------------------ */

.section
{
    width: 800px;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.section h2
{ 
   float: top;
   width: 100%;
}

.section img
{ 
   margin-right: 20px;
   float: left;
}

.section p
{ 
  float: top;
}

#content
{
   float: left;
   width: 700px;
   margin:  0px 0px 0px 0px;
   padding: 10px 10px 10px 10px;
   background: white;
}

.step
{
   height: 380px;
   width: 720px;
   float: top; 
   margin:  30px 0px 10px 0px;
}

.exampleImage
{
   width: 400px;
   height 400px;
   float: right; 
}

.borderedImage
{
  float: right; 
  border: 6px solid #222;
  padding: 0px 0px 0px 0px;
  margin: 0px 0 0 0;
}

#mainImage
{
  float: top; 
  margin: 40px 0 20px 20px;
}

.dock
{
  float: right; 
}

.exampleText
{
   height 300px;
   width: 300px;
   float: left; 
   margin:  0px 0px 0px 0px;
}

.exampleText h3
{
   margin-top: 0px;
}

.foldericon
{
float: left;
margin: 10px;
}

.row
{
    width: 800px;
    height: 160px;
    margin: 10px 10px 10px 40px;
}

.buyNow
{
    float: left;
    background: #fff;  
  /*  border: 2px black solid; */
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    width: 280px;
}

.buyNow h2
{
   text-align: center;
   margin: 0px 10px -10px 10px;
}

.buyNow form
{
   margin-left: auto;
   margin-right: auto;
   width: 112px;
   margin-top: 10px;
   margin-bottom: 10px;
}