@charset "utf-8";
/* CSS Document */
body {
    height: 100%;
    margin: 0;
    padding: 0;
    text-align:left;
    background-color: #000000;
}

img#bkg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
}

h1 {
	font-size:100%;
    margin-top: 0px;
}
h2 {
	font-size:100%;
    margin-top: 0px;
}
h3 {
	font-size:90%;
}
h4 {
	font-size:80%;
}
h5 {
	font-size:100%;
	line-height:50%;
}
p {
	color:#fff;
	line-height:150%;
    text-align:justify;
    font-family: arial, verdana, Sans-serif;
    font-size:75%;
}
.coltext {
  padding:5px;
  text-align:left;
}
img {
outline:none;
border:none;
}
a img {
outline:none;
border:none;
}

input {
    background-color:black;
    border:1px #333 solid;
    color:white;
}

textarea {
  background-color:black;
  border:1px #333 solid;
  color:white;
}
#contactForm {
  color:white;
  font-family: arial, verdana, Sans-serif;
  font-size:75%;
}
ul li{
 list-style-type: none;
 color:white;
 font-family: arial, verdana, Sans-serif;
 font-size:75%;
}
ul li a{
 list-style-type: none;
 color:white;
 font-family: arial, verdana, Sans-serif;
}
th{
  color:white;
 font-family: arial, verdana, Sans-serif;
 font-size:85%
}
i {
font-size: small;
font-weight:normal;
}
p.index {
text-align: center;
font-size:70%;
}
table.indexpos {
  margin:25% auto;
}






/*----------------------------------------------------------------*/
/* Site Layout                                                    */
/*----------------------------------------------------------------*/
/*#bkg{
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	visibility: visible;
}
#container {
	left:0px;
	margin:0px;
	width:100%;
	z-index:2;
}*/
/* ------------------------Header------------------------------- */
#header {
	top: 0px;
	left: 0px;
	width: 100%;
	margin:0px;
    padding:20px 0 0 0;
    position:absolute;
    /*float:left;
	border: #000 1px solid;*/
	z-index:2;
}

.logopad {
margin-left: 10px ;
}
.addthislinks {
  	top: 0px;
    right: 0px;
    position:absolute;
    padding:30px 0 0 0;
    z-index:2;
}


/* ---------------------------Columns right & left-------------- */
#rightCol{
    position:absolute;
    top:60px;
    right:0px;
    width:0%;
    margin-bottom:10px;
    /*border:1px solid #000;*/
    z-index:2;
}

#leftCol{
    position:absolute;
    top:60px;
    left:0px;
    width: 40%;
    margin-bottom:10px;
    /*border:1px solid #000;*/
    z-index:2;
}


/* ---------------------------Content--------------------------- */

#main {
	/*border:#000 1px solid;*/
    top:60px;
	left: 0px;
	width:60%;
    padding-top:10px;
    margin-left:40%;
    margin-right:0%;
	min-height: 500px;
    position:absolute;
	z-index:2;
}
/* ---------------------------Navbar-------------------------- */
#navbar{
  float:right;
  list-style-type: none;
  z-index:2;
}

#navbar ul{
  vertical-align: middle;
  width:auto;
  top:0px;
  margin:0px;
}

#navbar li{
  display:inline;
}

/*#enter {
padding: 0px;
float: left;
margin:0px 30px 0px 27%;
}*/

#enter a:link, #enter a:visited, #enter a:active {
color: #333;
text-decoration: none;
margin: 0px;
/*float: left;*/
display:block;
width:75px;
height:19px;
background:url(../img/enter1.jpg) no-repeat;
outline:none;
text-indent:-9999px;
}

#enter a:hover {
text-decoration: none;
background-position:-75px 0;
}

/*#leave {
padding: 0px;
float: left;
margin:0px 15px 0px 0px;
}*/

#leave a:link, #leave a:visited, #leave a:active {
color: #333;
text-decoration: none;
margin: 0px;
/*float: left;*/
display:block;
width:75px;
height:19px;
background:url(../img/leave1.jpg) no-repeat;
outline:none;
text-indent:-9999px;
}

#leave a:hover {
text-decoration: none;
background-position:-75px 0;
}

#about {
padding: 0px;
float: left;
margin:0px 15px 0px 0px;
}

#about a:link, #about a:visited, #about a:active {
color: #333;
text-decoration: none;
margin: 0px;
float: left;
display:block;
width:75px;
height:19px;
background:url(../img/about1.png) no-repeat;
outline:none;
text-indent:-9999px;
}

#about a:hover {
text-decoration: none;
background-position:-75px 0;
}

#about a.active:link, #about a.active:visited, #about a.active:active, #about a.active:hover {
text-decoration: none;
background-position:-150px 0;
outline:none;
}

#photos {
padding: 0px;
float: left;
margin:0px 15px 0px 0px;
}

#photos a:link, #photos a:visited, #photos a:active {
color: #333;
text-decoration: none;
margin: 0px;
float: left;
display:block;
width:88px;
height:19px;
background:url(../img/photos1.png) no-repeat;
outline:none;
text-indent:-9999px;
}

#photos a:hover {
text-decoration: none;
background-position:-88px 0;
}

#photos a.active:link, #photos a.active:visited, #photos a.active:active, #photos a.active:hover {
text-decoration: none;
background-position:-176px 0;
outline:none;
}

#clients {
padding: 0px;
float: left;
margin:0px 15px 0px 0px;
}

#clients a:link, #clients a:visited, #clients a:active {
color: #333;
text-decoration: none;
margin: 0px;
float: left;
display:block;
width:105px;
height:19px;
background:url(../img/clients1.png) no-repeat;
outline:none;
text-indent:-9999px;
}

#clients a:hover {
text-decoration: none;
background-position:-105px 0;
}
#clients a.active:link, #clients a.active:visited, #clients a.active:active, #clients a.active:hover {
text-decoration: none;
background-position:-210px 0;
outline:none;
}

#links {
padding: 0px;
float: left;
margin:0px 15px 0px 0px;
}

#links a:link, #links a:visited, #links a:active {
color: #333;
text-decoration: none;
margin: 0px;
float: left;
display:block;
width:73px;
height:19px;
background:url(../img/links1.png) no-repeat;
outline:none;
text-indent:-9999px;
}

#links a:hover {
text-decoration: none;
background-position:-73px 0;
}

#links a.active:link, #links a.active:visited, #links a.active:active, #links a.active:hover {
text-decoration: none;
background-position:-146px 0;
outline:none;
}

#contact {
padding: 0px;
float: left;
margin:0px 5px 0px 0px;
}

#contact a:link, #contact a:visited, #contact a:active {
color: #333;
text-decoration: none;
margin: 0px;
float: left;
display:block;
width:106px;
height:19px;
background:url(../img/contact1.png) no-repeat;
outline:none;
text-indent:-9999px;
}

#contact a:hover {
text-decoration: none;
background-position:-106px 0;
}

#contact a.active:link, #contact a.active:visited, #contact a.active:active, #contact a.active:hover {
text-decoration: none;
background-position:-212px 0;
outline:none;
}

/* --------------------------Footer--------------------------- */
#footer {
	/*border:#000 1px solid;*/
	left: 0px;
    bottom: 0px;
	width:100%;
	margin:0px;
	height: 30px;
    position: absolute;
	z-index:2;
}
/* --------------------------Form--------------------------- */
.title {
	padding: 3px 0 0 5px;
	height:21px;
	width:auto;
}

#outlineinv{
	border:1px #E7E7E7 solid;
	margin:5px;
}