@charset "utf-8";
/* CSS Document */

* {
margin: 0px;
padding: 0px;
}
img {
border: 0px;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
background: #000;
}
li {
list-style-type: none;
line-height: 16px;
}
.clear {
clear: both;
}

a, a:visited {
color: #c5ff00;
}
a:hover {
text-decoration: none;
}
p{
padding-bottom: 10px;
line-height: 16px;
}
h1, h1 a, h1 a:visited {
color: #02fcf9;
font-size: 18px;
font-weight: normal;
padding-bottom: 20px;
text-decoration: none;
}
h1 a:hover {
text-decoration: underline;
}
h2 {
color: #02fcf9;
font-size: 14px;
font-weight: normal;
padding: 0 0 15px 20px;
background: url(img/icon-header.gif) no-repeat 0 3px;
}

#wrapper {
width: 900px;
margin: 0px auto;
}
#header {
width: 900px;
background: url(img/header-bg-grad.gif) repeat-x top;
}
a.linkLogo { 
width: 141px;
height: 36px;
display: block;
margin: 20px 0 20px 50px;
text-decoration: none;
float: left;
background: url(img/logo-c-me-ok.gif) no-repeat;
}
.linkLogo span {
visibility: hidden;
}
#headerImg {
width: 900px;
height: 234px;
clear: both;
}
.headerHome {
background: url(img/header-home.jpg) no-repeat;
}
.headerPortfolio {
background: url(img/header-portfolio.jpg) no-repeat;
}
.headerWorkHistory {
background: url(img/header-portfolio.jpg) no-repeat;
}
.headerContact {
background: url(img/header-contact.jpg) no-repeat;
}
#mainContent {
width: 800px;
padding: 30px 50px 0 50px;
}
#HLCol {
width: 528px;
float: left;
}
.HBlurbBox {
background-color: #000;
padding: 10px;
}
.HLBox {
margin-bottom: 30px;
padding: 15px;
background: url(img/bg-diag.gif) repeat;
}
.HLBox img {

}
.HLBox ul {
float: left;
width: 230px;
height: 195px;
padding: 0 13px 20px 6px;
}


.HLBox li, .CBRight li {
padding-bottom: 5px;
display: block;
}
.CBRight ul {
float: left;
width: 230px;
height: 230px;
padding: 0 0px 20px 0px;
}

#HRCol {
width: 242px;
padding-left: 30px;
float: left;
}
.HRBox {
width: 214px;
padding: 15px;
background: url(img/bg-diag.gif) repeat;
margin-bottom: 30px;
position: relative;
}
.rssIcon {
position: absolute;
top: 15px;
right: 30px;
width: 16px;
height: 16px;
display: block;
background: url(img/icon-rss.gif) no-repeat;
}
.feedRss {
padding-bottom: 0px;
}
.feedRss ul {
padding-bottom: 5px;
}
.feedRss li {
padding-bottom: 10px;
}
.feedRss span {
clear: both;
display: block;
}
#footer {
width: 900px;
clear: both;
font-size: 10px;
background: url(img/footer-grad.gif) repeat-x bottom;
}
#footerBorder {
border-top: 1px solid #02fcf9;
padding: 15px 50px 60px 50px;
}
#footerList {
float: left;
width: 550px;
}
#footerList li {
float: left;
color: #999999;
padding-right: 5px;
}
#footerList a, #footerList a:visited {
color: #999999;
}
#footerList a:hover {

}
#footerContact {
float: right;
}
#footerContact li {
float: left;
padding: 0px 0px 5px 0px;
}

#navList {
float: right;
padding: 50px 50px 0 0;
}
#navList li {
float: left;
display: block;
padding-left: 10px;
}
#navList a, #navLast a:visited {
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
#navList a:hover {
color: #02fcf9;
}
#selected {
color: #02fcf9!important;
}

.padTop {
clear: both;
padding: 10px 0 3px 0;
}
.bulletList {
padding-left: 10px;
}
.bulletList li {
float: left;
width: 80px;
padding: 0 0 0 15px;
background: url(img/icon-bullet.gif) no-repeat 0 4px;
}
.bulletList2 {
padding-left: 10px;
}
.bulletList2 li {
display: block;
padding: 0 0 0 15px;
background: url(img/icon-bullet.gif) no-repeat 0 6px;
}
.bulletList3 {
padding-left: 10px;
padding-bottom: 20px;
}
.bulletList3 li {
display: block;
padding: 0 0 0 15px;
background: url(img/icon-bullet.gif) no-repeat 0 4px;
}
.bulletList4, .twitter {

}
.bulletList4 li, .twitter li {
display: block;
padding: 0 0 10px 15px;
background: url(img/icon-bullet.gif) no-repeat 0 6px;
}
.bulletList5 {

}
.bulletList5 li {
display: block;
padding: 0 0 0 15px;
background: url(img/icon-bullet.gif) no-repeat 0 6px;
}

.iconEmail {
padding-left: 22px!important;
padding-right: 10px!important;
background: url(img/icon-email.gif) no-repeat 0 2px;
}
.iconMobile {
padding-left: 15px!important;
padding-top: 2px!important;
background: url(img/icon-mobile.gif) no-repeat;
}

.portBox {
background: url(img/bg-diag.gif) repeat;
padding: 15px;
margin-bottom: 20px;
}
.portBox h2 {
background: none;
padding: 0 0 10px 0;

font-size: 16px;
}
.portBox li {
float: left;
display: block;
line-height: 18px;
padding: 0 0 0 15px;
background: url(img/icon-bullet.gif) no-repeat 0 6px;
}
.portImg {
padding: 0 40px 0 0!important;
background: none;
line-height: 0px!important;
}
.portHeader {
width: 440px;
background: none!important;
padding: 0px!important;
}
.portWidth1 {
width: 155px;
}
.portWidth2 {
width: 315px;
}
.portDesc {
width: 480px;
margin-top: 10px!important;
line-height: 16px!important;
background-position: 0 3px!important;
}

.CBLeft {
padding: 25px;
width: 488px;
float: left;
background: url(img/bg-diag.gif) repeat;
margin-bottom: 20px;
}
.CBRight {
width: 200px;
padding: 15px;
float: right;
margin: 0 10px 30px 0px; 
background: url(img/bg-diag.gif) repeat;
}
.CBLeft input, .CBLeft textarea, .CBLeft select {
background-color: #000!important;
border: 1px solid #fff;
float: right;
color: #fff;
}
.textBoxCont1 {
width: 240px;
float: left;
padding: 0 0 10px 0;
}
.textBoxCont1 label {
width: 60px;
display: block;
float: left;
padding: 0 0 0 20px;
}
.textBoxCont2 {
width: 480px;
float: left;
padding: 0 0 10px 0;
}
.textBoxCont2 input, .textBoxCont2 textarea {
width: 340px;
}
.textBoxCont2 label {
width: 120px;
display: block;
float: left;
}
.textBoxCont3 {
width: 480px;
display: block;
float: left;
}
.textBoxCont3 input {
cursor: pointer;
}

.aboutList {
padding: 5px 0 20px 0;
}
.aboutList li {
display: inline;
padding-right: 15px;
font-weight: bold;
}
.aboutList span {
font-weight: normal;
}
.CBLeft h3 {
color: #02fcf9;
}

.blogBox h1 {
padding: 0px;
}
.blogBox .textSmall {
font-size: 10px;
}
.comments {
color: #02FCF9;
padding: 0 0 10px 0;
}


h1 a, h1 a:visited {
padding: 0px;
}

.footerStrap {
padding: 0px; 
width: 430px; 
color: #999;
}
.footerStrap a {
color: #999;
}