html {
margin: 0;
padding: 0;
min-height:100%;
min-width:900px;
  background: url(../images/sky.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

a:link {
color:#3a599d; text-decoration:none;
display: inline-block;
	outline: 0;
	transition-duration: 0.25s;
	transition-property: transform;
	transform: scale(1) rotate(0);
	-webkit-transition-duration: 0.25s;
	-webkit-transition-property: transform;
	-webkit-transform: scale(1) rotate(0);
}
a:visited {
color:#3a599d; text-decoration:none;
}
a:active {
color:#3a599d; text-decoration:none;
}
a:hover {
	background: #3a599d;
	text-decoration: none;
	color: #fff;
	border-radius: 4px;
	transform: scale(1.05) rotate(-1deg);
-webkit-transform: scale(1.05) rotate(-1deg);
}

a:nth-child(2n):hover {
  transform: scale(1.05) rotate(1deg);
-webkit-transform: scale(1.05) rotate(1deg);
}

a.detailbutton {
position:relative;
display: inline-block;
	outline: 0;
	transition-duration: 0.25s;
	transition-property: transform;
	transform: scale(1) rotate(0);
z-index:777;
}

a.detailbutton:hover {
display: inline-block;
z-index:777;
	transform: scale(1.04);
background:rgba(255,255,255,0.0);
color:#3a599d;
}

.h1 a:link {
color:#0033cc; text-decoration:none; font-size:24px;
}
.h1 a:visited {
color:#0033cc; text-decoration:none; font-size:24px;
}
.h1 a:active {
color:#0033cc; text-decoration:underline; font-size:24px;
}
.h1 a:hover {
color:#0033cc; text-decoration:underline; font-size:24px;
}

body
{
min-width:800px;
height:100%;
margin:0;

}


h1 {
font-family: Gill Sans, sans-serif;
font-size:24px;
text-align:left;
font-weight:normal;
text-align:center;
}

h2.clients {
margin-top:-2px;
color:#083f4f;
font-family: Gill Sans, sans-serif;
font-size:24px;
text-align:center;
font-weight:normal;
}

h2 {
font-family: Gill Sans, sans-serif;
font-size:18px;
text-align:left;
text-align:center;
font-weight:normal;
}

h3 {
font-family: Gill Sans, sans-serif;
font-size:21px;
text-align:center;
font-weight:normal;
}

div.header {
position:relative;
text-align:left;
font-size:28pt;
width:98%;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: rgba(255,255,255,0.5);
margin:auto 10px auto 10px;
border-style:solid;
border-width:1px;
border-color:#fff;
box-shadow: -0px 1px 2px #aecfd8;
height:64px;
font-family: Lato-Thin, LatoWebThin, sans-serif;
}

div.menu {
position:relative;
display:inline-block;
top:-10px;
left:10px;
font-family: Lato-Thin, LatoWebThin, sans-serif;
}

h1.menu {
position:relative;
max-width:60%;
margin-left:50px;
margin-right:25px;
margin-top:-40px;
text-align:left;
z-index:24;
font-family: Gill Sans, sans-serif;
font-size:1.6em;
opacity:1;
overflow:none;
}

p.menu {
position:relative;
max-width:60%;
margin-left:50%;
margin-right:25px;
margin-top:-46px;
text-align:right;
z-index:24;
font-family: Gill Sans, sans-serif;
font-size:1.6em;
opacity:1;
overflow:none;
}

span.logotext {
text-align:left;
left:57px;
}

img.homepanda {
height:40px;
width:auto;
position:relative;
margin-top:3px;
margin-left:5px;
z-index:64;
opacity:1;
}

img.bodylogo {
position:relative;
float:left;
width:256px;
height:256px;
padding-right:5px;
}

img.postreligion {
position:relative;
margin-top:25px;
}

div.homelogo {
position:fixed;
left:-5px;
top:-5px;
width:64px;
height:auto;
}

div.center {
position:relative;
top:-50px;
text-align: center;
font-family: Gill Sans, sans-serif;
margin-left:auto;
margin-right:auto;

}

div.leftpanel {
width:50%;
position:relative;
float:left;
}

div.rightpanel {
position:relative;
float:right;
width:50%;
}

img.leftpanelimage {
position:relative;
width:95%;
}

div.project {
width:200px;
height:200px;
background-color: rgba(255,255,255,0.8);
position:relative;
border-style:solid;
border-width:1px;
border-color:#fff;
box-shadow: -0px 1px 2px #aecfd8;
margin-bottom:10px;
margin-left:3px;
margin-right:3px;
margin-top:-1px;
display: inline-block;
	transition-duration: 0.25s;
	transition-property: transform;
	transform: scale(1);
text-align:center;
overflow:hidden;
}

div.project:hover {
	transform: scale(1.04);
background-color: rgba(255,255,255,0.8);
z-index:877;
}

img.projectimage {
position:relative;
max-height:160px;
max-width:180px;
}

p.plink {
position:relative;
z-index:999;
text-align:center;
margin-left:auto;
margin-right:auto;
}

div.bottom {
position:relative;
text-align:center;
width:98%;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: rgba(255,255,255,0.5);
margin:auto 10px auto 10px;
border-style:solid;
border-width:1px;
border-color:#fff;
box-shadow: -0px 1px 2px #aecfd8;
}

div.left {
position:fixed;
left:0px;
top:0px;
width:120px;
font-family: Gill Sans, sans-serif;
}

div.right {
position:fixed;
right:0px;
top:0px;
width:120px;
font-family: Gill Sans, sans-serif;
}

div.warning {
border-style: groove;
background-color:#fedde0;
border-color:#fd0018;
}


p.title {
font-family: Gill Sans, sans-serif;
font-size:24px;
text-align:center;
}

div.text {
position:relative;
display:inline-block;
max-width:980px;
min-width:700px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: rgba(255,255,255,0.5);
margin:0px 20px 2px 10px;
border-style:solid;
border-width:1px;
border-color:#fff;
box-shadow: -0px 1px 2px #aecfd8;
}

li {
color:#06313e;
margin-right:5px;
text-align:left;
}

p.para {
margin:10px 80px;
opacity:1;
color:#06313e;
text-align:center;
}

div.clients {
position:relative;
display:inline-block;
width:980px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: rgba(255,255,255,0.5);
margin:auto 10px auto 10px;
border-style:solid;
border-width:1px;
border-color:#fff;
box-shadow: -0px 1px 2px #aecfd8;
}

.clientlinks {
display:table;
margin: -15px auto 0;
opacity:1;
}

div.front {
opacity:1;
}

.frontable {width:100%;border-width: 0px;margin-top:-33px;}
.frontable th {border-width: 0px;padding: 0px;}
.frontable tr {  }
.frontable td {border-width: 0px;padding-top: 8px;text-align:left;}
.frontable tr:hover { }

td.small {
width:300px;
}

table.social {
position:relative;
width:100%;
}
td.social {
width:32%;
}

img.center {

    margin-left: 60px;

}