/*
 * Featured content
 */
div#content-wrapper
{
   clear: both;
   margin: 20px 10px;
   border-left: 1px solid #cccfdb;
   border-right: 1px solid #cccfdb;
}
div#featured-portfolio
{
   width: 450px;
   padding: 10px;
   border-left: 1px solid #cccfdb;
   float: right;
}
div#featured-projects
{
   margin: 0 470px 0 0;
   padding: 10px;
   border-right: 1px solid #cccfdb;
}
div#content-wrapper h3
{
   margin: 0 0 5px 0;
   background: #fff;
   color: #506778;
   font-size: 200%;
   font-weight: normal;
}

/*
 * Featured Portfolio
 */
div.completed-project
{
   width: 450px;
   height: 180px;
   margin: 10px 0 20px 0;
}
div.completed-project h4 a
{
   float: right;
   margin: 10px 10px 5px 0;
   padding: 6px;
   font-size: 160%;
   background: #6990ac;
   color: #fff;
   text-decoration: none;
}
div.completed-project h4 a:hover
{
   background: #fff;
   color: #6990ac;
}
div.completed-project p
{
   float: right;
   margin: 5px 10px 0 0;
   padding: 6px;
   font-size: 140%;
   background: #6990ac;
   color: #fff;
   clear: both;
}
div.completed-project a.portfolio-image
{
   border: 1px solid #b1b1b1;
   background: url('/images/portoflio/default.png') no-repeat;
   display: block;
   width: 448px;
   height: 178px;
   text-indent: -80000em;
   margin: 0 !important;
   margin-top: -85px;
}

/*
 * Featured Projects
 */
div#featured-projects h4
{
   font-size: 140%;
   float: left;
}
div#featured-projects h4 a, div#featured-projects h4 a:visited
{
   background-color: inherit;
   color: #6c94af;
   text-decoration: none;
}
div#featured-projects h4 a:hover
{
   background-color: inherit;
   color: #4c748f;
}
div#featured-projects img.preview-image
{
   margin: 4px 0;
   border: 1px solid #b1b1b1;
}
div#featured-projects p
{
   padding: 4px 10px 20px;
}