@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);


body
{
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  /*background:url(images/main-bg.png) 0 0 repeat transparent;*/
  background-color:#dcd4c7;
  margin:0px;
}


.wrapper
{
  /*background-color:#fff;*/
  margin:0 auto;
  width:1000px;
}

.top-wrapper
{
  padding:15px;
}

a.email:hover
{
  text-decoration:none;
}

.top-title
{
  text-align:center;
}

.demo
{
  position:relative;
}

#demo1
{
  background-color:#f23254;
}

#demo2
{
    background-color:#fff;
}

#demo3
{
  background-color:#FC01DE;
}

#demo4
{
  background-color:#2C2C2C;
}

#demo5
{
  background-color:#FF0000;
}

#demo6, #demo11, #demo16, #demo21, #demo27, #demo38, #demo43, #demo49, #demo55, #demo60, #demo65, #demo70, #demo75
{
  background-color:#fff;
}

#demo7
{
  background-color:#A08B77;
}

#demo8
{
  background-color:#F97A14;
}

#demo9
{
  background-color:#9B8458;
}

#demo10
{
  background-color:#1E436F;
}

#demo12
{
  background-color:#934816;
}

#demo13
{
  background-color:#FFFC8B;
}

#demo14
{
  background-color:#A77037;
}

#demo15
{
  background-color:#9CC9C9;
}

#demo17
{
  background-color:#FF2835;
}

#demo18
{
  background-color:#39C97B;
}

#demo19
{
  background-color:#DEB503;
}

#demo20
{
  background-color:#0082C8;
}

#demo22
{
  background-color:#67C9E0;
}

#demo24
{
  background-color:#3e6f79;
}

#demo23
{
  background-color:#91AC27;
}

#demo25
{
  background-color:#A7E331;
}

#demo26
{
  background-color:#41609A;
}

#demo28
{
  background-color:#50BBEB;
}

#demo29
{
  background-color:#2A2D45;
}

#demo30
{
  background-color:#FF275C;
}

#demo31
{
  background-color:#009BDE;
}

#demo32
{
  background-color:#FF8000;
}

#demo33
{
  background-color:#FF0000;
}

#demo34
{
  background-color:#8DBF41;
}

#demo35
{
  background-color:#E91D38;
}

#demo36
{
  background-color:#713C13;
}

#demo37
{
  background-color:#2CCCFA;
}

#demo39
{
  background-color:#956115;
}

#demo40
{
  background-color:#273F49;
}

#demo41
{
  background-color:#FF7A73;
}

#demo42
{
  background-color:#4FC3AE;
}

#demo44
{
  background-color:#778C61;
}

#demo45
{
  background-color:#466673;
}

#demo46
{
  background-color:#F80400;
}

#demo47
{
  background-color:#9C4124;
}

#demo48
{
  background-color:#456270;
}

#demo50
{
  background-color:#12ABFF;
}

#demo51
{
  background-color:#F35E5E;
}

#demo52
{
  background-color:#DC7D45;
}

#demo53
{
  background-color:#D52931;
}

#demo54
{
  background-color:#FF7E00;
}

#demo56
{
  background-color:#FBA426;
}

#demo57
{
  background-color:#3C322B;
}

#demo58
{
  background-color:#97574A;
}

#demo59
{
  background-color:#FF6E27;
}

#demo61
{
  background-color:#F5640C;
}

#demo62
{
  background-color:#ADA59A;
}

#demo63
{
  background-color:#F85158;  
}

#demo64
{
  background-color:#63C8C8;
}

#demo66
{
  background-color:#F9B816;
}

#demo67
{
  background-color:#4E8BA0;
}

#demo68
{
  background-color:#D68A3A;
}

#demo69
{
  background-color:#E3107D;
}

#demo71
{
  background-color:#FB0000;
}

#demo72
{
  background-color:#545453;
}

#demo73
{
  background-color:#8B4E70;
}

#demo74
{
  background-color:#07CE21;
}













.demo-hover
{
     text-align:center; 
}

.demo-hover .demo a:hover .main-img
{
  opacity:0.3;
}

.demo-hover .demo a .preview-icon
{
  opacity:0;
  left: 420px;
    position: absolute;
    top: 160px;
    z-index: 10;
}

.demo-hover .demo a:hover .preview-icon
{
  opacity:1;
  left: 420px;
    position: absolute;
    top: 160px;
    z-index: 10;
}