@charset "utf-8";
/* CSS Document for Eight84.com */

html, body {
margin : 0;
padding : 0;
}
body {
font-family : arial;
font-size : 13px;
color : #08839c;
}
.clear {
clear : both;
}
#gallery {
position : relative;
height : 360px;
}
#gallery a {
float : left;
position : absolute;
}
#gallery a img {
border : none;
}
#gallery a.show {
z-index : 500;
}
#gallery .caption {
z-index : 600;
background-color : #2a2a2a;
color : #fff;
height : 100px;
width : 100%;
position : absolute;
bottom : 0;
}
#gallery .caption .content {
margin : 5px;
}
#gallery .caption .content h3 {
margin : 0;
padding : 0;
color : #8ae3f7;
}
#wrapper {
width : 950px;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
overflow : auto;
}
body {
background-image : url(images/body_bg.jpg);
background-repeat : repeat-x;
background-color : #fff;
}
#logo {
background-image : url(images/logo.png);
height : 95px;
width : 277px;
float : left;
}
#nav {
float : right;
width : 375px;
height : 65px;
}
#nav ul {
list-style : none;
padding : 0;
margin : 0;
}
#nav li {
display : inline;
}
#nav li a {
float : left;
margin : 0 0.57em;
color : #322b2a;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 23px;
font-weight : bold;
margin-top : 26px;
}
#nav li .home {
border-bottom : 4px solid #d24220;
}
#nav li .portfolio {
border-bottom : 4px solid #0389a1;
}
#nav li .contact {
border-bottom : 4px solid #a7bf1f;
}
#nav li a:hover {
border-bottom : 4px solid #fff;
}
#type {
margin-top : 145px;
background-image : url(images/type.png);
height : 126px;
width : 950px;
}
#image {
margin-top : 25px;
height : 390px;
position : relative;
padding-top : 20px;
padding-right : 20px;
padding-bottom : 20px;
padding-left : 22px;
}
#welcome {
font-family : Arial, Helvetica, sans-serif;
text-align:center;
font-size : 22px;
color : #332b28;
text-align : center;
padding-bottom : 8px;
}
#lservice {
float : left;
width : 475px;
font-family : Arial, Helvetica, sans-serif;
color : #db4418;
text-align : center;
}
#rservice {
font-family : Arial, Helvetica, sans-serif;
color : #db4418;
float : right;
width : 475px;
text-align : center;
}
#gservice {
float : left;
width : 415px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #08839c;
text-align : left;
padding-top : 24px;
padding-right : 24px;
padding-bottom : 24px;
padding-left : 35px;
}
#wrapper #gservice h3 {
color : #db4418;
}
#wservice {
float : right;
width : 415px;
font-family : Arial, Helvetica, sans-serif;
color : #08839c;
font-size : 14px;
text-align : left;
padding-top : 24px;
padding-right : 37px;
padding-bottom : 24px;
padding-left : 24px;
}
#wrapper #wservice h3 {
color : #db4418;
text-align : left;
}
#footer {
background-image : url(images/footer.png);
background-repeat : no-repeat;
background-position : center;
height : 589px;
width : 100%;
margin-bottom : 0;
margin-left : 0;
}
#footer_inside {
margin : 0 auto;
padding : 500px 25px 25px;
width : 900px;
font-family : Arial, Helvetica, sans-serif;
color : #db4418;
}
#line {
background-image : url(images/line.jpg);
background-repeat : no-repeat;
padding-top : 5px;
width : 950px;
}
a {
font-family : Arial, Helvetica, sans-serif;
color : #09809e;
font-weight : bold;
}
a:visited {
	color : #09809E;
	text-decoration : none;
}
a:hover {
color : #d24220;
text-decoration : none;
}
a:active {
color : #09809e;
text-decoration : none;
}
#project {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #332b28;
float : left;
height : 953px;
width : 228px;
padding-top : 13px;
}
#wrapper #project h1 {
color : #4cb9c4;
}
#wrapper #project h4 {
color : #db4418;
}
#project1 {
float : right;
width : 684px;
height : 942px;
padding-top : 24px;
padding-bottom : 16px;
}
a:link {
text-decoration : none;
}
.socialnetworks {
color : #dd441a;
background-color : #fff;
}
.socialnetworks:hover {
color : #fff;
background-color : #dd441a;
}
#contact {
float : left;
height : 425px;
width : 613px;
padding-top : 85px;
}
#textcontact {
float : right;
height : 450px;
width : 335px;
font-family : Arial, Helvetica, sans-serif;
color : #08839c;
padding-top : 60px;
font-size : 13px;
}
#wrapper #textcontact h1 {
color : #db4418;
}
#wrapper #textcontact h3 {
color : #db4418;
}
input {
background-color : #08839c;
color : #ffffff;
border : 1px solid #332b28;
}
textarea {
background-color : #08839c;
color : #ffffff;
border : 1px solid #332b28;
}
#copyright {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #08839c;
height : 1px;
width : 950px;
}
#wrapper div {
text-align : left;
}
#copytext div {
text-align : center;
}
#wrapper #copytext {
font-family : Arial, Helvetica, sans-serif;
text-align : center;
}
-->
/* Sup Foo? */