/* CSS Document */

h1, h2, ul, li, p, a{
margin:0;
padding:0;
}
html, body{
height:100%;
}

a{
color:#266073;
outline:0;
}

body{
margin:0;
background-color: #344d67;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; 
}

#container{
position: relative;
width:984px;
margin:0 auto;
padding: 0 20px;
background: #fff url('../images/backGround_binaryStream_half.jpg') no-repeat; 
}


.masthead{
position:relative;
height:210px;
width:1024px;
margin:0 0 0 -20px;
z-index:0;
background: url('../images/masthead.jpg') no-repeat;
}


.masthead h1{
float:left;
height:210px;
width:1024px;

text-indent:-900%;
}

.masthead h2{
font-size:14px;
}

.masthead p{
float:left;
width:600px;
font-family:Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
font-size:24px;
color:black;
margin:55px 0 0 30px;

}

#navContainer{
position:relative;
float:left;
width:940px;
background: url('../images/navBg.png') no-repeat;
z-index:999;
margin:-50px 0 0 20px;

}


#navContainer ul{
margin: 0 0 0 19px;

}

#navContainer ul li{
display:inline;
list-style-type: none;
float: left;
}


#navContainer li a{
display:block;
text-indent:-900%;
background: url('../images/navBar_sprite.png') no-repeat;
height:51px;
}

#navContainer .businessNav a{
width:99px;
background-position:0 -51px;
}
#navContainer .businessNav a:hover{
background-position:0 0;
}
#business #navContainer .businessNav a{
background-position:0 -102px;
}

#navContainer .personal a{
width:97px;
background-position:-99px -51px;
}
#navContainer .personal a:hover{
background-position:-99px 0px;
}

#navContainer .about a{
width:81px;
background-position:-196px -51px;
}
#navContainer .about a:hover{
background-position:-196px 0px;
}

#navContainer .webdesign a{
width:123px;
background-position:-277px -51px;
}
#navContainer .webdesign a:hover{
background-position:-277px 0px;
}

#webdesign #navContainer .webdesign a{
background-position:-277px -102px;
}

#navContainer .subNav{
float:right;
padding:14px 30px 10px;
font-family:Lucida Grande, Arial, Helvetica, sans-serif;
font-size:16px;

}

#navContainer .subNav a{
text-decoration:none;
font-weight:bold;
color:#266073;
display:block;
float:right;
padding:0 10px;
}

#navContainer .subNav a:hover{
text-decoration:underline;
color:black;
}

.innerContainer{
float:left;
width:940px;
margin:0 auto;
padding:0 20px;
}


.businessPage{
width:900px;
padding: 20px 20px 20px 20px;
background: white url('../images/bg_gradient.jpg') repeat-x;
}

.businessPage img{
float:right;
}


.businessPage ul{
margin:20px 10px;
padding:0 20px;
}

.businessPage ul li{
font-size:14px;
font-weight:bold;
padding:5px 0;
}

.businessPage h1{
font-size:18px;
margin:0 0 10px 0;
}

.businessPage h2{
font-size:14px;
}

.businessPage p{
margin:10px 0 0;
line-height:18px;
}

.businessPage a{
font-size:14px;
font-weight:bold;

}

.businessPage a:hover{
text-decoration:underline;
}

.comingSoon{
padding: 20px 30px;
background: white url('../images/bg_gradient.jpg') repeat-x;
}

.webdesignPage{
padding: 20px 30px 0 20px;
background: white url('../images/bg_gradient.jpg') repeat-x;
}

.contactPage{
width:900px;
padding: 20px 20px 20px 20px;
background: white url('../images/bg_gradient.jpg') repeat-x;
}

.info{
}

.subInfo{
float:right;
width:255px;
background-color:#ebf0f1;
}
.subInfoContent{
padding:12px;
background:#7195a1 url('') repeat-y;
}

.subInfoContent img{
float:left;
padding:20px;
}

.subInfoContent h2{
color:#fff;
font-size:14px;
}

.subInfoContent p{
color:#fff;
padding:10px;
}

#footer{
float:left;
width:900px;
margin:0 auto;
padding:30px 40px;
}

#footer ul{
float:left;
margin:0;
padding:0;
}

#footer ul li{
display:inline;
padding:0 6px;
border-right: solid 1px #000;
}
#footer .last{
border-right: 0;
}

#footer ul li a{
color:#000;
text-decoration:none;
}

#footer ul li a:hover{
color:#266073;
text-decoration:underline;
}


#footer p{
float:right;
margin:0;
padding:0;
}

.project{
margin:0 0 30px 0;
padding:10px 10px;
width:880px;
background-color:#F1F3F3;
}

.project h1{
font-size:16px;
margin-bottom:20px;
}

.project p{
margin:0 0 10px;
}

.project a{
color:#266073;
font-weight:bold;
text-decoration:none;
}

.project a:hover{
text-decoration:underline;
}

.portDesc{
float:left;
width:340px;
}

.portImgs{
float:right;
width:510px;
}