@charset "utf-8";

/*----------------------------------------------------------------------------
 -                                                                           -
 - LICENSE: Creative Commons Attribution-Noncommercial-No Derivative Works   -
 -          3.0 United States                                                -
 -                                                                           -
 - @category   CSS                                                           -
 - @package    PackageName                                                   -
 - @author     Jacob Anderson <jacob@pixeltechdesigns.com>                   -
 - @copyright  2009 Pixel Tech Designs, LLC.                                 -
 - @license    http://creativecommons.org/licenses/by-nc-nd/3.0/us/          -
 - @version    0.0.1                                                         -
 - @link       http://www.pmi-global.net/css/screen/default-MOZ.css          -
 - @since      File available since Release 0.0.1                            -
 - @deprecated File deprecated in Release 2.0.0                              -
 - @related                                                                  -
 ----------------------------------------------------------------------------*/

* {
  margin: 0;
	padding: 0;
}

body {
 background-color: #839C7D;
}

div#container {
	           width: 770px;
     margin-right: auto;
      margin-left: auto;
						    padding: 0 30px 30px 30px;
	background-color: #FFFFFF;
}

/* HEADER */

div#header {
            	width: 100%;
	           height: 120px;
  background-color: #FFFFFF;
	 background-image: url('../../assets/site-graphics/PMI-Header-Slice.png');
	background-repeat: repeat-x;
}

img#branding {
 float: left;
}

ol#navigation {
	float: right;
	list-style: none;
}

li.link {
 float: left;
}

img.image-link {
 border: none;
}

a {
 text-decoration: none;
}

/* CONTENT */

div#content-top {
	              width: 770px;
							   				height: 22px;
	   background-image: url('../../assets/site-graphics/grey-cut-corner.png');
	background-position: top;
	  background-repeat: no-repeat;
}

div#content {
            width: 770px;
									overflow: auto;
 background-color: #9EA4A2;
	     font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

h1 {
	      color: #800000;
	 text-align: center;
	  font-size: 15px;
 font-weight: bold;
}

h2 {
	      color: #800000;
 margin-left: 60px;
	  font-size: 15px;
 font-weight: bold;
}

h2.question {
	      color: #000000;
	  font-size: 12px;
 font-weight: bold;
}

span.dropcap {
		     color: #800000;
	font-weight: bold;
	  font-size: 15px;
}

div#content p {
	   margin: 10px 60px;
	font-size: 12px;
}

div#content p#mission {
	   margin: 10px 0;
	font-size: 12px;
}

blockquote {
 font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	  font-size: 12px;
	font-weight: bold;
	margin-left: 100px;
}

div#front-showcase {
 width: 770px;
}

div.column {
 float: left;
 width: 256px;
}

div#wide-column {
 clear: both;
 width: 770px;
}

div#flash {
         width: 251px;
	       height: 185px;
  margin-right: 2px;
	  margin-left: 3px;
 margin-bottom: 5px;
}

div.product-type {
            width: 211px;
	          height: 70px;
	    margin-right: 2px;
	     margin-left: 3px;
	   margin-bottom: 5px;
			      	padding: 10px 20px 10px 20px;
	background-color: #A9ADAC;
	          border: none;
}

img.product-image {
        float: left;
	margin-right: 2px;
	      border: none;
}

span.product-type-title {
	      color: #91423D;
  	font-size: 16px;
}

ul.product-type-info {
           float: left;
            width: 100px;
        font-size: 10px;
      margin-left: 20px;
	list-style-image: url('../../assets/site-graphics/PMI-dot.png')
}

ul.product-type-info li {
     color: #000000;
 font-size: 12px;
}

div#mission-statement {
        float: left;
        width: 241px;
       height: 120px;
 margin-right: 2px;
  margin-left: 3px;
      padding: 5px;
    font-size: 16px;
}

div#skate-link {
         float: right;
         width: 509px;
        height: 90px;
  margin-right: 2px;
   margin-left: 2px;
 margin-bottom: 5px;
   	text-align: center;
}

div#contact-us {
        float: right;
        width: 509px;
       height: 50px;
 margin-right: 2px;
  margin-left: 2px;
}

div#contact-us img {
 float: right;
}

table.sizes {
        	margin: 5px auto;
	border-spacing: 0;
 	border-bottom: 1px solid #FFFFFF;
}

table.mechanical {
        	margin: 5px auto;
	border-spacing: 0;
 	border-bottom: 1px solid #FFFFFF;
}

th.sizes {
	           width: 80px;
	          height: 55px;
	      text-align: center;
	background-color: #993300;
          	border: 1px solid #FFFFFF;
											 color: #FFFFFF;
										padding: 10px;
}

th.mechanical {
	      text-align: center;
	background-color: #993300;
          	border: 1px solid #FFFFFF;
											 color: #FFFFFF;
          padding: 2px 10px;
}

td.sizes {
		      width: 100px;
	  text-align: center;
	border-right: 1px solid #FFFFFF;
	 border-left: 1px solid #FFFFFF;
}

td.mechanical {
	  text-align: center;
	border-right: 1px solid #FFFFFF;
	 border-left: 1px solid #FFFFFF;
      padding: 2px 10px;
}

tr.light {
	background-color: #FFCC99;
}

tr.dark {
	background-color: #FF9966;
}

tr.extra-dark {
	background-color: #993300;
	           color: #FFFFFF;
      font-weight: bold;
}

ul#applications {
	margin-left: 90px;
	 list-style: disc;
 font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	 	font-size: 12px;
}

div#content-bottom {
	              width: 770px;
							   				height: 40px;
	   background-image: url('../../assets/site-graphics/orange-cut-corner.png');
	background-position: bottom;
	  background-repeat: no-repeat;
}

span#phone {
      	float: right;
     	margin: 7px;
 font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	 	font-size: 18px;
	font-weight: bold;
			    color: #FFFFFF;
}

/* FOOTERS */

div#footer-tall {
       width: 770px;
	     height: 155px;
 	margin-top: 10px;
 font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

div#footer-short {
       width: 770px;
	     height: 90px;
 	margin-top: 10px;
 font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

div#footer-tall p {
	   margin: 10px 0;
	font-size: 12px;
}

div#footer-short p {
	   margin: 10px 0;
	font-size: 12px;
}

div#footer-corner {
             width: 380px;
           	height: 22px;
	 background-image: url('../../assets/site-graphics/green-cut-corner.png');
	background-repeat: no-repeat;
}

div.footer-column {
           	width: 360px;
	          height: 125px;
										padding: 10px;
	background-color: #839C7E;
}

div.footer-column#left-footer-column {
	 height: 103px;
}

div.footer-column-short {
           	width: 370px;
	          height: 60px;
										padding: 5px;
	background-color: #839C7E;
}

div.footer-column-short#left-footer-column {
	 height: 38px;
}

div#left-footer-column {
 float: left;
}

div#left-footer-column p {
 margin-top: -22px;
}

div.footer-column-short#left-footer-column p {
	 margin-top: -12px;
	margin-left: 70px;
}

div.footer-column-short#left-footer-column img {
	margin-top: -22px;
}

div#right-footer-column {
	     float: right;
	margin-top: -22px;
}

ul#manufactured {
	margin-left: 40px;
	 list-style: disc;
 font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	 	font-size: 12px;
}

img#USGBC-large {
	 float: left;
	margin: 10px;
}

img#USGBC-small {
	 float: left;
	margin: 10px;
}

span#footer-phone {
	        clear: both;
	        float: right;
	margin-bottom: 5px;
	  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	   	font-size: 14px;
	 	font-weight: bold;
	       	color: #F8FCFF;
}

span#footer-fax {
	        clear: both;
	        float: right;
	margin-bottom: 5px;
	  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	   	font-size: 14px;
	 	font-weight: bold;
	       	color: #F8FCFF;
}

span#footer-email {
	        clear: both;
	        float: right;
	margin-bottom: 5px;
	  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	   	font-size: 14px;
	 	font-weight: bold;
	       	color: #F8FCFF;
}

span#copyright-address {
	    float: right;
	    color: #839C7E;
	font-size: 11px;
}