/* CSS Document */

/* ================================================================================== */
/* == Layout ======================================================================== */
/* ================================================================================== */

.container , .dummy-footer-text {
width:940px;
margin-left:auto;
margin-right:auto;
padding:0 20px!important;
position:relative;
z-index:2;
}

.full-width { padding:20px 0px; }

.one_half { width:452px; float:left; margin:4px 35px 4px 0px;  }
.one_half_last { width:452px; float:left; margin:4px 0 4px 0px; padding-right:0; clear:right!important;  }

.one_third { width:283px; float:left; margin:4px 35px 4px 0px;  text-align: justify;}
.one_third_last { width:283px; float:left; margin:4px 0 4px 0px; padding-right:0; clear:right!important; }

.one_fourth { width:208px; float:left; margin:4px 35px 4px 0px; }
.one_fourth_last { width:208px; float:left;  margin:4px 0 4px 0px; padding-right:0; clear:right!important;}

.two_third { width:622px; float:left; margin:4px 35px 4px 0px; }
.two_third_last { width:622px; float:left; margin:4px 0 4px 0px; padding-right:0; clear:right!important;  }

.three_fourth { width:697px; float:left; margin:4px 35px 4px 0px; }
.three_fourth_last { width:697px; float:left;margin:4px 0 4px 0px; padding-right:0; clear:right!important;  }

.one_fifth { width:147px; float:left; margin:4px 35px 4px 0px; }
.one_fifth_last { width:147px; float:left; margin:4px 0 4px 0px; padding-right:0; clear:right!important;  }

.four_fifth { width:747px; float:left; margin:4px 35px 4px 0px; }
.four_fifth_last { width:747px; float:left;margin:4px 0 4px 0px; padding-right:0; clear:right!important;  }

.one_sixth { width:113px; float:left; margin:4px 35px 4px 0px; }
.one_sixth_last { width:113px; float:left; margin:4px 0 4px 0px; padding-right:0; clear:right!important; }

.five_sixth { width:790px; float:left; margin:4px 35px 4px 0px; }
.five_sixth_last { width:790px; float:left; margin:4px 0 4px 0px; padding-right:0; clear:right!important;  }

.two-third-width .one_half { width:285px; float:left; margin:4px 25px 4px 0px;  }
.two-third-width .one_half_last { width:285px; float:left; margin:4px 0 4px 0px; padding-right:0; clear:right!important;  }

.two-third-width .one_third { width:180px; float:left; margin:4px 25px 4px 0px;  text-align: justify;}
.two-third-width .one_third_last { width:180px; float:left; margin:4px 0 4px 0px; padding-right:0; clear:right!important; }

.two-third-width .one_fourth { width:130px; float:left; margin:4px 25px 4px 0px; }
.two-third-width .one_fourth_last { width:130px; float:left;  margin:4px 0 4px 0px; padding-right:0; clear:right!important;}

.two-third-width .two_third { width:390px; float:left; margin:4px 25px 4px 0px; }
.two-third-width .two_third_last { width:390px; float:left; margin:4px 0 4px 0px; padding-right:0; clear:right!important;  }

.two-third-width .three_fourth { width:440px; float:left; margin:4px 25px 4px 0px; }
.two-third-width .three_fourth_last { width:440px; float:left;margin:4px 0 4px 0px; padding-right:0; clear:right!important;  }

.two-third-width .one_fifth { width:99px; float:left; margin:4px 25px 4px 0px; }
.two-third-width .one_fifth_last { width:99px; float:left; margin:4px 0 4px 0px; padding-right:0; clear:right!important;  }

.two-third-width .four_fifth { width:475px; float:left; margin:4px 25px 4px 0px; }
.two-third-width .four_fifth_last { width:475px; float:left;margin:4px 0 4px 0px; padding-right:0; clear:right!important;  }

.two-third-width .one_sixth { width:50px; float:left; margin:4px 25px 4px 0px; }
.two-third-width .one_sixth_last { width:113px; float:left; margin:4px 0 4px 0px; padding-right:0; clear:right!important; }

.two-third-width .five_sixth { width:520px; float:left; margin:4px 25px 4px 0px; }
.two-third-width .five_sixth_last { width:790px; float:left; margin:4px 0 4px 0px; padding-right:0; clear:right!important;  }


.margin-5px  { margin:5px; }
.margin-10px { margin:10px; }
.margin-15px { margin:15px; }
.margin-20px { margin:20px; }
.margin-25px { margin:25px; }

.padding-5px  { padding:5px; }
.padding-10px { padding:10px; }
.padding-15px { padding:15px; }
.padding-20px { padding:20px; }
.padding-25px { padding:25px; }

/* ================================================================================== */
/* == Sidebar Structure ============================================================= */
/* ================================================================================== */

/* == Right Sidebar ========================== */

.hasRightSidebar .two-third-width { float:left; width:599px;}
.hasRightSidebar .sidebar { float:left; width:290px;  }

/* == Left Sidebar ========================== */

.hasLeftSidebar .two-third-width { float:right; width:599px; }
.hasLeftSidebar .sidebar { float:left; width:290px;  }



/* ================================================================================== */
/* == Home Slider Structure ========================================================= */
/* ================================================================================== */


#home-slider .description { width:400px; float:left; }
#home-slider .imageholder { float:left; width:550px; margin-top:23px; } 
#home-slider .imageholder a { display:block; width:708px; padding-bottom:35px; padding-left:120px; margin-left:-60px; }
#home-slider .imageholder a img { display:block; }


/* ================================================================================== */
/* == Home Page Top 4 Columns ======================================================= */
/* ================================================================================== */

.home-page-top-columns a.imageholder { display:block; width:218px; height:86px;  }

/* ================================================================================== */
/* == Single Portfolio ============================================================== */
/* ================================================================================== */

.two-third-width #single-portfolio-stage ,  .two-third-width #single-portfolio-stage a.imageholder img , .two-third-width  #single-portfolio-stage a.imageholder  { width:529px; height:550px;   }

.two-third-width #single-portfolio-stage  { margin-bottom: 20px;}

.full-width #single-portfolio-stage , .full-width #single-portfolio-stage a.imageholder img , .full-width #single-portfolio-stage a.imageholder { width:940px; height:400px;  } 

/* ================================================================================== */
/* == Accordion Layout ============================================================== */
/* ================================================================================== */

.two-third-width  #single-portfolio-stage ul.kwicks  {  width:618px; height:350px;    }
.full-width  #single-portfolio-stage ul.kwicks  { width:970px; height:350px;    }

/* ================================================================================== */
/* == Quickie Slider Layout ========================================================= */
/* ================================================================================== */

.two-third-width  #single-portfolio-stage ul.mainslider  { width:618px; height:350px;    }
.full-width  #single-portfolio-stage ul.mainslider  { width:970px; height:350px;    }

/* ================================================================================== */
/* == Galleria Layout =============================================================== */
/* ================================================================================== */

.two-third-width .galleria { width:618px; height:350px;    }
.full-width .galleria { width:970px; height:350px;    }

/* ================================================================================== */
/* == Portfolio Layout ============================================================== */
/* ================================================================================== */

.full-width .portfolio-one-column .imageholder {  width:940px; height:350px; }

.full-width .portfolio-one-column  .posts>li {   }
.full-width .portfolio-one-column h2{padding: 5px 0px 0px;margin-top: 15px;}
.full-width .portfolio-one-column p{padding: 10px 0px 0px;}
.full-width .portfolio-one-column .more-link {float: right;background: none;border: none;color:#444;text-shadow: 1px 1px 1px #fff; margin-right: 10px;}

.two-third-width .portfolio-one-column .posts>li .more-link {float: right;background: none;border: none;color:#444;text-shadow: 1px 1px 1px #fff; margin-right: 10px;}
.two-third-width .portfolio-one-column .imageholder {  width:590px; height:250px; }

/* ==  two columns == */

.full-width .portfolio-two-column .imageholder {  width:450px; height:300px; }
.full-width .portfolio-two-column .posts>li { width:450px; float:left; margin:1px 16px 0px 16px; }
.full-width .portfolio-two-column .posts>li.separator{height: 0px;}
.full-width .portfolio-two-column .posts>li h2{padding: 5px 0px 0px;}
.full-width .portfolio-two-column .posts>li p{padding: 10px 0px 0px;}
.full-width .portfolio-two-column .posts>li .more-link {float: right;background: none;border: none;color:#444;text-shadow: 1px 1px 1px #fff; margin-right: 10px;}

.two-third-width .portfolio-two-column .posts>li .more-link {float: right;background: none;border: none;color:#444;text-shadow: 1px 1px 1px #fff; margin-right: 10px;}
.two-third-width .portfolio-two-column .imageholder {  width:270px; height:170px; }
.two-third-width .portfolio-two-column .posts>li { width:270px; float:left; margin:1px 19px 0px 19px; }

/* ==  three columns == */

.full-width .portfolio-item-4-4 , .full-width  .portfolio-item-3-3 , .full-width  .portfolio-item-2-2 , .hasLeftSidebar  .portfolio-item-4-4, .hasLeftSidebar  .portfolio-item-3-3 , .hasLeftSidebar  .portfolio-item-2-2  { margin-left:4px!important; }

.full-width  .portfolio-item-4-1 , .full-width  .portfolio-item-2-1  , .full-width  .portfolio-item-3-1  , .hasLeftSidebar .portfolio-item-4-1 , .hasLeftSidebar  .portfolio-item-2-1 , .hasLeftSidebar .portfolio-item-3-1, .hasRightSidebar .portfolio-item-4-1 , .hasRightSidebar  .portfolio-item-3-1 , .hasRightSidebar  .portfolio-item-2-1 { margin-right:0!important;  }

 
.hasRightSidebar .two-third-width .portfolio-three-column .posts>li { margin:1px 20px 0px 18px; }
.hasRightSidebar .two-third-width .portfolio-two-column .posts>li {  margin:1px 17px 0px 17px; }
.hasRightSidebar .two-third-width .portfolio-one-column .posts>li {  margin:1px 0px 0px 10px; }
 div.hasRightSidebar div.portfolio { }

.full-width .portfolio-three-column .imageholder {  width:280px; height:210px; }
.full-width .portfolio-three-column .posts>li { width:280px; float:left; margin:1px 22px 0px 22px; }
.full-width .portfolio-three-column .posts>li.separator{height: 0px;}
.full-width .portfolio-three-column .posts>li h2{padding: 5px 0px 0px;}
.full-width .portfolio-three-column .posts>li p{padding: 10px 0px 0px;}
.full-width .portfolio-three-column .posts>li .more-link {float: right;background: none;border: none;color:#444;text-shadow: 1px 1px 1px #fff; margin-right: 10px;}

.two-third-width .portfolio-three-column .posts>li .more-link {float: right;background: none;border: none;color:#444;text-shadow: 1px 1px 1px #fff; margin-right: 10px;}
.two-third-width .portfolio-three-column .imageholder {  width:165px; height:120px; }
.two-third-width .portfolio-three-column .posts>li { width:165px; float:left; margin:1px 20px 0px 20px; }

/* ==  four columns == */

.full-width .portfolio-four-column .imageholder {  width:200px; height:130px; }
.full-width .portfolio-four-column .posts>li { width:200px; float:left;  margin:1px 22px 0px 21px; }
.full-width .portfolio-four-column .posts>li.separator{height: 0px;}
.full-width .portfolio-four-column .posts>li h2{padding: 5px 10px 0px;}
.full-width .portfolio-four-column .posts>li p{padding: 10px 10px 0px;}
.full-width .portfolio-four-column .posts>li .more-link { float: right;background: none;border: none;color:#444;text-shadow: 1px 1px 1px #fff; margin-right: 10px;}

.two-third-width .portfolio-four-column .posts>li .more-link {float: right;background: none;border: none;color:#444;text-shadow: 1px 1px 1px #fff; margin-right: 10px;}
.two-third-width .portfolio-four-column .imageholder {  width:130px; height:90px; }
.two-third-width .portfolio-four-column .posts>li { width:130px; float:left; margin:1px 11px 0px 11px; }
.portfolio canvas { top:0; left:0; position:absolute; z-index:9; }
.imageholder img { }
