/*		.com style sheet - version
		Publication:	Weekday Month.Day.Year
		Last Update:	Weekday Month.Day.Year
		Author:			Vincent Schunk (Vincent@VincentSchunk.com)

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

/*		Table of Contents

		- 1.0		Color palette
		- 2.0		General settings
		- 3.0		Specific settings
				- 3.1		Header
				- 3.2		Navigation
				- 3.3		Body
				- 3.4		Footer
		- 4.0		404 Error page

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

/*		1.0 Color Palette

				-		#
				-		#
				-		#

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

/*		2.0	General settings
		---------------------------------------------------------------------*/

		@import "http://www.vincentschunk.com/data/css/reset.css";
		/* @import "http://www.vincentschunk.com/data/css/debug.css"; */

		body {	background-color: #252727;
				color: #6B6B6B;
				text-align: left;
				font-family: Helvetica, Arial, "sans serif";
				font-size: 12px;
        }
		
		a:link { color: #68C5CD; text-decoration: none; }
		a:visited { color: #68C5CD; text-decoration: none; }
		a:active { color: #68C5CD; text-decoration: none; }
		a:hover {color: #68C5CD; text-decoration: none; }

    h2 {
      color: #484949;
      text-shadow: white 0 1px 0; 
      font-size: 18px;
      margin-bottom: 5px;
      }

/*		3.0	Specific settings
		---------------------------------------------------------------------*/

    div#linkback {
      height: 20px;
      background: url(../../images/linkback.jpg) repeat-x;
      line-height: 20px;
      text-align: center;
      position: fixed;
      width: 100%;
      }
      div#linkback a { color: white; margin-left: 2px; }
      div#linkback a:hover { color: white; text-decoration: underline; }
    div#headerwrap { width: 810px; margin: 0 auto; }
    div#navwrap { width: 810px; margin: 0 auto; }
    div#contentwrap { width: 810px; margin: 0 auto; }
    div#footerwrap { width: 810px; margin: 0 auto; }

		/*		3.1	Header
		---------------------------------------------------------------------*/

        div#header {
          height: 137px;
          background-color: #252727;
          width: 100%;
          }
          div#logo { float: left; }
          div#logo img { margin-top: 33px; }

          div#headerwrap li { float: right; }
          li#login { line-height: 137px; width: auto; }
            li#login a { color: #F2F5F5; font-size: 12px; }
            li#login a:hover { color: #68C5CD; font-size: 12px; }
          li#spacer { width: 1px; margin: 60px 0 0 0; }
          li#search { margin: 60px 0 0 0; width: 118px; }
            li#search img { width: 1px; height: 19px; }
            li#search input {
              height: 17px;
              width: 118px;
              padding-left: 2px;
              background-color: #F2F5F5;
              border: none;
              color: #252727;
              font-size: 12px;
              font-family: Helvetica, Arial, sans serif;
              }

		/*		3.2 Navigation
		---------------------------------------------------------------------*/

				div#nav {
          height: 38px;
          background-color: white;
          border-top: 2px solid #ED645B;
          width: 100%;
          }
          div#navleft { width: 30%; border-top: 2px solid #68C5CD; margin-top: -2px; }
          ul { margin-top: -2px; }
          li { float: left; width: 75px; height: 34px; padding-top: 4px; color: white; padding-left: 10px; }
            span.navheader { font-size: 14px; margin: 0 0 -3px 0; padding: 0; font-weight: bold; display: block; }
            span.navsub { font-size: 10px; }
            li#home { border-top: 2px solid; border-color: #68C5CD; }
              li#home a { color: #68C5CD; }
                li#home:hover { background-color: #68C5CD; }
                  li#home:hover a { color: white; }
              li#home.current { background-color: #68C5CD; }
            li#products { border-top: 2px solid; border-color: #B0D050; }
              li#products a { color: #B0D050; }
                li#products:hover { background-color: #B0D050; }
                  li#products:hover a { color: white; }
              li#products.current { background-color: #B0D050; }
            li#message { border-top: 2px solid; border-color: #EDCC28; }
              li#message a { color: #EDCC28; }
                li#message:hover { background-color: #EDCC28; }
                  li#message:hover a { color: white; }
              li#message.current { background-color: #EDCC28; }
            li#contact { border-top: 2px solid; border-color: #ED645B; }
              li#contact a { color: #ED645B; }
                li#contact:hover { background-color: #ED645B; }
                  li#contact:hover a { color: white; }
              li#contact.current { background-color: #ED645B; }
          

		/*		3.3 Body
		---------------------------------------------------------------------*/

				div#content {
          background-color: #F2F5F5;
          height: 533px;
          padding-top: 40px;
          }
          div#content a { line-height: 36px; }
          div#content a:hover { text-decoration: underline; }
        div#sample {
          background: url(../../images/sampleback.jpg) repeat-x;
          height: 258px;
          width: 810px;
          margin: 0 0 35px 0;
          }
          div#sampleimage img {
            float: left;
            margin-left: 18px;
            margin-top: 7px;
            }
          div#sampledesc { margin: 60px 0 0 18px; float: left; width: 230px; }
          div#sampledesc h2 {
            color: #F2F5F5;
            font-weight: normal;
            text-shadow: none;
            }
            div#sampledesc p { color: #C1C2C2; }
          h3 { font-style: italic; font-weight: normal; }
          div#productscontent {
            float: left;
            width: 250px;
            margin-right: 30px;
            }
          div#productscontent h2 { margin-bottom: -3px; }
          div#productscontent p { margin-top: 8px; }
          div#productscontent a { line-height: 35px; }
          div#messagecontent {
            float: left;
            width: 250px;
            }
          div#news {
            float: left;
            width: 250px;
            margin-left: 30px;
            }
            div#news h2 { margin-bottom: -5px; }
            div#news h3 { margin-top: 10px; }
            div#news a { line-height: 14px; }

		/*		3.4 Footer
		---------------------------------------------------------------------*/

        div#footer { clear: both; background: #252727; height: 107px; border-top: 2px solid #ED645B; color: #7C7E7E; }
          div#footerleft { width: 30%; border-top: 2px solid #68C5CD; margin-top: -2px; }
				div#footerwrap {
          background: url(../../images/footerborder.gif) no-repeat top left;
          margin-top: -2px; }
          p#contactinfo { padding-top: 20px; }
          p#copyright { margin-top: -14px; float: right; }
        p#contactinfo a { color: #7C7E7E; }
        p#contactinfo a:hover { color: #68C5CD; }
        span.blue { color: #68C5CD; }

/*		4.0 404 Error page
		---------------------------------------------------------------------*/