/* |                                  |
   |----------------------------------|          ,
   |      CSS developed by 3dphx  ,_  |  ,     .'<_
   |             Tempe, AZ       _> `'-,'(__.-' __<
   |           www.3dphx.com     >_.--(.. )Ê =;
   |             Ben Heise            |V-'`'\/``
   |----------------------------------|
   |                                  |

   =Common-Page-Styles
----------------------------------------------- */

html, body {
  height: 100%;
}

body {
  background: #4d483a url(../images/bg.jpg) repeat-x 0 0;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 77%;
  margin: 0;
  text-align: center;
}

.hide {
  display: none;
}

.remove-border {
  border: 0 !important;
}

.break {
  display: block;	
}

.uppercase {
  text-transform: uppercase;	
}

.space {
  color: #7c7a6b;
  padding: 0 5px;	
}

a {
  outline: none;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearfix {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}

table {
  border-bottom: 1px solid #7c7a6b;
  margin: 0;
}

table th {
  background: transparent url(../images/metal-bg.jpg) no-repeat -20px 0;
  border-bottom: 1px solid #222114;
}

table th, table td {
  border-top: 1px solid #7c7a6b;
  border-bottom: 1px solid #222114;
  padding-left: 10px;
}

table td {
  height: 20px;
}

table .border-right {
  border-right: 1px solid #7c7a6b;
  width: 130px;
}
table .color-row {
  background-color: #383826;
}

#print-logo {
  display: none;	
}


/* =Font-Color
-----------------------------------*/
.color-gold { color: #b1974c;}

.color-grey { color: #B7B4AA;}

/* =Container
-----------------------------------*/

#container {
  height: auto !important;
  height: 100%;
  margin: 0 auto -57px; /* the bottom margin is the negative value of the footer's height */
  min-height: 100%; 
  padding: 0;
  position: relative;
  text-align: left;
  width: 663px;
}

#content-container-bg {
  background: transparent url(../images/bg-container.png) repeat-y 0 0;
  height: 1%;
}

#content-bg {
  background: transparent url(../images/bg-header.jpg) no-repeat 0 0;
  height: 1%;
}

#footer-bg {
  background: transparent url(../images/bg-footer.png) no-repeat 0 0; 
  height: 80px;
  position: relative;
  z-index: 1;
}

#footer-bg div {
  color: #6d6a5e;
  font-size: 9px;
  left: 240px;
  position: absolute;
  top: 31px;
}

#footer-bg .facebook, #footer-bg .linkedin, #footer-bg .myspace {
  display: block;
  position: absolute;
  text-indent: -9999em;
  top: 78px;
}

#footer-bg .facebook {
  background: transparent url(../images/facebook.png) no-repeat 0 0;
  height: 75px;
  left: 226px;
  width: 129px;	
}

#footer-bg .facebook:hover {
  background-position: 0 -75px;
}

#footer-bg .linkedin {
  background: transparent url(../images/linkedin.png) no-repeat 0 0;
  height: 72px;
  left: 374px;
  width: 119px;
}

#footer-bg .linkedin:hover {
  background-position: 0 -72px;
}

#footer-bg .myspace {
  background: transparent url(../images/myspace.png) no-repeat 0 0;
  height: 70px;
  left: 513px;
  width: 135px;
}

#footer-bg .myspace:hover {
  background-position: 0 -70px;
}



/* =Header
-----------------------------------*/

#header {
  height: 108px;
  margin: 0;
  position: relative;
}

#header .logo, #header #text-zoom {
  position: absolute;
}

#header .logo {
  display: block;
  height: 81px;
  left: 76px;
  margin: 0;
  top: 0;
  width: 65px;
}

#header .logo:hover {
  background: transparent url(../images/bg-logo.jpg) no-repeat 0 0;
}

#header #text-zoom {
  height: 9px;
  left: 240px;
  top: 90px;
}

#header .logo, #header #text-zoom .zoom-out, #header #text-zoom .zoom, #header #text-zoom .zoom-in {
  text-indent: -9999em;
}

#header #text-zoom .zoom-out, #header #text-zoom .zoom, #header #text-zoom .zoom-in {
  display: block;
  float: left;
  line-height: 0;
  height: 9px;
}

#header #text-zoom .zoom-out {
  background: transparent url(../images/btn-zoom.gif) no-repeat 0 0;
  width: 15px;
}

#header #text-zoom .zoom-out:hover {
  background-position: 0 -9px;	
}

#header #text-zoom .zoom {
  background: transparent url(../images/btn-zoom.gif) no-repeat -15px 0;
  width: 19px;
}

#header #text-zoom .zoom:hover {
  background-position: -15px -9px;	
}

#header #text-zoom .zoom-in {
  background: transparent url(../images/btn-zoom.gif) no-repeat -34px 0;
  width: 15px;
}

#header #text-zoom .zoom-in:hover {
  background-position: -34px -9px;	
}

#footer div li, #footer div li a, #footer div p, #footer div p a {
  color: #999;
  text-decoration: none;
}

#footer div li a:hover, #footer div p a:hover {
  color: #a99049;
  text-decoration: underline;
}

#header li.selected a, #footer div li.selected a, #footer div li a:hover, #content a, #callout a, #content h1 {
  color: #a99049;
}

/* =Body
-----------------------------------*/

#body {
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 663px;
}

#column-left, #column-right {
  float: left;
}

#content {
  clear: both;
  padding-bottom: 18px;
}

.page-error #content {
  padding-bottom: 0;
}

#content a {
  /* text-decoration: underline; */
}

#content a:hover {
  text-decoration: none;
}


/* =Links
-----------------------------------*/

#content a {}

#content a:link {}

#content a:visited {}

#content a:hover {}

#content a:active {}

#content a img {
  border: none;
}


/* =Headers
-----------------------------------*/

#content h1, #content h2 {
  font-weight: normal;
}

#content h1 {
  font-size: 200%;
  line-height: 145%;
}

#content h2, #content h4, #content h5 {
  font-weight: normal;
}

#content h2 {
  font-size: 170%;
  margin-bottom: 10px;
}

#content h3 {
  font-size: 160%;
}

#content h4 {
  font-size: 130%;
}

#content h5 {
  font-size: 110%;
}

#content h6 {
  font-size: 90%;
}


/* =Paragraph
-----------------------------------*/

#content p {
  font-size: 90%;
  line-height: 130%;
}

#content sup {
  font-size: 70%;
}


/* =Cite
-----------------------------------*/

#content cite {
  display: block;
}


/* =Unordered-List
-----------------------------------*/

#content ul {
  margin-left: 0;
}

#content ul{
  padding-left: 15px;
}

/* Ordered-List
-----------------------------------*/

#content ol {
  margin-left: 5px;
  padding-left: 5px;
}

#content ol ol {
  list-style-type: lower-alpha;
}

#content ol ol ol {
  list-style-type: lower-roman;
}


/* Definition-List
-----------------------------------*/

#content dl {
  font-size: 90%;
}

#content dd {
  margin-left: 0;
}

#content dd span {
  display: block;
  float: left;
  margin-right: 6px;
  text-align: right;
  width: 20px;
}


/* =Home
-----------------------------------*/

#column-left {
  width: 496px;
}

#content h1, #content h2 {
  line-height: 70%;
  margin: 0;
  text-transform: uppercase;
}

#content h1, #content h2, #content h3 {
  background-color: #222114;
  color: #b1974c;
  font-size: 100%;
  font-weight: bold;
  height: 13px;
  margin-bottom: 7px;
  padding: 8px 8px 2px 8px;
  text-transform: uppercase;
}

.home #content h2 {
  height: 27px;
}

.about #content h2 {
  margin-top: 25px;
}

.about #content h2 span, .about #content h3 span {
  color: #B7B4AA;
  float: right;
  position: relative;
  z-index: 1;
}

.about #content h3 span {
  background-color: #787364;
  border-top: 1px solid #999486;
  border-bottom: 1px solid #222114;
  border-left: 1px solid #999486;
  color: #333;
  margin-top: 0;
  margin-right: -19px;
  padding: 1px 8px 1px 10px;
}

.about #content h3 {
  background: transparent url(../images/metal-bg.jpg) no-repeat -20px 0;
  border-top: 1px solid #7c7a6b;
  border-bottom: 1px solid #222114;
  line-height: 150%;
  text-transform: none;
  padding: 8px 0 12px 8px;
}

.about #content h3, .agenda #content h3 {
  margin-bottom: 0;
}

.agenda table {
  margin-top: -6px;
}

.about #content h3.remove-border-header {
  border-top: 0;
  padding-top: 0;
}

.about #content ul {
  margin-bottom: 12px;
  margin-right: -29px;
  width: 345px;
}

.about #content p {
  position: relative;
}

.about #column-right #content p .gpa {
  background-color: #222114;
  border: 1px solid #B7B4AA;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  position: absolute;
  margin: 0;
  padding: 3px 6px;
  right: 0;
  top: 4px;
} 

.about .date, .about .date2 {
  background-color: #222114;
  margin: 0 auto;
  padding: 2px 0;
  text-align: center;
  width: 100px;
}

.about .date2 {
  width: 165px;
}

.about dl {
  margin: 12px 0 0;
}

.about dl dd {
  margin-bottom: 8px;
  padding-left: 20px;
}

.about dl dd.remove-margin {
  margin: 0;
}

#content .divider {
  border: 0;
  border-bottom: 1px solid #222114;
  padding-bottom: 12px;
}

#content p {
  margin-bottom: 5px;
}

#content a, #callout p, #callout a {
  font-size: 90%;
}

#content a {
  /* background: transparent url(../images/btn-sm-single-arrow-color1.gif) no-repeat 100% 4px; */
  padding-right: 10px;
  text-decoration: none;
  border-bottom: 1px solid #a99049;
}

#callout a:hover {
  text-decoration: none;
}

#content a:hover {
  border-bottom: none;
}

#content a span, #callout a span {
  text-indent: -9999em;
  display: none;
}

#content ul li {
  color: #b1974c;
}

#content ul li span {
  color: #B7B4AA;
}


/* =Home-Slide-Show
-----------------------------------*/

.callout {
  background-color: #333121;
  float: left;
  padding: 6px;
  position: relative;
  text-align: center;
  width: 160px;
}

.mac .callout-client {
  height: 155px;
}

.win .callout-client {
  height: 158px;
  *height: 157px;
}

.callout-client div {
  width: 160px;
}

.callout-feature {
  min-height: 150px;
  margin-right: 5px;
  width: 168px;
}

.callout-feature p {
  color: #b7b4aa;
  font-size: 9px;
  padding-left: 10px;
  padding-right: 8px;
  text-align: left;	
}

.callout-feature p a:hover {
  border: 0;
  color: #fc3;	
  text-decoration: none;
}

.callout .callout-header {
  background-color: #201f13;
  color: #a99049;
  font-size: 100%;
  margin: 0;
  padding: 5px;
  text-align: left;
  text-transform: uppercase;
}

.callout-feature .callout-header {
  margin-bottom: 8px;	
}

.flashclass { /*sample CSS class added to image slideshow container*/
  /* border: 2px solid #a99049; 
  padding: 9px 5px 15px 5px; */
  padding: 0;
  width: 238px; /*a width should be defined for transition to work*/
}

.flashclass img{
  border-width: 0;
  margin: 0 auto;
}

#slideshow {
  float: left;
  text-align: left;
}

#slideshow p {
  margin: 0;
  padding: 0 0 0 15px;
}

#slideshow img {
  /* margin: 0 0 -20px; */
  margin-top: 12px;
  /* margin-left: 12px; */
  margin-bottom: 0;
}

#slideshow a {
  display: block;
}

#slideshow a.slideshow-link {
  /* background: transparent url(../images/btn-sm-double-arrow-color1.gif) no-repeat 50px 4px;
  border-bottom: 1px solid #a99049; */
  padding: 0;
  line-height: 110%;
  margin-top: 2px;
  margin-left: 15px;
  width: 65px;
  text-decoration: none;
}

#slideshow a.slideshow-link:hover {
  border-bottom: 1px solid #fff;
}


/* =Column Left
-----------------------------------*/

#column-left {
  float: left;
  height: 300px;
  position: relative;
  top: 0;
  width: 210px;
}

#column-left .title {
  display: block;
  height: 43px;
  left: 35px;
  position: absolute;
  text-indent: -9999em;
  top: 15px;
  width: 131px;
}

#column-left .title:hover {
  background: transparent url(../images/img-title.gif) no-repeat 0 0;
}

#column-left ul {
  margin: 0;
  margin-top /*\**/: -7px\9;
  _zoom: 1.01;
  position: absolute;
  right: 3px;
  top: 89px;
  width: 160px;
}

#column-left li {
  font-size: 12px;
  list-style: none;
  text-align: right;
  text-transform: uppercase;
}

#column-left li, #column-left li a {
  color: #9a9d86;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

#column-left li a {
  display: block;
  margin-bottom: 2px;
  padding: 9px 32px 8px 0;
}

#column-left a:hover {
  background: transparent url(../images/nav-arrow.gif) no-repeat 134px 14px;
  color: #b1974c;
}


/* =Column Right
-----------------------------------*/

#column-right {
  float: left;
  padding: 0 45px;
  width: 360px;
}

#column-right #content {
  color: #b7b4aa;
  padding-top: 18px;	
}

#column-right #content .photo {
  background: #1d1c11 url(../images/photo.jpg) no-repeat 10px 10px;
  float: left;
  height: 92px;
  margin-right: 10px;
  width: 75px;	
}

#column-right #content .photo-border {
  background: transparent url(../images/border-photo.gif) no-repeat 0 0;
  height: 92px;
}

.home #column-right .home-para1 {
  background: transparent url(../images/home-border1.gif) no-repeat 85px 100%;
  padding: 2px 0 10px;
}

.home #column-right #content a {
  padding: 0;
}

.home #column-right #content a:hover {
  color: #fc3;	
}

/* =vCard
-----------------------------------*/

.contact .content {
  width: 520px;
}

.contact #body div .vcard, .contact #body div .vcard * {
  border: 0;
}

.vcard {
  margin: 0 !important;
  padding: 0 !important;
}

.contact #body div .vcard h3, .contact #body div .vcard a, .contact #body div .vcard p, .contact #body div .vcard span, .vcard .street-address, .vcard .locality {
  font-size: 100%;
  margin: 0;
  padding: 0;
}

.vcard div {
  font-size: 100% !important;
}

.contact #body div .vcard h3 {
  color: #a99049;
  margin-top: 15px;
  margin-bottom: 3px;
  text-transform: uppercase;
}

.contact #body div .vcard .adr, .contact #body div .vcard .street-address {
  margin: 0;
  padding: 0;
}

.contact #body div .vcard  .fn, .contact #body div .vcard .adr, .contact #body div .vcard p a.map {
  line-height: 140%;
}

.contact #body div .vcard .adr {
  font-size: 130%;
}

.vcard .fn, .vcard p .tel {
  color: #000 !important;
  text-decoration: none;
}

.vcard a:hover {
  text-decoration: underline;
}

.vcard .locality, .vcard .region {
  padding-right: 4px;
}


/* =jQuery-Form
-----------------------------------*/
#customForm{
  padding: 0 10px;
}

#customForm label{
  color: #9a9d86;
  display: block;
  font-weight: 700;
  line-height: 1.4em;
}

#customForm input{
  background-color: #7c7a6b;
  border: 1px solid #cecece;
  color: #fc3;
  font-family: Arial,  Verdana, Helvetica, sans-serif;
  font-size: 11px;
  width: 220px;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#customForm input.error{
  background: #FBE3E4;
  border-color: #FBC2C4;
}

#customForm textarea{
  background-color: #7c7a6b;
  border: 1px solid #cecece;
  color: #fc3;
  font-family: Arial,  Verdana, Helvetica, sans-serif;
  font-size: 12px;
  height: 80px;
  padding: 6px;
  width: 218px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#customForm textarea.error{
  background: #f8dbdb;
  border-color: #e77776;
}

#customForm div{
  margin-bottom: 10px;
}

#customForm div span{
  color: #b1b1b1;
  font-size: 11px;
  margin: 0 0 0 10px;
}

#customForm div span.error{
  background-color: #FFD8D8;
  border: 1px solid #FFA5A5;
  color: #E46C6E !important;
  font-weight: bold;
  padding: 3px 4px 4px 10px;
  width: 160px;
  z-index: 4;
}

#customForm #send{
  background: #b1974c;
  border: 0;
  color: #630;
  cursor: pointer;
  font-weight: 700;
  font-style: normal;
  width: 60px;
}

#customForm #send:hover{
  background: #fc3;
}

#error{
  border: 1px solid #efefef;
}

#error ul{
  font-size: 11px;
  list-style: square;
  padding: 5px;
}

#error ul li{
  line-height: 1.6em;
  list-style-position: inside;
}

#error ul li strong{
  color: #e46c6d;
}

#error.valid ul li strong{
  color: #93d72e;
}

.email-info {
  position: relative;
}

.error {
  color: #333 !important;
  margin-bottom: 0;
}

.email-info span {
  display: block;
  position: absolute;
  right: -70px;
  _right: -15px;
  top: 18px;
  _top: 17px;
  z-index: 1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}


/* =Footer
-----------------------------------*/

#footer {
  /* background-color: #e5e5e5; */
  width: 100%;
}

#footer div {
  height: 45px;
  margin: 0 auto;
  padding: 11px 0 0;
  text-align: center;
  position: relative;
  width: 650px;
}

#footer div ul, #footer div p {
  font-size: 80%;
}

#footer div ul {
  list-style: none;
  margin: 0;
  text-align: center;
}

#footer div li {
  display: inline;
  margin: 0;
}

#footer div li a {
  text-transform: uppercase;
}

#footer div li, #footer div li a {
  font-weight: bold;
}

.footer-content {
  color: #434132 !important;	
}


/* =Push
-----------------------------------*/

.push {
  height: 1px;	
}

/* =3dphx
-----------------------------------*/

#threedphx {
  background: transparent url(../images/dddphx-arrow.gif) no-repeat 100% 50%;
  border-left: 3px solid #000;
  bottom: 10px;
  left: 0;
  padding-left: 2px;
  position: absolute;
  width: 88px;
	
}

#threedphx a.logo-3dphx {
  background: #000 url(http://www.3dphx.com/images/sig/logo-3dphx-off.gif) no-repeat 0 50%;
  display: block;
  padding: 3px 0;
  width: 77px;
}

#threedphx a.logo-3dphx:hover {
  background: #000 url(http://www.3dphx.com/images/sig/logo-3dphx-on.gif) no-repeat 0 50%;
}

.error-404 {
  background: transparent url(../images/404.gif) no-repeat 50% 40px;
  height: 420px;
  margin: 0;
  padding: 0;
  width: 360px;
}

.mac .access #content {
  position: relative;
  margin: 0;
  padding-bottom: 18px;
  [;
   padding-bottom: 6px;
  ;]*;
}

.win .access #content {
  position: relative;
  margin: 0;
  padding-bottom: 15px;
  [;
   padding-bottom: 6px;
  ;]
  *padding-bottom: 10px;
}

.win .access #content .stairwell {
  *left: 242px;
}

.access .stairwell {
  background: transparent url(../images/stairwell.jpg) no-repeat 0 0;
  bottom: -16px;
  height: 369px;
  position: absolute;
  right: -7px;
  width: 125px;
  z-index: 2;
}

.access .welder {
  background: transparent url(../images/welder.png) no-repeat 0 0;
  bottom: -30px;
  height: 142px;
  position: absolute;
  right: -33px;
  width: 117px;
  z-index: 3;
}

iframe {
  position: absolute;
  top: 0;
  right: 0;
}

.weld img {
  background-color: #fff;
  border-top: 2px solid #999;
  border-bottom: 2px solid #333;
  opacity:0.8;
  filter:alpha(opacity=80)
}

.weld1 {
  border-right: 2px solid #333;		
}

.weld2 {
  border-left: 2px solid #999;		
}

.arsenal #content ul {
  height: 1%;
  list-style: none;	
  margin-top: 10px;
  width: 340px;
}

.arsenal #content ul li {
  float: left;
  display:inline;
}

.arsenal #content ul li a.remove-mar {
  margin-right: 0;	
}

.arsenal #content ul li a {
  border-bottom: 0;
  display: block;
  margin-bottom: 20px;
  margin-right: 35px;
  position: relative;
  text-decoration: none;
  width: 72px;
}

.arsenal #content ul li a .port-border {
  height: 55px;
  left: 0;
  position: absolute;
  top: 0;
  width: 102px;
}