* {
	margin: 0px;
	padding: 0px;
	border: 0px;
  font-family: 'Helvetica';
 }  
  html, body {
	height: 100%;
	width: 100%;
	background-color: #fff;
	line-height: 1.3em;
}    
  a {
	color: #555555;
	text-decoration: none;
}
  p {
	padding: 8px 0 8px 0;
}


/* FORM */
  form {
	margin-top: 35px;
}
  form label {
	display: block;
	margin: 15px 0 5px;	
}
  form input, form textarea {
	-moz-border-radius: 3px;
	webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
	margin-bottom: 10px;	
	font: 13px Calibri, Arial, sans-serif;
	display: block;
	width: 305px;
	border: 1px solid #d9d9d9;
	background-color: #f6f6f6;
	box-shadow: 0 2px 2px 1px #e4e4e4 inset;
	height: 20px;
}
  form input.btnSubmit {
	font: normal 14px Calibri, Arial, sans-serif;
	width: 120px;
	cursor: pointer;
	-moz-border-radius: 3px;
	webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	border: none;
	box-shadow: 0 0 0 0 inset;
 	height: 35px;
	background: linear-gradient(top, #e95b22, #bd3215);
	background: -moz-linear-gradient(top, #e95b22, #bd3215);
	padding-bottom: 8px;
	text-shadow: #c8351b 3px 3px 5px;
 }  
  form textarea {
	width: 305px;
	height: 100px;	
	font: 12px  Calibri, Arial, sans-serif;
  }
  input.btnSubmit:hover {
	background-color: #e95b22;
  }

/*****************************************************************/
/* Header */  
/*****************************************************************/
  #header {
	width: 100%;
	margin: 0;
	height: 90px;
	background: #000;
 }    
 
.logo {
	float: left;
	margin-left: 2%;
}

.logo h1 {
    color: #FFFFFF;
    font-family: fantasy;
    font-size: 50px;
    font-variant: small-caps;
    padding: 38px 0px 0px;
    text-transform: uppercase;
}
  ul#navigation {
    float: right;
    font-size: 14px;
    margin-right: 2%;
    height: 32px;
    list-style-type: none;
    margin-top: 10px;
    text-transform: uppercase;
  }
  
  ul#navigation li {
	padding-left: 10px;
	display: inline; 
  }
  
  ul#navigation li a {
	color: #000;
	text-decoration: none;
  }

  ul#navigation li a:hover, ul#navigation li a.selected  {
	color: #c1c1c1;
  }
  
  #options {
    display: inline;
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin-left: 2%;
    /*height: 115px;*/
  }

/*****************************************************************/
/* Content */  
/*****************************************************************/
  #content, #content-wide {
    height: auto;
	margin-left: 2%;
    /*padding-top: 2%;*/
	margin-right: 2%;
  }
  #content-wide {
	padding-right: 0;
  }
  #content-box {
    width: 630px;
	box-shadow: 0 1px 2px #bbb;
    margin: 0 auto;
	text-align: left;
	padding: 20px;
	height: auto;
  }
  #content-box h1 {
	font-size: 18px;
	color: #3d3c3f;
	margin-bottom: 20px;
	font-weight: normal;
  }
   #content-box h2 {
	font-size: 13px;
	margin-bottom: 5px;
	font-weight: bold;
  }
  
/*****************************************************************/
/* Filter */  
/*****************************************************************/
ul#filters {
    float: none;
    list-style-type: none;
    margin-top: 0;
    padding: 5px 0px;
    width: 400px;
}
ul#filters li {
    float: inherit;
    text-align: left;
    width: auto;
    display: inline-block;
}
ul#filters li a {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 5px 0px;
	text-transform: uppercase;
}  

ul#filters li a:hover {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 5px 0px;
	text-transform: uppercase;
    color: gray;
} 


  
/*****************************************************************/
/* Gridview                                                      */  
/*****************************************************************/
.loader {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-top: 100px;

}

.loader h3 {
    font-weight: normal;
    margin-top: 20px;
}

.loader img {
    height: 80px;
    width: auto;
}

.grid {
  width: 100%;
}

.grid-item {
  height: auto;
  margin-bottom: 10px;
}

.grid-item img {
  width: 100%;
  height: auto !important;
  margin-bottom: 0px;
  display: block;
}

.grid-item div {
  height: 5px;
  background-color: #000;
}

.grid-item h3 {
  margin: 0;
  font-weight: normal;
  font-size: 90%;
}

/*****************************************************************/
/* Carousel */  
/*****************************************************************/
#slide-area {
    background: none repeat scroll 0 0 #FFFFFF;
    height: auto;
    padding: 0;
    position: relative;
    width: 100%;
    border: 1px solid #ccc;
}
#description {
    float: left;
    line-height: 16px;
    margin-left: 20px;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 27%;
}
#description h4{
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 15px 0 8px;
}
#description h3 {
	font-size: 11px;
	color: #ef6a07;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 8px;
}

#description ul {
	margin-left: 15px;
}
#description  span.go-home {
	bottom: 20px;
	position: absolute;
	background: url(../img/arrow-back.png) 0 4px no-repeat;
	padding-left: 25px;
	left: 5%;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
}
#description  span.go-home :hover{
	color: #666;
}

/*****************************************************************/
/* Isotope filtering */
/*****************************************************************/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/*****************************************************************/
/* Footer */  
/*****************************************************************/
  #footer {
	color: #333;
	padding: 9px 0;
	font-size: 11px;
	min-height: 50px;
	margin-top: 20px;
	background: url(../img/seperator.jpg) no-repeat top center;
  }
  #footer  a {
	color: #333;
	padding-top: 6px;
	text-decoration: none;
  }  

.preload {
	display:none;
}	

/*****************************************************************/
/* GERNERAL */
/*****************************************************************/
  .clr {
	clear: both;
    font: 0em sans-serif;
	visibility: hidden;
	height: 0px;
  }  
  .required {
    color: #ef6a07;
  }
  .posright { 
    float: right;
  }
  .posleft {
    float: left;
  }
  .noBorder {
	border: 0 !important;
  }
  .noPadding {
	padding: 0 !important;
  }
  .noMargin {
	margin: 0 !important;
  }  
  .smaller {
	font: normal 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  }
  a.hasnolink , a.hasnolink :hover {
    text-decoration: none;
  } 
  
 #left {
	
 }
 
 #right {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 390px;
    margin: 25px;
    width: 250px;
 }
 
  #right p { 
	padding: 10px;
  }
 
 
 #right h3 {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    height: 11px;
    padding: 7px 5px;
    text-align: left;
    text-transform: uppercase;
}
 
 
 /**** Demos ****/

#container {
   background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    float: left;
    margin-bottom: 20px;
	margin-top: 50px;
    width: 490px;
	padding-bottom: 5px;
}

#container h3 {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    height: 11px;
    margin-top: -25px;
    padding: 7px 5px;
    text-align: left;
    text-transform: uppercase;
}

#container1 {
   background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    float: left;
    margin-top: -20px;
    width: 490px;
	padding-bottom: 10px;
}

#container1 h3 {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    height: 11px;
    margin-top: -25px;
    padding: 7px 5px;
    text-align: left;
    text-transform: uppercase;
}


.centered { margin: 0 auto; }



.col1 { width: 80px; }
.col2 { width: 230px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 470px; }

.col1 img { max-width: 80px; }
.col2 img { max-width: 230px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 470px; }

/**** Gutters ****/

.has-gutters .box1 {
  margin: 5px 0;
}

.has-gutters .col1 { width: 90px; }
.has-gutters .col2 { width: 230px; }
.has-gutters .col3 { width: 370px; }
.has-gutters .col4 { width: 550px; }

/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

.butonatclient {
    background: none repeat scroll 0 0 transparent;
    float: right;
    height: 35px;
    margin-right: 0;
    margin-top: -36px;
    width: 82px;	
}

.butonatclient1 {
    float: left;
    height: 35px;
    width: 24px;
}

.butonatclient2 {
    float: left;
    height: 35px;
    margin-left: 35px;
    position: absolute;
    width: 24px;
}

.butonatclient3 {
    float: left;
    height: 35px;
    position: absolute;
    width: 35px;
}

.next {
    background: url("../img/butoninext.png") no-repeat scroll -20px 0 transparent;
    display: block;
    float: left;
    height: 34px;
    width: 22px;
}

.prev {
    background: url("../img/butoniprev.png") no-repeat scroll 1px 0 transparent;
    display: block;
    float: left;
    height: 34px;
    margin-right: 40px;
    width: 22px;
}

.prev:hover {
    background: url("../img/butoniprev.png") no-repeat scroll -20px 0 transparent;
}
.next:hover {
    background: url("../img/butoninext.png") no-repeat scroll 1px 0 transparent;
}

.download {
	
}

.download li{
   display: table;
    padding: 5px 0;
}

.download li a{
    background: url("../img/dwonload.png") no-repeat scroll left center transparent;
    color: #222;
    padding-left: 30px;
    text-decoration: none;
	opacity:0.8;
}

.download li a:hover{
	opacity:1;
}

#options1 {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 32px;
    width: 100%;
}

.twitter {
	background: url("../img/twitter.png") no-repeat scroll left center transparent;
	display: table;
    margin-top: 0;
    padding: 20px 40px 18px;
	opacity:0.8;
}

.facebook {
	background: url("../img/facebook.png") no-repeat scroll left center transparent;
	display: table;
    margin-top: 0;
    padding: 20px 40px 18px;
	opacity:0.8;
}

.facebook:hover, .twitter:hover {
	opacity: 1;
}