* {font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;}
body {
        background: #0b1419;
        margin: 0;
}

/* headerStyles*/
#header {height: 120px; background: #fff;}
#header #headerContainer {width: 900px; margin: 0 auto; height: 120px;}

#header #headerContainer #logo {width: 190px; margin-left: 10px; height: 120px;background: url(img/logo.gif) no-repeat; float: left;}
#header #headerContainer #menu { width: 700px; float: left;}

#header #headerContainer #menu #topMenu {margin: 0; padding: 0; list-style-type: none; width: 700px; height: 120px;}
#header #headerContainer #menu #topMenu li {display: block; width: 140px; height:100px; float: left; margin-top: 20px;}
#header #headerContainer #menu #topMenu li a {width: 140px; height: 100px; display: block;}
#header #headerContainer #menu #topMenu li a span {visibility: hidden; width: 140px; height: 100px; display: block;}

#header #headerContainer #menu #topMenu #home { background: url(img/homeMenu.gif) no-repeat;}
/*#header #headerContainer #menu #topMenu #home { background: url(img/homeMenuHover.gif) no-repeat;}*/

#header #headerContainer #menu #topMenu #about {background: url(img/aboutMenu.gif) no-repeat;}
/*#header #headerContainer #menu #topMenu #about {background: url(img/aboutMenuHover.gif) no-repeat;}*/

#header #headerContainer #menu #topMenu #portfolio {background: url(img/portfolioMenu.gif) no-repeat;}
/*#header #headerContainer #menu #topMenu #portfolio {background: url(img/portfolioMenuHover.gif) no-repeat;}*/

#header #headerContainer #menu #topMenu #skills {background: url(img/skillsMenu.gif) no-repeat;}
/*#header #headerContainer #menu #topMenu #skills {background: url(img/skillsMenuHover.gif) no-repeat;}*/

#header #headerContainer #menu #topMenu #contact {background: url(img/contactMenu.gif) no-repeat;}
/*#header #headerContainer #menu #topMenu #contact {background: url(img/contactMenuHover.gif) no-repeat;}*/

/*MainContainer*/
#container {width: 890px; margin: 0 auto; padding: 0 10px 0 0;}

/*LeftColSil*/
#leftColSil {width: 200px; background: url(img/dude.jpg) no-repeat; height: 500px; float: left;}

/*MainContent*/
#mainContent {width: 690px; float: left;}
#mainContent h1 {color: #3393af; font-size: 18px;}
#mainContent h2 {color: #3393af; font-size: 14px;}
#mainContent p {color: #fff; text-align: justify; line-height: 20px;}
#mainContent td {color: #fff; text-align: justify; line-height: 20px;}
#mainContent p a {color: #3393af; text-decoration: none; font-weight: bold;}

#slogan {width: 690px; height: 160px; background: url(img/slogan.jpg) no-repeat;}

#contentMainCol {width: 680px;}
#contentLeftCol {width: 370px; float: left; margin-right: 10px;}
#contentRightCol {width: 300px; float: left;}

form {padding: 10px; background: #333; border: 1px solid #e4e4e4; font-size: 11px;}
form label {width: 342px; display: block; float: left; color: #fff;}
form input {float: left; width: 342px; margin: 3px;}
form input.button { float: left; width: 100px;}
form textarea { width: 342px; height: 100px; margin: 3px;}

.blogContent {padding-right: 10px;}
.blogContent p.title { float: left; width: 280px; font-weight: bold; font-size: 14px; color: #3393af!important;}
.blogContent p.date {float: left; clear: right; width: 80px; text-align: right!important; font-weight: bold;}
.blogContent p.post {clear: both;}
#footer {color: #fff; text-align: center;}
#footer a {color: #398ebf}

.newsContent {}
.newsContent p.title { float: left; width: 200px; font-weight: bold; font-size: 14px; color: #3393af!important;}
.newsContent p.date {float: left; clear: right; width: 80px; text-align: right!important; font-weight: bold;}
.newsContent p.post {clear: both;}

.port {margin-top: 10px;background: #fff; padding: 10px;}
.port_title { float: left; width: 224px; float: left; color: #398ebf; font-weight: bold; margin-bottom: 10px; font-size: 13px;}
.port_title a {color: #398ebf; text-decoration:none;}
.port_img { float: left; width: 150px; margin-bottom: 10px;}
.port_img img {width: auto!important; height: auto!important;}
.port_desc {float: left; width: 520px; text-align: justify; line-height: 20px; color: #3b3b3b; padding-bottom: 10px; margin-bottom: 10px;}

.port_details {background: #e4e4e4; padding-top: 1px; }
.port p {text-align: justify; line-height: 20px; padding-left: 10px; color: #3b3b3b; border-bottom: 2px solid #c4c4c4; margin-bottom: 10px;}
.port a {text-decoration: none; color: #398ebf;}
.portfolioDetails {color: #000000!important; padding: 0 0 0 10px; margin: 0;}

.good {background: url(img/good.gif) no-repeat; padding: 0 0 0 20px; width: 180px; float: left;}