/**
 * @version $Id: template.css 20075 2011-07-28 12:24:47Z infograf768 $
 * @author Templatesquare
 * @package Joomla
 * @subpackage Magnum Themes
 * @copyright Copyright (C) 2011 Templatesquare. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */
 
/* Generated by Font Squirrel (http://www.fontsquirrel.com)*/
@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-R-webfont.eot');
    src: url('../fonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-R-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-R-webfont.ttf') format('truetype'),
         url('../fonts/Ubuntu-R-webfont.svg#Ubuntu-R-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'UbuntuBold';
    src: url('../fonts/Ubuntu-B-webfont.eot');
    src: url('../fonts/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-B-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-B-webfont.ttf') format('truetype'),
         url('../fonts/Ubuntu-B-webfont.svg#Ubuntu-B-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, 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 {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
body {
  line-height: 1;
}

html {
  width: 100%;
  height: auto;
     padding:0px;
     margin: 0px;
     background:url(../images/bgbody.jpg);
     background-size:100% auto;
     background-repeat:no-repeat;
  background-attachement: scroll;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
ol, ul {
  list-style: none;
}
blockquote {
  quotes: none;
}
blockquote:before, blockquote:after {
  content: '';
  content: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
a img {
  border: none;
}

*:focus {
  outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
           if you want to keep it! */
}
/* Clearing

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
  font-family:Arial, Tahoma, Verdana;
}

h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.wp-caption-text,
input[type=submit]
{
  font-family:Arial, Tahoma, Verdana;
}
pre {
  font-family:Arial, Tahoma, Verdana;
}
code {
  font-family:Verdana, Arial;
  letter-spacing:1px;
  margin:25px 0 25px 0px;
  display:block;
  font-size:0.9em;
  border-left:4px solid #e0e0e0;
  padding:15px 10px;
}
a img{border:0px;}


/* =Global Elements
-------------------------------------------------------------- */
/* Main global 'theme' and typographic styles */
body {
  font-family:Arial;
  font-size:14px;
  margin:0 auto;
  padding:0;
  color:#555555;
  line-height:20px;
  /*background:#f7f7f7 url(../images/bgbody.gif) repeat fixed;*/
}

/* links */
a, a:visited, .colortext {text-decoration:none; color:#dc6a4d}
a:hover{text-decoration:none;}
a img{border:none}



/* heading */
h1, h2, h3{margin-bottom:20px;}
h4, h5, h6{margin-bottom:10px;}
h1 {font-size:22px; line-height:24px;}
h2 {font-size:18px; line-height:20px;}
h3 {font-size:16px; line-height:18px;}
h4 {font-size:15px; line-height:18px;}
h5{font-size:14px; line-height:16px;}
h6 {font-size:13px; line-height:15px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-family:'Ubuntu',  Arial; color:#555 }
.valignmiddle{line-height:45px; margin-bottom:20px}
.uppercase{text-transform:uppercase;}
.title_pattern{ background:url(../images/pattern_title.gif) repeat-x left center; font-size:16px; text-align:center}
.title_pattern span{ background:#fff; padding:0 20px}
.pagetitle{font-size:20px; color:#f6f6f6; margin:0; text-transform:uppercase}
.pagetitle.titlecontent{color:#555}


/* Text elements */
hr {
  border-width:0;
  height:1px;
  line-height:0;
  margin:30px 0px !important;
  page-break-after:always;
  text-align:center;
  width:100%;
  clear:both;
  color:#f1f1f1;
  background:#f1f1f1;
}

p {
  margin-bottom:20px;
}

body p:last-child{margin-bottom:0;}

ul {
  list-style: disc;
  margin: 0 0 18px 1.5em;
}
ol {
  list-style: decimal;
  margin: 0 0 18px 2.2em;
}
ol ol {
  list-style: upper-alpha;
}
ol ol ol {
  list-style: lower-roman;
}
ol ol ol ol {
  list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
}
dl {
  margin: 0 0 24px 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: 18px;
}
strong {
  font-weight: bold;
}
cite,
em,
i {
  font-style: italic;
}
big {
  font-size: 131.25%;
}
ins {
  background: #ffc;
  text-decoration: none;
}

blockquote{
  margin:0px 0 20px 0px;
  padding:0px 10px 0px 50px;
  background-image:url(../images/quote.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
  clear:both;
  font-size:16px;
  line-height:25px;
  font-family:'Ubuntu', Georgia, Arial;
  font-style:italic
}
  
blockquote p{ margin:0px;}
blockquote div{}
blockquote cite,
blockquote em,
blockquote i {
  font-style: normal;
}

code {
  font-family:Verdana, Arial;
  letter-spacing:1px;
  margin:25px 0 25px 0px;
  display:block;
  font-size:0.9em;
  border-left:solid 4px #ebebeb;
  padding:15px 10px;
}

pre {
  border-left:solid 4px #ebebeb;
  line-height: 18px;
  margin-bottom: 18px;
  padding:20px;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
sup,
sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}

/* Text meant only for screen readers */
.screen-reader-text {
  position: absolute;
  left: -9000px;
}
/*** END OF GLOBAL  ***/

/* CONTAINER
-------------------------------------------------------------- */
#outer-container{}
#container{
  width:1020px;
  margin:20px auto;
  background:#fff; /* must use for IE */
  -webkit-box-shadow: 0px 0px 6px #757575;
  -moz-box-shadow: 0px 0px 6px #757575;
  box-shadow: 0px 0px 6px #757575;
  -moz-border-radius: 2px; /* Firefox */
  -webkit-border-radius: 2px; /* Safari, Chrome */
  border-radius: 2px; /* CSS3 */
}

/* TOP AREA & MENU
-------------------------------------------------------------- */
#top{height:164px;}
#logo{float:left}
#logo h1{margin:0 0 5px 0; padding:20px 0 0 40px; font-size:40px; line-height:42px}
#logo .desc{padding:0 0 0 40px;}
#nav{position:relative;  z-index:9000; float:right; margin:50px 28px 0 0}

#topnav{
  margin:0;
  padding:0;
  list-style-type:none;
  overflow:visible;
  position:relative;
  float:left;
  font-size:14px;
  font-family:'Ubuntu',  Arial;
  }
.sf-menu a {
  text-decoration:none!important;
  display:    block;
  position:    relative;
  padding:     25px 5px 15px 15px;
  /*width: 220px;*/
  text-decoration:none;
  font-weight:normal;
  text-transform: uppercase;
  color:#4d4d4d;
}

span.separator
{
  padding: 25px 10px 15px 10px;
  text-decoration:none;
  font-weight:normal;
  text-transform: uppercase;
  color:#4d4d4d;
}

#footcol1 .sf-menu a, #footcol2 .sf-menu a {
   width: 220px; 
   text-transform: none;
   padding-top: 3px;
   padding-left: 0px;
   padding-bottom: 0px;
   
}

#topnav a, .sf-menu a, .sf-menu a:visited {color:#4d4d4d;}
#topnav a:hover{color:#dc6a4d;}
#topnav li a:hover,
#topnav .current_page_item > a, #topnav  .current_page_item > a:hover,
#topnav .current_page_parent > a, #topnav .current_page_parent > a:hover,
#topnav .current-menu-parent > a, #topnav .current-menu-parent > a:hover,
#topnav .current-menu-item > a, #topnav .current-menu-item > a:hover
{color:#dc6a4d;}


/* Drop down menu */
.sf-menu ul a:hover {}
.sf-menu li li {
  text-align:left;
  line-height:20px;
  margin:0;
}
.sf-menu, .sf-menu * {
  margin:      0;
  padding:    0;

  list-style:    none;
  font-size:14px;
  
}
.sf-menu {
  line-height:100%;
  position:absolute;
  right:0;
  bottom:0;
  float:left;
}
.sf-menu ul {
  position:    absolute;
  top:      -999em;
  width:      27em; /* left offset of submenus need to match (see below) */
  margin-top: 30px;
}

.sf-menu ul li {
  width:      100%;
}
.sf-menu li:hover {
  visibility:    inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float:      left;
  position:    relative;
  margin:0;
}

.sf-menu li li{margin:0px 0px;}


.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:      -2px;
  top:      2.6em; /* match top ul list item height */
  z-index:    99;

}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:      10em; /* match ul width */
  top:      -1px;
  margin-left:  0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top:      -999em;
  
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left:      10em; /* match ul width */
  top:      -1px;
  
}
.sf-menu ul li a{
  padding:8px 0px 8px 20px!important;
  text-transform:none;
}

.sf-menu ul li a:hover{}
.sf-menu li ul {
  padding:0px;
}
.sf-menu a.sf-with-ul {
  padding-right:   0px;
  min-width:    1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position:    absolute;
  display:    block;
  right:      10px;
  top:      1.05em; /* IE6 only */
  width:      10px;
  height:      10px;
  text-indent:   -999em;
  overflow:    hidden;
}

.sf-menu li li, .sf-menu li li:hover, .sf-menu li li.sfHover{background:#fff; text-transform:capitalize}
.sf-menu li li:hover{background:#f3f3f3}
li.sfHover ul li:first-child a{background-image:url(../images/arrow_menu.gif); background-repeat:no-repeat; background-position:30px 0px; margin-top:-8px; padding-top:16px !important}
li.sfHover ul ul li:first-child a{background:transparent;}
.sf-menu ul{border:solid 1px #e1e1e1;}
.sf-with-ul{}
.sf-menu li li {border-bottom:solid 1px #e1e1e1;}
.sf-menu li li:last-child{ border-bottom:0}

/* HEADER AND SLIDER
-------------------------------------------------------------- */
#header{height:450px;}
#header.innerpage{height:auto; background:url(../images/pattern_header_inner.gif) repeat; clear:both; padding:30px 0; position:relative}
#header.innerpage .shadow{background:url(../images/glow-header-inner.png) repeat-x; width:100%; height:5px; position:absolute; top:0;}
#header.innerpage .pagetitle{float:left;}
#header.innerpage .pagedesc{font-size:16px; color:#dedede; font-family:"Ubuntu", Arial; float:right; margin-right:60px; padding:2px 0 0 0}

#slider-container{position:relative; clear:both}
#shadow-img-slider{height:5px; width:100%; position:absolute; top:0; left:0; background:url(../images/shadow-img-slider.png) repeat-x; z-index:30;}
.box_skitter_large {width:1020px; height:450px; background:#000}
.label_skitter{bottom:35px !important; left:40px !important; padding:20px; background:url(../images/opacity-slider-text.png) repeat;}
.label_skitter h3{margin-bottom:10px;}

/*** AFTER HEADER ***/
#after-header{margin:40px 0 0 0;}
#after-header h1{font-size:20px; line-height:26px; text-transform:uppercase; text-align:center; color:#999; margin:0;}

/*** BEFORE CONTENT ***/
#before-content{position:relative; margin:40px 0 20px 0;}
#before-content .shadow{background:url(../images/glow.png) repeat-x; width:100%; height:12px; position:absolute; top:0;}
#before-content p{margin:0px;}
/* END SLIDER */

/* CONTENT
-------------------------------------------------------------- */
#content{}
#content.withsidebar.positionright{background:url(../images/bg-content-inner.gif) repeat-y;}
#content.withsidebar.positionleft{background:url(../images/bg-content-inner2.gif) repeat-y;}
#main{padding:40px;}
#maincontent{float:left; width:610px;}
#maincontent.positionleft{float:left; padding-right:25px}
#maincontent.positionright{float:right; padding-left:25px;}

.container940{width:940px; margin:0 auto;}
.colortext, .colortext a, .colortext a:visited{color:#dc6a4d !important;}
.patternbox{background:url(../images/pattern_box.gif) repeat;  border:solid 1px #dcdcdc; border-width:1px 0; padding:20px 0}


/* Separator */
.separator {
  display:block;
  height:30px;
  padding:10px 0;
  text-align:center;
  width:100%;
  clear:both;
}

.separator.line {
  display:block;
  text-align:center;
  width:100%;
  clear:both;
  padding:0;
  height:auto;
  margin-bottom:20px
}


.separator.line div{
   height:30px; display:block; clear:both; padding:10px 0;;
  background:url(../images/hr.gif) repeat-x left center
}


/* Custom List */
.customlist{list-style-type:none; margin:0; padding:0;}
.customlist li{width:280px; float:left; padding:10px 19px 10px 0; margin:0 30px 0 0; border-right:solid 1px #dcd}
.customlist li.last{border:0; margin:0; padding:10px 0}

/* 4 column list inline */
.grid-col{list-style-type:none; margin:0; padding:0}
.grid-col li{width:220px; float:left; margin-right:20px;}
.grid-col li.last{margin:0;}

#recentpost{list-style-type:none; margin:0; padding:0}
#recentpost li{width:220px; float:left; margin-right:20px;}
#recentpost li.last{margin:0;}
#recentpost li a:hover{text-decoration:underline;}
#recentpost .entry-date{border:solid 1px #ececec; border-width:1px 0; padding:4px 0; color:#909090; margin-bottom:15px}
#recentpost .entry-date a, #recentpost .entry-date a:visited{color:#909090;}
#recentpost .entry-date a:hover{text-decoration:underline;}

.outside{list-style-type:none; margin:0; padding:0;}
.outside li{background:url(../images/list1.gif) no-repeat 0px 10px; padding:3px 0 3px 20px}



/* Frame Image */
.frame{padding:4px; border:solid 1px #ececec; display:block}


/* Shadow Image */
.shadowimg70{background:url(../images/shadowimg70.gif) no-repeat top center; display:block; height:12px;}
.shadowimg220{background:url(../images/shadowimg220.gif) no-repeat; display:block; height:20px;}
.shadowimg300{background:url(../images/shadowimg300.gif) no-repeat; display:block; height:24px;}
.shadowimg390{background:url(../images/shadowimg390.gif) no-repeat top center; display:block; height:23px;}
.shadowimg610{background:url(../images/shadowimg610.gif) no-repeat; display:block; height:22px;}
.shadowimg540{background:url(../images/shadowimg540.gif) no-repeat; display:block; height:29px;}
.shadowimg460{background:url(../images/shadowimg460.gif) no-repeat; display:block; height:27px;}



/* form & button */
form{margin:0; padding:0;}
input[type="text"], input[type="email"],
textarea, input[type="password"], select{
  border:solid 1px #ececec;
  font-size:13px;
  padding:8px 5px;
  border-radius:4px;
  -moz-border-radius:4px;    
  -webkit-border-radius:4px;
}

#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea, #contact-form input[type="password"]{
  width: 400px;
} 

select {
  font-size:13px;
  padding:4px 5px;
}


.button,
.button:visited,
input[type="submit"],
input[type="reset"],
button{
  color:#555555;
  outline:0px;
  font-size:13px;
  font-family:"Ubuntu", Arial;
  text-transform:capitalize;
  display:block;
  display:inline-block;
  border:solid 1px #eaeaea;
  border-bottom:solid 1px #bfbfbf;
  border-right:solid 1px #bfbfbf;
  border-radius:4px;
  -moz-border-radius:4px;    
  -webkit-border-radius:4px;
  height:30px;
  line-height:30px;
  padding:0 15px;
  background:url(../images/bg-button.png) repeat-x left top;
}

input[type="submit"],
input[type="reset"],
button{
  height:32px;
}

.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover{text-decoration:none; color:#dc6a4d; cursor:pointer}

.button.large{
  font-size:18px;
  text-transform:uppercase;
  height:40px;
  line-height:40px;
  text-decoration:none;
  background:url(../images/bg-buttonlarge.png) repeat-x left top;
  
}
.button.large:hover{background-position:0 0;}



/* Column Layouts */
.one_half, .one_third, .two_third, 
.three_fourth, .one_fourth, .one_fifth, 
.two_fifth, .three_fifth, .four_fifth, 
.one_sixth, .five_sixth{margin-right: 2%; margin-left:2%; position:relative; float:left;}

.one_half                  { width:48%; }
.one_third                  { width:30.6666%;}
.one_fourth                { width:22%; }
.one_fifth                  { width: 16.8%;}
.one_sixth                 { width: 13.3333%;}

.two_third                  { width: 65.3332%;}
.two_fourth                 { width: 48%;}
.two_fifth                   { width: 37.6%;}
.two_sixth                 { width: 30.6666%;}

.three_fourth              { width:74%;}
.three_fifth                 { width: 58.4%;}
.three_sixth                 { width: 47.9998%;}

.four_fifth                 { width: 79.2%;}
.four_sixth                 { width: 65.3332%;}

.five_sixth                 { width: 82.6665%;}
.firstcols                    { margin-left:0px !important; }
.last, .lastcols              { margin-right:0px !important; clear:right; }


/* Tables */
table {border-collapse:separate;border-spacing:0;width:100%; margin-bottom:18px;}
table,td,th { text-align:center;}
th{padding:10px;text-transform:uppercase; border-bottom: 1px solid #f1f1f1;}
td{padding:10px;}
tfoot td{border:0px;}
th,tr:hover{}
table {
  border: 1px solid #f1f1f1;
  border-bottom:0;
  text-align: left;
  margin: 0 -1px 24px 0;
  width: 100%;
}
tr th,
thead th {
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  padding: 9px 24px;
}
tr td {
  border-bottom: 1px solid #f1f1f1;
  padding: 6px 24px;
}
tr.odd td {
  background: #F2F7FC;
}



/* CONTACT */
.wpcf7 p{margin-bottom:10px;}
.wpcf7 label{display:block; width:80px; float:left;}
.wpcf7 input[type="text"]{
  margin-bottom:6px;
  font-size:13px;
}
.wpcf7 textarea{
  margin-bottom:7px;
  padding:8px 5px;
  font-size:13px;
  width:90%
}

/* BLOG STYLE
-------------------------------------------------------------- */
.sticky{}
.post{clear:both; background:url(../images/hr.gif) repeat-x left bottom;padding-bottom:55px; margin-bottom:50px;}
.posttitle{font-size:20px;}
.posttitle a:hover{text-decoration:none;}
.post .shadowimg610{height:25px;}
.entry-utility{width:179px; float:left; padding:0 10px 0 0; border-right:solid 1px #ededed; position:relative;}
.entry-utility .postauthor,
.entry-utility .postdate,
.entry-utility .postcomm,
.entry-utility .postcat{margin-bottom:10px; float:left; clear:both; width:100%}
.entry-utility  img{vertical-align:top; width:16px; float:left}
.entry-utility  div.aRight{padding-left:12px; overflow:hidden}

#postcontent.entry-content, .postcontent.entry-content{padding-left:30px; overflow:hidden;}

#searchresult .hentry{padding-bottom:15px; margin-bottom:20px; background:transparent}
#searchresult .entry-content{padding:0;}
#searchresult h2{font-size:14px; margin-bottom:8px}

#postattachment .entry-utility{width:100%; float:none; padding:0 10px 20px 0}
.entry-attachment{margin-bottom:20px;}


/* author */
h2.title-author{ font-size:16px}
#entry-author-info {
  clear: both;
  padding:10px 10px 30px 10px;
  margin-bottom:30px;
  position:relative;
  border:solid 1px #f1f1f1;
}
#entry-author-info #author-avatar {
  margin: 0 0 0 0;
  position:absolute;
  top:10px;
}
.avatar{padding:4px !important; border:solid 1px #ececec !important; display:block}
#entry-author-info #author-description {
  margin: 0 0 10px 85px; vertical-align:top;
}
#entry-author-info #author-description  h2{font-size:15px; margin-bottom:0}
#author-description span.author{ font-weight:bold; display:block}

/* attachment pages wordpress */

.attachment .entry-content .entry-caption {
  font-size: 140%;
  margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
  content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
  content: '\00a0\2192';
}


/* images content */
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 15px;
  margin-top: 5px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 15px;
  margin-top: 5px;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignnone,
img.alignnone {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding:0px;
}
img.alignleft, 
img.alignright, 
img.aligncenter,
img.alignnone {
  margin-bottom: 12px;
}
#content .wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  text-align: center;
  margin-bottom: 20px;
  padding: 4px;
}
#content .wp-caption img {
  margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
  margin: 5px;
  color: #888;
  font-size: 11px;
}
#content .wp-smiley {
  margin:0;
}
#content .gallery {
  margin: auto;
}
#content .gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  width: 33%;
}
#content .gallery img {
  border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
  color: #888;
  font-size: 11px;
  margin: 0 0 12px;
}
#content .gallery dl {
  margin: 0;
}
#content .gallery img {
  border: 10px solid #f1f1f1;
}
#content .gallery br+br {
  display: none;
}
.tag-links{padding:10px 0; display:block}


/* navigation  */
.navigation {
  line-height: 20px;
  overflow: hidden;
}
.navigation .button{text-transform:capitalize;}
.navigation a:link,
.navigation a:visited {
  text-decoration: none;
  color:#666
}
.navigation a:active,
.navigation a:hover {
}
.nav-previous {
  float: left;
}
.nav-next {
  float: right;
  text-align: right;
}
#nav-above {
  margin: 0 0 18px 0;
}
#nav-above {
  display: none;
}
.paged #nav-above,
.single #nav-above {
  display: block;
}
#nav-below {
  margin: 20px 0 10px 0;
}

/*** AFTER CONTENT ***/
#after-content{position:relative; margin:20px 0 60px 0; clear:both}
#after-content h2{font-size:20px; line-height:40px; margin:0 0 0 20px; float:left}
#after-content.patternbox{padding:20px 0;}
#after-content .button{float:right; margin-right:60px}
#after-content p{margin:0px;}
/*** SIDEBAR ***/
#sidebar{float:left; width:270px;}
#sidebar.positionleft{padding-right:35px; float:left}
#sidebar.positionright{padding-left:35px; float:right}

#sidebar ul{list-style-type:none; padding:0; margin:0;}
#sidebar ul li.widget-container{margin:0 0 40px 0 !important; clear:both}
#sidebar .widget-title{ font-size:16px; text-transform:uppercase; margin-bottom:20px}
#sidebar ul li a, #sidebar ul li a:visited{color:#555;}
#sidebar ul li a:hover{color:#dc6a4d; text-decoration:none}
#sidebar li li{
  list-style-type:none;
  margin:0 0 8px 0;
  padding:0 0 8px 15px;
  background: url(../images/double_line.gif) repeat-x left bottom , 
        url(../images/arrow.gif)  0px 7px no-repeat;
}
#sidebar li li:hover{
  background: url(../images/double_line.gif) repeat-x left bottom , 
        url(../images/arrow.gif)  0px 7px no-repeat;
}

/* list second level */
#sidebar ul.sub-menu, #sidebar ul ul ul{margin:5px 0 0 0; }
#sidebar ul.sub-menu li, #sidebar ul ul ul li{margin-bottom:0px; background:url(../images/arrow.gif)  0px 7px no-repeat; padding-bottom:5px}
#sidebar ul.sub-menu li:hover, #sidebar ul ul ul li:hover{background:url(../images/arrow2.gif)  0px 7px no-repeat;}
#sidebar ul.sub-menu li:last-child, #sidebar ul ul ul li:last-child{padding-bottom:0px; margin-bottom:0;}

#sidebar #searchform input#s{width:70%;}
#sidebar img.alignleft{margin-top:0;}
#sidebar .latestpost h5{font-weight:bold;}

/* tags widget */
#tag-cloud{margin-bottom:40px; float:left}
#tag-cloud .tag{margin:0 10px 10px 0;}
#tag-cloud .tag, #tag-cloud .tag span{display:block; float:left; height:27px; line-height:25px}
#tag-cloud .tag .left{background:url(../images/tag-left.gif) no-repeat; width:17px;}
#tag-cloud .tag .middle{background:url(../images/tag-middle.gif) repeat-x; padding:0 5px 0 5px}
#tag-cloud .tag .right{background:url(../images/tag-right.gif) no-repeat; width:12px;}

.recentproject{ list-style-type:none; margin:0; padding:0}
.recentproject li{clear:both; padding:0 0 8px 0 !important; margin:0 0 15px 0 !important;}
.recentproject .colortext{display:block; padding-bottom:5px;}
.recentproject li h5{margin:0 0 5px 0;}
.recentproject .date{color:#909090;}
.recentproject img{border:solid 1px #ececec; padding:4px; background:#f4f4f4}

#ts-recent-comment{list-style-type:none; margin:0; padding:0;}
#ts-recent-comment li{clear:both; padding:0 0 12px 0 !important; margin:0 0 15px 0 !important}
#ts-recent-comment .colortext{display:block; padding-bottom:5px;}
#ts-recent-comment li a:hover{}
#ts-recent-comment img.avatar{border:solid 1px #ececec; padding:4px; background:#f4f4f4; margin-bottom:10px}

#breadcrumbs{padding:5px 0  25px 0;}
#breadcrumbs span{font-weight:bold;}
#breadcrumbs span.showHere{font-weight:normal;}


/* WP-PageNavi  Plugin  */
.galery-pagination, .pagination {clear:both; padding:20px 0px 20px 0px;}
.galery-pagination a.pagenav, .galery-pagination a.pagenav:visited, .pagination a.pagenav, .pagination a.pagenav:visited{
  padding:0px 10px !important;
  margin:0 5px 0 0 !important;
  color:#555 !important;
  display:inline-block;
  border:solid 1px #eaeaea !important;
  border-bottom:solid 1px #bfbfbf !important;
  border-right:solid 1px #bfbfbf !important;
  border-radius:4px;
  -moz-border-radius:4px;    
  -webkit-border-radius:4px;
  height:24px;
  line-height:24px;
  background:url(../images/bg-button-nav.png) repeat-x left top;
}

.galery-pagination a.pagenav:hover, .pagination a.pagenav:hover{
  padding:0px 10px !important;
  margin:0 5px 0 0 !important;
  color:#dc6a4d !important;
  display:inline-block;
  border:solid 1px #eaeaea !important;
  border-bottom:solid 1px #bfbfbf !important;
  border-right:solid 1px #bfbfbf !important;
  border-radius:4px;
  -moz-border-radius:4px;    
  -webkit-border-radius:4px;
  height:24px;
  line-height:24px;
  background:url(../images/bg-button-nav.png) repeat-x left top;
}
.galery-pagination span.pagenav, .pagination span.pagenav, .pagination .counter{
  padding:0px 10px !important;
  margin:0 5px 0 0 !important;
  color:#dc6a4d !important;
  display:inline-block;
  border:solid 1px #eaeaea !important;
  border-bottom:solid 1px #bfbfbf !important;
  border-right:solid 1px #bfbfbf !important;
  border-radius:4px;
  -moz-border-radius:4px;    
  -webkit-border-radius:4px;
  height:24px;
  line-height:24px;
  background:url(../images/bg-button-nav.png) repeat-x left top;
}
.galery-pagination .pages, .galery-pagination .extend {
  padding:0px 10px !important;
  margin:0 5px 0 0 !important;
  color:#555 !important;
  display:inline-block;
  border:solid 1px #eaeaea !important;
  border-bottom:solid 1px #bfbfbf !important;
  border-right:solid 1px #bfbfbf !important;
  border-radius:4px;
  -moz-border-radius:4px;    
  -webkit-border-radius:4px;
  height:24px;
  line-height:24px;
  background:url(../images/bg-button-nav.png) repeat-x left top;
}

/* SHORTCODE
-------------------------------------------------------------- */
/* Dropcaps */
.dropcap1{
  text-shadow:1px 1px 0 #666;
  display:block;
  float:left;
  font-size:35px;
  line-height:35px;
  margin:2px 8px 0 0;
}
.dropcap2{
  display: block;
  float:left;
  font-size:35px;
  line-height:45px;
  width: 47px;
  -moz-border-radius: 47px;
  -webkit-border-radius: 47px;
  -khtml-border-radius: 47px;
  border-radius: 47px;
  float:left;
  text-align: center;
  margin:8px 15px 0 0;
  padding-top:3px;
  background-color:#555555; color:#fff;
}
.dropcap3{
  background-color:#555555; color:#fff;
  display:block;
  float:left;
  font-size:35px;
  line-height:40px;
  width:47px;
  height:40px;
  text-align: center;
  margin:6px 8px 0 0;
  padding:5px 0
}

/* Highlight */
.highlight1{padding:2px 5px; background-color:#f7f7f7; border:solid 1px #ebebeb}  
.highlight2{padding:2px 5px; background-color:#ebebeb;  border:solid 1px #f7f7f7}

  

/* Pullquotes */
.pullquote-right,.pullquote-left{
  padding:0px 10px 0px 50px;
  background-image:url(../images/quote.png);
  background-repeat:no-repeat;
  background-position:0px 0px;
  float:right;
  font-family:'Ubuntu', Georgia, Arial;
  font-style:italic;
  font-size:16px;
  letter-spacing:0px;
  line-height:22px;
  margin:0px 2px 20px 20px;
  width:50%;
  }
.pullquote-left{float:left;margin-left:2px;margin-right:20px;}

/* Tabs */
.tabcontainer{margin:0; border:solid 1px #ebebeb; border-width:0 0 0 1px;}
ul.tabs {
  margin: 0;
  padding: 0 0 1px 0;
  list-style: none;
  height: 41px;
  width: 100%;

}
ul.tabs li {
  float: left;
  margin: 0 0;
  padding: 0 15px;
  line-height:41px;
  height:41px;
  overflow: hidden;
  position: relative;
  font-size:14px;
  font-family:"Ubuntu", Arial;
  border:solid 1px #ebebeb;
  border-width:1px 1px 0 0;
  background:url(../images/navtab.gif) repeat-x;
}

ul.tabs li a {
  text-decoration: none;
  display: block;
  padding: 0 0px;
  outline: none;
  color:#555;
}

.tab-content {padding: 20px 0; }
  
ul.tabs li:hover{}
ul.tabs li.active{background:transparent}
html ul.tabs li.active a{ color:#dc6a4d; }
#tab-body{padding:0 20px; border:solid 1px #ebebeb; border-width:1px 1px 1px 0;}


/* jQuery Toggle */
#toggle{border: 1px solid #ebebeb; border-width:1px 1px 0 1px;}
h2.trigger {
  padding: 16px 20px 16px 20px;
  margin: 0 0 0 0;
  font-size:14px;
  font-weight: normal;
  background:url(../images/bg-toggle.gif) repeat-x;
  border-bottom: 1px solid #ebebeb;
}
h2.trigger span {
  text-decoration: none;
  display: block;
  color:#555;
  height:9px;
  background: url(../images/left.gif) no-repeat;
  padding-left:20px;
  cursor:pointer;
  line-height:12px;
}
h2.active span{ background:url(../images/down.gif) no-repeat 0 1px; color:#dc6a4d}
h2.trigger a:hover {
  color: #454545;
}
h2.active { background:transparent;}
.toggle_container {
  margin: 0 0 0 0;
  padding: 20px 25px;
  overflow: hidden;
  clear: both;
  border: 1px solid #ebebeb;
  border-width:0 0px 1px 0px;
}
.toggle_container .block {
  padding: 0px;
}
.toggle_container .block p {
  padding: 5px 0;
  margin: 5px 0;
}

/*  TESTIMONIAL  */
.ts-testimonial{padding:0 0 30px 0; margin-bottom:20px; border-bottom:solid 1px #f1f1f1}
.ts-testimonial blockquote{margin:0 0 10px 0; padding:0; line-height:28px; font-size:14px; quotes: "\201C" "\201D"; background:transparent}
.ts-testimonial blockquote p{margin:0;}
.ts-testimonial blockquote p:before {
  content: '"'; 
}
.ts-testimonial blockquote p:after {
  content: '"'; 
}
.testi-desc{margin:0; font-size:12px; font-style:italic}
  
/* PORTFOLIO */
.ts-display-pf-img{position:relative;}
.ts-display-clear{clear:both; height:1px !important; line-height:1px !important; float:none!important}
.ts-display-pf-text{ line-height:20px;}
.ts-display-pf-text h2{}
.ts-display-pf-text p{ margin-bottom:25px !important;}
.ts-display-pf-text .more{  text-align:left; display:block; padding:5px 0 0 0}
.ts-display-pf-text .more:hover{}
.ts-display-pf-text .nomargin{margin:0;}

.ts-display-separator {
  display:block;
  text-align:center;
  width:100%;
  clear:both;
  padding:0;
  height:auto;
  padding:10px 0;
  margin-bottom:0;
}
.ts-display-separator.col1{margin-bottom:20px;}
.ts-display-separator div{
   height:30px; display:block; clear:both; padding:10px 0;
  background:url(../images/hr.gif) repeat-x left center
}

.no-ts-display-separator {
  display:block;
  text-align:center;
  width:100%;
  clear:both;
  padding:0;
  height:auto;
  padding:10px 0;
  margin-bottom:0;
}


.no-ts-display-separator div{
   height:10px; display:block; clear:both; padding:10px 0;
  background:transparent;
}

.home .no-ts-display-separator{
  padding:0;
}

.home .no-ts-display-separator div{padding:0; height:0}

.ts-display-pf-img{
  overflow:hidden;
  background:#fff;
}
.ts-display-pf-img a.image{
  display:block;
  position:relative;
  overflow:hidden;
}
.ts-display-pf-img a .rollover{
  background:url(../images/hover-zoom.png);
  background-color:#000;
  background-repeat:no-repeat;
  background-position:center;
  display:block;
    position:absolute;
  z-index:10;
  display:none;
  cursor:pointer;
}
.ts-display-pf-img a .rollover.gotolink{
  background:url(../images/hover-link.png);
  background-color:#000;
  background-repeat:no-repeat;
  background-position:center;
}
.ts-display-pf-img a .rollover.gotopost{
  background:url(../images/hover-doc.png);
  background-color:#000;
  background-repeat:no-repeat;
  background-position:center;
}

/*======= Portfolio 1 Column =======*/
.ts-display-pf-col-1{list-style-type:none; padding:0; margin:0;}
.ts-display-pf-col-1 li{list-style-type:none; padding:0 0 0 0; margin:0 0 0 0; float:left;}
.ts-display-pf-col-1 li.nomargin{margin-right:0;}
.ts-display-pf-col-1 h2{font-size:20px; line-height:24px}

.ts-display-pf-col-1 .ts-display-pf-img{
  width:540px;
  float:left;
  margin-right:30px
}

.ts-display-pf-col-1 .ts-display-pf-img a.image{
  width:530px;
  height:302px;
  display:block;
  position:relative;
  border:solid 1px #ececec;
  padding:4px;
}
.ts-display-pf-col-1 .ts-display-pf-img img{
  width:530px !important;
  height:302px !important;
}
.ts-display-pf-col-1 .ts-display-pf-img a .rollover{
  width:530px;
  height:302px;
}

.ts-display-pf-col-1 .ts-display-pf-text{
  width:370px;
  float:left;
}


/*======= Portfolio 2 Column =======*/
.ts-display-pf-col-2{list-style-type:none; padding:0; margin:0;}
.ts-display-pf-col-2 li{list-style-type:none; padding:0 0 0 0; margin:0 19px 0 0; width:460px; float:left}
.ts-display-pf-col-2 li.nomargin{margin-right:0;}
.ts-display-pf-col-2 h2{font-size:20px; line-height:24px}

.ts-display-pf-col-2 .ts-display-pf-img{
  width:460px;
}

.ts-display-pf-col-2 .ts-display-pf-img a.image{
  width:450px;
  height:256px;
  display:block;
  position:relative;
  border:solid 1px #ececec;
  padding:4px;

}
.ts-display-pf-col-2 .ts-display-pf-img img{
  width:450px !important;
  height:256px !important;
}
.ts-display-pf-col-2 .ts-display-pf-img a .rollover{
  width:450px;
  height:256px;
}

.ts-display-pf-col-2 .ts-display-pf-text{padding:0px 0 0 0;}

/*======= Portfolio 3 Column =======*/
.ts-display-pf-col-3{list-style-type:none; padding:0; margin:0;}
.ts-display-pf-col-3 li{ist-style-type:none; padding:0 0 0 0; margin:0 20px 0 0; width:300px;  float:left;}
.ts-display-pf-col-3 li.nomargin{margin-right:0;}
.ts-display-pf-col-3 h2{font-size:20px; line-height:24px}

.ts-display-pf-col-3 .ts-display-pf-img{
  width:300px;
}

.ts-display-pf-col-3 .ts-display-pf-img a.image{
  width:290px;
  height:184px;
  display:block;
  position:relative;
  border:solid 1px #ececec;
  padding:4px;

}
.ts-display-pf-col-3 .ts-display-pf-img img{
  width:290px !important;
  height:184px !important;
}
.ts-display-pf-col-3 .ts-display-pf-img a .rollover{
  width:290px;
  height:184px;
}

.ts-display-pf-col-3 .ts-display-pf-text{padding:0 0 0 0;}


/*======= Portfolio 4 Column =======*/
.ts-display-pf-col-4{list-style-type:none; padding:0; margin:0;}
.ts-display-pf-col-4 li{list-style-type:none; padding:0 0 0 0; margin:0 20px 0 0; width:220px;  float:left;}
.ts-display-pf-col-4 li.nomargin{margin-right:0;}
.ts-display-pf-col-4 h2{font-size:20px; line-height:24px}

.ts-display-pf-col-4 .ts-display-pf-img{
  width:220px;
}

.ts-display-pf-col-4 .ts-display-pf-img a.image{
  width:210px;
  height:158px;
  display:block;
  position:relative;
  border:solid 1px #ececec;
  padding:4px;

}
.ts-display-pf-col-4 .ts-display-pf-img img{
  width:210px !important;
  height:158px !important;
}
.ts-display-pf-col-4 .ts-display-pf-img a .rollover{
  width:210px;
  height:158px;
}

.ts-display-pf-col-4 .ts-display-pf-text{padding:0 0 0 0;}

.contentpane{  
  margin: 0px 0 0;  
}
/* slideshow and client info in single portfolio */
.clienturl{margin-top:-15px;}
#portfolio-gallery #frame-slider-portfolio{width:608px; height:408px; float:left; position:relative; margin-right:20px;}
#portfolio-gallery #frame-slider-portfolio img{ width:604px;  border:solid 1px #e5e5e5; padding:2px}
#portfolio-gallery #frame-slider-portfolio #sliderportfolio{list-style-type:none; margin:0; padding:0; height:408px;}

#portfolio-gallery #frame-slider-portfolio #slide-nav{position:absolute;  bottom:-40px; z-index:30; width:608px; text-align:center;}
#portfolio-gallery #frame-slider-portfolio #pager{width:608px;}
#portfolio-gallery #slide-nav a{
  background: url(../images/but-slide.png) no-repeat scroll 50% 50%;
  display:inline;
  display:inline-block;
  zoom:1;
  font-size:0px;
  width:11px;
  height:11px;
  margin:3px;
  outline-style:none;
  outline-width:medium;
  padding:0px;
  cursor:pointer;
}
#portfolio-gallery #slide-nav .activeSlide {background: url(../images/but-slide-selected.png) no-repeat scroll 0% 50%;}


/* Taxonomy Portfolio */
.ts-portfolio-text-content{margin-bottom:20px}
.ts-portfolio-text-content .alignleft{margin-bottom:0;}

/* Portfolio Filterable */
#filter{line-height:22px; list-style-type:none; padding:0; margin:0 0 30px 0; float:left }
#filter li{list-style-type:none; float:left; margin-right:5px}
#filter li a, #filter li a:visited{
  display:block;
  display:inline-block;
  border:solid 1px #eaeaea;
  border-bottom:solid 1px #bfbfbf;
  border-right:solid 1px #bfbfbf;
  border-radius:4px;
  -moz-border-radius:4px;    
  -webkit-border-radius:4px;
  height:30px;
  line-height:30px;
  padding:0 15px;
  background:url(../images/bg-button.png) repeat-x left top;
  color:#555;
}
#filter li a:hover, #filter li.selected-1 a{text-decoration:none; background:#ebebeb}

#ts-display-pf-filterable{list-style-type:none; padding:0; margin:0; }
#ts-display-pf-filterable .ts-display-pf-img{overflow:inherit;}
#ts-display-pf-filterable .ts-display-pf-img a.image{
  display:block;
  overflow:inherit;
  display:block;
  position:relative;
  border:solid 1px #ececec;
  padding:4px;
}
#ts-display-pf-filterable .ts-display-pf-text{padding:0 0 0 0;}


#ts-display-pf-filterable.ts-display-pf-col-2 li{width:460px; float:left;  margin: 0 19px 0 0;}
#ts-display-pf-filterable.ts-display-pf-col-3 li{width:300px; float:left;  margin: 0 20px 0 0;}
#ts-display-pf-filterable.ts-display-pf-col-4 li{width:220px; float:left;  margin: 0 20px 0 0;}

#ts-display-pf-filterable.ts-display-pf-col-2 .ts-display-pf-img{width:460px;}
#ts-display-pf-filterable.ts-display-pf-col-3 .ts-display-pf-img{width:300px;}
#ts-display-pf-filterable.ts-display-pf-col-4 .ts-display-pf-img{width:220px;}

#ts-display-pf-filterable.ts-display-pf-col-2 .ts-display-pf-img a.image{width:450px;  height:256px;}
#ts-display-pf-filterable.ts-display-pf-col-3 .ts-display-pf-img a.image{width:290px;  height:184px;}
#ts-display-pf-filterable.ts-display-pf-col-4 .ts-display-pf-img a.image{width:210px;  height:158px;}

#ts-display-pf-filterable.ts-display-pf-col-2 .ts-display-pf-img a .rollover{width:450px;  height:256px;}
#ts-display-pf-filterable.ts-display-pf-col-3 .ts-display-pf-img a .rollover{width:290px;  height:184px;}
#ts-display-pf-filterable.ts-display-pf-col-4 .ts-display-pf-img a .rollover{width:210px;  height:158px;}

#ts-display-pf-filterable li.nomargin{ margin-right:0px !important;}

.image-grid {width: 940px; float:left;}
.ts-display-pf-col-2.image-grid li{width:460px;height:315px;}
.ts-display-pf-col-3.image-grid li{width:300px;height:240px;}
.ts-display-pf-col-4.image-grid li{width:220px;height:215px;}

.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  margin:0;
  padding:0;
  list-style-type:none;
}
.image-grid li {
  float: left;
  overflow: hidden;
}


/* FOOTER */
#footer{border-top:solid 10px #303030; background:#212121 url(../images/bg-footer.png) repeat-x; color:#aaa}
#footer-pattern{ background:url(../images/bg-footer-pattern.gif) repeat; }

#footcol1, #footcol2, #footcol3, #footcol4{ width: 250px; float:left; padding:0px 0 10px 0; margin-right:20px;}
#footcol4{margin:0; width: 0px;}

#footer ul{list-style-type:none; margin:0; padding:0;}
#footer ul li.widget-container{margin-bottom:40px;}
#footer ul li li.widget-container:last-child{margin-bottom:0px;}
#footer .widget-title{color:#fafafa; text-transform:uppercase; margin-bottom:25px; font-size:14px}
#footer ul li a, #footer ul li a:visited{color:#aaa}
#footer ul li a:hover{text-decoration:none; color:#fff}
#footer ul li li{border-bottom:solid 1px #4a4a4a; padding:0 0 6px 0; margin:0 0 6px 0;}

#footer ul.sub-menu{margin:3px 0 0 10px;}
#footer ul.sub-menu li{border:0; padding:0 0 3px 0; margin:0}


#footer #searchform input#s{width:70%;}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6{color:#fafafa}
#footer img.alignleft{margin-top:0;}
#footer .frame{padding:4px; border:solid 1px #424242; background:url(../images/opacity-img.png) repeat}

.latestpost h5{font-size:12px; font-family:Arial; margin-bottom:5px}
#footer .latestpost li h5 a, #footer .latestpost li h5 a:visited{color:#fafafa}
.latestpost li{clear:both; margin:0 0 30px 0 !important; border:0px !important; padding:0 !important; background:transparent !important}
.post-date{display:block; font-size:10px; font-style:italic}


/*** AFTER FOOTER ***/
#after-footer{background:url(../images/bg-afterfooter.png) no-repeat; height:80px;}
#footertext{padding:30px 0 0 0;color:#aaaaaa}
#footertext a, #footertext a:visited{color:#aaaaaa}

#sn{float:right; padding:25px 0 0 0}
#sn ul{list-style-type:none; margin:0 0 0 0; padding:0;} 
#sn li{list-style-type:none; margin:0; padding:0 0 0 6px; display:inline} 
.sn span{height:34px; width:34px; display:inline;display:inline-block}
.icon-img{background-position:0 0;}
.icon-img:hover{background-position:0 0;}
ul.actions{
  position:absolute;
  bottom:7px;
  right:18px;
}
ul.actions li{
  list-style-type:none;
  margin-left:6px;
  float:left;
}
/**END**/
.contact-address address{
  display:inline;
}