/* CSS Document */

html, body {
  color: #000000;
  background-color: #CCCCCC;
  text-align: center;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  height: 100%;
  background-image:url(assets/pattern_038.gif);
  background-repeat:repeat;
  background-attachment:fixed;
  }

body {
  font-family: Georgia, serif;
  font-size: 76%;
  line-height: 1.5em;
  height: 100.5%;
  }

#container {
  float: none;
  width: 790px;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 4px;
  padding: 0px;
  text-align: left;
  border-top: 0 solid #000000;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-left: 1px solid #666666;
  }

#page {
  background-color: #ffffff;
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 0px;
  margin-bottom: 8px;
  }
  
#navcontainer ul{
border-right: 1px solid #666666;
border-left: 1px solid #666666;
font-size: 14px;
width: 790px;
background-color: #FFFFFF;
margin: 0 1px 0 1px;
padding: 8px 0 8px 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {display: inline;}

#navcontainer ul li a{
text-decoration: none;
padding: .2em 1em;
color: #666666;
background-color: #FFFFFF;
}

#navcontainer ul li a:hover{
color: #000000;
background-color: #EBECEA;
border-bottom: 2px solid #CCCCCC;
}

h1 {
  font-size: 218%;
  font-style: normal;
  font-weight: normal;
  padding: 0px;
  margin: 0px 0px 19px 0px;
  }

h2 {
  font-size: 164%;
  font-style: normal;
  font-weight: normal;
  padding: 0px;
  margin: 0px 0px 19px 0px;
  }

h3 {
  font-size: 145%;
  font-style: normal;
  font-weight: normal;
  padding: 0px;
  margin: 0px 0px 16px 0px;
  }

.tagline, .note, #workgigtext h2 {
  font-size: 90%;
  color: #7f7f7f;
  font-style: italic;
  margin-bottom: 1.0em;
  }

#news h2, #sidebar h2{
	font-size: 90%;
  color: #990000;
  font-style: italic;
  margin-bottom: 1.0em;
}

.button a {
  text-decoration:none;
  margin: 20px 0px 30px 0px;
  padding: 3px 9px 3px 9px;
  font-size: 90%;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  line-height: 2em;
  }

.button a:hover {
  border-color: #d9b860;
  }

ul {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  }

li {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  }

a {
  color: #000000;
  }

a:link {
  color: #000000;
  }

a:visited {
  color: #000000;
  }

a:hover {
  color: #ffffff;
  background-color: #990000;
  text-decoration: none;
  }

form {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  }

input.btn {
  height: 2em;
  width: 6em;
  font-family: Georgia, serif;
  font-size: 90%;
  color: #000000;
  background-color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  cursor: pointer;
  }

input.btnhov {
  color: #ffffff;
  background-color: #d9b860;
  border-color: #d9b860;
  }

img {
  border-width: 0px;
  }

.image {
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  padding: 7px;
  }

/* TEMPLATE TOP */

#header {
  padding-left: 20px;
  padding-top: 18px;
  padding-bottom: 23px;
  border-bottom: 1px solid #cccccc;
  background-image:url(assets/nesw.gif);
  background-repeat:no-repeat;
  background-position:right;
  }

#header ul {
  float: right;
  text-align: right;
  width: 340px;
  color: #000000;
  list-style-type: none;
  margin: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 20px;
  }

#header li {
  display: inline;
  }

#header li.active {
  margin-left: 8px;
  padding: 3px 9px 3px 9px;
  font-size: 90%;
  color: #ffffff;
  background: #4c4c4c;
  border-style: solid;
  border-color: #4c4c4c;
  border-width: 1px;
  }

#header li a {
  text-decoration:none;
  margin-left: 8px;
  padding: 3px 9px 3px 9px;
  font-size: 90%;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  }

#header li a:hover {
  border-color: #d9b860;
  }

#headerlogo {
  margin-right: 240px;
  }

#headerlogo h1 {
  display: inline;
  }

#headerlogo img.logoline {
  display: inline;
  margin-right: 18px;
  margin-left: 18px;
  }

#headerlogo .tagline {
  display: inline;
  position: relative;
  margin-top: 10px;
  font-size: 18px;
  }

/* HOME PAGE */

#aboutgig {
  clear: both;
  height: 400px;
  line-height: 1.4em;
  /*background: #f2f2f2;*/
  border-top: 1px solid #cccccc;
  }

#aboutgig p {
  color: #4e4e4e;
  }
  
#aboutgig img{
	border-bottom:1px dotted #CCCCCC;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#aboutgig a {
  text-decoration: none;
  }

#aboutgig1 {
  float: left;
  width: 210px;
  padding: 20px 0px 20px 20px;
  }

#aboutgig2 {
  float: left;
  width: 210px;
  padding: 20px 0px 20px 30px;
  }

#aboutgig3 {
  float: left;
  width: 210px;
  padding: 20px 30px 20px 30px;
  }

#workgig {
  clear: both;
  margin-bottom: 50px;
  margin-left: 10px;
  background-image:url(assets/world_map.jpg);
  background-repeat:no-repeat;
  background-position:0 65%;
  }

#workgig p {
  line-height: 1.65em;
  }

#workgig h3 {
  font-size: 218%;
  font-style: normal;
  font-weight: normal;
  padding: 0px;
  margin: 0px 0px 19px 0px;
  }

#workgig h3 a {
  text-decoration:none;
  }

#workgigtext {
  padding: 24px 30px 31px 20px;
  margin-right: 400px;
  min-height: 256px;
  }

#workgigtext p.button {
  margin: 24px 0 12px 0;
  }

#workgig ul {
  color: #000000;
  list-style-type: none;
  margin-top: 20px;
  margin-bottom: 20px;
  }

#workgig li {
  display: inline;
  }

#workgig li a {
  text-decoration:none;
  margin-right: 8px;
  padding: 3px 9px 3px 9px;
  font-size: 90%;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  }

#workgig li a:hover {
  border-color: #d9b860;
  }

#workgigtext h5 {
  font-size: 90%;
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0px;
  margin: 22px 0px 15px 0px;
  }

#workgigimage {
  float: right;
  width: 336px;
  margin-top: 24px;
  margin-bottom: 31px;
  margin-right: 18px;
  }

#workgigimage .image {
  width: 320px;
  height: 300px;
  }

#sidebar {
  clear: both;
  float: right;
  width: 260px;
  border-top: 1px solid #cccccc;
  }

#sidebar h2 {
  width: 220px;
  margin-top: 25px;
  margin-right: 20px;
  margin-left: 20px;
  }

#sidebar h3 {
  width: 220px;
  margin-right: 20px;
  margin-left: 20px;
  }

#sidebar p {
  width: 220px;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 0px;
  }

#sidebar ul {
  color: #000000;
  list-style-type: none;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  }

#sidebar li {
  display: inline;
  }

#sidebar li a {
  text-decoration:none;
  margin-right: 8px;
  padding: 3px 9px 3px 9px;
  font-size: 90%;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  }

#sidebar li a:hover {
  border-color: #d9b860;
  }

#news {
  padding-top: 25px;
  margin-top: 40px;
  margin-right: 260px;
  margin-bottom: 50px;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  }

#news h2 {
  width: 300px;
  margin-left: 140px;
  margin-right: 20px;
  color:#990000;
  }

#news h3 {
  width: 300px;
  margin-left: 140px;
  margin-right: 20px;
  }

#news p {
  width: 300px;
  margin-bottom: 20px;
  margin-left: 140px;
  margin-right: 20px;
  line-height: 1.65em;
  }

#news img {
  float: left;
  margin-left: 20px;
  }

#bottom_content {
  clear: both;
  height: 180px;
  margin-bottom: 31px;
  background: #f2f2f2;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  }

#bottom_content1 {
  float: left;
  width: 210px;
  padding: 20px 0px 0px 20px;
  }

#bottom_content1 p {
  color: #4e4e4e;
  line-height: 1.4em;
  }

#bottom_content2 {
  float: left;
  width: 210px;
  padding: 20px 0px 0px 30px;
  }

#bottom_content3 {
  float: left;
  width: 210px;
  padding: 20px 30px 0px 30px;
  }

#footer {
  clear: both;
  margin-bottom: 31px;
  border-top: 1px solid #cccccc;
  font-size: 90%;
  color: #7f7f7f;
  line-height: 1.4em;
  height: 100%;
  }

#footer ul {
  float: right;
  text-align: right;
  width: 200px;
  margin-top: 14px;
  margin-right: 20px;
  color: #000000;
  list-style-type: none;
  }

#footer li {
  display: inline;
  }

#footer p {
  margin-top: 14px;
  margin-left: 20px;
  margin-right: 220px;
  }

#footer .name {
  color: #000000;
  }
