/*  
Description: CSS for hafeytech.com
Author: HafeyTech LLC
Author Website: http://hafeytech.com/

Copyright 2009 HafeyTech LLC - All Rights Reserved
*/

body {
background-color:#17405C;
margin:0px;
font-family: Verdana, Arial, sans-serif;
}

.innermargin {
margin:10px;
}

.innermarginspecial {
margin: 0px 10px 10px 10px;
}

.innermarginwedo {
margin:15px;
}

.clearit {
clear:both;
margin:0px;
}

#headerwrap {
background-color:#112F43;
height:110px;
border-bottom:2px solid #0A1C29;
}

#headercontain {
background-color: transparent;
width: 960px;
margin: 0px auto;
height:110px;
}

#hone {
float:left;
width:270px;
height:110px;
}

#htwo {
float:left;
width:690px;
height:110px;
}

#headercontain ul {
float:right;
margin-top:10px;
margin-right:25px;
}

#headercontain li {
display:inline; 
margin-left:15px; 
font-size:14px; 
}

#headercontain li  a {
color:#CCCCCC; 
font-weight:bold;
text-decoration:none;
}

#headercontain li a:hover {
color:#D40000; 
font-weight:bold;
text-decoration:none;
}

#sitewrap {
background-color:#17405C;
width: 100%;
margin:0px;
border-bottom:3px solid #0A1C29
}

#sitecontain {
width: 960px;
margin: 0px auto;
}

#portfolioleft {
float:left;
width:530px;
color:blue;
margin-bottom:15px;
background-image: url("../images/formback.jpg");
background-repeat: no-repeat;
}

#somework {
color:#CCCCCC;
margin-left:70px;
}

#somework h3{
color:#CCCCCC;
margin: 20px 0px 5px 0px;
}

#portfolioleft1 {
float:left;
width:40px;
}

#portfolioleft1 img {
cursor:pointer;
}

.portarrow {
margin-top:75px;
border:0px;
}

#portfolioleft2 {
float:left;
width:430px;
color:#CCCCCC;
}

#portimg {
width:410px;
}

#portfolioleft2 p {
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
}

#portfolioleft3 {
float:left;
width:40px;
}

#portfolioleft3 img {
cursor:pointer;
}

#portfolioright {
float:left;
width: 430px;
color:#CCCCCC;
margin-bottom:15px;
line-height:1.4em
}

#portfolioright h2 {
font-size:26px;
margin-bottom:10px;
margin-top:20px;
line-height:1.0em;
}

#portfolioright h3 {
font-size:20px;
margin-bottom:10px;
margin-top:20px;
line-height:1.0em;
}

#portfolioright p {
font-size:16px;
margin-top:10px;
margin-bottom:10px;
}

#wedowrap {
background-color:#E6E6E6;
width: 100%;
border-bottom:3px solid #0A1C29;
}

#wedocontain {
width: 960px;
margin: 0px auto;
}

#wedo1 {
float:left;
width:320px;
margin-bottom:10px;
margin-top:10px;
line-height:1.4em
}

#wedo1 h3 {
color: #333333;
font-size:24px;
margin: 0px;
}

#wedo1 p {
color: #333333;
font-size:16px;
margin: 5px 0px 10px 0px;
}

#wedo2 {
float:left;
width:320px;
margin-bottom:10px;
margin-top:10px;
line-height:1.4em
}

#wedo2 h3 {
color: #333333;
font-size:24px;
margin: 0px;
}

#wedo2 p {
color: #333333;
font-size:16px;
margin: 5px 0px 10px 0px;
}

#wedo3 {
float:left;
width:320px;
margin-bottom:10px;
margin-top:10px;
line-height:1.4em;
}

#wedo3 h3 {
color: #333333;
font-size:24px;
margin: 0px; 
}

#wedo3 p {
color: #333333;
font-size:16px;
margin: 5px 0px 10px 0px;
}

#contactcontain {
width: 960px;
margin: 0px auto;
margin-bottom:20px;
margin-top:25px;
color:#CCCCCC;
}

#contact1 {
float:left;
width:196px;
background-color:#112F43;
border: 1px solid #001933;
line-height:1.4em
}

#contact1 h3 {
font-size:18px;
margin-top:5px;
margin-bottom:5px;
}

#contact1 p {
font-size:14px;
margin-top:10px;
margin-bottom:10px;
}

#contact2 {
float:left;
width:510px;
margin-left:20px;
background-color:#112F43;
border:1px solid #001933
}

#contact2 img {
margin-bottom:20px;
}

#formdiv {
margin:0px;
width:488px;
}

#formname {
float:left;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
width:235px;
}

#formname input {
width: 230px;
border: 1px solid #999999;
color: #333333;
font-size: 14px;
background-color: #E6E6E6;
margin:0px;
padding: 4px;
}

#formn input {
width: 230px;
border: 1px solid #0A1C29;
color: #333333;
font-size: 14px;
background-color: #E6E6E6;
margin:0px;
padding: 4px;
}

#formncomments textarea {
width: 460px;
height:100px;
border: 1px solid #0A1C29;
color: #333333;
font-size: 14px;
background-color: #E6E6E6;
padding: 4px;
}

#formnsubmit input {
border: 1px solid #0A1C29;
color: #FFFFFF;
font-size: 14px;
background-color: #D40000;
padding: 4px 6px 4px 6px; 
margin-top:15px;
}

#formemail {
float:left;
margin-left: 10px;
margin-bottom:10px;
width:230px;
}

#formemail input {
width:230px;
border: 1px solid #999999;
color: #222222;
font-size: 14px;
background-color: #E6E6E6;
padding: 4px;
}

#formcomments {
clear:both;
margin-bottom:10px;
}

#formcomments textarea {
width: 475px;
height:100px;
border: 1px solid #999999;
color: #333333;
font-size: 14px;
background-color: #E6E6E6;
padding: 4px;
}

#formsubmit input {
border: 1px solid #CCCCCC;
color: #FFFFFF;
font-size: 14px;
background-color: #D40000;
padding: 4px 6px 4px 6px; 
}

#formsubmit input:hover {
background-color:#A10000
}

#contact3 {
float:left;
width:210px;
margin-left:20px;
font-size:13px;
line-height:1.4em;
background-color:#112F43;
}

#footerwrap {
width: 100%;
margin-top:0px;
margin-bottom:20px;
border-top:2px dashed #0A1C29;
}

#footercontain {
width:  960px;
margin: 0px auto;
} 

#footer1 {
float:left;
width:380px;
margin-top:20px;
}

#footer1 p {
margin:0px;
color:#CCCCCC;
font-size:14px;
}

#footer1b {
float:left;
width: 300px;
margin-top:20px;
}

#footer2 {
float:left;
width:280px;
margin-top:20px;
margin-bottom:40px;
}