/*NNds+-
  sBa:/+syddyo.
  eBa      `:ymdNMm-
  eBa   `yddysd-.yBa
  eBa   /+   .y  eBa
  eBa   //   :y  eBa
  eBackbonetech  eBa
  .ydhs+/dhso/:-.yBa
           .:+shmNd-

  BACKBONE TECHNOLOGY & EXPRESSION CMS
===============================================================================
  boutique digital agency with offices in Vancouver, Bogota, & Athens
===============================================================================
  Website:   http://www.backbonetechnology.com
  Blog:      http://www.backbonetechnology.com/blog/
  Facebook:  http://www.facebook.com/backbonetech
  Twitter:   https://twitter.com/backbonetech
  Pinterest: https://pinterest.com/backbonetech
  LinkedIn:  http://www.linkedin.com/company/backbone-technology-inc.
  Email:     info@backbonetechnology.com
  Phone:     604.713.8560
===============================================================================
  HTML5 Reset
===============================================================================
  Version 2.0
===============================================================================
  1.01 General
  1.02 Image
  1.03 Anchor
  1.04 Typography
  1.05 Float Left, Right, Clearfix, Alignment
  1.06 List
  1.07 Center UL
  1.08 Horizontal UL
  1.09 Form, Input, Fields
  1.10 Expression Tinymce Style
-------------------------------------------------------------------------------
  1.1 General
-------------------------------------------------------------------------------*/

html { border: 0; margin: 0; padding: 0; }
html, html body { height: 100%; width: 100%; }
body { font-size: 100%; }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video  { border: 0; margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, dialog, footer, hettader, hgroup, menu, nav, section { display:block; }

/*-------------------------------------------------------------------------------
  1.2 Image
-------------------------------------------------------------------------------*/

object, embed {  max-width: 100%; }
img { height: auto; display: block;  overflow: hidden; }

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* prevent BG image flicker upon hover */
.ie7 img {-ms-interpolation-mode: bicubic;} /* scale images in IE7 more attractively */

.mwidth, .mwidth > img{ max-width:100%;}
.mheight, .mheight > img{ max-height:100%; }

/*-------------------------------------------------------------------------------
  1.3 Anchor
-------------------------------------------------------------------------------*/

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none;color:#EC3C3B; }
a:hover, a:active { outline: none; cursor: pointer; }
a img { border: none; }


/*-------------------------------------------------------------------------------
  1.4 Typography
-------------------------------------------------------------------------------*/

blockquote:before, blockquote:after, q:before, q:after {  content: ''; }
blockquote, q { quotes: "" ""; }
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}

.uppercase{ text-transform:uppercase; }
.lowercase{ text-transform:lowercase; }
.capitalize{ text-transform:capitalize; }

.normal{ font-weight:normal; }
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.underline{ text-decoration: underline; }

/*-------------------------------------------------------------------------------
  1.5 Float Left, Right, Clearfix, Alignment
-------------------------------------------------------------------------------*/

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }
.clear{ clear:both; overflow: hidden; height:0; zoom: 1; }

.right { float:right; display:block; }
.left { float:left; display:block; }
.center { margin:0px auto;text-align:center; }

body .show { display:block; }
body .show-0 { display:none; }
body .show-1 { display:block; }

body .hide { display:none; }
body .hide-0 { display:block; }
body .hide-1 { display:none; }

.show-if-not-empty{ display:none; }

.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.tl > img, .tr > img, .tc > img{ display: inline; }

/*-------------------------------------------------------------------------------
  1.6 List
-------------------------------------------------------------------------------*/

ul, ul li, ol, ol li { margin:0; padding: 0; list-style-type: none; }

/*-------------------------------------------------------------------------------
  1.7 Center UL
-------------------------------------------------------------------------------*/

.cul { width:100%; overflow:hidden; position:relative }
.cul > ul { clear:left; float:left; position:relative; left:50%; text-align:center; list-style:none; margin:0; padding:0 }
.cul > ul > li { display:block; float:left; position:relative; right:50% }
.cul > ul > li > a { display:block; margin:0 10px }
.cul > ul > li > a:hover, .cul > ul > li > a:active, .cul > ul > li.active > a { }

/*-------------------------------------------------------------------------------
  1.8 Horizontal UL
-------------------------------------------------------------------------------*/

.hul > ul{ display:block; float:left; width:auto; }
.hul > ul > li{ display:block; float:left; }
.hul > ul > li > a{ display:block; float:left; }
.hul > ul > li > a:hover, .hul > ul > li > a:active, .hul > ul > li.active > a{ }

/*-------------------------------------------------------------------------------
  1.9 Form, Input, Fields
-------------------------------------------------------------------------------*/

input[type=text], input[type=password], input[type=url], input[type=email], input[type=submit], textarea, select, button, fieldset, legend{ font-family: inherit; font-size: 100%; margin:0; padding: 0; border: 0; }
input, select {vertical-align: middle;}
pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
input[type="radio"], input.radio { vertical-align: text-bottom; }
input[type="checkbox"], input.checkbox { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
.clickable, input[type=button], input[type=submit], button, input.button, input.submit{cursor: pointer;} /* hand cursor on clickable elements */
button, input, select, textarea {margin: 0;} /* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input { line-height: normal; }
button {width: auto; overflow: visible;} /* make buttons play nice in IE */
input::-moz-focus-inner{ border:none; }
textarea{ resize:none; overflow: auto;  vertical-align: top; }
:focus { outline:0; }

/*-------------------------------------------------------------------------------
  1.10 Expression Text Editor
-------------------------------------------------------------------------------*/

#tinymce body{ background:#FFF !important; color:#000 !important; }
#tinymce a, #tinymce a:hover, #tinymce a:active{ color:blue !important; text-decoration: underline !important; }
#tinymce ul{ padding-left:20px; margin-left:10px; margin-bottom: 15px; }
#tinymce ol{ padding-left:20px; margin-left:10px; margin-bottom: 15px; }
#tinymce ul li{ list-style: disc !important; }
#tinymce ol li{ list-style: decimal !important; }
body#tinymce, #tinymce p{ font: 15px/17px Helvetica,Arial !important; margin-bottom: 15px; }
#tinymce strong, #tinymce b{ font-weight: bold !important; }
#tinymce p{ margin:0; margin-bottom:15px !important; }
#tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4, #tinymce h5, #tinymce h6{ font-weight:bold; }
#tinymce h1{ font-size:30px !important; }
#tinymce h2{ font-size:25px !important; }
#tinymce h3{ font-size:20px !important; }
#tinymce h4{ font-size:17px !important; }
#tinymce h5{ font-size:14px !important; }
#tinymce h6{ font-size:12px !important; }

/* ============================================================================
  Base
===============================================================================
  Version 1.0
===============================================================================
  1. General
-------------------------------------------------------------------------------
    1.1 Font-Face
    1.2 Layout
    1.2 Highlighted Text
    1.3 Anchor
    1.4 Form Wrap, Fields, Inputs
-------------------------------------------------------------------------------
  2. Plugin & JS Shortcodes
-------------------------------------------------------------------------------
    2.1 Password Input
    2.2 Custom Select Stylsheet Template
    2.3 Custom Radio/Checkbox Template
    2.4 jQuery Placeholder
-------------------------------------------------------------------------------
  3. Layout & Content
-------------------------------------------------------------------------------
    3.1 Default Article
    3.2 Typograph
    3.3 Header
    3.4 Footer
    3.5 Main Menu


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

.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.container .grid {
   float:left;
   display:inline; 
}

.grid.alpha { margin-left: 0; }
.grid.omega{ margin-right: 0; }

.w630 { width:630px; }
.w600 { width:600px; }
.w300 { width:300px; }
.w280 { width:280px; }

.nth-child .nth-child-2n,
.nth-child .nth-child-3n,
.nth-child .nth-child-4n,
.nth-child .nth-child-5n,
.nth-child .nth-child-6n,
.nth-child .nth-child-7n,
.nth-child .nth-child-8n {
   margin:0; 
}



/*-------------------------------------------------------------------------------
  1.1 Font-Face
-------------------------------------------------------------------------------*/

@font-face {  
font-family:'futuraH';
src: url('/media/templates/FuturaStd-Heavy-four.eot');
}

@font-face {  
font-family:'futuraH';
src: url('/media/templates/FuturaStd-Heavy.otf');
}


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

body {
  color: #000;
  font-family: "Helvetica", Arial, Tahoma, sans-serif;
  position:relative;
  background-image:url('/media/templates/dbc-bg-top-repeat.png');
  background-position:right 39px;
  background-repeat:repeat-x;
  background-color:transparent;
  
}

#page {
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

#content{
  margin-bottom:30px;
}

/*-------------------------------------------------------------------------------
  1.3 Highlighted Text
-------------------------------------------------------------------------------*/

::-moz-selection{ background-color: #FF7600; color: #000; text-shadow: none;}
::selection   { background-color: #FF7600; color: #000; text-shadow: none;}
ins       { background-color: #FF7600; color: #000; text-decoration: none;}
mark       { background-color: #FF7600; color: #000; font-style: normal; font-weight: normal;}
a:link       { -webkit-tap-highlight-color: #FF7600;}

/*-------------------------------------------------------------------------------
  1.4 Anchor
-------------------------------------------------------------------------------*/

a,
a:hover,
a:active {
  -webkit-transition:color 200ms ease;
  -moz-transition:color 200ms ease;
  -o-transition:color 200ms ease;
  transition:color 200ms ease;
}

a{

}

a:hover{

}

/*-------------------------------------------------------------------------------
  1.4 Form Wrap, Fields, Inputs (Empty Template)
-------------------------------------------------------------------------------*/

input, textarea, select{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

input,
input:hover,
input:focus,
textarea,
textarea:hover,
textarea:focus{
  transition:      250ms all ease;
  -moz-transition:  250ms all ease;
  -webkit-transition:  250ms all ease;
  -o-transition:    250ms all ease;
  -ms-transition:    250ms all ease;
}

.form input:hover,
.form input:focus,
.form textarea:hover,
.form textarea:focus{
  border-color:#111;
}

.form.style1 .field{ }
.form.style1 .field label{ }
.form.style1 .field input{ }
.form.style1 .field textarea{ }
.form.style1 .field select{ }

.form.style1 .field label.error{
  display:none !important;
}

.form.style1 .field input.error,
.form.style1 .field textarea.error,
.form.style1 .field select.error{
  border-color:red !important;
}

/*-------------------------------------------------------------------------------
  2.1 Password Input (Empty Template)
-------------------------------------------------------------------------------*/

.password-input-wrap{
  position: relative;
  width:100%;
}

.password-input-wrap .password-label{
  position: absolute;
  top:0;
  left:0;
  display:block;
  cursor: text;

  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.password-input-wrap.error .password-input{
  border-color:red !important;
}

/*-------------------------------------------------------------------------------
  2.2 Custom Select Stylsheet Template (Empty Template)
-------------------------------------------------------------------------------*/

.custom-select-wrap{
  position:relative;
}

.custom-select{
  z-index: 3;
  position: relative;
  cursor: pointer;
  width:100% !important;
}

.custom-select option{
  font-style: normal;
  font:12px/25px HelveticaR,Helvetica,Arial;
  padding:3px 5px;
}

.customSelect{
}

.customSelect:hover,
.customSelect.customSelectOpen
.customSelect.customSelectFocus{
}

.customSelectInner{
  cursor: pointer;
  display: block !important;
  overflow: hidden;
}

.custom-select-wrap.has-value .customSelect{ }
.custom-select-wrap.error .customSelect{ }
.custom-select-wrap label.error{ }

/*-------------------------------------------------------------------------------
  2.3 Custom Radio/Checkbox Template (Empty Template)
-------------------------------------------------------------------------------*/

.ez-hide {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity: 0;
  opacity: 0;
}

.field .checkbox {
  background: transparent url('/media/templates/dl-checkbox.png') 0 0 no-repeat;
  display:inline-block;
  width:24px;
  height:24px;
  float:left;
  cursor:pointer;
}

.field .radio {
  background: transparent url('/media/templates/dl-checkbox.png') 0 0 no-repeat;
  display:inline-block;
  width:24px;
  height:24px;
  float:left;
  cursor:pointer;
}

.checkbox.checked { background-position: 0 -30px; }
.radio.selected { background-position: 0 -30px; }
.checkbox, .radio { zoom: 1; *display:inline; _height:24px; }

/*-------------------------------------------------------------------------------
  2.4 jQuery Placeholder
-------------------------------------------------------------------------------*/

.placeholder{ color:#666; }
.placeholderFocus{ color:#000; }

/*-------------------------------------------------------------------------------
  3.1 Default Article
-------------------------------------------------------------------------------*/

.marticle .btext h1,
.marticle .btext h2,
.marticle .btext h3,
.marticle .btext h4,
.marticle .btext h5,
.marticle .btext h6{
  margin:0;
  padding:0;
}

.marticle .btext h1{ font-size:35px; }
.marticle .btext h2{ font-size:30px; }
.marticle .btext h3{ font-size:25px; }
.marticle .btext h4{ font-size:20px; }
.marticle .btext h5{ font-size:17px; }
.marticle .btext h6{ font-size:14px; }

.marticle .btext ul{
  margin-left:30px;
  margin-bottom:15px;
}

.marticle .btext ul li{
  list-style: disc;
}

.marticle .btext ol{
  margin-left:30px;
  margin-bottom:15px;
}

.marticle .btext ol li{
  list-style: decimal;
}

.marticle .btext a{
  color:blue;
}

.marticle .btext a:hover,
.marticle .btext a:active{
  color:blue;
  text-decoration: underline;
}

.marticle .btext p{
  margin-bottom:15px;
}

blockquote{
  content:'"';
  display: block;
  margin-bottom:15px;
  font-style: italic;
  font-family: Georgia !important;
  font-style: italic !important;
}

blockquote p{
  display: inline;
  font-family: Georgia !important;
  font-style: italic !important;
}

/*-------------------------------------------------------------------------------
  3.2 Typograph
-------------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 40px; }
h2 { font-size: 35px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 15px; }
h6 { font-size: 10px; }

p {
  font-size: 12px;
  line-height: 18px;
  margin:0px 0px 15px;
}

strong  { font-weight: bold; }
em    { font-style: italic; }
small  { font-size: 85%; }

/*-------------------------------------------------------------------------------
  3.3 Header
-------------------------------------------------------------------------------*/
#header{
  background-image:url('/media/templates/dbc-bg-top-right.png');
  background-position:right 39px;
  background-repeat:no-repeat;
  background-color:transparent;
  margin-bottom:15px;
}

#header .top {
   width:100%;
   background-color:#DB2B2A;
   border-top:2px solid #FFF;
   height:40px;
}

#header .social {
   margin:10px 0 0; 
}

#header .bottom .inner {
  background-color: transparent;
  background-image: url("/media/templates/dbc-header-divider.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  height:120px;
  z-index:500;
}

#logo{}



/*-------------------------------------------------------------------------------
  3.4 Footer
-------------------------------------------------------------------------------*/

#footer{
  background-color:#f2f2f2;
}

#footer .top .inner {
  background-image:url('/media/templates/dbc-bg-footer2.png');
  background-position:right 0;
  background-repeat:no-repeat;
  padding:15px 0 20px; 
}

#footer .bottom {
   background-color:#222222; 
   padding:15px 0 13px;
}

#footer .bottom #copyrights,
#footer .bottom #copyrights p {
   text-align:right;
   color:#dcdcdc;
   font:13px/13px 'Myriad Pro', 'Trebuchet MS', Arial;
}

#footer-menu {
   margin-top:15px; 
}

#footer-menu ul li a {
   float:none; 
}

#footer-menu ul li {
   margin-right:45px;
}

#footer-menu ul li.last,
#footer-menu ul li:last-child {
   margin-right:0;
}

#footer-menu ul li a.level1 {
   display:block;
   font:bold 14px/14px 'Trebuchet MS', Arial;
   color:#333;
   margin-bottom:15px;
}

#page #footer-menu ul li a:hover,
#page #footer-menu ul li a:active,
#page #footer-menu ul li a.active {
   color:#be2c26;
}

#footer-menu ul li .level2 {
   display:block; 
   float:none;
}

#footer-menu ul li .level2 a {
   display:block;
   font: 14px/14px 'Trebuchet MS', Arial;
   font-weight:normal;
   color:#666;
   margin-bottom:8px;
}

.footer-collapse {
   background-color: transparent;
   background-image: url("/media/templates/dbc-icon-collapse.png");
   background-position: 0 0;
   background-repeat: no-repeat;
   width:41px;
   height:38px;
   display:block;
   position:absolute;
   top:-12px;
   right:-50px;
}

.footer-collapse.active {
   background-position: 0 -38px;
}

/*-------------------------------------------------------------------------------
  3.5 Main Menu
-------------------------------------------------------------------------------*/

#main-nav{
  float:right;
  display:block;
  height:54px;
  margin:20px 0 0 0;
  z-index:1;
}

#main-nav .left-cup {
  display:block;
  background-color: transparent;
  background-image: url("/media/templates/dbc-bg-menu-left.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  height:54px;
  width:6px;
  left:-6px;
}

#main-nav ul{
  
}

#main-nav ul li{
  background-color: transparent;
  background-image: url("/media/templates/dbc-bg-menu-middle.png");
  background-position: 0 0;
  background-repeat: repeat-x;
  position:relative;
  height: 54px;
  display:inline-block;
}

#main-nav ul li.last {
   background-color: transparent;
   background-image: url("/media/templates/dbc-bg-menu-last.png");
   background-position:50% 50%;
   background-repeat: no-repeat;
   width:141px;
   height:54px;
}

#header #main-nav li.last a.level1 {
   padding:0;
   text-transform:uppercase;
   width:141px;
   height:54px;
   background-image:none;
}

#main-nav li a{
  color:#FFF;
  display:block;
  font:16px/50px 'Trebuchet MS', Arial;
  padding:0 19px;
  height: 54px;
  text-align: center;
  width:auto;
  text-shadow:0 -1px 0 #000;
  background-color: transparent;
  background-image: url("/media/templates/dbc-bg-menu-divider.png");
  background-position:center right;
  background-repeat: no-repeat;
}

#main-nav li a:hover,
#main-nav li a:active,
#main-nav li.active a{
  background-color: transparent;
  background-image: url("/media/templates/dbc-bg-menu-hover.png");
  background-position: 0 0;
  background-repeat: repeat-x;
}


#header #main-nav li.last a:hover,
#header #main-nav li.last a:active,
#header #main-nav li.last.active a{
  background-image: url("/media/templates/dbc-bg-menu-last-hover.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}


#main-nav li .level2-wrap {
   display:none;
   position:absolute;
   top:51px;
   left:0;
   width: 220px;
   overflow:hidden;
   z-index:10;
   border-radius:0 0 5px 5px;
   -moz-border-radius:0 0 5px 5px;
   -webkit-border-radius:0 0 5px 5px;
   box-shadow:inset 0 1px 6px #333;
}

#main-nav li .level2-wrap a.level2{ 
   background:#920a00;
   padding:10px 15px; 
   text-align:left;
   height:auto;
   font:14px/16px 'Trebuchet MS', Arial;
}

#page #header #main-nav li.last .level2-wrap a {
   background-image:none !important;
}

#page #header #main-nav li.last .level2-wrap a {
   background:#949494;
}

#header #main-nav li .level2-wrap a.level2:hover,
#header #main-nav li .level2-wrap a.level2:active,
#header #main-nav li .level2-wrap a.level2.active{ 
   background-color:#be2c26;
}

#page #header #main-nav li.last .level2-wrap a:hover,
#page #header #main-nav li.last .level2-wrap a:active,
#page #header #main-nav li.last.active .level2-wrap a.active {
   background-color:#ababab;  
}


/*  ===========================================================================
  Backbone Shortcodes CSS.min
===============================================================================
  Version 2.2
===============================================================================
    1.01 Margin
    1.02 Padding
    1.03 Border Radius
    1.04 CSS3 Transition
    1.05 CSS Background Image Framework
    1.06 Font-size
    1.07 Line-height
    1.08 Letter-Spacing
    1.09 Color, Background Color, Border Color
    1.10 Opacity
    1.11 Width & Percentage
    1.12 Height
    1.13 Position
    1.14 Cursor
    1.15 Z-index
    1.16 Overflow
    1.17 Border
===============================================================================
  Update Log
===============================================================================
    2013-03-21 // added letter-spacing

/*-------------------------------------------------------------------------------
  Margin
-------------------------------------------------------------------------------*/

#page .mauto{ margin-left:auto; margin-right:auto; }

.m5{ margin:5px; } .mt5{ margin-top:5px; } .mb5{ margin-bottom:5px; } .ml5{ margin-left:5px; } .mr5{ margin-right:5px; }
.m10{ margin:10px; } .mt10{ margin-top:10px; } .mb10{ margin-bottom:10px; } .ml10{ margin-left:10px; } .mr10{ margin-right:10px; }
.m15{ margin:15px; } .mt15{ margin-top:15px; } .mb15{ margin-bottom:15px; } .ml15{ margin-left:15px; } .mr15{ margin-right:15px; }
.m20{ margin:20px; } .mt20{ margin-top:20px; } .mb20{ margin-bottom:20px; } .ml20{ margin-left:20px; } .mr20{ margin-right:20px; }
.m25{ margin:25px; } .mt25{ margin-top:25px; } .mb25{ margin-bottom:25px; } .ml25{ margin-left:25px; } .mr25{ margin-right:25px; }
.m30{ margin:30px; } .mt30{ margin-top:30px; } .mb30{ margin-bottom:30px; } .ml30{ margin-left:30px; } .mr30{ margin-right:30px; }
.m35{ margin:35px; } .mt35{ margin-top:35px; } .mb35{ margin-bottom:35px; } .ml35{ margin-left:35px; } .mr35{ margin-right:35px; }
.m40{ margin:40px; } .mt40{ margin-top:40px; } .mb40{ margin-bottom:40px; } .ml40{ margin-left:40px; } .mr40{ margin-right:40px; }
.m45{ margin:45px; } .mt45{ margin-top:45px; } .mb45{ margin-bottom:45px; } .ml45{ margin-left:45px; } .mr45{ margin-right:45px; }
.m50{ margin:50px; } .mt50{ margin-top:50px; } .mb50{ margin-bottom:50px; } .ml50{ margin-left:50px; } .mr50{ margin-right:50px; }

.ml1p{ margin-left:1%; } .ml2p{ margin-left:2%; } .ml3p{ margin-left:3%; } .ml4p{ margin-left:4%; } .ml5p{ margin-left:5%; } .ml6p{ margin-left:6%; } .ml7p{ margin-left:7%; } .ml8p{ margin-left:8%; } .ml9p{ margin-left:9%; } .ml10p{ margin-left:10%; } .ml11p{ margin-left:11%; } .ml12p{ margin-left:12%; } .ml13p{ margin-left:13%; } .ml14p{ margin-left:14%; } .ml15p{ margin-left:15%; } .ml16p{ margin-left:16%; } .ml17p{ margin-left:17%; } .ml18p{ margin-left:18%; } .ml19p{ margin-left:19%; } .ml20p{ margin-left:20%; }
.mr1p{ margin-right:1%; } .mr2p{ margin-right:2%; } .mr3p{ margin-right:3%; } .mr4p{ margin-right:4%; } .mr5p{ margin-right:5%; } .mr6p{ margin-right:6%; } .mr7p{ margin-right:7%; } .mr8p{ margin-right:8%; } .mr9p{ margin-right:9%; } .mr10p{ margin-right:10%; } .mr11p{ margin-right:11%; } .mr12p{ margin-right:12%; } .mr13p{ margin-right:13%; } .mr14p{ margin-right:14%; } .mr15p{ margin-right:15%; } .mr16p{ margin-right:16%; } .mr17p{ margin-right:17%; } .mr18p{ margin-right:18%; } .mr19p{ margin-right:19%; } .mr20p{ margin-right:20%; }

/*-------------------------------------------------------------------------------
  Padding
-------------------------------------------------------------------------------*/

.p5{ padding:5px; } .pt5{ padding-top:5px; } .pb5{ padding-bottom:5px; } .pl5{ padding-left:5px; } .pr5{ padding-right:5px; }
.p10{ padding:10px; } .pt10{ padding-top:10px; } .pb10{ padding-bottom:10px; } .pl10{ padding-left:10px; } .pr10{ padding-right:10px; }
.p15{ padding:15px; } .pt15{ padding-top:15px; } .pb15{ padding-bottom:15px; } .pl15{ padding-left:15px; } .pr15{ padding-right:15px; }
.p20{ padding:20px; } .pt20{ padding-top:20px; } .pb20{ padding-bottom:20px; } .pl20{ padding-left:20px; } .pr20{ padding-right:20px; }
.p25{ padding:25px; } .pt25{ padding-top:25px; } .pb25{ padding-bottom:25px; } .pl25{ padding-left:25px; } .pr25{ padding-right:25px; }
.p30{ padding:30px; } .pt30{ padding-top:30px; } .pb30{ padding-bottom:30px; } .pl30{ padding-left:30px; } .pr30{ padding-right:30px; }
.p35{ padding:35px; } .pt35{ padding-top:35px; } .pb35{ padding-bottom:35px; } .pl35{ padding-left:35px; } .pr35{ padding-right:35px; }
.p40{ padding:40px; } .pt40{ padding-top:40px; } .pb40{ padding-bottom:40px; } .pl40{ padding-left:40px; } .pr40{ padding-right:40px; }
.p45{ padding:45px; } .pt45{ padding-top:45px; } .pb45{ padding-bottom:45px; } .pl45{ padding-left:45px; } .pr45{ padding-right:45px; }
.p50{ padding:50px; } .pt50{ padding-top:50px; } .pb50{ padding-bottom:50px; } .pl50{ padding-left:50px; } .pr50{ padding-right:50px; }

.pl1p{ padding-left:1%; } .pl2p{ padding-left:2%; } .pl3p{ padding-left:3%; } .pl4p{ padding-left:4%; } .pl5p{ padding-left:5%; } .pl6p{ padding-left:6%; } .pl7p{ padding-left:7%; } .pl8p{ padding-left:8%; } .pl9p{ padding-left:9%; } .pl10p{ padding-left:10%; } .pl11p{ padding-left:11%; } .pl12p{ padding-left:12%; } .pl13p{ padding-left:13%; } .pl14p{ padding-left:14%; } .pl15p{ padding-left:15%; } .pl16p{ padding-left:16%; } .pl17p{ padding-left:17%; } .pl18p{ padding-left:18%; } .pl19p{ padding-left:19%; } .pl20p{ padding-left:20%; }
.pr1p{ padding-right:1%; } .pr2p{ padding-right:2%; } .pr3p{ padding-right:3%; } .pr4p{ padding-right:4%; } .pr5p{ padding-right:5%; } .pr6p{ padding-right:6%; } .pr7p{ padding-right:7%; } .pr8p{ padding-right:8%; } .pr9p{ padding-right:9%; } .pr10p{ padding-right:10%; } .pr11p{ padding-right:11%; } .pr12p{ padding-right:12%; } .pr13p{ padding-right:13%; } .pr14p{ padding-right:14%; } .pr15p{ padding-right:15%; } .pr16p{ padding-right:16%; } .pr17p{ padding-right:17%; } .pr18p{ padding-right:18%; } .pr19p{ padding-right:19%; } .pr20p{ padding-right:20%; }

/*-------------------------------------------------------------------------------
  Border Radius
-------------------------------------------------------------------------------*/

.br1{  border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; }
.br2{  border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.br3{  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.br4{  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.br5{  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.br6{  border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.br7{  border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.br8{  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.br9{  border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
.br10{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.br11{ border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; }
.br12{ border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
.br13{ border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; }
.br14{ border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; }
.br15{ border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

/*-------------------------------------------------------------------------------
  CSS3 Transition
-------------------------------------------------------------------------------*/

.unselectable{ -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -o-user-select: none;  user-select: none; }

.trans200, .trans200:hover, .trans200:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; -o-transition:all 200ms ease; transition:all 200ms ease; }
.trans250, .trans250:hover, .trans250:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 250ms ease; -moz-transition:all 250ms ease; -o-transition:all 250ms ease; transition:all 250ms ease; }
.trans300, .trans300:hover, .trans300:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; }
.trans350, .trans350:hover, .trans350:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 350ms ease; -moz-transition:all 350ms ease; -o-transition:all 350ms ease; transition:all 350ms ease; }
.trans400, .trans400:hover, .trans400:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; }
.trans450, .trans450:hover, .trans450:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 450ms ease; -moz-transition:all 450ms ease; -o-transition:all 450ms ease; transition:all 450ms ease; }
.trans500, .trans500:hover, .trans500:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; }
.trans550, .trans550:hover, .trans550:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 550ms ease; -moz-transition:all 550ms ease; -o-transition:all 550ms ease; transition:all 550ms ease; }
.trans600, .trans600:hover, .trans600:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 600ms ease; -moz-transition:all 600ms ease; -o-transition:all 600ms ease; transition:all 600ms ease; }
.trans650, .trans650:hover, .trans650:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 650ms ease; -moz-transition:all 650ms ease; -o-transition:all 650ms ease; transition:all 650ms ease; }
.trans700, .trans700:hover, .trans700:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 700ms ease; -moz-transition:all 700ms ease; -o-transition:all 700ms ease; transition:all 700ms ease; }
.trans750, .trans750:hover, .trans750:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 750ms ease; -moz-transition:all 750ms ease; -o-transition:all 750ms ease; transition:all 750ms ease; }
.trans800, .trans800:hover, .trans800:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 800ms ease; -moz-transition:all 800ms ease; -o-transition:all 800ms ease; transition:all 800ms ease; }
.trans850, .trans850:hover, .trans850:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 850ms ease; -moz-transition:all 850ms ease; -o-transition:all 850ms ease; transition:all 850ms ease; }
.trans900, .trans900:hover, .trans900:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 900ms ease; -moz-transition:all 900ms ease; -o-transition:all 900ms ease; transition:all 900ms ease; }
.trans950, .trans950:hover, .trans950:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 950ms ease; -moz-transition:all 950ms ease; -o-transition:all 950ms ease; transition:all 950ms ease; }
.trans1000, .trans1000:hover, .trans1000:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 1000ms ease; -moz-transition:all 1000ms ease; -o-transition:all 1000ms ease; transition:all 1000ms ease; }

/*-------------------------------------------------------------------------------
  CSS Background Image Framework
-------------------------------------------------------------------------------*/

.bgimg{ overflow:hidden; display:block; } .bgimg img{ display:none; }

/*-------------------------------------------------------------------------------
  Font-size (8px - 30px)
-------------------------------------------------------------------------------*/

.fsize8,.font-size-8{font-size:8px;line-height:normal}.fsize9,.font-size-9{font-size:9px;line-height:normal}.fsize11,.font-size-11{font-size:11px;line-height:normal}.fsize12,.font-size-12{font-size:12px;line-height:normal}.fsize13,.font-size-13{font-size:13px;line-height:normal}.fsize14,.font-size-14{font-size:14px;line-height:normal}.fsize15,.font-size-15{font-size:15px;line-height:normal}.fsize16,.font-size-16{font-size:16px;line-height:normal}.fsize17,.font-size-17{font-size:17px;line-height:normal}.fsize18,.font-size-18{font-size:18px;line-height:normal}.fsize19,.font-size-19{font-size:19px;line-height:normal}.fsize20,.font-size-20{font-size:20px;line-height:normal}.fsize21,.font-size-21{font-size:21px;line-height:normal}.fsize22,.font-size-22{font-size:22px;line-height:normal}.fsize23,.font-size-23{font-size:23px;line-height:normal}.fsize24,.font-size-24{font-size:24px;line-height:normal}.fsize25,.font-size-25{font-size:25px;line-height:normal}.fsize26,.font-size-26{font-size:26px;line-height:normal}.fsize27,.font-size-27{font-size:27px;line-height:normal}.fsize28,.font-size-28{font-size:28px;line-height:normal}.fsize29,.font-size-29{font-size:29px;line-height:normal}.fsize30,.font-size-30{font-size:30px;line-height:normal}

/*-------------------------------------------------------------------------------
  Line-height (8px - 40px)
-------------------------------------------------------------------------------*/

.lh8{line-height:8px}.lh9{line-height:9px}.lh10{line-height:10px}.lh11{line-height:11px}.lh12{line-height:12px}.lh13{line-height:13px}.lh14{line-height:14px}.lh15{line-height:15px}.lh16{line-height:16px}.lh17{line-height:17px}.lh18{line-height:18px}.lh19{line-height:19px}.lh20{line-height:20px}.lh21{line-height:21px}.lh22{line-height:22px}.lh23{line-height:23px}.lh24{line-height:24px}.lh25{line-height:25px}.lh26{line-height:26px}.lh27{line-height:27px}.lh28{line-height:28px}.lh29{line-height:29px}.lh30{line-height:30px}.lh31{line-height:31px}.lh32{line-height:32px}.lh33{line-height:33px}.lh34{line-height:34px}.lh35{line-height:35px}.lh36{line-height:36px}.lh37{line-height:37px}.lh38{line-height:38px}.lh39{line-height:39px}.lh40{line-height:40px}

/*-------------------------------------------------------------------------------
  Letter Spacing (1px - 10px)
-------------------------------------------------------------------------------*/

.ls1{ letter-spacing:1px; } .ls2{ letter-spacing:2px; } .ls3{ letter-spacing:3px; } .ls4{ letter-spacing:4px; } .ls5{ letter-spacing:5px; } .ls6{ letter-spacing:6px; } .ls7{ letter-spacing:7px; } .ls8{ letter-spacing:8px; } .ls9{ letter-spacing:9px; } .ls10{ letter-spacing:10px; }

/*-------------------------------------------------------------------------------
  Color, Background (#000 - #FFF)
-------------------------------------------------------------------------------*/

.color000{color:#000}.color111{color:#111}.color222{color:#222}.color333{color:#333}.color444{color:#444}.color555{color:#555}.color666{color:#666}.color777{color:#777}.color888{color:#888}.color999{color:#999}.colorAAA{color:#AAA}.colorBBB{color:#BBB}.colorCCC{color:#CCC}.colorDDD{color:#DDD}.colorEEE{color:#EEE}.colorFFF{color:#FFF}

.bc000{ border-color:#000; } .bc111{ border-color:#111; } .bc222{ border-color:#222; } .bc333{ border-color:#333; } .bc444{ border-color:#444; } .bc555{ border-color:#555; } .bc666{ border-color:#666; } .bc777{ border-color:#777; } .bc888{ border-color:#888; } .bc999{ border-color:#999; } .bcAAA{ border-color:#AAA; } .bcBBB{ border-color:#BBB; } .bcCCC{ border-color:#CCC; } .bcDDD{ border-color:#DDD; } .bcEEE{ border-color:#EEE; } .bcFFF{ border-color:#FFF; }

.bg000{background-color:#000}.bg111{background-color:#111}.bg222{background-color:#222}.bg333{background-color:#333}.bg444{background-color:#444}.bg555{background-color:#555}.bg666{background-color:#666}.bg777{background-color:#777}.bg888{background-color:#888}.bg999{background-color:#999}.bgAAA{background-color:#AAA}.bgBBB{background-color:#BBB}.bgCCC{background-color:#CCC}.bgDDD{background-color:#DDD}.bgEEE{background-color:#EEE}.bgFFF{background-color:#FFF}

.red{ color:red; }
.blue{ color:blue; }
.green{ color:green; }
.yellow{ color:yellow; }

/*-------------------------------------------------------------------------------
  Opacity
-------------------------------------------------------------------------------*/

.opacity10{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1; }
.opacity9 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter:alpha(opacity=90); -moz-opacity:.9; -khtml-opacity:.9; opacity:.9 }
.opacity8 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.opacity7 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7}
.opacity6 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}
.opacity5 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.opacity4 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}
.opacity3 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3}
.opacity2 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);filter:alpha(opacity=20);-moz-opacity:.2;-khtml-opacity:.2;opacity:.2}
.opacity1 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);filter:alpha(opacity=10);-moz-opacity:.1;-khtml-opacity:.1;opacity:.1}

.opacity10, .opacity9, .opacity8, .opacity7, .opacity6, .opacity5, .opacity4, .opacity3, .opacity2, .opacity1{
  transition:      250ms all ease;
  -moz-transition:  250ms all ease;
  -webkit-transition:  250ms all ease;
  -o-transition:    250ms all ease;
  -ms-transition:    250ms all ease;
}

/*-------------------------------------------------------------------------------
  Width px & percentage
-------------------------------------------------------------------------------*/

/* 5% - 100% by 5% each*/
.width5p{width:5%;}.width10p{width:10%}.width15p{width:15%}.width20p{width:20%}.width25p{width:25%}.width30p{width:30%}.width35p{width:35%}.width40p{width:40%}.width45p{width:45%}.width50p{width:50%}.width55p{width:55%}.width60p{width:60%}.width65p{width:65%}.width70p{width:70%}.width75p{width:75%}.width80p{width:80%}.width85p{width:85%}.width90p{width:90%}.width95p{width:95%}.width100p{width:100%}

/* 5px - 100px by 5px each*/
.width5{width:5px}.width10{width:10px}.width15{width:15px}.width20{width:20px}.width25{width:25px}.width30{width:30px}.width35{width:35px}.width40{width:40px}.width45{width:45px}.width50{width:50px}.width55{width:55px}.width60{width:60px}.width65{width:65px}.width70{width:70px}.width75{width:75px}.width80{width:80px}.width85{width:85px}.width90{width:90px}.width95{width:95px}.width100{width:100px}

/* 150px - 1500px by 50px each */
.width150{width:150px}.width200{width:200px}.width250{width:250px}.width300{width:300px}.width350{width:350px}.width400{width:400px}.width450{width:450px}.width500{width:500px}.width550{width:550px}.width600{width:600px}.width650{width:650px}.width700{width:700px}.width750{width:750px}.width800{width:800px}.width850{width:850px}.width900{width:900px}.width950{width:950px}.width1000{width:1000px}.width1050{width:1050px}.width1100{width:1100px}.width1150{width:1150px}.width1200{width:1200px}.width1250{width:1250px}.width1300{width:1300px}.width1350{width:1350px}.width1400{width:1400px}.width1450{width:1450px}.width1500{width:1500px}

/*-------------------------------------------------------------------------------
  Height
-------------------------------------------------------------------------------*/

/* 5% - 100% by 5% each*/
.height5p{height:5%}.height10p{height:10%}.height15p{height:15%}.height20p{height:20%}.height25p{height:25%}.height30p{height:30%}.height35p{height:35%}.height40p{height:40%}.height45p{height:45%}.height50p{height:50%}.height55p{height:55%}.height60p{height:60%}.height65p{height:65%}.height70p{height:70%}.height75p{height:75%}.height80p{height:80%}.height85p{height:85%}.height90p{height:90%}.height95p{height:95%}.height100p{height:100%}

/* 5px - 100px by 5px each*/
.height5{height:5px}.height10{height:10px}.height15{height:15px}.height20{height:20px}.height25{height:25px}.height30{height:30px}.height35{height:35px}.height40{height:40px}.height45{height:45px}.height50{height:50px}.height55{height:55px}.height60{height:60px}.height65{height:65px}.height70{height:70px}.height75{height:75px}.height80{height:80px}.height85{height:85px}.height90{height:90px}.height95{height:95px}.height100{height:100px}

/* 150px - 1500px by 50px each */
.height150{height:150px}.height200{height:200px}.height250{height:250px}.height300{height:300px}.height350{height:350px}.height400{height:400px}.height450{height:450px}.height500{height:500px}.height550{height:550px}.height600{height:600px}.height650{height:650px}.height700{height:700px}.height750{height:750px}.height800{height:800px}.height850{height:850px}.height900{height:900px}.height950{height:950px}.height1000{height:1000px}.height1050{height:1050px}.height1100{height:1100px}.height1150{height:1150px}.height1200{height:1200px}.height1250{height:1250px}.height1300{height:1300px}.height1350{height:1350px}.height1400{height:1400px}.height1450{height:1450px}.height1500{height:1500px}

/*-------------------------------------------------------------------------------
  Position
-------------------------------------------------------------------------------*/

/* top: 0px - 10px by 1px each */
.top0{top:0}.top1{top:1px}.top2{top:2px}.top3{top:3px}.top4{top:4px}.top5{top:5px}.top6{top:6px}.top7{top:7px}.top8{top:8px}.top9{top:9px}.top10{top:10px}

/* top: 15px - 70px by 5px each */
.top15{top:15px}.top20{top:20px}.top25{top:25px}.top30{top:30px}.top35{top:35px}.top40{top:40px}.top45{top:45px}.top50{top:50px}.top55{top:55px}.top60{top:60px}.top65{top:65px}.top70{top:70px}

/* bottom: 0px - 10px by 1px each */
.bottom0{bottom:0}.bottom1{bottom:1px}.bottom2{bottom:2px}.bottom3{bottom:3px}.bottom4{bottom:4px}.bottom5{bottom:5px}.bottom6{bottom:6px}.bottom7{bottom:7px}.bottom8{bottom:8px}.bottom9{bottom:9px}.bottom10{bottom:10px}

/* bottom: 15px - 70px by 5px each */
.bottom15{bottom:15px}.bottom20{bottom:20px}.bottom25{bottom:25px}.bottom30{bottom:30px}.bottom35{bottom:35px}.bottom40{bottom:40px}.bottom45{bottom:45px}.bottom50{bottom:50px}.bottom55{bottom:55px}.bottom60{bottom:60px}.bottom65{bottom:65px}.bottom70{bottom:70px}

/* left: 0px - 10px by 1px each */
.left0{left:0}.left1{left:1px}.left2{left:2px}.left3{left:3px}.left4{left:4px}.left5{left:5px}.left6{left:6px}.left7{left:7px}.left8{left:8px}.left9{left:9px}.left10{left:10px}

/* left: 15px - 70px by 5px each */
.left15{left:15px}.left20{left:20px}.left25{left:25px}.left30{left:30px}.left35{left:35px}.left40{left:40px}.left45{left:45px}.left50{left:50px}.left55{left:55px}.left60{left:60px}.left65{left:65px}.left70{left:70px}

/* right: 0px - 10px by 1px each */
.right0{right:0}.right1{right:1px}.right2{right:2px}.right3{right:3px}.right4{right:4px}.right5{right:5px}.right6{right:6px}.right7{right:7px}.right8{right:8px}.right9{right:9px}.right10{right:10px}

/* right: 15px - 70px by 5px each */
.right15{right:15px}.right20{right:20px}.right25{right:25px}.right30{right:30px}.right35{right:35px}.right40{right:40px}.right45{right:45px}.right50{right:50px}.right55{right:55px}.right60{right:60px}.right65{right:65px}.right70{right:70px}

/*-------------------------------------------------------------------------------
  Cursor
-------------------------------------------------------------------------------*/

.cpointer{ cursor:pointer; }
.cdefault{ cursor:default; }
.cmove{ cursor:move; }
.ccrosshair{ cursor:crosshair; }

/*-------------------------------------------------------------------------------
  Z Index
-------------------------------------------------------------------------------*/

/* z-index: 1-10 */
.z1{position:relative;z-index:1}.z2{position:relative;z-index:2}.z3{position:relative;z-index:3}.z4{position:relative;z-index:4}.z5{position:relative;z-index:5}.z6{position:relative;z-index:6}.z7{position:relative;z-index:7}.z8{position:relative;z-index:8}.z9{position:relative;z-index:9}.z10{position:relative;z-index:10}

.static{ position: static; }
.relative{ position: relative; }
.absolute{ position:absolute; }
.fixed{ position:fixed; }

/*-------------------------------------------------------------------------------
  Overflow
-------------------------------------------------------------------------------*/

.of-hidden, .overflow-hidden{ overflow:hidden; }
.ofx-hidden, .overflow-x-hidden{ overflow-x:hidden; }
.ofy-hidden, .overflow-y-hidden{ overflow-y:hidden; }

/*-------------------------------------------------------------------------------
  Border
-------------------------------------------------------------------------------*/

.bt{ border-top:1px solid #CCC; }
.bb{ border-bottom:1px solid #CCC; }
.bl{ border-left:1px solid #CCC; }
.br{ border-right:1px solid #CCC; }

/*-------------------------------------------------------------------------------
  Box Sizing
-------------------------------------------------------------------------------*/

.box-sizing-bb{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.box-sizing-cb{
  box-sizing:  content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

.box-sizing-pb{
  box-sizing:  padding-box;
  -moz-box-sizing: padding-box;
  -webkit-box-sizing: padding-box;
}

/*-------------------------------------------------------------------------------
  3 Columns with Equal Height Framework
-------------------------------------------------------------------------------*/

.equal-height-3col .container3{
  clear:left;
  float:left;
  width:100%;
  overflow:hidden;
}

.equal-height-3col .container2{
  clear:left;
  float:left;
  width:100%;
  position:relative;
  right:33.33%;
}

.equal-height-3col .container1{
  float:left;
  width:100%;
  position:relative;
  right:33.33%;
}

.equal-height-3col .col1{
  float:left;
  width:33.33%;
  position:relative;
  left:66.66%;
  overflow:hidden;
}

.equal-height-3col .col2{
  float:left;
  width:33.33%;
  position:relative;
  left:66.66%;
  overflow:hidden;
}

.equal-height-3col .col3{
  float:left;
  width:33.33%;
  position:relative;
  left:66.66%;
  overflow:hidden;
}

/*-------------------------------------------------------------------------------
  Responsive Shortcodes
-------------------------------------------------------------------------------*/

.browser-only{ display:block; }
.mobile-only{ display:none; }
.landscape-only{ display:none; }
.portrait-only{ display:none; }

@media only screen and (max-width: 767px)
{
  #page .browser-only{ display:none; }
  #page .mobile-only{ display:block; }
  #page .mobile-tc{ text-align: center; }
  #page .mobile-tc > img{ display: inline; }

  .mobile-hul-to-cul{
    width:100%;
    overflow:hidden;
    position:relative;
  }

  .mobile-hul-to-cul > ul{
    clear:left;
    float:left;
    position:relative;
    left:50%;
    text-align:center;
    list-style: none;
    margin:0;
    padding:0;
  }

  .mobile-hul-to-cul > ul > li{
    display:block;
    float:left;
    position:relative;
    right:50%;
  }

  .mobile-hul-to-cul > ul > li > a{
    display:block;
    margin:0 5px;
  }
}

@media only screen and (max-width: 767px)
{
  .portrait-only{ display:block; }
  .landscape-only{ display:none; }
}

@media only screen and (min-width: 480px) and (max-width: 767px)
{
  .portrait-only{ display:none; }
  .landscape-only{ display:block; }
}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{
  outline:none;
}

.slides,
.flex-control-nav,
.flex-direction-nav{
  margin:0;
  padding:0;
  list-style:none;
}

/* FlexSlider Necessary Styles
*********************************/

.flexslider{
  margin:0;
  padding:0;
}

.flexslider .slides > li{
  display:none;
  -webkit-backface-visibility:hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{
  width:100%;
  display:block;
}

.flex-pauseplay span{
  text-transform:capitalize;
}

/* Clearfix for the .slides element */
.slides:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}

html[xmlns] .slides{
  display:block;
}

* html .slides{
  height:1%;
}

/* No JavaScript Fallback */
/* If you are not using another script,such as Modernizr,make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child{
  display:block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider{
  margin:0;
  position:relative;
  zoom:1;
}

.flex-viewport{
  max-height:2000px;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  transition:all 1s ease;
}

.loading .flex-viewport{
  max-height:300px;
}

.flexslider .slides{
  zoom:1;
}

.carousel li{
  margin-right:5px;
}

/* Direction Nav */
.flex-direction-nav{
  *height:0;
}

.flex-direction-nav a{
  width:30px;
  height:30px;
  margin:-20px 0 0;
  display:block;
  background:url(/media/templates/bg_direction_nav.png) no-repeat 0 0;
  position:absolute;
  top:50%;
  z-index:10;
  cursor:pointer;
  text-indent:-9999px;
  opacity:0;
  -webkit-transition:all .3s ease;
}

.flex-direction-nav .flex-next{
  background-position:100% 0;
  right:10px;
}

.flex-direction-nav .flex-prev{
  left:10px;
}

.flexslider:hover .flex-next{
  opacity:.8;
}

.flexslider:hover .flex-prev{
  opacity:.8;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover{
  opacity:1;
}

.flex-direction-nav .flex-disabled{
  opacity:.3!important;
  filter:alpha(opacity=30);
  cursor:default;
}

/* Control Nav */
.flex-control-nav{
  width:100%;
  position:absolute;
  bottom:-40px;
  text-align:center;
}

.flex-control-nav li{
  margin:0 6px;
  display:inline-block;
  zoom:1;
  *display:inline;
}

.flex-control-paging li a{
  width:11px;
  height:11px;
  display:block;
  background:#666;
  background:#FFF;
  cursor:pointer;
  text-indent:-9999px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  -o-border-radius:20px;
  border-radius:20px;
  box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover{
  background:#333;
  background:rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active{
  background:#000;
  background:rgba(0,0,0,0.9);
  cursor:default;
}

.flex-control-thumbs{
  margin:5px 0 0;
  position:static;
  overflow:hidden;
}

.flex-control-thumbs li{
  width:25%;
  float:left;
  margin:0;
}

.flex-control-thumbs img{
  width:100%;
  display:block;
  opacity:.7;
  cursor:pointer;
}

.flex-control-thumbs img:hover{
  opacity:1;
}

.flex-control-thumbs .flex-active{
  opacity:1;
  cursor:default;
}

@media screen and (max-width: 860px)
{
  .flex-direction-nav .flex-prev{
    opacity:1;
    left:0;
  }
  
  .flex-direction-nav .flex-next{
    opacity:1;
    right:0;
  }
}

/*-------------------------------------------------------------------------------
  Fancybox Core CSS
-------------------------------------------------------------------------------*/

/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('/media/templates/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/media/templates/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/media/templates/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('/media/templates/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*-------------------------------------------------------------------------------
  Fancybox Buttons Helper
-------------------------------------------------------------------------------*/

#fancybox-buttons {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 8050;
}

#fancybox-buttons.top {
  top: 10px;
}

#fancybox-buttons.bottom {
  bottom: 10px;
}

#fancybox-buttons ul {
  display: block;
  width: 166px;
  height: 30px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  border: 1px solid #111;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
     -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
          box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
  background: rgb(50,50,50);
  background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
  background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
  background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
  background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
  background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
  float: left;
  margin: 0;
  padding: 0;
}

#fancybox-buttons a {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-image: url('/media/templates/fancybox_buttons.png');
  background-repeat: no-repeat;
  outline: none;
  opacity: 0.8;
}

#fancybox-buttons a:hover {
  opacity: 1;
}

#fancybox-buttons a.btnPrev {
  background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
  background-position: -33px 0;
  border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
  background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
  background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
  background-position: 3px -60px;
  border-left: 1px solid #111;
  border-right: 1px solid #3e3e3e;
  width: 35px
}

#fancybox-buttons a.btnToggleOn {
  background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
  border-left: 1px solid #111;
  width: 35px;
  background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
  opacity : 0.4;
  cursor: default;
}

/*-------------------------------------------------------------------------------
  Fancybox Thumb Helper
-------------------------------------------------------------------------------*/

#fancybox-thumbs {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 8050;
}

#fancybox-thumbs.bottom {
  bottom: 2px;
}

#fancybox-thumbs.top {
  top: 2px;
}

#fancybox-thumbs ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

#fancybox-thumbs ul li {
  float: left;
  padding: 1px;
  opacity: 0.5;
}

#fancybox-thumbs ul li.active {
  opacity: 0.75;
  padding: 0;
  border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
  opacity: 1;
}

#fancybox-thumbs ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #222;
  background: #111;
  outline: none;
}

#fancybox-thumbs ul li img {
  display: block;
  position: relative;
  border: 0;
  padding: 0;
}

/*-------------------------------------------------
                  Global
---------------------------------------------------*/

.pbtn {
  background-color: transparent;
  background-image: url("/media/templates/dbc-button.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  width:175px;
  height:45px;
  display:block;
  font:12px/46px 'Trebutset MS', Arial;
  text-align:center;
  color:#FFF;
  text-shadow:0 -1px 0 #000000;
  -moz-text-shadow:0 -1px 0 #000000;
  -webkit-text-shadow:0 -1px 0 #000000;
  text-transform:uppercase;
  transition:none !important;
}

.pbtn:hover,
.pbtn:active {
   background-position: 0 -47px;
}

#content .main-content {
   padding-bottom:50px; 
}

/*-------------------------------------------------
                  HEADER
---------------------------------------------------*/

#search-bar{
  position:relative;
  width:auto;
}

#search-bar .text{
  width:300px;
  height:39px;
  display:block;
  background-color: transparent;
  background-image: url("/media/templates/dbc-bg-search.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding:0 10px;
  font:13px/13px 'Trebutset MS', Arial;
  color:#666666;
}

#search-bar .search-btn {
  background-color: transparent;
  background-image: url("/media/templates/bdc-icon-search.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  width:30px;
  height:27px;
  display:block;
  position:absolute;
  right:1px;
  top:5px;
  cursor:pointer;
}

#search-bar .search-btn:hover {
  background-position: 0 -27px;
}

.language-switcher {
   margin-top:13px;
}

.language-switcher ul > li {
   margin-right:10px;
   font:14px/14px 'Trebutset MS', Arial;
}

.language-switcher ul > li a {
   font:14px/14px 'Trebutset MS', Arial;
   color:#3e3e3e;
}

.language-switcher ul > li a:hover,
.language-switcher ul > li a:active {
   font:14px/14px 'Trebutset MS', Arial;
   color:#FFF;
   text-decoration:underline;
}

.language-switcher .last-child{
   margin-right:0;
}

/*-------------------------------------------------
                  Home Widgets
---------------------------------------------------*/

.widget {
   height:257px;
   display:block; 
   background-color: transparent;
   background-image: url("/media/templates/dbc-bg-widget.png");
   background-position: 0 0;
   background-repeat: repeat-x;
   position:relative;
   text-align:center;
}

.widget .shadow {
   position:absolute;
   bottom:-17px;
   left:-2px;
   z-index:10;
   width:305px;
   height:17px;
   display:block;
   background-color: transparent;
   background-image: url("/media/templates/dbc-bg-widget-shadow.png");
   background-position: 0 0;
   background-repeat: no-repeat;
}

.widget .wrap {
   padding:0 10px 20px 0; 
}

.widget .icon {
   height:66px;
   width:90px;
   margin:45px auto 20px auto;
   display:block; 
}

.widget h3 {
   font:bold 20px/20px 'Trebutset MS', Arial;
   text-transform:uppercase;
   color:#333;
   margin:0 0 10px;
}

.widget .desc {
   font:14px/18px 'Trebutset MS', Arial;
   color:#333;
}

#page .widget:hover .icon {
   background-position:0 0 !important;
}

.widget:hover h3,
.widget:hover .desc {
   color:#c63830;
}

/*-------------------------------------------------
                Home Join Us
---------------------------------------------------*/

.join-us {
   background-color: transparent;
   background-image: url("/media/templates/dbc-bg-joinus.png");
   background-position: 0 0;
   background-repeat: no-repeat;
   display:block;
   height:147px;
   width:100%;
   margin-bottom:25px;
}

.join-us .wrap {
   padding:13px 25px 0 25px; 
}

.join-us h3 {
  font:bold 20px/20px 'Trebutset MS', Arial; 
  color:#FFF;
  text-transform:uppercase; 
  margin:0 0 2px 0;
}

.join-us .desc {
  font:13px/16px 'Trebutset MS', Arial; 
  color:#CCC;
}

.join-us .pbtn {
  margin-top:-5px; 
}


/* petition form
----------------------------------------------------------- */

.dbc-pet,.dbc-container,.debt-on {
   background:#FFF;
   border:1px solid #CCC;
  -moz-box-shadow:0px 0px 3px #888;
  -webkit-box-shadow:0px 0px 3px #888;
  box-shadow:0px 0px 3px #888;  
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  margin:0px 0px 25px;
}

.dbc-pet h3 {
  font:25px/27px trebuchet ms;
  color:#FFF;
  text-shadow:1px 1px #000;
  background:url(/media/templates/dbc-h3-grad-bg.jpg) repeat-x 0 0 #6C6C6C;
  padding:20px 25px;
  margin:1px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

.debt-on header {
  text-shadow:1px 1px #000;
  background:url(/media/templates/debt-on-header-bg.jpg) repeat-x 0 0 #929292;
  padding:20px 25px;
  margin:1px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

.debt-on header h3 {
  font:25px/27px trebuchet ms;
  color:#FFF;
}

.debt-on h4 { font:14px/16px trebuchet MS;color:#333; }

.debt-on .value { 
  background:url(/media/templates/debt-on-dollar-sign-small.png) no-repeat 0 0;
  padding-left:35px;
  height:38px;
  font:18px/38px trebuchet MS;
  color:#EC3C3B;
  margin:0px 0px 15px;
}

.debt-on .dbc-form .field { margin:5px 30px 0px 0px; }

.debt-on .pbtn.small {
  font-size:12px; 
  width:128px;
  height:36px;
  line-height:36px;
  background:url(/media/templates/gbc-submit-btn-small-2.png) no-repeat 0 0;
}

.dbc-pet h4 {
  font:18px/20px trebuchet ms;
  color:#222; 
}

.dbc-form { font-size:12px; }

.dbc-form h2 {
  font-size:18px;
  color:#333;
  display:block;
  border-bottom:1px dotted #333;
  padding:0px 0px 10px;
  margin:0px 0px 20px;
}

.dbc-form .field,.dbc-form .field.textarea {  
  background:url(/media/templates/dbc-text-medium.png) no-repeat 0 0;
  width:255px;
  height:25px;
  float:left;
  margin:0px 0px 20px;
}

.dbc-form .field.textarea {  background:url(/media/templates/dbc-textarea.png) no-repeat 0 0;width:587px;height:90px; }

.dbc-form .field.large {  
  background:url(/media/templates/dbc-text-large.png) no-repeat 0 0;
  width:280px;
  height:25px;
  float:left;
  margin:0px 0px 20px;
}

.dbc-form fieldset .field,.dbc-form .field.medium,.dbc-form .field.small {
  background:url(/media/templates/dbc-text-small.png) no-repeat 0 0;
  width:119px;
  height:25px;
  float:left;
  margin:0px 0px 20px;
} 

.dbc-form .field.medium { width:129px; }

.dbc-form .field .text,
.dbc-form .field textarea {
  font:12px/25px trebuchet ms;
  color:#333;
  padding:0px 15px;
  background:transparent;
  width:255px;
  height:25px;
}

.dbc-form .field textarea { width:567px;padding:10px;height:70px; }

.dbc-form .field.large .text { width:288px; }

.dbc-form .field textarea { line-height:14px;height:90px; }

.dbc-form fieldset .field .text {
  font:12px/25px trebuchet ms;
  color:#333; 
  padding:0px 15px;
  background:transparent;
  width:119px;
  height:25px;
}

.dbc-form .divider { width:18px;height:20px;float:left; }

.dbc-form fieldset .divider { width:10px;height:10px;float:left; }

.dbc-form .checkbox, .dbc-form .ez-radio {
    background: url(/media/templates/dbc-checkbox.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    float:left;
    margin:0px 5px 0px 0px;
    height: 18px;
    width: 18px;
}

.dbc-form .ez-radio { margin:0px 10px; }

.dbc-form .checkbox.checked,.dbc-form .ez-radio.ez-selected { background-position:0px -18px; }

.dbc-form .customSelect {
  background:url(/media/templates/dbc-select-small.png) no-repeat 100% 0;
  height:25px;
  font:12px/25px trebuchet ms;
  color:#333;
  overflow:hidden;
}

.debt-on .dbc-form .customSelect { text-shadow:none; }

.dbc-form .customSelect .customSelectInner { text-indent:10px; }

.dbc-form .medium .customSelect {
  background:#FFF url(/media/templates/dbc-select-medium.png) no-repeat 100% 0;
}

.dbc-form .large .customSelect {
  background:#FFF url(/media/templates/dbc-select-large.png) no-repeat 100% 0;
}

.dbc-form .field.error .customSelect {
  color:#F26868;
}

.dbc-form label { 
  float:left;
  font:13px/16px trebuchet ms;
  color:#333;
}

.dbc-form .error label, .dbc-form label.error {
   display:none !important;
}

#page .dbc-form .error .text, #page .dbc-form .text.error {
   text-decoration:underline;
   color:red;
}

.dbc-form label.small { width:225px; }

/* debt clock
------------------------------------------------------------ */

#dbc-debt-clock h2,.provincial #dbc-default-article h1,#dbc-default-article .btext .subHeader {
  font:25px/27px Trebuchet MS;
  color:#EC3C3B;
  text-transform:uppercase;  
} 

.provincial #dbc-default-article h1.float,
.provincial #dbc-debt-clock h2.float { width:350px;float:left; }

.provincial #dbc-debt-clock h2.float { width:380px; }

.what-can-i-do #dbc-debt-clock h2 {
   font-size:18px;
   color:#343434; 
   margin-top:25px;
   margin-left:10px;
   text-transform:none;
}

#dbc-default-article .btext .subHeader { display:block;margin-bottom:10px; }

#dbc-default-article .btext { 
   font:14px/16px trebuchet ms;
   color:#333; 
}

#dbc-default-article .btext .border-left { 
   border-left:1px dotted #959595;
   padding-left:20px;
   margin-bottom:20px;
   width:280px;
}  
  
#dbc-debt-clock .dollar {
   float:left;
   background:url(/media/templates/tp-debtclock-dollar-sign.png) no-repeat 0 0;
   width:45px;
   height:55px; 
}

#dbc-debt-clock .dollar.right { float:right; }

#dbc-debt-clock .clock-container {
   padding:0px 0px 25px 40px;
   margin:0px 0px 15px;
   border-bottom:1px dotted #000;
}

#dbc-debt-clock .clock-container.no-pl { padding-left:0px; }

#dbc-debt-clock .clock-container.last { border-bottom:0px none;padding:0; }

.what-can-i-do #dbc-debt-clock .clock-container {
   padding:0px 20px 0px 0px;
   margin:0px 0px 0px 0px; 
   border-bottom:0px none; 
}

.clock-cont2 { float:right;margin-right:130px; }

.w382 { width:382px; }

/* provincial flags
------------------------------------------------------ */

#main-nav li .level2-wrap a.level2.bc,
#main-nav li .level2-wrap a.level2.ab,
#main-nav li .level2-wrap a.level2.mb,
#main-nav li .level2-wrap a.level2.sk,
#main-nav li .level2-wrap a.level2.on,
#main-nav li .level2-wrap a.level2.nb,
#main-nav li .level2-wrap a.level2.ns,
#main-nav li .level2-wrap a.level2.nf,
#main-nav li .level2-wrap a.level2.qc,
#main-nav li .level2-wrap a.level2.pei {
   background:#920A00 url(/media/templates/dbc-flag-bc.jpg) no-repeat 10px 50%;
   padding:10px 0px 10px 70px;
}

#main-nav li .level2-wrap a.level2.ab {
   background:#920A00 url(/media/templates/dbc-flag-ab.jpg) no-repeat 10px 50%; 
}

#main-nav li .level2-wrap a.level2.sk {
   background:#920A00 url(/media/templates/dbc-flag-sk.jpg) no-repeat 10px 50%;
}

#main-nav li .level2-wrap a.level2.mb {
   background:#920A00 url(/media/templates/dbc-flag-mb.jpg) no-repeat 10px 50%;
}

#main-nav li .level2-wrap a.level2.on {
   background:#920A00 url(/media/templates/dbc-flag-on.jpg) no-repeat 10px 50%;
}

#main-nav li .level2-wrap a.level2.ns {
   background:#920A00 url(/media/templates/ns-flag-1.jpg) no-repeat 10px 50%;
}

#main-nav li .level2-wrap a.level2.nf {
   background:#920A00 url(/media/templates/nf-flag-1.jpg) no-repeat 10px 50%;
}

#main-nav li .level2-wrap a.level2.nb {
   background:#920A00 url(/media/templates/nb-flag-1.jpg) no-repeat 10px 50%;
}

#main-nav li .level2-wrap a.level2.pei {
   background:#920A00 url(/media/templates/pei-flag-1.jpg) no-repeat 10px 50%;
}

#main-nav li .level2-wrap a.level2.qc {
   background:#920A00 url(/media/templates/zflagquebecsm1.jpg) no-repeat 10px 50%;
}

/* province
------------------------------------------------------- */

.provincial #sub-nav.province {
   background:url(/media/templates/dbc-blue-grad-bg.jpg) repeat-x 0 0;
   min-height:92px;
   position:relative; 
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
   border-radius:3px;
}

.what-can-i-do.provincial #sub-nav.province { background-image:url(/media/templates/dbc-blue-light-grad-bg.jpg); }

.provincial #sub-nav h2 {
   font:25px/27px trebuchet ms;
   color:#FFF;
   text-shadow:1px 1px #000;
   padding:25px 0px 25px 85px;
   text-transform:uppercase;
}

.what-can-i-do.provincial #sub-nav h2 { padding-left:20px; }

.provincial #sub-nav h2.on { background:url(/media/templates/dbc-flag-on.jpg) no-repeat 20px 50%; }
.provincial #sub-nav h2.ab { background:url(/media/templates/dbc-flag-ab.jpg) no-repeat 20px 50%; }
.provincial #sub-nav h2.bc { background:url(/media/templates/dbc-flag-bc.jpg) no-repeat 20px 50%; }
.provincial #sub-nav h2.mb { background:url(/media/templates/dbc-flag-mb.jpg) no-repeat 20px 50%; }
.provincial #sub-nav h2.ns { background:url(/media/templates/ns-flag-1.jpg) no-repeat 20px 50%; }
.provincial #sub-nav h2.nf { background:url(/media/templates/nf-flag-1.jpg) no-repeat 20px 50%; }
.provincial #sub-nav h2.nb { background:url(/media/templates/nb-flag-1.jpg) no-repeat 20px 50%; }
.provincial #sub-nav h2.pei { background:url(/media/templates/pei-flag-1.jpg) no-repeat 20px 50%; }
.provincial #sub-nav h2.sk { background:url(/media/templates/dbc-flag-sk.jpg) no-repeat 20px 50%; }
.provincial #sub-nav h2.qc { background:url(/media/templates/zflagquebecsm1.jpg) no-repeat 20px 50%; }

.provincial #sub-nav a.active {
   height:40px; 
   background:#FFF;   
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
   border-radius:3px;
   font:14px/40px trebuchet ms;
   color:#868686;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
   box-shadow:none;  
} 

.provincial #sub-nav a {
   height:40px;
   background:transparent url(/media/templates/dbc-tab-bg.jpg) repeat-x 0 0;  
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
   border-radius:3px;
   font:14px/40px trebuchet ms;
   color:#333;
   display:block;
   float:left;
   padding:0px 15px;
   margin:0px 1px;
  -moz-box-shadow:one;
  -webkit-box-shadownone;
   box-shadow:none;  
} 

.what-can-i-do.provincial #sub-nav a {
   padding:0px 10px; 
}

.provincial #sub-nav .level2 { 
   position:absolute;
   right:10px;
   bottom:-3px;
}

.provincial #content .main-content { padding-bottom:0px; }

/* petition menu
----------------------------------------------------- */

.dbc-pet-menu .item {
   padding:15px 10px;   
}

.dbc-pet-menu h3,.dbc-pet-menu div,.dbc-pet-menu a {
   font:18px/20px trebuchet ms;
   color:#222;
}

#page .red { color:#EC3C3B; }

.dbc-pet-menu a.red { text-decoration:underline; }

.dbc-pet-menu div {
   font-size:14px;
   color:#333;
}

.dbc-prov-filters { 
   background:#EFEFEF;
   border-top:1px dotted #959595;
   border-bottom:1px dotted #959595;
   padding:15px 10px; 
   margin:0px 0px 40px;
}

.dbc-prov-filters.mt20 { margin-top:20px; }

.dbc-prov-filters div.label { font-size:14px; }

.dbc-prov-filters.share div.label { font-size:25px;margin:10px 0px 25px 10px; }

.dbc-prov-filters a {
   display:block;
   float:left;
   width:48px;
   padding-top:37px;
   margin:10px 12px 0px;
   text-align:center;
   color:#333;
   opacity:0.5;
}

#social-debt-share a,#social-debt-share-fed a { opacity:1;float:none;text-align:center;display:inline;margin:0 10px;padding:0; }

#social-debt-share a img,#social-debt-share-fed a img { display:inline; }

.dbc-prov-filters a.active { opacity:1; }

.dbc-prov-filters a.fed { background:url(/media/templates/dbc-flag-fed.jpg) no-repeat 50% 0px; }
.dbc-prov-filters a.on { background:url(/media/templates/dbc-flag-on.jpg) no-repeat 50% 0px; }
.dbc-prov-filters a.ab { background:url(/media/templates/dbc-flag-ab.jpg) no-repeat 50% 0px; }
.dbc-prov-filters a.bc { background:url(/media/templates/dbc-flag-bc.jpg) no-repeat 50% 0px; }
.dbc-prov-filters a.mb { background:url(/media/templates/dbc-flag-mb.jpg) no-repeat 50% 0px; }
.dbc-prov-filters a.ns { background:url(/media/templates/ns-flag-1.jpg) no-repeat 50% 0px; }
.dbc-prov-filters a.sk { background:url(/media/templates/dbc-flag-sk.jpg) no-repeat 50% 0px; }
.dbc-prov-filters a.nb { background:url(/media/templates/nb-flag-1.jpg) no-repeat 50% 0px; }
.dbc-prov-filters a.qc { background:url(/media/templates/zflagquebecsm1.jpg) no-repeat 50% 0px; }
.dbc-prov-filters a.pei { background:url(/media/templates/pei-flag-1.jpg) no-repeat 50% 0px; }
.dbc-prov-filters a.nf { background:url(/media/templates/nf-flag-1.jpg) no-repeat 50% 0px; }

/* debt clock share
----------------------------------------------------- */

.dbc-social-share a {
   font-size:18px;
   line-height:50px;
   color:#343434;
   margin:0px 0px 40px;
   display:block;
   float:left;
   width:285px;
   height:50px;
}

.dbc-social-share .tw, .dbc-social-share .fb,.dbc-social-share .pin,.dbc-social-share .email {
   background:url(/media/templates/dbc-social-media-clock.png) no-repeat 0 0;
   width:50px;
   height:47px;
   display:block;
   float:left;
   margin-right:20px;
}

.dbc-social-share .pin { background-position:100% 0;width:48px; }

.dbc-social-share .fb { background-position:0% 100%; }

.dbc-social-share .email { background-position:100% 100%; }

/* donation
-------------------------------------------------- */

.grey-container {
   background:#efefef;
   margin:0px 0px 20px;
}

.grey-container article {
   width:155px;
   float:left;
   padding:0px 0px 0px 60px;
   margin:30px 20px;
   font-size:13px;
} 

.grey-container article b { font-size:16px;color:#333;display:block;font-weight:bold; }

.grey-container article a { color:#EC3C3B;text-decoration:underline; }

.grey-container article.padlock {
   background:url(/media/templates/dbc-padlock.png) no-repeat 0 0;
} 

.grey-container article.fax {
   background:url(/media/templates/dbc-fax.png) no-repeat 0 0;
} 

.grey-container article.phone {
   background:url(/media/templates/dbc-phone.png) no-repeat 0 0;
} 

.grey-container article.paypal {
   background:url(/media/templates/dbc-paypal.png) no-repeat 0 0;
} 

.grey-container article.cheque {
   background:url(/media/templates/dbc-cheque.png) no-repeat 0 0;
} 

.grey-container article.permanent {
   background:url(/media/templates/dbc-permanent.png) no-repeat 0 0;
} 

/* pagination
-------------------------------------------------- */

#pagination .next,
#pagination .prev {
   background:url(/media/templates/dbc-page-prev.png) no-repeat 0 0;
   width:38px;
   height:38px;
   display:inline-block;
   vertical-align:middle;
}

#pagination .next {
   background-image:url(/media/templates/dbc-page-next.png); 
}

#pagination .next:hover,
#pagination .pre:hover { 
   background-position:0px 100%; 
}

#pagination .page-no a {
   font:18px/40px trebuchet ms;
   color:#222;
   display:inline-block;
   padding:0px 10px;
   vertical-align:middle;
}

#pagination .page-no a:hover,
#pagination .page-no a.active { color:#EC3C3B; }


/* NOTE: to create custom counter image, change height to be dividable by 10
---------------------------------------------------------- */

@CHARSET "UTF-8";

.custom-counter {
  margin: 0px auto; 
  background-color: white;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 5px 5px 10px #000000;
  -webkit-box-shadow: 5px 5px 10px #000000;
  -khtml-box-shadow: 5px 5px 10px #000000;
  box-shadow: 5px 5px 10px #000000;
}

/* You may remove those example classes below if not used by Your code */
.example-counter-0 {
  margin: 0px auto; 
  background-color: white;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 5px 5px 10px #000000;
  -webkit-box-shadow: 5px 5px 10px #000000;
  -khtml-box-shadow: 5px 5px 10px #000000;
  box-shadow: 5px 5px 10px #000000;
}
.example-counter-1 {
  background-color: white;
  float: left;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 5px 5px 10px #000000;
  -webkit-box-shadow: 5px 5px 10px #000000;
  -khtml-box-shadow: 5px 5px 10px #000000;
  box-shadow: 5px 5px 10px #000000;
}
.example-counter-2 {
  margin: 0px auto;
  background-color: white;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 5px 5px 10px #000000;
  -webkit-box-shadow: 5px 5px 10px #000000;
  -khtml-box-shadow: 5px 5px 10px #000000;
  box-shadow: 5px 5px 10px #000000;
}
.example-counter-3 {
  margin: 0px auto; 
  background-color: black;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 5px 5px 10px #000000;
  -webkit-box-shadow: 5px 5px 10px #000000;
  -khtml-box-shadow: 5px 5px 10px #000000;
  box-shadow: 5px 5px 10px #000000;
}
.example-counter-4 {
  background-color: white;
  float: left;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 5px 5px 10px #000000;
  -webkit-box-shadow: 5px 5px 10px #000000;
  -khtml-box-shadow: 5px 5px 10px #000000;
  box-shadow: 5px 5px 10px #000000;
}
.example-counter-7 {
  margin: 0px auto; 
  background-color: white;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 5px 5px 10px #000000;
  -webkit-box-shadow: 5px 5px 10px #000000;
  -khtml-box-shadow: 5px 5px 10px #000000;
  box-shadow: 5px 5px 10px #000000;
}
.example-counter-8 {
  margin: 0px auto; 
  background-color: white;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 5px 5px 10px #000000;
  -webkit-box-shadow: 5px 5px 10px #000000;
  -khtml-box-shadow: 5px 5px 10px #000000;
  box-shadow: 5px 5px 10px #000000;
}
.example-counter-9 {
  margin: 35px auto; 
  background-color: white;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 5px 5px 10px #000000;
  -webkit-box-shadow: 5px 5px 10px #000000;
  -khtml-box-shadow: 5px 5px 10px #000000;
  box-shadow: 5px 5px 10px #000000;
}

.counter_character {
  display: inline;
  float: left;
  position: relative;
  /*top: -35px;*/
  margin-left: 1px;
  margin-right: 1px;
}

.counter_text {
  font-family: Trebuchet MS;
  font-weight: bold;
  background-color: #000;
  font-size: 28px;
  line-height: 50px;
  text-align: center;
  color: #FFF;
}

.counter_character_left {
  margin-left: 0px;
  margin-right: 1px;
}

.counter_character_inner {
  margin-left: 1px;
  margin-right: 1px;
}

.counter_character_right {
  margin-left: 1px;
  margin-right: 0px;
}

.counter_marker {
  position: relative;
  z-index: 10;
}

/*-------------------------------------------------------------------------------
  CPATH
-------------------------------------------------------------------------------*/

#cpath-wrap{
  margin-bottom:10px;
}

#cpath{
  margin-top:10px;
}

#cpath .cpath-home{
  background:url(/media/templates/dbc-home-logo.png) no-repeat 50% 5px;
  width:14px;
  height:20px;
}

#cpath .cpath-home:hover{
  background-position: 50% -15px;
}

#cpath ul li a{
  font:12px/20px 'Trebuchet MS',Arial;
  color:#222;
}

#cpath ul li a:hover,
#cpath ul li.active a{
  color:#ce4239;
}

#cpath ul li .divider{
  font:12px/20px 'Trebuchet MS',Arial;
  margin:0 10px;
}

/*-------------------------------------------------------------------------------
  Sub Tempalte - Tab & Sub Menu
-------------------------------------------------------------------------------*/

.page-sub #sub-nav{
  position: relative;
  z-index: 2;
}

.page-sub #sub-nav a {
  background:transparent url(/media/templates/dbc-tab-bg.jpg) repeat-x 0 0;
  font:16px/40px trebuchet ms;
  color:#333;
  display:block;
  float:left;
  padding:0px 15px;
  height:38px;
  margin:0 3px 0 0;

  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;

  border-radius:      3px;
  -moz-border-radius:    3px;
  -webkit-border-radius:  3px;
}

.page-sub #sub-nav a.active {
  font:16px/40px trebuchet ms;
  color:#868686;

  border:1px solid #DDD;
  border-bottom:0;
  height:36px;
  background:#FFF;

  border-radius:      3px 3px 0 0;
  -moz-border-radius:    3px 3px 0 0;
  -webkit-border-radius:  3px 3px 0 0;
}

/*-------------------------------------------------------------------------------
  Sub Tempalte - Layout
-------------------------------------------------------------------------------*/

.page-sub #content{
  position:relative;
  margin-top:-1px;
}

.page-sub #content > .inner{
  position: relative;
  margin-top:-1px;
}

.page-sub #content .main-content{
  border:1px solid #DDD;
  margin-bottom:25px;
  padding:15px;

  border-radius:      0px 7px 7px 7px;
  -moz-border-radius:    0px 7px 7px 7px;
  -webkit-border-radius:  0px 7px 7px 7px;

  box-shadow:      0 2px 2px #DDD;
  -moz-box-shadow:  0 2px 2px #DDD;
  -webkit-box-shadow:  0 2px 2px #DDD;
}

.page-sub #main-content{
  width:600px;
}

.page-sub #sidebar{
  width:280px;
  float: right;
}

/*-------------------------------------------------------------------------------
  Sub Tempalte - Articles
-------------------------------------------------------------------------------*/

.dbc-articles{
}

.dbc-articles > .wrap{
}

.dbc-articles .article{
  padding: 15px 0;
  border-top:1px dotted #999;
  color:#333;
}

.dbc-articles .article p{
  margin-bottom:15px;
}

.dbc-articles .article1{
  border: none;
}

.dbc-articles .article .img{
  float:left;
  width:280px;
  text-align: center;
}

.debt-damage .dbc-articles .article .img { width:140px;margin:25px 0 0; }

.dbc-articles .article .img img{
  display: inline;
}

.dbc-articles .article .body{
  width:300px;
  float: right;
  font:14px/20px 'Trebuchet MS',Arial;
}

.search-results.dbc-articles .article, .search-results.dbc-articles .article .body { width:100%;float:none; }

.debt-damage .dbc-articles .article .body { width:460px; }

.dbc-articles .article h2{ font:bold 25px/35px 'Trebuchet MS',Arial; }
.dbc-articles .article h3{ font:bold 21px/27px 'Trebuchet MS',Arial; }
.dbc-articles .article h4{ font:bold 17px/22px 'Trebuchet MS',Arial; }

/*-------------------------------------------------------------------------------
  Sub Tempalte - Aside
-------------------------------------------------------------------------------*/

.page-sub .aside{
  background:url(/media/templates/dbc-sub-aside-bg.jpg) repeat-x 0 0;
  margin:15px 0;
  min-height:480px;
  height:auto !important;
  height:480px;

  padding:40px 20px 20px;
}

.page-sub .aside .body,
.page-sub .aside .body p{
  font:16px/26px 'Trebuchet MS',Arial;
  color:#333;
  text-align: center;
}

.page-sub .aside .body img{
  display: inline;
  margin:10px 0;
}

/*-------------------------------------------------------------------------------
  Sub Tempalte - Default Article
-------------------------------------------------------------------------------*/

.dbc-article .body,
.dbc-article .body p{
  margin-bottom:15px;
  font:14px/20px 'Trebuchet MS',Arial;
}

.photogallery{
   width: 912px;
}
.gallery-item{
}
.gallery-img{
    height: 408px;
    width: 912px;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #000000;
    border-top: 1px dotted #000000;
    margin:0 0 33px 0;
}
.gallery-info{
    color: #333333;
    font: 19px/19px 'Trebuchet MS',Arial;
    text-align: center;
}
.gallery-info span{
    color:#be2f31;
}
.photogallery-holder{}
.photogallery-holder .next{
    background: url("/media/templates/dc-photogal-arrows.png") no-repeat scroll right top transparent;
    height: 38px;
    margin: 201px 0 0 863px;
    position: absolute;
    width: 39px;
    z-index: 50;
    cursor:pointer;
}
.photogallery-holder .next:hover{
    background: url("/media/templates/dc-photogal-arrows.png") no-repeat scroll right bottom transparent;
}  
.photogallery-holder .prev {
    background: url("/media/templates/dc-photogal-arrows.png") no-repeat scroll left top transparent;
    height: 38px;
    margin: 201px 0 0 10px;
    position: absolute;
    width: 39px;
    z-index: 50;
    cursor:pointer;
}
.photogallery-holder .prev:hover {
    background: url("/media/templates/dc-photogal-arrows.png") no-repeat scroll left bottom transparent;
}