* {margin: 0;}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}

.wrapper {
   width:100%;
   overflow:hidden;
}

.wrapper-foot {overflow:hidden; margin-left: auto; margin-right:auto; position:relative; width:940px}

/* Global properties */

body {
 background:#444; 
 border:0;
 font:14px Arial, Helvetica, sans-serif;
 color:#aaa;
 line-height:20px
}

.css3{
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  box-shadow:0 0 4px rgba(0, 0, 0, .4);
  -moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);
  -webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);
  /* behavior:url(/js/PIE.htc); */
  position:relative
}

/* SECTIONS */

/* TOP AREA SECTION */
.toparea { background: #000; }


.main {
 margin:0 auto;
 width:1000px;
 position:relative;
 z-index:1
}

.left {float:left}
.right {float:right}

.inner_copy, .inner_copy a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
a {color:#a1802b;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {float:left;padding:19px 0 0 30px}
h2 {font-size:32px;line-height:40px;padding:7px 0 18px 0;color:#fff;font-weight:300;letter-spacing:1px}
h2 span {font-size:17px;display:block;line-height:24px;font-weight:500;color:#b4b4b4;letter-spacing:-1px;margin-top:-6px}
h3 {font-size:22px;line-height:30px;padding:7px 0 0 0;color:yellow;font-weight:300;letter-spacing:2px}
p {padding-bottom:15px}

/* header */
header {width:100%;overflow:hidden}
#logo {
 display:block;
 background:url(/images/Header.jpg) no-repeat; 
 height: 190px;
}

#menu {float:right;}

#menu li {
  float:left;
  padding-left:12px;
}

#menu li a {
  display:block;
  font-size:11px;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  line-height:31px;
  padding:0 22px;
  behavior:url(/js/PIE.htc);
  position:relative;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}

#menu li a:hover, #menu #menu_active a {
  background:url(/images/bg_menu_active.gif) top repeat-x #520001;
}


/* projects sections */
#projects {float:left;}
#projects img {
  width: 150px;
  height: 100px;
  padding-left: 10px;
}
#projects li {
  float:left;
  height: 100px;
  width:752px;
  padding-bottom: 10px;
}
#projects li a {
  width:750px;
  height: 100px;
  display:block;
  text-decoration:none;
  behavior:url(/js/PIE.htc);
  position:relative;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  background: #222;
}
#projects li a:hover {
  background:url(/images/bg_menu_active.gif) top repeat-x #520001;
}
#project_background {
  padding:0;
  height: 575px;
}
/* END projects sections */

/* content */
#content {
  width:100%;
  overflow:hidden;
  padding-top:29px;
  padding-bottom:20px}

.pad_left1 {padding-left:60px}
.pad_left2 {padding-left:35px}

.pad_bot1 {
  min-height: 100px;
  padding-bottom: 10px;
  padding-left: 80px;
  padding-right: 0;
  width: 790px;
}

.pad_bot1 table.projects {
  border-width: 1;
  width: 700px;
  margin-bottom: 25px;
  margin-left: 25px;
  border-spacing: 1px;
  border-style: outset;
  border-color: #550000;
  border-collapse: separate;
  /*background-color: #ffffff;*/
}

.pad_bot1 table.projects td {
  width: 200px;
  border-width: 1px;
  padding: 5px;
  border-style: line;
  border-color: #550000;
  background-color: #282828;
  -moz-border-radius: ;
}

.pad_bot1 table.projects td.date {
  width: 75px;
  text-align: center;
}
.pad_bot1 h1 {padding:0px; font-size:24px; color: #770000; text-decoration: underline;}
.pad_bot1 h3 {margin-left:25px; padding:0px; font-size:19px}

.pad_right1 {
  padding-right: 50px;
  float:right;
}

.pad_bot2 {padding-bottom:35px}

.marg_right1 {margin-right:28px}

.box1 {
  background: #111;
  border:1px solid #2a2a2a;
  behavior:url(/js/PIE.htc);
  /*padding:13px 117px 13px 117px;*/
  padding: 24px 18px 40px 20px;
  position:relative;
  margin: 10px;
  border-radius:14px;
  -moz-border-radius:14px;
  -webkit-border-radius:14px;
  box-shadow:0 0 9px #330000;
  -moz-box-shadow:0 0 9px #330000;
  -webkit-box-shadow:0 0 9px #330000;
}

.greenbox {
  background: url("/images/box-bg.gif") repeat-x scroll 0 100% #b5c83c;
  border: 1px solid #c9dd47;
  color: #000;
  padding: 24px 18px 40px 20px;
  position: relative;
  margin: 10px;
  border-radius: 14px;
  -moz-border-radius:14px;
  -webkit-border-radius:14px;
  box-shadow:0 0 9px #330000;
  -moz-box-shadow:0 0 9px #330000;
  -webkit-box-shadow:0 0 9px #330000;
}

.col1, .col2, .col3, .col4, .cols {float:left;}
.col1 {width:260px}
.col2 {width:500px}
.col3 {width:716px}
.col4 {width:282px}
.cols {width:200px}

ol, ul {
  list-style: none outside none;
}

.list1 li {line-height:18px;}
.list1 li a {color:#808080;text-decoration:none;padding-left:20px;}
.list1 li a:hover {color:#a1802b}

.list2 {margin:-5px 0}
.list2 li {line-height:30px}
.list2 li a {color:#808080;padding-left:12px;}
.list2 li a:hover{color:#a1802b}

.color1 {color:#fff}

.line1 {background:url(/images/line_ver1.gif) 250px 0 repeat-y;padding:10px 0}

.link1 {color:#808080;text-decoration:none}
.link1:hover {text-decoration:underline}

/* footer */
footer {
 background:#444; 
 border-top: 1px solid #777;
 padding: 40px 0;
 text-align:left;
 font-size:12px;
 line-height:18px;
 margin-top: 42px;
}

footer a{}
footer a:hover{}
/* forms */
#ContactForm {line-height:24px}
#ContactForm a {margin-left:40px;float:right}
#ContactForm .input {float:right;width:386px;height:16px;border:1px solid #373737;background:none;padding:3px 5px;margin-bottom:6px;color:#808081;font:14px Arial, Helvetica, sans-serif}
#ContactForm textarea {overflow:auto;float:right;width:386px;height:224px;border:1px solid #373737;background:none;padding:3px 5px;margin-bottom:10px;color:#808081;font:14px Arial, Helvetica, sans-serif}
