/* Copyright (C) 2012 Primer Templates, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/layout.css);


/* Spacing
----------------------------------------------------------------------------------------------------*/

.module{ 
margin: 15px; 
}

#header {
  background: none repeat scroll 0 0 transparent;
  margin: 0;
  padding: 0;
}

#breadcrumbs {
}

#breadcrumbs .breadcrumbs {
  background: none repeat scroll 0 0 transparent;
  padding: 10px 0;
  text-indent: 10px;
}

#content{ 
margin: 15px; 
}
#footer { 
margin: 15px; 
}

#menu .module { margin: 10px 5px; }

#footer .module {
  font-size: 11px;
  margin: 0;
}

#toolbar {
}

.float-right {
  color: #FFFFFF;
  float: right;
}

#headerbar {
  background: none repeat scroll 0 0 transparent;
  margin-bottom: 0;
  padding-bottom: 10px;
}


/* Layout
----------------------------------------------------------------------------------------------------*/

#totop-scroller {
  background: url("../images/to-top.png") no-repeat scroll 50% 50% transparent;
  display: block;
  height: 40px;
  opacity: 0.3;
  position: absolute;
  right: 10px;
  text-decoration: none;
  top: 10px;
  width: 40px;
  z-index: 1;
}

#totop-scroller:hover{
  opacity: 1;
}

.wrapper {
  -moz-box-sizing: border-box;
}

#bottom-a {
  background: none repeat scroll 0 0 #F9F9F9;
}

#bottom-a .mod-box{

}

#bottom-a  .module{

}

#bottom-b {
  color: #707070;
  text-shadow: none;
}

#bottom-b .module .module-title {
  background: url("../images/divo.png") repeat-x scroll center bottom transparent;
  padding-bottom: 6px;
}

#bottom-b h1, #bottom-b h2, #bottom-b h3, #bottom-b h4, #bottom-b h5, #bottom-bh6 {
  color: #757575 !important;
}

#bottom-b a {
  color: #77950d;
}

#footer a {
  color: #FFFFFF;
}

#bottom-b a:hover{
  color: #000000;
}

#bottom-b img {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  box-shadow: none;
  margin: 0;
  outline: medium none;
  padding: 0;
}



#bottom-b textarea, #bottom-b input[type="text"], #bottom-b input[type="password"], #bottom-b select {
  background: none repeat scroll 0 0 #262626;
  border-color: #000000 #333333 #333333 #000000;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -o-border-radius: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 1px;
  padding: 5px;
  color: #9F9F9F;
}

#headerbar .module {
  float: right;
  margin-right: 0;
  max-width: 300px;
}

#footer {
  color: #999999;
  margin: 0;
  padding-bottom: 15px;
  padding-top: 10px;
}

#menubar {
  border-bottom: medium none;
  box-shadow: none;
  height: 33px;
  margin: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-top: 10px;
}

#logo{
  float: left;
} 
#logo > img{
  float: left;
  padding-left: 12px;
  background: none repeat scroll 0 0 transparent;
  border: none;
  box-shadow: none;
  margin-bottom: 10px;
  margin-right: 15px;
  margin-top: 5px;
  outline: none;
  overflow: hidden;
  padding: 4px;
  max-width: 100% !important;
}
#menu {
  float: left;
}

#search {
  float: right;
}

#portfolio {
  background: none repeat scroll 0 0 transparent;
}

#portfolio .mod-box{

}

#portfolio .module {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  text-shadow: 0 1px 0 #FFFFFF;
}

#portfolio h1{
  color: #444444 !important;
  line-height: 24px;
}
 
#portfolio h2{
  color: #444444 !important;
  line-height: 24px;
} 

#portfolio h3{
  color: #444444 !important;
  line-height: 24px;
} 

#portfolio h4{
  color: #444444 !important;
  line-height: 24px;
} 

#portfolio h5{
  color: #444444 !important;
  line-height: 24px;
} 
#portfolio h6 {
  color: #444444 !important;
  line-height: 24px;
}

#portfolio a {

}

#slider {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
}

#slider .mod-box{

}

#sidebar-a .module {
  background: none repeat scroll 0 0 transparent;
  margin-left: 0;
  padding: 15px;
}

#sidebar-b{
 background: url("../images/a.png") repeat-y scroll left center transparent;
}
 
#sidebar-b .module {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  margin-right: 0;
}

#sidebar-b img{
  float: left;
  padding-left: 12px;
  background: none repeat scroll 0 0 transparent;
  border: none;
  box-shadow: none;
  margin-bottom: 10px;
  margin-right: 15px;
  margin-top: 5px;
  outline: none;
  overflow: hidden;
  padding: 4px;
  max-width: 100% !important;
}

#sidebar-b .module-title{
  background: url("../images/bread.png") repeat-x scroll left bottom transparent;
  padding-bottom: 15px;
}

#toolbar .float-left .module, #toolbar .float-left > time {
  color: #808080;
  float: left;
  font-family: inherit;
  margin: 0 15px 0 0;
  text-shadow: none;
  font-size: 11px;
}

#toolbar .menu-line, #toolbar .menu-line li, #toolbar .menu-line li a {
  display: inline-block;
  font-size: 11px !important;
}

#innerbottom{

}

#innerbottom .module{
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  padding: 15px;
}

#newsletter {
  
}

#newsletter .module {
  padding: 3px 0 5px;
}

#newsletter a {
  
}

#newsletter img{
   
}

#sidebar-a {
  background: url("../images/b.png") repeat-y scroll right center transparent;
}

#sidebar-a .module .module-title {
  background: url("../images/bread.png") repeat-x scroll left bottom transparent;
  padding-bottom: 15px;
}

#sidebar-a  .module .module-title span {

}

#sidebar-a img{
  float: left;
  padding-left: 12px;
  background: none repeat scroll 0 0 transparent;
  border: none;
  box-shadow: none;
  margin-bottom: 10px;
  margin-right: 15px;
  margin-top: 0;
  outline: none;
  overflow: hidden;
  padding: 4px;
  max-width: 100% !important;
}

#tabs {
  background: none repeat scroll 0 0 #F9F9F9;
}

#top-b {
  background: url("../images/tabs.png") repeat-x scroll left bottom #FAFAFA;
}

#seperator {
  background: none repeat scroll 0 0 transparent;
  border-radius: 0 0 3px 3px;
  height: 10px;
  margin-bottom: 20px;
}

#tabsep {
  height: 3px;
}

#tab2 {
  
}

#top-a {
  background: none repeat scroll 0 0 #EBEBEB;
  border-bottom: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-right: 1px solid #DDDDDD;
  margin-top: -1px;
}

#top-a .color{
  color: #77950d;
}

#main {
  background: none repeat scroll 0 0 transparent;
}

#rounded {
  background: none repeat scroll 0 0 #FAFAFA;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0; 
  -webkit-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  height: 10px;
}

/*extra css3 effects*/

.view-third:hover .mask { 
    opacity:1; 
    transition-delay: 0s;                            
    transform: translate(0px, 0px);
}
.view-third:hover h2 { 
    transform: translateY(0px); 
    transition-delay: 0.5s; 
}
.view-third:hover p { 
    transform: translateX(0px) rotate(0deg);
    transition-delay: 0.4s;
}
.view-third:hover a.info { 
    transform: translateY(0px);
    transition-delay: 0.3s;
}

/* Clearfix Divisions */

#top-slider {
  background: none repeat scroll 0 0 transparent;
}

#top-footer {
  background: url("../images/footer-content.png") repeat-x scroll left top #212121;
}

#top-bread {
  background: none repeat scroll 0 0 #262626;
  margin: 0;
}

#top-bottomb {
  background: none repeat scroll 0 0 #EBEBEB;
}

#top-newsletter {
  background: url("../images/news.png") repeat-x scroll center top #E0E0E0;
}

#top-bottoma{}

#top-tab2{}

#top-tabs{}

#top-tabsep {
  background: url("../images/tabs.png") repeat-x scroll left top #FAFAFA;
}

#top-main{}

#top-tops{}

#top-rounded{}

#top-seperator{}

#top-portfolio {
  
}
/*
#top-banner {
  border-bottom: medium none;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}*/

#tool-header {
  background: none repeat scroll 0 0 transparent;
  border-bottom: medium none transparent;
  padding: 10px 15px 10px 18px;
}

#top-a .grid-box {
  
}

/* Suffix classes */

.top1{

}

.top1 .module-title {
  background: url("../images/icon1.png") no-repeat scroll left center transparent;
  min-height: 32px;
  padding-left: 35px;
}

.top2{

}

.top2 .module-title{
  background: url("../images/icon2.png") no-repeat scroll left center transparent;
  min-height: 32px;
  padding-left: 35px;
}

.top3{
  
}

.top3 .module-title{
  background: url("../images/icon3.png") no-repeat scroll left center transparent;
  min-height: 32px;
  padding-left: 35px;
}

.top4{
  
}

.top4 .module-title{
  background: url("../images/icon4.png") no-repeat scroll left center transparent;
  min-height: 32px;
  padding-left: 35px;
}

#logo {
  float: left;
}

#logo img {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  box-shadow: none;
  float: left;
  margin: 0;
  outline: medium none;
  padding: 0;
}

#logo p {
  float: left;
  margin-bottom: 0;
}