* {
  margin: 0;
  padding: 0;
}

body {
  font: 10pt/1.4 "Arial", "trebuchet ms", sans-serif;
  color: #444444;
}

a { color: #248caf; }
a:visited { text-decoration: underline; }
a:hover { color: #57afdf; text-decoration: underline; }

#header {
    height:auto !important;
    padding: 28px 38px 40px 38px;
    background: url("images/bgtop.png") #eff6f9 no-repeat left bottom;
}

#logo h1 {
	width: 129px; 
	height: 23px;
    display: block;
	text-align:left;
	text-indent:-8000px;
	margin-bottom: 15px;
}

#logo h1 a {
	width: 129px; 
	height: 23px;
	display:block;
    background: url("images/miplogo.png") no-repeat;
}

#about {
    float: left;
    width: 70%;
}

#about h2 {
    font-size: 32px;
    padding-left: 0px;
    font-weight: bold;
}

#staticPage p, #about p {
    margin-bottom: 10px;
}

#staticPage {width: 900px; font-size: 11pt;}

#highlight {
    float: right;
    width: 30%;
    text-align: right;
}

h2 {
	  padding-left: 38px;
	  font-size:20px;
	  font-weight:normal;
}

#staticPage, #content, #footer {
    padding: 38px;
}

#contactBtn {text-indent: -3000px; position: fixed; top: 400px; right: 0px; width: 33px; height: 88px;}
a#contactBtn {background-image: url("images/contactme0.png");}
a:hover#contactBtn {background-image: url("images/contactme1.png");}

ul#content,
ul#content li ul {list-style: none}

ul#content li {
  float: left;
  position: relative;
  width: 290px;
  height: 217px;
  border: 1px solid #cdcdcd;
  margin: 0 4px 4px 0;
  font-size: 8pt;
}

ul#content li .image {
  width:290px;
  height: 144px;
}

ul#content div.num {
    position: absolute;
    float: left;
    width: 280px;
    padding: 5px 5px 0 0;
    text-align: right;
    font-size: 13pt;
    font-weight: bold;
    color: #dddcdc;
}

ul#content li ul li {height: 15px; margin: 0px; border: none;}

ul#content li h3 {
    position: absolute;
    float: left;
    top: 155px;
    width: 280px;
    padding: 0 5px 5px 10px;
    font-size: 10pt;
    font-weight: normal;
    color: #fff;
}

.details {
    float: left;
    margin: 0;
    padding: 30px 5px 5px 10px;
    color: #fff;
    width: 275px;
    height:38px;
    border-top: 1px solid #b2b2b2;
}

.bgLight {background: #b2b2b2;}
.bgDark {background: #333333;}

.bgDark span {color: #b2b2b2;}
.bgLight span {color: #dddddd;}

#footer {
    clear: both;
    background: url("images/bgbot.png") #25282d left top no-repeat;
    padding-top: 70px;
}

#footer a {color: #444}

#footer table {
    width:95%;
    margin: 0 auto;
}

#form { width: 450px;}

#form li {
    list-style: none;
    margin:6px 20px;
    padding:0;
}
legend {font-size: 20px; color: #fff; margin-bottom: 20px;}
label {color: #fff; margin-right:5px; text-align:right; width:165px; float: left;}
input {height: 20px;}
input, textarea {width: 200px; font: 12px Arial; border: 1px solid;}

#sendButton {
	width: 145px;
	height: 45px;
	margin-left: 226px;
        background-color: #000;
        color: #fff;
        border: 0px;
        cursor: pointer;
}

#sendButton:hover {
        background-color: #fff;
        color: #000;
}


#info {
    padding-top: 60px;
}
#info ul {list-style: none; width: 350px;}
#info li {margin-bottom: 10px; color: #fff;}
#info strong {color: #4d4e51; display:inline-block; font-weight: normal; text-align:right; margin-right:5px; width:80px;}

#social {
    float: right;
    text-align: left;
    width: 120px;
}

#social div a {display:block; float:left; height:25px; width: 25px; text-indent:-9999px; margin-left: 10px;}

a#facebook {background-image: url("images/sf0.png");}
a:hover#facebook {background-image: url("images/sf1.png");}
a#twitter {background-image: url("images/st0.png");}
a:hover#twitter {background-image: url("images/st1.png");}
a#linkedin {background-image: url("images/si0.png");}
a:hover#linkedin {background-image: url("images/si1.png");}

#copyright { text-align: right; font-size: 11px;}