@charset "UTF-8";
body {
background: url(img/bg_vertical.png) repeat-x;
text-align: center;
margin: 0;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
border-top: 3px solid #9da5aa;
}
a {
text-decoration: none;
color: #667278;
cursor: pointer;
}
a:focus {
outline: none;
}
:focus
{
-moz-outline-style: none;
}
img{
border: none;
}
h1, h2, h3 {
margin: 5px 16px 15px 14px;
padding: 0;
color: #555;
}
.ch-header {
margin: 35px 16px 0 14px;
color: #333;
font-weight: bold;
font-size: 16px;
}
p, strong {
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 14px;
color: #555;
line-height: 1.4em;
margin: 5px 15px;
}
strong {
display: block;
color: #333;
margin: 15px 15px;
}
p a {
color: #008fc7;
}
p a:hover, p a:active {
border-bottom: 1px solid #008fc7;
}
#container {
width: 890px;
margin: 50px auto 20px auto;
padding: 0;
text-align: center;
}
#navbar {
width: 890px;
height: 15px;
margin: 0;
padding: 0 0 4px 0;
border-bottom: 2px solid #9da5aa;
color: #667278;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
text-transform: uppercase;
}
#navbar .miphol-logo {
float: left;
width: 225px;
height: 23px;
background: url(img/miphol-studio-logo.png) top left no-repeat;
}
#navbar ul {
float: right;
list-style: none;
margin: 0;
padding: 2px 0 0 0;
}
#navbar ul li {
display: inline;
margin: 0;
padding: 5px 8px;
}
#navbar ul li a {
padding: 2px 5px;
}
#navbar ul li a:hover, #navbar ul li a.selected {
border-bottom: 4px solid #72dcff;
}
#content {
width: 710px;
margin: 20px auto 20px auto;
padding: 0;
text-align: left;
}
#intro {
margin: 30px 0;
padding: 0;
}
#intro table {
height: 100px;
}
#intro table tr td {
vertical-align:middle;
}
.feature table {
margin: 0;
padding: 0;
height: 400px;
}
.feature table tr td {
vertical-align:middle;
}
#footer {
width: 890px;
height: 30px;
margin: 30px 0 0 0;
padding: 0;
border-top: 2px solid #9da5aa;
text-align: right;
}
#footer p {
margin: 0;
padding: 0;
color: #9da5aa;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
text-transform: uppercase;
}
label {
display: block;
margin: 12px 2px 4px 2px;
padding: 0;
color: #666;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
text-transform: uppercase;
}
form {
color: #666;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
}
form input {
margin: 0 8px 0 0;
padding: 0;
}
form .button {
display: block;
margin: 8px 2px 4px 2px;
padding: 0;
}
.discalimer {
text-align: center;
width: 400px;
margin: 30px auto 5px auto;
color: #9da5aa;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
}


.profile {
clear: both;
width: 780px;
height: 220px;
text-align: center;
margin: auto;
}
.avatarhuge {
color: #444;
float: left;
width: 200px;
height: 200px;
}
.avatarhuge .name {
color: #444;
font-size: 14px;
padding-top: 6px;
width: 200px;
height: 20px;
}
.avatarhuge .job {
color: #888;
width: 200px;
height: 20px;
font-size: 12px;
text-transform: uppercase;
}
.bio {
text-align: left;
float: right;
width: 500px;
margin-top: 10px;
}
.avatarhuge img {
border: 6px solid #cecece;
}
.linkedinbtn {
float: right;
margin-right: 30px;
width: 80px;
height: 15px;
background-image: url("pix/btn-linkedin-15px.gif");
}