/*-----------------------------------------------------------------------------------

  Template Name: Line
  Template URI: http://www.deliciousthemes.com
  Description: Business / Corporate Template
  Author: Madalin Tudose
  Author URI: http://www.deliciousthemes.com
  License: GNU General Public License version 3.0
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
  Version: 1.0
  
  All files, unless otherwise stated, are released under the GNU General Public License
  version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------

  1. CSS Reset & Clearfix
  2. Document Setup (body, common classes, etc)
  3. Columns
  4. Typography
    4.1. Dropcaps
    4.2. Highlighted Text
  5. Header
  6. Main Content
    6.3. Sidebar  
    6.4. Portfolio
    6.5. Blog
      6.5.1. Comments
      6.5.2. Pagination    
    6.6. Contact
  7. Footer
    7.1. Twitter
    7.2. Flickr
    7.3. Social Icons
  8. Elements
    8.1. Slides Plugin - for Portfolio Single Page
    8.2. Buttons
    8.3. Tabs
    8.4. Toggles
    8.5. Accordions
    8.6. Tables
    8.7. Info Boxes
    8.8. Lists

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*  1.  CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input,textarea {
  font: 12px/20px;  
  font:inherit;
  resize:none;
}

* { _noFocusLine: expression(this.hideFocus=true); } /* Removes dotted lines around links */



/*-----------------------------------------------------------------------------------*/
/*  2.  Document Setup (body, common classes, structure etc)
/*-----------------------------------------------------------------------------------*/

body {
  font: 12px/20px Open Sans, Helvetica, Arial, sans-serif;
  background:#cabc9f;
  margin:0;
  padding:0;
  color:#735f5f;
  font-size:16px;
}

#wrapper {
  margin-left:auto;
  margin-right:auto;
  width:1020px;
  margin-top:30px;
  margin-bottom:30px;
  box-shadow: 0px 0px 10px #dedede;
  background:#cabc9f;
}

a {
  text-decoration:none;
  -webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}

a:focus , a:link, a:active {
  outline:none;
}

a:hover {
  color:#444;
  background:#fff;
}

a:focus {
  color:#444;
  background:#fff;
}

p {
  margin-bottom:20px;
}

.clear {
  clear:both;
}

.aligncenter {
  text-align:center;
}

.alignleft {
  text-align:left;
}

.alignright {
  text-align:right;
}
 
#bg {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

.bgwidth { 
  width: 100%; 
}

.bgheight { 
  height: 100%; 
}
 
 
.space {
    height:60px;
    width:100%;
  clear:both;
}

label {
    color:#735f5f;
    display:block;
    font-weight:normal;
}

label.error {
    color: red;
    font-style: italic;
    margin: 5px 0 10px 0;
}

input[type="text"], input[type="password"], input.text, input.title, textarea, select {
    background:#919e4b;
    border:1px solid #EBEBEB;
}

input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    border:1px solid #EBEBEB;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}

input[type="text"], input[type="password"], input.text, input.title, textarea, select {
    font-family:Arial;
    font-size:12px;
    margin:5px 0;
}

input.text, input.title, select {
    padding:5%;
    width:89%;
}

input.title {
    font-size:13px;
}

textarea {
    height:130px;
    padding:2% 2%;
    width:95.5%;
}

form.inline {
}

form.inline p {
    margin-bottom:0;
}



/*-----------------------------------------------------------------------------------*/
/*  3.  Columns
/*-----------------------------------------------------------------------------------*/

.one-half { width: 460px }
.one-third { width: 300px; }
.two-third { width: 620px; }
.one-fourth { width: 220px; }
.three-fourth { width:700px; }
.one-sixth { width: 140px; }
.five-sixth { width: 780px }

.one-fourth, .one-half, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth {
  position: relative;
  margin-right:20px;
  float: left;  
}

.percent-one-half { width: 48%; }
.percent-one-third { width: 30.66%; }
.percent-two-third { width: 65.33%; }
.percent-one-fourth { width: 22%; }
.percent-three-fourth { width: 74%; }
.percent-one-fifth { width: 16.8%; }
.percent-two-fifth { width: 37.6%; }
.percent-three-fifth { width: 58.4%; }
.percent-four-fifth { width: 67.2%; }
.percent-one-sixth { width: 13.33%; }
.percent-five-sixth { width: 82.67%; }

.percent-one-half,
.percent-one-third,
.percent-two-third,
.percent-three-fourth,
.percent-one-fourth,
.percent-one-fifth,
.percent-two-fifth,
.percent-three-fifth,
.percent-four-fifth,
.percent-one-sixth,
.percent-five-sixth {
  position: relative;
  margin-right: 4%;
  float: left;
}

.column-right {
  float:right;
}
.column-last {
  margin-right: 0!important;
  clear: right;
}



/*-----------------------------------------------------------------------------------*/
/*  4.  Typography
/*-----------------------------------------------------------------------------------*/

h1, h2, h5 {
  font-weight:normal;
  color:#fff;
}

h3, h4 {
  font-weight:normal;
  color:#221c20;
}

h6 {
  font-weight:normal;
  color:#6b6b6b
}

h1 {
  font-size:32px;
  line-height:40px;
  margin-bottom:13px;  
}

h2 {
  font-size:32px;
  line-height:32px;
  margin-bottom:13px;
}

h3 {
  font-size:20px;
  line-height:24px;  
  margin-bottom:20px;  
}

h4 {
  font-size:18px;
  line-height:22px;
  margin-bottom:20px;  
}

h5 {
  font-size:16px;
  line-height:20px;
  margin-bottom:15px;
}

h6 {
  font-size:16px;
  line-height:20px;
  margin-bottom:20px;
  font-weight:600;
}  


/*--- 4.2. Hightlighted Text ---*/

.highlight {
    padding: 1px 3px;
}

.highlight.redish {
    background-color: #ffcccf;
    color: #A14A40;
}

.highlight.bluish {
    background-color: #D7E7F5;
    color: #5E6984;
}

.highlight.yellowish {
    background-color: #FFF9CC;
    color: #736B4C;
}

.highlight.greenish {
    background-color: #E2F2CE;
    color: #466840;
}

.highlight.dark {
    background: #333333;
    color:#fff;
}

pre, code {
    background-color: #F5F5F5;
    border-color: #ebebeb;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    display: block;
    font-family: monospace;
    font-size: 11px;
    padding: 10px;
}

pre, code {
    margin-bottom:10px;
}

blockquote {
    border-left: 2px solid #ebebeb;
    color: #787878;
    font-size: 16px;
    font-style: italic;
    line-height:24px;
    margin: 20px 50px;
    padding: 0 0 5px 15px;
}


/*-----------------------------------------------------------------------------------*/
/*  5.  Header
/*-----------------------------------------------------------------------------------*/

#header {
  width:940px;
  margin:0 auto;
  border-bottom:1px solid #ebebeb;
  margin-bottom:30px;
}

.logo {
  position:relative;
  height:100px;
}

.logo img {
  display:block;
  position:absolute;
  bottom:0;
  height:100px;
}

#navigation {
  float:right;
  padding-top:30px;
}

ul#mainnav {
  float:left;
  position:relative;
  display:block;
}

ul#mainnav li {
  display:inline-block;
  float:left;
  position:relative;
  z-index:1000;
}

ul#mainnav li ul li {
  border-left:1px solid #221c20;
}

ul#mainnav li a {
  font: 13px/20px 'Open Sans', Open Sans, Helvetica, Arial, sans-serif;
  position:relative;
  font-weight:400;
  color:#221c20;
  margin-left:35px;
  margin-bottom:0;
  margin-right:0px;
  padding:0;
  height:80px;
  line-height:34px;
  display:inline-block;
  *display:block; /* IE7 Hack */
  -webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
  z-index:100;
}
ul#mainnav li a.sf-with-ul:hover, ul#mainnav li a.sf-with-ul:active {
  border-bottom:1px solid #ffffff;
  margin-bottom:-1px;
}

ul#mainnav li ul li a.sf-with-ul:hover, ul#mainnav li ul li a.sf-with-ul:active {
  margin-bottom:0;
  border-bottom:1px solid #ffffff;
}

ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li a.current, ul#mainnav li a:focus {
  background:#515151;
  color:#fff;
  margin-bottom:-1px;
}

ul#mainnav li ul li a.current {
  margin-bottom:0px;
  border-bottom:1px solid #ffffff;
}

ul#mainnav li ul li {
  background:#cabc9f;
  margin:0;  
  float:left;
  width:100%;
}

ul#mainnav li ul li a, ul#mainnav li ul li ul li a, ul#mainnav li ul li a:visited, ul#mainnav li ul li a:active, ul#mainnav li ul li a:focus  { /* visited pseudo selector so IE6 applies text colour*/
  height:34px;
  width:170px;
  margin:0 15px;
  display:block;
  padding:0px;
  background:#cabc9f;
  text-decoration:none;
  border-bottom:1px solid #ebebeb;  
  z-index:1100;
  position:relative;
}
  
.nav-last-item {
  border-bottom:3px solid #515151;
}

.nav-first-item {
  z-index:1000;
  position:relative;
}

#nav ul#mainnav > li > ul > li.nav-last-item > a, #nav  ul#mainnav > li > ul > li > ul > li.nav-last-item > a {
  border-bottom:0 none;
}

ul#mainnav li ul li a:hover, ul#mainnav li ul li ul li a:hover {
  background:#515151;
  color:#fff;
  margin-bottom:0px;
  border-bottom:1px solid #ebebeb;
}

ul#mainnav li ul li a:focus, ul#mainnav li ul li ul li a:focus {
  background:#515151;
  color:#fff;
  margin-bottom:0px;
  border-bottom:1px solid #ebebeb;
}


/*-----------------------------------------------------------------------------------*/
/*  6.  Main Content
/*-----------------------------------------------------------------------------------*/

.services {
  overflow:hidden;
  margin-bottom:80px;
}

.clients {
  background: #919e4b;  
  overflow:hidden;
  margin-top:75px;
  padding:5px 40px 0;
  border-top:1px solid #f1f1f1;
  text-align:center;
  clear:both;
}
.clients li {
  display:inline;
  margin:10px 15px 9px;
  text-align:center;
}
.clients li img {
  
}
.clients li a {
  opacity:0.15;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);  
  display:inline-block;  
}
.intro {
  position:relative;
  padding:55px 0;
  text-align:center;  
  background:#919e4b;
  border-bottom:1px solid #e7e7e7;
  margin-bottom:70px;
}

.intro h2 {
  font-size:26px;
  text-transform:uppercase;
  font-weight:600;
}

.intro h5 {
  color:646464;
}

.intro a:hover {
  color:#fff;
  background:#515151;
}

.intro a:focus {
  color:#fff;
  background:#515151;
}

.centered-wrapper {
  width:940px;
  margin:0 auto;
}

.page-title {
  width:940px;
  margin:0 auto;
  clear:both;
  margin-bottom:50px;
  border-bottom:1px solid #EBEBEB;
}

.page-title h2 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #221c20;
}

.search-form {
  float:right;
  position:relative;
  top:-7px;
}

.search-form  input[type="text"] {
  width:180px;
  height:20px;
  line-height:20px;
  position:relative;
  padding:6px 10px;
  color:#686868;
  display:block;
}

.search-form  input[type="submit"] {
  background:url(images/search.png) scroll 0 0;
  width:16px;
  height:16px;
  border:0 none;
  text-indent:-9999px;
  cursor:pointer;
  position:absolute;
  top:14px;
  right:10px;
  font-size: 0; 
  display:block; 
  line-height: 0;  
}

.page-title .double-separator {
  margin:0;
}

.breadcrumbs {
  font-size:12px;
  padding:10px 0;
  width:100%;
  overflow:hidden;
}

.service-item {
  overflow:hidden;
}

.service-item p {
  margin-bottom:10px;
}

.img-srv {
  width:16px;
  height:16px;
  opacity:0.6;
  margin:20px;
}

img.service-img {
  float:left;
  margin:4px 15px 15px 0;
  width:16px;
  height:auto;
}

img.service-img-center {
  text-align:center;
  margin:0 0 20px 0;
  width:60px;
  height:auto;
}

h3.service {
  font-size:20px;
  font-weight:600;
}

h4.service {
  font-size:16px;
  font-weight:600;
}

.separator {
  width:100%;
  height:1px;
  clear:both;
  background:#efefef;
  margin:40px 0;
}

.double-separator {
  width:100%;
  height:1px;
  clear:both;
  border-top:1px solid #efefef;
  border-bottom:1px solid #efefef;
  margin:40px 0;
}

#footer .double-separator {
  margin:50px 0;
}

.bgtitle {
  margin-bottom:20px;
  width:95%;
  background:url(images/separator.png) repeat-x;
  height:25px;  
}
.bgtitle h2 {
  font-size:13px;
  font-weight:600;
  float:left;
  height:25px;
  line-height:25px;
  background:#fff;
  padding-right:10px;
}

.team-member {
    position:relative;
  padding: 5px;
  background: white;
  border: 1px solid #EFEFEF;
  border-radius: 2px;
  margin-bottom:20px;
}

.team-member a {
  overflow: hidden;
  display: block;
  position: relative;
}

.team-avatar {
 
    height:auto;
    width:100%;
  display:block;
}

.team-text h3 {
  font-size:14px;
  font-weight:600;
  text-align:center;
  clear:both;
  padding-top:18px;
  margin-bottom:3px;
}

.team-text h6 {
  text-align:center;
  font-size:12px;
  font-weight:400;
  margin-bottom:15px;
}

.team-text p {
  padding:0 5px;
}  

.team-social {
    border-top:1px solid #efefef;
  text-align:center;
  overflow:hidden;
  clear:both;
}

.team-social a img {
    -moz-transition: all .2s ease-in-out;
    -o-transition: color .2s ease-in-out, opacity .2s ease-in-out, border-color .3s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    opacity: .3;
  filter:alpha(opacity=30);
    transition: all .2s ease-in-out;
}

.team-social a img:hover{
    opacity: 1;
  filter:alpha(opacity=100);
}

.team-social a {
  padding:5px;
  margin-top:10px;
  display:inline-block;
}

.team-text span {
    color:#787878;
}

.team-text p {
    margin-top:10px;
}

.testimonial-item {
  border:1px solid #efefef;
  padding:20px 15px 0;
  margin-top:3px;
  font-style:italic;
  box-shadow:0px 0px 5px #efefef;
}

.testimonial-pin {
  background:url(images/testimonial-pin.png) no-repeat scroll 0 0;
  display: block;
  width: 24px;
  height: 16px;
  position: absolute;  
  left:30px;
}

.testimonial-meta {
  font-style:normal;
  position:absolute;
  width:80%;
  font-weight:600;
  font-size:12px;
  left:20%;
  bottom:-40px;
}

.testimonial-meta h5 {
  float:left;
  margin-right: 5px;
  font-size:12px;
  font-weight:600;
}
.testimonial-meta span {
  color:#444;
}


/*--- 6.4. Portfolio ---*/

ul#filters {
  float:left;
  clear:both;
  margin-bottom:35px;
}

ul#filters li {
  display:inline;
  margin:0 15px 0 0;
}

ul#filters li a {
  color:#686868;
  padding:3px 10px 4px 10px;
  font-weight:600;
  -webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;  
}

.portfolio {
  clear:both;
  overflow:hidden;
  margin-right:-20px;
}21371c

.portfolio li {
  margin-right:20px;
  float:left;
  position:relative;
  margin-bottom:20px;
  overflow:hidden;
  background:#fff;
  padding-bottom:5px;
  text-align:center;
  border-bottom:1px solid #d9d8d7;
   -webkit-transition:background 0.3s ease-in;
   -moz-transition:background 0.3s ease-in;
   -o-transition:background 0.3s ease-in;
   transition:background 0.3s ease-in;    
}

.portfolio li:hover {
  background:#f2f2f0;
}

.portfolio h3 {
  position:relative;
  clear:both;
  font-size:13px;
  color:#444;
  line-height:22px;
  margin:15px 0 10px;
  width:100%;
  left:0;  
  font-weight:600;
}
.portfolio h3 a {
  color:#444;
}

.portfolio p {
  padding:0 7px;
}  

#portfolio-wrapper a {
  display: block;
  width: 100%;
  height: auto;
  position: relative;  
}

#portfolio-wrapper .four-columns img {
  width:208px;
  height:auto;
  display:block;
}

#portfolio-wrapper .three-columns img {
  width:288px;
  height:auto;
  display:block;
}

#portfolio-wrapper .two-columns img {
  width:448px;
  height:auto;
  display:block;
}

#portfolio-wrapper .four-columns li {
  width: 208px;
  display: block;
  position: relative;
  padding: 5px;
  background: white;
  border: 1px solid #EFEFEF;
  border-radius: 2px;
}

#portfolio-wrapper .three-columns li {
  width: 288px;
  display: block;
  position: relative;
  padding: 5px;
  background: white;
  border: 1px solid #EFEFEF;
  border-radius: 2px;
}

#portfolio-wrapper .two-columns li {
  width: 448px;
  display: block;
  position: relative;
  padding: 5px;
  background: white;
  border: 1px solid #EFEFEF;
  border-radius: 2px;
}

.item-details p {
  margin:0;
  padding:10px 0;
  border-bottom:1px solid #efefef;
}

.item-details span {
  color:#444;
}

.portfolio-single {
  margin-bottom:50px;
  overflow:hidden;
}

.previous-post-link a, .next-post-link a {
  width:25px;
  height:25px;
  display:block;
  text-indent:-9999px;
  float:left;
  margin-top:10px;
  -webkit-transition:all 0.1s linear;
    -moz-transition:all 0.1s linear;
    -o-transition:all 0.1s linear;
    transition:all 0.1s linear;  
}


/*--- 6.5. Blog ---*/

#posts {
  float:left;
  position:relative;
  width:640px;
  margin-right:40px;
  overflow:hidden;
}

.single-post .post {
  border-bottom:0;
  margin-bottom:0px;
  padding-bottom:0px;
}

h2.post-title a {
  color:#444;
}

.meta a {
  color:#c7c7c7;
}

.post-thumbnail {
  margin-bottom:30px;
  display:inline-block;
  clear:both;
  margin-top:0px;  
  padding:4px;
  border: 1px solid #EFEFEF;  
  border-radius: 2px;    
}

.video-thumbnail {
  margin-bottom:30px;
  display:inline-block;
  clear:both;
  margin-top:0px;  
}

.post-thumbnail a {
  display:block;
  position:relative;
  vertical-align:bottom;  
}

.post-thumbnail img {
  width:630px;
  height:auto;
  background:#fff;      
}

.meta {
  clear:both;
  float:left;
  margin-bottom:20px;
}

.meta span {
  padding-left:23px;
  float:left;
  margin-right:20px;
}

.meta span.post-date {
  background:url(images/calendar.png) no-repeat scroll 0 3px;
  color:#C7C7C7;
}  

.meta span.post-author {
  background:url(images/author.png) no-repeat scroll 0 3px;
}  

.meta span.post-comment {
  background:url(images/comment.png) no-repeat scroll 0 4px;
}  

.meta p {
  margin:0;
  padding:5px 0;
}

.excerpt {
  width:100%;
  clear:both;
}

p.readmore {
  text-align:right;
}

.post {
  margin-bottom:50px;
  padding-bottom:20px;
  border-bottom:1px solid #efefef;
  overflow:hidden;
}

.post-content {
  clear:both;
  padding-top:40px;
}

.right-image {
    float:right;
    margin:5px 0 0 20px;
  padding: 4px;
  border: 1px solid #EFEFEF;
  border-radius: 2px;  
}

.left-image {
    float:left;
    margin:5px 20px 0 0;
  padding: 4px;
  border: 1px solid #EFEFEF;
  border-radius: 2px;  
}

.post-image {
    margin:5px 0 20px;
}

ul.tags {
    padding:0 0 10px;
    position:relative;
  overflow:hidden;
}

ul.tags a {
  color:#c7c7c7;
}

ul.tags li {
    display:inline;
    float:left;
    height:16px;
    line-height:20px;
    margin:30px 20px 0 0;
}

.tag-title {
    background-image:none;
    float:left;
    line-height:18px;
    margin:30px 20px 0 0;
}

.author-bio {
    clear:both;
    margin:30px 0 0;
    overflow:hidden;
    padding:15px 0 15px;
    position:relative;
}

.authorp {
    float:left;
    width:82%;
}

.authorp h2 {
  color:#C7C7C7;
}
.authorp h2 a {
  color:#444;
}

.author-bio p {
  margin-bottom:0;
}  

.author-bio img {
    float:left;
    margin:0 25px 0 0;
  padding: 4px;
  border: 1px solid #EFEFEF;
  border-radius: 3px;  
}


/*--- 6.5.1. Comments ---*/

.commentlist {
    list-style-type: none;
    margin: 30px 0 40px;
}

.comment {
    margin-top: 35px;
    position: relative;
  padding:0;
  display:inline-block;
}

.comment a {
  color:#444;
}

.commentwrap {
  margin: 0 0 0 100px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #EFEFEF;
}

.avatar {
    left: 0;
    position: absolute;
    top: 0;
}

.avatar img {
  padding: 4px;
  border: 1px solid #EFEFEF;
  border-radius: 3px;
}

.metacomment {
    margin-bottom: 10px;
  padding:0;
}

.metacomment span {
    font-weight:bold;
    margin: 0 5px 0 0;
}

ul.threaded {
    margin-left:75px;
}

#commentform {
  width:540px;
  position:relative;
}

#commentform fieldset {
  clear:both;
}

#commentform input[type="text"] {
  width:174px;
  padding:7px 10px;
  font-size:12px;
  height:20px;
  line-height:20px;
}

textarea#mycomment {
  width:618px;
  padding:10px;
  clear:both;
  overflow:hidden;
  float:left;
  margin-bottom:5px;
}

#commentform input[type="submit"] {
  margin-top:5px;
  border:0 none;
}

.error_message {
  color:#ff3000;
}


/*--- 6.5.2. Pagination ---*/

.pagenav {
    text-align:center;
  vertical-align: middle;
}

.pagenav a {
    background:#fff;
    color:#686868;
    display:inline-block;
    margin:4px;
    padding:5px 12px;
  font-weight:600;
  -webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;    
}

span.current {
    color:#fff;
    display:inline-block;
    margin:4px;
    padding:5px 12px;
}

span.pages {
  display: inline-block;
  margin: 4px;
  padding: 5px 12px;
  font-weight:600;
}


/*--- 6.6. Contact ---*/

.contact-info p {
  margin:0;
  padding:7px 0;
  border-top:1px solid #efefef;
}

.contact-info p:last-child {
  border-bottom:1px solid #efefef;
}

.contact-info span {
  color:#444;
}

.contact-map {
  margin-bottom:50px;
}

#contactform label {
  clear:both;
}  

#contactform input[type=text] {
  margin-bottom:10px;
  width:89%;
  padding:3% 5%;
  height:20px;
  line-height:20px;

}

#contactform input[type=submit] {
  font-size:14px;
  clear:both;
  float:right;
  cursor:pointer;
  margin:0;
}

#contactform textarea { 
  height:130px;
  clear:both;
}

.contact-loader {
  float: right;
  padding: 11px 11px 0 0;
}



/*-----------------------------------------------------------------------------------*/
/*  7.  Footer
/*-----------------------------------------------------------------------------------*/

#footer {
  overflow:hidden;
  clear:both;
  width:1020px;
  background:#464646;
  color:#969595;
  padding-top:60px;
  margin:0 auto;
  border-top:5px solid #efefef;
  font-size:16px;
}

#topfooter {
  padding:0;
  margin:0;
}

#topfooter h6 {
  margin:0;
  font-size:16px;
  font-weight:400;
}

ul#contact-widget li {
  border-bottom:1px dotted #6b6b6b;
  padding-bottom:10px;
  margin-bottom:10px;
  padding-left:10px;
}

ul#blog-widget li {
  border-bottom:1px dotted #6b6b6b;
  padding-bottom:10px;
  margin-bottom:10px;  
  position:relative;
  overflow:hidden;
}
ul#blog-widget li img {
  position:absolute;
  top:3px;
  left:0;
}

ul#blog-widget li h6{
  float:left;
  padding-left:75px;
}

ul#blog-widget li span{
  float:left;
  clear:both;
  padding-left:75px;
  width:100%;
}

ul#contact-widget li:last-child {
  border-bottom:0 none;
}

ul#blog-widget li:last-child {
  border-bottom:0 none;
}

li.address {
  background:url(images/address.png) no-repeat scroll 0 2px;
}

li.phone {
  background:url(images/phone.png) no-repeat scroll 0 2px;
}

li.email {
  background:url(images/email.png) no-repeat scroll 0 2px;
}

#footer a {
  color:#fff;
}

#footer a:focus {
  color:#444;
  background:#fff;
}

#footer h3 {
  font-size:20px;
  font-weight:600;
  color:#fff;
}

#bottomfooter {
  padding:23px 0 17px;
  position:relative;
  overflow:hidden;
  clear:both;
  margin-top:40px;
  background:#3c3c3c;
}

#bottomfooter p {
  float:left;
  margin:0;
}

.totop {
  background:url(images/top.png) no-repeat scroll 0 0;
  width:37px;
  height:42px;
  position:absolute;
  bottom:-10px;
  left:50%;
  margin-left:-18px;
  text-indent:-9999px;
}


/*--- 7.1. Twitter ---*/

.tweet,
.query {
  margin:0;
}

.tweet_list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
}
.widget .tweet_list li {
  background:none;
  padding:10px 0;
}

.tweet_list li {
  overflow-y: auto;
  overflow-x: hidden;
  padding:10px 0;
  list-style-type: none;
  border-bottom:1px solid #efefef;
  background:none;
}

.tweet_list li:last-child {
  border-bottom:0 none;
}

.tweet_list li a {
}

.tweet_list .tweet_avatar {
  padding-right: .5em; float: left;
}

.tweet_list .tweet_avatar img {
  vertical-align: middle;
}


/*--- 7.2. Flickr ---*/

#flickr {
  margin: 0; 
  padding: 0; 
  overflow: hidden;   
  width:270px;
}

#flickr li { 
  list-style: none; 
  float: left; 
  margin: 0 9px 9px 0; 
  border:0 none;
  padding:0;
}

#flickr  img { 
  display: block; 
  width:45px;
  height:45px;
}

#flickr a img { 
  border: none;
}


/*--- 7.3. Social Icons ---*/

ul#social {
  float:right;
  margin-right:-5px;
}

ul#social li {
  display:inline;
}

ul#social li a {
  display:block;
  margin:0 5px;
  width:24px;
  float:left;
  height:24px;
  text-indent:-9999px;
  opacity:0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

a.forrst {
  background:url(images/social/forrst.png) no-repeat scroll 0 0;
}
a.dribbble {
  background:url(images/social/dribbble.png) no-repeat scroll 0 0;
}
a.vimeo {
  background:url(images/social/vimeo.png) no-repeat scroll 0 0;
}
a.linkedin {
  background:url(images/social/linkedin.png) no-repeat scroll 0 0;
}
a.google {
  background:url(images/social/google.png) no-repeat scroll 0 0;
}
a.skype {
  background:url(images/social/skype.png) no-repeat scroll 0 0;
}
a.facebook {
  background:url(images/social/facebook.png) no-repeat scroll 0 0;
}
a.twitter {
  background:url(images/social/twitter.png) no-repeat scroll 0 0;
}
a.flickr {
  background:url(images/social/flickr.png) no-repeat scroll 0 0;
}
a.rss {
  background:url(images/social/rss.png) no-repeat scroll 0 0;
}
a.stumbleupon {
  background:url(images/social/stumbleupon.png) no-repeat scroll 0 0;
}
a.youtube {
  background:url(images/social/youtube.png) no-repeat scroll 0 0;
}



/*-----------------------------------------------------------------------------------*/
/*  8.  Elements
/*-----------------------------------------------------------------------------------*/


/*--- 8.1. Slides ---*/

.portfolio-single .percent-three-fourth {
  min-height:30px;
}

.slides_container {
  width:685px;
  display:none;
}

.slides_container div.slide {
  width:685px;
  display:block;
}

#slides {
  margin-bottom:70px;
  padding:4px;
  border:1px solid #efefef;
  border-radius:3px;
}

#slides .next, #slides .prev {
  position:absolute;
  top:40%;
  width:25px;
  height:25px;
  display:block;
  z-index:101;
}

#slides .next {
  right:5px;  
}

#slides .prev {
  left:5px;  
}

.slide img {
  width:100%;
  height:auto;
  overflow:visible;
  vertical-align:bottom;
}

.slide a {
  display:block;
  margin:0;
  padding:0;
}

#slides .next img,#slides .prev img {
  height:auto;
  width:auto;
}

.pagination {
  position:absolute;
  text-align:center;
  z-index:1000;
  width:100%;
  bottom:45px;
}

.pagination li {
  display:inline;
  margin-left:1px;
  list-style:none;
  text-align:center;
}

.pagination li a {
  display:inline-block;
  width:13px;
  height:0;
  padding-top:12px;
  background-image:url(images/pagination.png);
  background-position:0 0;
  overflow:hidden;
}

.pagination li.current a {
  background-position:0 -14px;
}

#slides .caption {
  z-index:500;
  position:absolute;
  bottom:-35px;
  left:0;
  height:30px;
  padding:5px 20px 0 20px;
  background:rgba(0,0,0,.5);
  width:540px;
  font-size:1.3em;
  line-height:1.33;
  text-shadow:none;
}

/*--- 8.2. Buttons ---*/

.button {
    cursor:pointer;
    display:inline-block;
    font-size: 12px;
    font-weight:600;
    line-height:16px;
    margin:0 10px 20px 0;
    padding: 7px 11px 7px;
  position:relative;
  
  -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;  
}

.white {
    background:#eaeaea;
    color: #686868;
}

.white:hover {
    color: #686868;
  background:#d2d2d2;
}

.yellow {
    background:#2d7c30;
  border:0 none;
    color: #fff;
}

.yellow:hover {
    color: #fff;
  background:#335a34;
}

.orange {
    background:#fe7e17;
  border:0 none;
    color: #fff;
}

.orange:hover {
    color: #fff;
  background:#f77309;
}

.black {
    background:#787878;
    color: #ffffff !important;
}

.black:hover {
    color: #ffffff;
  background:#444;
}

.green {
    background:#9dd30b;
    color: #fff;
}

.green:hover {
    color: #fff;
  background:#8dbd0a;
}

.bleumarin {
    background:#30b4c5;
    color: #fff;
}

.bleumarin:hover {
    background:#2b9fae;
  color:#fff;
}

.rose {
    background:#ee5051;
    color: #fff;
}

.rose:hover {
    color: #fff;
  background:#d64849;
}


/*--- 8.3. Tabs ---*/

.tabs-wrapper { 
  width: 100%;
}

.tab-item {
  clear:both;
  overflow:hidden;
  padding:15px 0;
  border-bottom:1px solid #fff;
}

.tabs-container {
  float:left;
  position:relative;
  display:block;
  width:100%;
}

.tabs-wrapper .tab-content { 
  background:#fff; 
  padding:20px;
  overflow:hidden; 
  border: 1px solid #EFEFEF;
  border-radius: 0px 3px 3px 3px;
}

ul.tabs {
  float: left; 
  height: 34px; 
  width: 100%; 
  padding-left: 0 !important; 
  margin-bottom: 0 !important;
}

.tabs-container p:last-child {
  margin-bottom:0;
}

ul.tabs li { 
  float: left; 
  padding-left: 0 !important; 
  overflow: hidden; 
  padding-bottom: 0; 
  position: relative; 
  text-align:center;
  outline:none;

}

ul.tabs li a { 
  height: 34px; 
  line-height: 34px; 
  text-decoration:none; 
  font-size:12px; 
  display: block; 
  padding: 0 25px; 
  outline:none;
  border:1px solid #fff;
  color:#9a9a9a;
}

ul.tabs li:last-child {
  
}

ul.tabs li a:hover { 
  color:#444;
}

ul.tabs li.active a {
    border-top: 1px solid #EFEFEF;
  border-left: 1px solid #EFEFEF;  
  border-right: 1px solid #EFEFEF;  
  border-bottom: 1px solid #fff;  
  border-radius:3px 3px 0 0;  
  color:#444;
}

ul.tabs li.active {
  z-index: 1;
}

ul.tabs li.active, ul.tabs li.active a:hover  { 
    background:#fff;
  color:#444;
}


/*--- 8.4. Toggles ---*/

#toggle-view {
    list-style:none;    
    font-size:12px;
    margin:0;
    padding:0;
    width:100%;
  margin-bottom:20px;
}

#toggle-view li {
  margin-bottom:1px;
    border-bottom: 1px solid #EFEFEF;
  position:relative;
}

#toggle-view li:hover {

}

#toggle-view h3 {
  margin:0;
  font-size:13px;
  cursor:pointer;
    padding: 12px 10px 12px 40px;
  color:#686868;
  font-weight:400;
}

#toggle-view h3:hover, #toggle-view h3:active {
  color:#444;
}

#toggle-view span {
  position:absolute;
  left:0; top:14px;
}

#toggle-view .panel {
  display:none;
  background:#fff;
  overflow:hidden;
  padding:10px 0 20px 0;
}   

#toggle-view .panel p:last-child {
  margin-bottom:0;
}


/*--- 8.5. Accordions ---*/

.ac-btn {
    background:#fbfbfb;
    border: 1px solid #EFEFEF;
    cursor: pointer;
    font-size: 12px;
    font-weight:normal;
    padding: 7px 10px;
  margin-bottom:1px;
}

.ac-btn h3 {
  margin:0;
  font-size:12px;
  cursor:pointer;
  color:#686868;
}

.ac-btn h3:hover {
  color:#444;
}

.ac-content {
    border-top: 0;
    border: 1px solid #EFEFEF;
    display: none;
    margin-bottom: 2px;
    margin-top: -3px;
    overflow: auto;
    padding: 10px 20px;
    position: relative;
    top: 1px;
}

.on {
  background: #f7f7f7;
  color:#444;
}
  
.over {
  background: #f7f7f7;
  color:#444;
}
  

/*--- 8.6. Tables ---*/

.pricing-column {
  text-align:left;
  width:1000px;
  float:left;
  position:relative;
}

.first-column .package-value,  .first-column .package-features, .first-column .signup {
  border-left:1px solid #dbdbdb;
}

.package-value, .package-features {
  border-right:1px solid #dbdbdb;
}

.package-title {
  background:#686868;
  color:#fff;
  font-size:16px;
  height:40px;
  line-height:40px;
  border-bottom:3px solid #545454;
  border-right:1px solid #545454;
}

.featured-column {
  top:-10px;
  box-shadow:0px 2px 10px #dadada;
  z-index:1;
}

.featured-column .package-title {
  height:40px;
  line-height:30px;
  position:relative;
  font-weight:600;
  box-shadow:0px -1px 10px #000;
  z-index:-1;  
}

.featured-column .column-shadow {
  height:10px;
  background:#686868;
  position:relative;
  z-index:10;
  box-shadow:0px -1px 2px #dadada;
}

.pricing-table .featured-column .signup {
  padding:25px 0;
}

.pricing-column .signup {
  border-bottom:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb;
  padding:20px 0;
}

.pricing-column .signup .button {
  margin:0;
}

.package-value {
  background:#f9f9f9;
  height:95px;
  line-height:95px;
  border-bottom:1px solid #dbdbdb;
}

ul.package-features li {
  height:40px;
  line-height:40px;
  border-bottom:1px solid #dbdbdb;
  background:#fff;
}

ul.package-features li.alt {
  background:#f9f9f9;
}

.package-currency {
  font-size:16px;
  position:relative;
  top:-20px;
}

.package-price {
  font-size:48px;
  font-weight:600;
}

.package-time {
  font-size:16px;
}

.pricing-table, .normal-table {
    width:100%;
}

.normal-table td {
    width:400px;
  padding:10px 20px;
    text-align:left;
}
.normal-table tr.first-column {
    color: #efefef;
}

/*--- 8.7. Info Boxes ---*/

.box-error, .box-alert, .box-notice, .box-success, .box-info {
    border: 1px solid #efefef;
    margin-bottom: 10px;
    padding: 10px;
}

.box-error, .box-alert {
    background:#fce2e3;
    border-color: #fac2c4;
    color: #e54034;
}

.box-notice {
    background:#fdf4bd;
    border-color: #fed223;
    color: #504621;
}

.box-info {
    background:#d4ebf6;
    border-color: #91c8e2;
    color: #20568f;
}

.box-success {
    background:#e5eec0;
    border-color: #c4d67e;
    color: #264509;
}


/*--- 8.8. Lists ---*/

ul.star-list li { 
  background:url(images/list-star-small.png) no-repeat scroll center left; 
}

ul.radio-list li { 
  background:url(images/list-ui-radio-button.png) no-repeat scroll center left; 
}

ul.arrow-list li { 
  background:url(images/list-arrow-small.png) no-repeat scroll center left; 
}

ul.tick-list li { 
  background:url(images/list-okay.png) no-repeat scroll center left; 
}

ul.customlist li {
  padding-left: 20px;
}