body{
    background: #4A5766 url('images/background-img.png') repeat top right;
}
fieldset { border:0 none; margin:0; padding:0; }

img{
    border: 0 none;
}

a{
    color: #32A1D1;
    text-decoration: none;
}

p{
    color: #ECE4D9;
    font-family: Arial;
    font-size: 17px;
    margin: 5px 0px 0px 0px;
    padding: 0px 40px 10px 0px;
}

#overall{
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    width: 995px;
    height: 100%;
}

#header{
    background: url('images/logo02.png') no-repeat top left;
    margin: 0px 0px 0px -28px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: 130px;
}

.title{ font-family:Arial; font-weight:normal; color:#99CC00; font-size:20px;}

#nav-section { margin: 0; padding: 0; }

#nav { display: block; margin: 0; padding: 0px 0px 0px 10px; text-decoration: none; list-style:none; }
#nav ul { margin: 0; }
#nav li { display: inline; float:left; height:55px; margin: 0; padding: 0; text-indent: -9999px; }
#nav li a { background-image:url(images/sprite_small.png); display:block; height: 55px; }

#nav li.home a{ background-position:0px 0px; width:105px; }
#nav li.blog a{ background-position:-105px 0px; width:86px; }
#nav li.portfolio a{ background-position:-191px 0px; width:146px; }
#nav li.resources a{ background-position:-337px 0px; width:163px; }
#nav li.contact a{ background-position:-500px 0px; width:136px; }
#nav li.about a{ background-position:-639px 0px; width:110px; }

#nav li.home a:hover { background-position:0px -55px; }
#nav li.blog a:hover { background-position:-105px -55px; }
#nav li.portfolio a:hover { background-position:-191px -55px; }
#nav li.resources a:hover { background-position:-337px -55px; }
#nav li.contact a:hover { background-position:-500px -55px; }
#nav li.about a:hover { background-position:-639px -55px; }

#nav li.home.home-active a{ background-position:0px -110px; }
#nav li.blog.blog-active a{ background-position:-105px -110px; }
#nav li.portfolio.portfolio-active a{ background-position:-186px -110px; }
#nav li.resources.res-active a{ background-position:-332px -110px; }
#nav li.contact.contact-active a{ background-position:-495px -110px; }
#nav li.about.about-active a{ background-position:-631px -110px; }

#footer { margin: 0; padding: 0px 0px 0px 0px; height: 200px; }

.copyright { float: left; font-size: 10px; margin: 10px 0px 0px 75px; };

#f-nav-section { margin: 0px 0px 0px 0px; padding: 0; }

#f-nav { display: block; margin: 0px 0px 0px 100px; height: 29px; padding: 0; text-decoration: none; list-style:none; float: left; }
#f-nav ul { margin: 0; padding: 0; width: 427px; }
#f-nav li { display: inline; height:29px; margin: 0; padding: 0; text-indent: -9999px; }
#f-nav li a { float: left; background-image:url(images/fsprite.png); background-repeat: no-repeat; display:block; height: 29px; margin: 0; padding: 0; }

#f-nav li.f-home a { background-position:0px 0px; width:62px; }
#f-nav li.f-blog a { background-position:-62px 0px; width:52px; }
#f-nav li.f-portfolio a { background-position:-114px 0px; width:80px; }
#f-nav li.f-resources a { background-position:-194px 0px; width:95px; }
#f-nav li.f-contact a { background-position:-289px 0px; width:76px; }
#f-nav li.f-about a { background-position:-365px 0px; width:62px; }

#f-nav li.f-home a:hover { background-position:0px -29px; }
#f-nav li.f-blog a:hover { background-position:-62px -29px; }
#f-nav li.f-portfolio a:hover { background-position:-114px -29px; }
#f-nav li.f-resources a:hover { background-position:-194px -29px; }
#f-nav li.f-contact a:hover { background-position:-289px -29px; }
#f-nav li.f-about a:hover { background-position:-365px -29px; }

#f-nav li.f-home.f-home-active a{ background-position:0px -58px; }
#f-nav li.f-blog.f-blog-active a{ background-position:-62px -58px; }
#f-nav li.f-portfolio.f-portfolio-active a{ background-position:-114px -58px; }
#f-nav li.f-resources.f-res-active a{ background-position:-194px -58px; }
#f-nav li.f-contact.f-contact-active a{ background-position:-289px -58px; }
#f-nav li.f-about.f-about-active a{ background-position:-365px -58px; }

#subject-links{ clear:both; text-decoration:none; margin:10px 0px 0px 5px; padding:0; }
#subject-links ul { width:450px; }
#subject-links li { float:left; font-size:16px; font-family:Arial; color:#32A1D1; }

.no-circle { list-style:none; }
.circle { list-style: circle; margin-left:25px; }

#contact-form { clear:both; border:none; text-decoration:none; }
#contact-form ul { list-style:none; margin:20px 0px 0px 5px; padding:0; }
#contact-form ul li { padding:0; margin:0px 0px 15px 0px }
#contact-form input { padding-top:3px; margin:0px 35px 0px 0px; background-color:#687688; border:1px solid #475361; float:right; height:25px; font-family:Arial; font-size:20px; color:#ECE4D9; }
#contact-form input:hover { border:1px solid #9CA8B6; }
#contact-form textarea { padding-top:3px; margin:10px 35px 0px 0px; background-color:#687688; border:1px solid #475361; float:right; font-family:Arial; font-size:20px; }
#contact-form textarea:hover { border:1px solid #9CA8B6; }
#contact-form label { line-height:28px;}
#contact-email { width:300px; }
#contact-subject { width:200px; }
#contact-name { width:250px; }
#contact-message {  }

#search{
    margin: 0px 0px 0px 0px;
    float: left;
    /*background: url('images/background-search-img.png') no-repeat bottom right;*/
    /*width: 25%;*/
    height: 40px;
    display: block;
}

#top-section{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 300px;
    width: 100%;
    background-color: #475361;
    border: 1px solid #404853;
    clear: left;
}

#bottom-section{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: 800px;
}

#bottom-section #left{
    float: left;
    width: 25%;
}

#bottom-section #center{
    float: left;
    width: 50%;
}

#bottom-section #right{
    float: left;
    width: 25%;
}

#networks{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Arial;
    font-size: 18px;
    color: #ECE4D9;
    width: 100%;
    text-decoration: none;
    text-transform: none;
    list-style: none;
}

#networks li{
    background-color: #475361;
    border: 1px solid #404853;
    border-top: 1px solid #687688;
    height: 50px;
    background-position: 10px 10px;
}

#networks li:hover{
    background-color: #404853;
}

#networks a{
    display: block;
    height: 100%;
    color: #ECE4D9;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    margin: 0;
    padding: 10px 0px 0px 60px;    
}

#networks span{
    color: #ECE4D9;
    font-size: 12px;
    font-family: Arial;    
    font-style: italic;    
}

#net-twit{
    background: url('images/twitter_32.png') no-repeat;
}

#net-blog{
    background: url('images/wordpress_32.png') no-repeat top left;
}

#net-fb{
    background: url('images/facebook_32.png') no-repeat top left;
}

#net-yahoo{
    background: url('images/yahoo_32.png') no-repeat top left;
}

#net-li{
    background: url('images/linkedin_32.png') no-repeat top left;
}

#net-flickr{
    background: url('images/flickr_32.png') no-repeat top left;
}

#net-skype{
    background: url('images/skype_32.png') no-repeat top left;
}

#net-email{
    background: url('images/email_32.png') no-repeat top left;
}

.net-descr{
    float: left;
    margin: 0px 0px 0px 10px;
}

.net-descr h4{
    color: #ECE4D9;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    margin: 10px 0px 0px 10px;
    padding: 0;
    display: block;
}


.net-descr p{
    color: #ECE4D9;
    font-size: 12px;
    font-family: Arial;    
    font-style: italic;
    margin: 0px 0px 0px 10px;
    padding: 0;
}

.divider{
    border-top: solid #404853 1px;
}

.title{
    font-family: Arial;
    font-weight: normal;
    color: #99CC00;
    margin: 10px 0px 5px 0px;
}

.recent-work{
    width: 285px;
    height: 185px;
    padding: 5px;
    background: #404853 none repeat scroll 0 0;
}

.recent-work:hover{
    background: #2F353E none repeat scroll 0 0;    
}