/* CSS Document */
/* Fonts */
@font-face{
font-family:'Tauri';
src: url('../fonts/Tauri-Regular.ttf');
font-weight:400;
}
@font-face{
font-family:'PT Sans Narrow';
src: url('../fonts/PT_Sans-Narrow-Web-Bold.ttf');
font-weight:700;
}
@font-face{
font-family:'PT Sans Narrow';
src: url('../fonts/PT_Sans-Narrow-Web-Regular.ttf');
font-weight:400;
}
@font-face{
font-family:'Ubuntu';
src: url('../fonts/Ubuntu-Bold.ttf');
font-weight:700;
}
@font-face{
font-family:'Ubuntu';
src: url('../fonts/Ubuntu-BoldItalic.ttf');
font-weight:700;
font-style:italic;
}
@font-face{
font-family:'Ubuntu';
src: url('../fonts/Ubuntu-Italic.ttf');
font-weight:400;
font-style:italic;
}
@font-face{
font-family:'Ubuntu';
src: url('../fonts/Ubuntu-Light.ttf');
font-weight:300;
}
@font-face{
font-family:'Ubuntu';
src: url('../fonts/Ubuntu-LightItalic.ttf');
font-weight:300;
font-style:italic;
}
@font-face{
font-family:'Ubuntu';
src: url('../fonts/Ubuntu-Medium.ttf');
font-weight:500;
}
@font-face{
font-family:'Ubuntu';
src: url('../fonts/Ubuntu-MediumItalic.ttf');
font-weight:500;
font-style:italic;
}
@font-face{
font-family:'Ubuntu';
src: url('../fonts/Ubuntu-Regular.ttf');
font-weight:400;
}
@font-face{
font-family:'Yanone Kaffeesatz';
src: url('../fonts/YanoneKaffeesatz-Bold.ttf');
font-weight:700;
}
@font-face{
font-family:'Yanone Kaffeesatz';
src: url('../fonts/YanoneKaffeesatz-ExtraLight.ttf');
font-weight:200;
}
@font-face{
font-family:'Yanone Kaffeesatz';
src: url('../fonts/YanoneKaffeesatz-Light.ttf');
font-weight:300;
}
@font-face{
font-family:'Yanone Kaffeesatz';
src: url('../fonts/YanoneKaffeesatz-Regular.ttf');
font-weight:400;
}

html, body { 
  height: 100%; 
  margin: 0; 
  padding: 0; 
}

body { 
  background-image:url('../images/bg_gray.png'); 
  background-repeat:repeat; 
  text-align: center; 
}

h1 { 
  font-family: 'Arial', serif; 
  text-shadow: 0 1px 1px rgba(0,0,0,.2); 
  margin: 0px 0px; 
  color: #ADDA38; 
  font-size: 96px; 
}
      
h2 { font-family:'PT Sans Narrow', sans-serif; margin-bottom:10px;}

h4 { 
  font-family: 'PT Sans Narrow', sans-serif; 
  text-shadow:none; 
  margin:0px 0px 20px 0px; 
  font-size:20px; 
}

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

body:before { 
  content: ""; 
  position: fixed; 
  top: -10px; 
  left: 0; 
  width: 100%; 
  height: 10px; 
  z-index: 100; 
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); 
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); 
  box-shadow: 0px 0px 10px rgba(0,0,0,.8); 
}

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

#bot-nav a:hover { 
  text-decoration:underline; 
  font-weight:normal; 
  color: #2B80B5; 
  text-shadow:none; 
}

#bot-nav a { 
  text-decoration:none; 
  font-weight:normal; 
  color: #5C5C5C; 
  text-shadow:none; 
}

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

#box { 
  position: relative; 
  top:-50px; 
  border: 4px solid #999999; 
  width: 850px; 
  background: #f5f5f5; 
  -moz-border-radius: 12px; 
  border-radius: 12px; 
  padding: .25em 1.5em 1em 1.5em; 
  color: rgba(0,0,0, .8); 
  text-shadow: 0 1px 0 #fff; 
  line-height: 1.5; 
  margin: 0px auto 20px auto; 
}

#box:before{ 
  z-index: -1; 
  position: absolute; 
  content: ""; 
  bottom: 15px; 
  left: 10px; 
  width: 100%; 
  top: 80%; 
  max-width:880px; 
  background: rgba(0, 0, 0, 0.7); 
  -webkit-box-shadow: 0 18px 18px rgba(0,0,0, 0.7); 
  -moz-box-shadow: 0 18px 18px rgba(0, 0, 0, 0.7); 
  box-shadow: 0 18px 18px rgba(0, 0, 0, 0.7);
}

#header { 
  position: relative; 
  width:100%; 
  min-width:1320px; 
  background:#4C4C4C; 
  padding: 0.5em 0em; 
  color: #fff;
  margin: 0px; 
  font-family: calibri
}

#header a { 
  color: #fff; 
}

#header a:hover { 
  color: #CCCCCC; 
}

#quote { 
  background-image: url('../images/quote.png'); 
  width:200px; 
  height:35px; 
}

#quote:hover { 
  background-image: url('../images/rquote.png'); 
  width:200px; 
  height:35px; 
}                       

#nav { 
  font-family:'PT Sans Narrow', sans-serif; 
  font-size:18px; 
  font-weight: bold; 
  margin:20px 0px; 
  border-left:0px; 
  border-left:0px;
  border-collapse: collapse; 
  width:100%; 
  text-shadow: none; 
}

#nav td { 
  width:20%; 
}  

#nav td a {
  text-decoration:none; 
  color:#000;
}          

#nav td:hover a { 
  color: #fff; 
}    

#current { 
  background-color: #6DACD2; 
  color:#fff; 
}

#current a {
  color:#fff;
} 

#current_bot { 
  height:2px; 
  background-color:#2B80B5; 
}

#bot { 
  height:2px; 
  background-color:#f5f5f5; 
} 
  
#menu_opt { 
  background-color: #D2D2D2; 
}

#menu_opt:hover { 
  background-color: #6DACD2; 
  color: #fff; 
}

#footer { 
font-family:'Ubuntu', sans-serif; 
  color:#5C5C5C; 
  margin:20px 0px 0px 0px; 
}

#portfolio-list {
  list-style-type:none;
}

#portfolio-list li{  
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: -webkit-transform 0.5s ease-in-out;
  -ms-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
}

#portfolio-list li:hover { 
  list-style-image:url('../images/arrow.png'); 
  -webkit-transform: translate(10px, 0px);
  -moz-transform: translate(10px, 0px);
  -o-transform: translate(10px, 0px);
  -ms-transform: translate(10px, 0px);
  transform: translate(10px, 0px); 
}

 

#portfolio-home {
  list-style-type:none; 
  line-height:0.9em;
  font-family:'Yanone Kaffeesatz';
  font-weight: bold;
  font-size:24px;
  color: #2B80B5;
}

#portfolio-home a {
  text-decoration:none;
  color: #2B80B5;
  -webkit-transition: color 0.5s ease-in-out;
  -moz-transition: color 0.5s ease-in-out;
  -o-transition: color 0.5s ease-in-out;
  -ms-transition: color 0.5s ease-in-out;
}

#portfolio-home a:hover {
  color:#8D8D8D;
}

#portfolio-home li {
  margin-bottom:12px; 
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: -webkit-transform 0.5s ease-in-out;
  -ms-transition: -webkit-transform 0.5s ease-in-out;
}   

#portfolio-home li:hover { 
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
}

#port-head {
  font-family:'PT Sans Narrow'; 
  font-size:20px;
  font-weight:bold;
}

#port-head img {
  margin-left:25px; 
  margin-right:25px;
}

#email {
  width:150px;
  margin-top:10px;
}

#email:hover {
  opacity:0.6;
}

#sitemap a { 
  text-decoration: none;
  color:#000;
  font-family:'Yanone Kaffeesatz';
  font-weight: bold;
  font-size:26px;
}

#sitemap hr {
  width:100%;
  margin-top:-8px;
}

#sitemap ul {
  margin-left:0px;
  padding-left:15px;
}

#sitemap ul li a { 
  text-decoration:none;
  color:#000;
  font-weight: normal;
  font-family:'Ubuntu';
  font-size:14px;
}

#sitemap ul li a:hover {
  text-decoration: underline;
}

#usnpwd_fieldset { 
width:380px;
font-family:'Ubuntu';
color:#4C4C4C;
border:1px solid #A9A9B8;
background-color: #ECECEC;
}

#signin_fieldset { 
width:280px;
font-family:'Ubuntu';
color:#4C4C4C;
border:1px solid #A9A9B8;
background-color: #ECECEC;
}

.usnpwd_label {
vertical-align:top;
font-family:'Ubuntu';
font-size:14px;
width:180px;
padding: 5px 0px;
}

#usnpwd_form input[type=text] {
width:150px;
}

#usnpwd_form #zip {
width:40px;
}

#usnpwd_form input[type=submit] {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
#usnpwd_form input[type=submit]:hover {
   background: #2B80B5;
   color: white;
   }
#usnpwd_form table { 
padding: 15px 10px; 
}