body {
margin:0px;
text-align:center;
background:#ffffff;
}

html {
font-family: 'Open Sans', sans-serif;
font-size:14px;
line-height:1.4;
}

input, select, textarea {
line-height:normal;
}

a {
text-decoration:underline;
color:#3c6c80;
}

a:hover {
color:#7faec3;
}

h1 {
margin:0px 0px 10px 0px;
font-size:33px;
font-weight:bold;
line-height:1;
text-align:left;
}

h1 span, h2 span, h4 span {
white-space:nowrap;
}

h2 {
font-size:20px;
font-weight:bold;
margin:30px 0px 25px 0px;
line-height:1.2;
text-align:left;
}

h3 {
font-size:17px;
font-weight:bold;
margin:20px 0px 5px 0px;
line-height:1;
text-align:left;
}

h4 {
margin:0px 0px 5px 0px;
font-size:23px;
font-weight:normal;
text-align:left;
}

ul, ol {
margin:0px;
padding:0px 7%;
}

li {
padding-bottom:7px;
}

img {
border:none;
}

#header {
background:url(bg-tile.jpg);
text-align:center;
z-index:1;
position:relative;
}

#header img {
max-width:100%;
}

#header a {
position:absolute;
left:0px;
line-height:1;
bottom:50px;
width:100%;
text-align:center;
font-size:70px;
text-decoration:none;
color:#ffffff;
text-shadow:0px 15px 25px #000000;
}

.contact {
padding:8px 0px;
font-size:17px;
line-height:1.1;
background:#1a1613;
color:#ffffff;
text-align:center;
margin:0px 0px 10px 0px;
}

.contact a {
color:#ffffff;
text-decoration:none;
}

.contact big {
font-size:125%;
}

.full {
display:block;
}

.lite {
display:none;
}

.content {
margin:auto;
width:90%;
min-height:350px;
max-width:900px;
padding:20px 0px 40px 0px;
text-align:left;
background:#ffffff;
text-align:left;
}

.fivepage {
margin:0px 0px 20px 0px;
text-align:center;
}

#footer {
text-align:center;
padding:15px 15px 50px 15px;
color:#315868;
background:#d9e7ed;
}

#footer span {
white-space:nowrap;
padding:0px;
}

#footer a {
color:#315868;
text-decoration:none;
padding:0px 7px;
}

#footer a:hover {
color:#457c92;
}

.small {
font-size:11px;
}

.layout {
background-color:#ffffff;
}

.td1 {
float:left;
text-align:center;
padding:10px;
padding-bottom:20px;
}

.flashpic {
border:1px solid #000000;
}

.portfolio {
margin:35px 10px 0px 10px;
}

.portfolio div {
display:inline-block;
width:170px;
vertical-align:top;
text-align:center;
font-size:11px;
line-height:12px;
margin:0px auto 15px auto;
}

.portfolio img {
width:100%;
max-width:147px;
display:block;
margin:0px auto 10px auto;
box-shadow:0px 1px 12px #666666;
border:2px solid #ffffff;
}

.validate {
float:right;
margin-left:20px;
font-size:11px;
line-height:13px;
width:100px;
text-align:center;
padding:5px;
}

@media (max-width:630px) {

#header a {
font-size:50px;
text-shadow:0px 10px 20px #000000;
}

.title a {
font-size:285%;
bottom:30px;
letter-spacing:-1px;
}

.title a b {
font-size:145%;
letter-spacing:2px;
}

.full { display:none; }
.lite { display:block; }

.portfolio div {
width:130px;
height:auto;
margin:0px auto 15px auto;
}

.portfolio img {
max-width:80%;
height:auto;
}

.content-inner {
text-align:justify;
}

}