html, body {
height:100%;
width:100%;
}
body {
background:url("images/cool2.jpg") no-repeat scroll center -120px transparent;
font-family:verdana,arial;
font-size:10px;
margin:0;
min-height:450px;
min-width:552px;
text-align:center;
}
#outer {
bottom:55px;
display:table;
height:100%;
position:relative;
vertical-align:middle;
width:100%;
}
#outerindex {
bottom:55px;
display:table;
height:100%;
position:relative;
vertical-align:middle;
width:100%;
}
#container {
display:table-cell;
height:500px;
position:relative;
text-align:center;
vertical-align:middle;
width:900px;
}
#innerindex {
color:#FFFFFF;
margin-left:auto;
margin-right:auto;
text-align:center;
width:800px;
}
.first {
margin:0 auto;
padding-bottom:50px;
width:850px;
}
.firstindex {
margin:0 auto;
padding-bottom:50px;
width:850px;
}
.first ul, .firstindex ul {
float:left;
font-size:4em;
font-weight:bold;
margin:0 auto;
padding:0;
text-align:center;
}
.first ul li, .firstindex ul li {
color:#FFFFFF;
display:inline;
font-family:verdana,georgia,serif;
font-style:italic;
text-shadow:-3px -3px 15px black, 6px 6px 15px black;
}
.first ul li a, .firstindex ul li a {
color:#FFFFFF;
text-decoration:none;
}
.first ul li a:hover, .firstindex ul li a:hover {
text-shadow:-3px -3px 15px red, 6px 6px 15px red;
}
.shrink {
color:#FFFFFF;
display:inline;
font-family:verdana,georgia,serif;
font-size:0.4em;
font-style:italic;
text-shadow:-3px -3px 15px black, 6px 6px 15px black;
}
#inner {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
background: rgb(255, 255, 255);
background: transparent;
background: rgba(255, 255, 255, 0.85);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff, endColorstr=#d8ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff, endColorstr=#d8ffffff)";
border:1px solid #000000;
height:350px;
margin-left:auto;
margin-right:auto;
position:relative;
text-align:center;
width:900px;
}
#leftblock {
float:left;
height:348px;
line-height:1.4em;
margin:0;
width:560px;
}
#leftblockhire {
float:left;
height:348px;
line-height:1.4em;
margin:0;
width:488px;
}
#leftblock h1 {
color:#3D3D3D;
display:block;
font-size:2.2em;
line-height:1.2em;
margin:15px 20px;
text-align:left;
}
#leftblockhire h1 {
color:#3D3D3D;
display:block;
font-size:2.1em;
line-height:1.2em;
margin:15px 20px;
text-align:left;
}
#leftblock h2, #leftblockhire h2 {
font-size:1.3em;
font-style: italic;
margin:15px 20px;
text-align:left;
}
#leftblock p, #leftblockhire p {
color:#000000;
font-size:1.2em;
margin:15px 20px;
text-align:left;
}
#leftblockhire ul {
color:#000000;
font-size:1.2em;
margin:15px 2px 0;
text-align:left;
padding-left: 30px;
}
#leftblockhire ul li {
font-style:italic;
padding-bottom:10px;

}
#rightblock {
float:left;
height:348px;
opacity:1;
width:328px;
}
#rightblock h1 {
color:#3D3D3D;
display:block;
font-size:2.2em;
line-height:1.2em;
margin:15px 20px;
text-align:left;
}

#rightblock h2
{
font-size:1.3em;
font-style: italic;
margin:15px 20px;
text-align:left;
}

#rightblock p
{
color:#000000;
font-size:1.2em;
margin:15px 20px;
text-align:left;
}


#rightblock a
{
color: red; 
font-size: 14px; 
font-weight: bold;

}

#rightblock a:hover
{
text-decoration: underline;
}

#rightblock a:visited
{
text-decoration: none;
}


#rightblockhire {
float:left;
height:348px;
width:400px;
}
.moreinfo {
color:red;
display:block;
font-size:2em;
font-weight:bolder;
padding-top:20px;
text-align:left;
}
#footer {
background: rgb(255, 255, 255);
background: transparent;
background: rgba(255, 255, 255, 0.85);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff, endColorstr=#d8ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff, endColorstr=#d8ffffff)";

border-top:1px solid #000000;
bottom:0;
height:110px;
opacity:0.8;
position:fixed;
right:0;
width:100%;
}
#nav {
bottom:20px;
font-family:helvetica,verdana;
font-size:1.6em;
font-weight:bold;
left:310px;
position:fixed;
width:100%;
}
#nav ul {
float:left;
margin:0;
padding:0;
}
#nav ul li {
display:block;
float:left;
}
#nav ul li a {
color:#000000;
float:left;
padding:5px 12px;
text-decoration:none;
}
#nav ul li a:hover {
text-shadow:-1px -1px 12px red, 1px 1px 12px red;
}
#nav .selected, #nav .selected:hover {
background-color:#000000;
color:#FFFFFF;
text-decoration:none;
text-shadow:0 0 0;
}
.myform {
margin:0 auto;
padding:20px 0 0;
width:400px;
}
#basic {
float:left;
margin:0;
}
#basic h1 {
color:#3D3D3D;
font-size:2.2em;
line-height:1.2em;
margin-bottom:0;
margin-top:0;
padding-top:10px;
}
#basic p {
color:#000000;
font-size:1.2em;
margin-bottom:5px;
padding-bottom:0;
}
#basic label {
display:block;
float:left;
font-weight:bold;
text-align:right;
width:125px;
}
#basic .small {
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:125px;
}
#basic input {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
margin:2px 0 10px 10px;
width:210px;
border: 1px solid #9d9d9d;
}
#basic textarea {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
height:75px;
margin:2px 0 10px 10px;
width:210px;
resize: none;
text-shadow:0 0 0;
border: 1px solid #9d9d9d;
}
#basic button {
background:none repeat scroll 0 0 #888888;
border:1px solid #666666;
clear:both;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin-left:215px;
padding:4px 6px;
}