/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.8; overflow-y: scroll; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author: BitSHOK Team
   ========================================================================== */

/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3 {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}
/* END 960 Grid */

/*
  Common elements
*/
body{
  font-family: 'Droid Sans';
  font-size: 12px;
  color: #5a5a5a;
}

.sidebar ul li{
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #ccc;
}

.sidebar ul li a{
  text-decoration:none;  
}

.sidebar h3{
  margin-left:30px;  
}
/*
  Go to Top Button 
*/
#top{
  display:none;
  width: 45px;
  height: 30px;
  position:fixed;
  right:30px;
  opacity: 0.8;
  bottom:20px;
  background-color:#95908a;
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}

#top p{
  font-family:'Droid Sans';
  color:#fff;
  font-size:12px;
  padding: 7px 0 0 11px;
}

#top:hover{
  cursor:pointer;
  opacity:1;
}
/* Go to Top Button */

a, a:visited{
  color: #726B64;
  text-decoration:none;  
  -webkit-transition: color 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: color 0.3s ease-out;  /* FF4+ */
      -ms-transition: color 0.3s ease-out;  /* IE10 */
       -o-transition: color 0.3s ease-out;  /* Opera 10.5+ */
          transition: color 0.3s ease-out;
}

a:hover{
  color: #494949;
  text-decoration:underline;
}

img{
  max-width: 100%;
  height: auto;
}
/* END common elements */

#wrapper{
  width: 1000px;
  background-color: #fff;
  margin: 0 auto;
}

header, #main, footer{
  padding:0 10px;
}

#logo{
  text-align:center;
  margin: 50px 0 35px 0;
}

#homepage #logo{
  margin-bottom: 10px;
}

.content section header{
  padding: 0;
}

.content section header img{
  float:left;
  margin:4px 10px 0 0;
}

  /* read more link */
a.readMore{
  font-family: 'Sansation';
  font-style: italic;
  font-size: 14px;
  text-decoration: none;
}

#buySection{
  margin-top: 60px;
}

.row2{
  margin-top: 25px;
}

.row3{
  text-align: center;
}

/*
  Footer
*/
footer{
  padding-bottom: 25px;
}

footer h1{
  margin-bottom: 10px;
  font-size: 14px;
  color: #726b64;
}

footer .contact p{
  margin-bottom:5px;
}

footer .contact img{
  float: left;
  margin-right: 10px;
}

footer .contact a{
  color:#9a9a9a;
  text-decoration: none;
}

footer .social img{
  float: left;
  margin: 10px 10px 0 0;
  
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.1s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}

footer .social .icons:hover img{
  opacity:0.5;
}

footer .social .icons a:hover img{
  opacity:1;
}

footer .latestTweets ul{
  padding:0;
  font-family: 'Droid Sans';
}

footer .latestTweets li{
  list-style: none;
  border-bottom: 1px dashed #eee;
  padding: 5px 0;
  margin-right: 10px;
}


/* END Footer */

/*
  Portfolio
*/
.columnBox{
  background: #fcfcfc;
  margin-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}

.columnBox:hover{
  border-bottom: 1px solid #fcfcfc;;
  -webkit-box-shadow: 0px 0px 15px 0px #ccc; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
        box-shadow: 0px 0px 15px 0px #ccc; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

.columnBox div{
  position: relative;
}

.columnBox img{
  padding: 10px;
}

.columnBox.four img{
  padding: 8px;
}

.columnBox .thumbHover{
  background: rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  display: none;
  width:100%;
  height: 100%;
  overflow: hidden;
}

.columnBox .thumbInfo,
.columnBox .thumbZoom{
  padding: 0;
  position:absolute;
}

.columnBox.two .thumbInfo{
  top:132px;
  left:180px;
}

.columnBox.two .thumbZoom{
  top:132px;
  left:230px;
}

.columnBox.three .thumbInfo{
  top:79px;
  left:100px;
}

.columnBox.three .thumbZoom{
  top:79px;
  left:150px;
}

.columnBox.four .thumbInfo{
  top:51px;
  left:60px;
  width: 35px;
}

.columnBox.four .thumbZoom{
  top:51px;
  left:110px;
  width: 35px;
}

.no-js .columnBox:hover .thumbHover{
  display: block;
}

.columnBox figcaption{
  padding: 0 10px 10px 10px;
  position: relative;
  overflow: hidden;
}

.columnBox figcaption p{
  float: left;
  padding-top: 18px;
}

.columnBox.four figcaption p{
  float: left;
  padding-top: 12px;
}

.columnBox a.cartBtn{
  padding: 10px;
  position: absolute;
  display: none;
  right:10px;
  
  -webkit-transition: none;  /* Saf3.2+, Chrome */
     -moz-transition: none;  /* FF4+ */
      -ms-transition: none;  /* IE10 */
       -o-transition: none;  /* Opera 10.5+ */
          transition: none;
}

.no-js .columnBox:hover a.cartBtn{
  display: block;
}

.columnBox a.cartBtn img{
  padding: 0;
}

.columnBox.two.alpha{
  clear: both;
}
/* END Portfolio */

/*
  Gallery
*/
.gallery .columnBox{
  overflow: hidden;
}

.gallery .columnBox img{
  padding: 8px;
}

.gallery .overlay{
  width:66px;
  height:66px;
  position: absolute;
  top:45px;
  left: -500px;
}
/* END Gallery */

/*
  Filter Menu
*/
#filterWrapper{
  position: relative;
}

#filterMenu{
  list-style: none;
  position: absolute;
  right: 0;
  top: -50px;
}

#filterMenu li{
  display: inline;
  padding: 0 10px;
}

#filterMenu li a.selected{
  color: #494949;
  text-decoration: underline;
}
/* END Filter Menu */

/*
  Pagination
*/
.pagination{
  margin-top: 20px;
  text-align: center;
}

.pagination a{
  padding: 10px;
  margin: 0 2px;
  text-decoration: none;
  border-bottom: 3px solid #ccc;
  color:#726B64;
}

.pagination a:hover{
  color: #494949;
  border-bottom: 3px solid #aaa;
}

.pagination a.current{
  font-weight: bold;
  border-bottom: 3px solid #aaa;
}
/* END Pagination */

/*
  Single Project
*/
#singleProject-page aside{
  margin-left: 20px;
}

#singleProject-page aside div{
  margin-bottom: 40px;
}

#singleProject-page aside p{
  margin-left: 20px;
}

/*
  Ad Gallery
  
  Link: http://adgallery.codeplex.com/documentation
*/
.ad-gallery {
  width: 620px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
  
  .ad-gallery .ad-image-wrapper .overlay {
    position: absolute;
    top:130px;
    left:-500px;
    width: 128px;
    height: 128px;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(../img/trans.gif);
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../img/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../img/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(../img/opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: 0px;
      top: 40px;
      width: 12px;
      height: 22px;
      display: block;
      background: url(../img/brackets.png) 0px 0px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: 0px;
      top: 40px;
      width: 13px;
      height: 22px;
      background: url(../img/brackets.png) -12px 0px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 90%;
      margin: 0 auto;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float:left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 20px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
  /* END Ad Gallery */
/* END Single Project */

/*
  Price Table
*/
#priceTable-page #priceTable{
  margin-top:50px;
}

#priceTable .column{
  float:left;
  position: relative;
  width: 230px;
  text-align: center;
}

#priceTable .column.first{
  text-align: left;
}

#priceTable .column header.circle{
  background: #eee;
  line-height: 24px;
  text-align: center;
  width: 111px;
  height: 111px;
  position: absolute;
  top: -70px;
  left: 60px;
  
  -webkit-border-radius: 60px; /* Saf3-4, iOS 1-3.2, Android 1.6 */
          border-radius: 60px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
}

#priceTable .column .circle hgroup{
  padding: 20px 0;
}

#priceTable .column .circle h1,
#priceTable .column .circle h3,
#priceTable .column .circle h4,
#priceTable .options .circle{
  margin:0;
  -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.1s ease-out;  /* FF4+ */
      -ms-transition: all 0.1s ease-out;  /* IE10 */
       -o-transition: all 0.1s ease-out;  /* Opera 10.5+ */
          transition: all 0.1s ease-out;
}

#priceTable .column .circle h3{
  font-weight: bold;
}

#priceTable .column .plan{
  margin-top: 37px;
}

#priceTable .column .row p{
  margin: 0px;
}

#priceTable .column .row{
  padding: 10px;
  border: 1px solid #fff;
}

#priceTable .column .row:nth-child(odd){
  background: #f6f6f6;
}

#priceTable .column .row:nth-child(even){
  background: #fcfcfc;
}

#priceTable .column .rowBtn{
  text-align: center;
}

#priceTable .column a.purchase{
  display: block;
  background: #eee;
  width: 111px;
  font-family: 'Sansation';
  font-size: 18px;
  padding: 10px 0;
  margin: 10px auto;
}


#priceTable .column a.purchase:hover{
  text-decoration: none;
  background: #494949;
  color: #fff;
}

#priceTable .options{
  -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.1s ease-out;  /* FF4+ */
      -ms-transition: all 0.2s ease-out;  /* IE10 */
       -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
          transition: all 0.2s ease-out;
}

#priceTable .options:hover{
  top:-3px;
  z-index: 500;
}

#priceTable .options:hover .circle{
  width: 125px;
  height: 125px;
  top: -80px;
  left: 52px;
  
  -webkit-border-radius: 80px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 80px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
}

#priceTable .options:hover .circle hgroup{
  padding: 27px 0;
}

#priceTable .options:hover .rows{
  -webkit-box-shadow: 0px 0px 10px 0px #ccc; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 10px 0px #ccc; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

/* END Price Table */

/*
  Buttons
*/

.buttons a{
  float:left;
  margin:0 35px 35px 0;
}

a.orderButton, a.bigButton, a.normalButton, a.smallButton{
  text-decoration: none;
}

.buySection{
  margin-top: 20px;
}

a.bigButton div{
  width: 130px;
  height: 45px;
  text-align:center;
  padding-top: 5px;
}

a.normalButton div{
  width:100px;
  height: 33px;
  text-align:center;
  padding-top: 7px;
}

a.smallButton div{
  width:70px;
  height: 26px;
  text-align:center;
  padding-top: 4px;
}

a.orderButton div{
  width:250px;
  height: 70px;
  text-align:center;
  padding-top: 15px;
}

#homepage a.orderButton div,
#singleProject-page a.orderButton div,
#home-accordion a.orderButton div,
#home-nivo a.orderButton div{
  margin: 0 auto;
}

a.orderButton img{
  margin: 0 10px 19px 0;
}

a.orderButton span, a.bigButton, a.normalButton, a.smallButton{
  font-family: 'Sansation';
  font-weight: normal;
  font-style: normal;
  color: #fff;
}

a.orderButton span{
  font-size: 32px;
}

a.bigButton span{
  font-size: 22px;
}

a.normalButton span{
  font-size:14px;
}

a.smallButton span{
  font-size:12px;
}

a.cartBtn{
  padding:10px;
}

#buttons ul{
  list-style: none;
  padding:0;
}

#buttons li{
  display: block;
  float: left;
  margin: 10px 20px 10px 0;
}

#icons span{
  margin-left: 10px;
}

#buttons h4{
  margin-bottom: 0px;
}

  /* END Order Now Button */
/* END Buttons */

/*
  Icons
*/
img.box{
  width: 24px;
  height: 24px;
  background: url(../img/box.png) no-repeat;
}

img.chart{
  width: 24px;
  height: 24px;
  background: url(../img/chart.png) no-repeat;
}

img.thunder{
  width: 24px;
  height: 24px;
  background: url(../img/thunder.png) no-repeat;
}

img.brackets{
  width: 24px;
  height: 24px;
  background: url(../img/brackets.png) no-repeat;
}

img.text{
  width: 24px;
  height: 24px;
  background: url(../img/text.png) no-repeat;
}

img.settings{
  width: 24px;
  height: 24px;
  background: url(../img/settings.png) no-repeat;
}

img.smartphone{
  width: 24px;
  height: 24px;
  background: url(../img/smartphone.png) no-repeat;
}

img.unchecked{
  width: 24px;
  height: 24px;
  background: url(../img/unchecked.png) no-repeat;
}

img.phone{
  width: 24px;
  height: 24px;
  background: url(../img/phone.png) no-repeat;
}

img.email{
  width: 24px;
  height: 24px;
  background: url(../img/email.png) no-repeat;
}

  /* Social Icons */
img.facebook{
  width: 24px;
  height: 24px;
  background: url(../img/social.png) no-repeat -62px -60px;
}

img.twitter{
  width: 24px;
  height: 24px;
  background: url(../img/social.png) no-repeat -4px -89px;
}

img.linkedin{
  width: 24px;
  height: 24px;
  background: url(../img/social.png) no-repeat -62px -5px;
}

img.youtube{
  width: 24px;
  height: 24px;
  background: url(../img/social.png) no-repeat -3px -5px;
}

img.google{
  width: 24px;
  height: 24px;
  background: url(../img/social.png) no-repeat -62px -33px;
}

img.delicious{
  width: 24px;
  height: 24px;
  background: url(../img/social.png) no-repeat -62px -90px;
}

img.technorati{
  width: 24px;
  height: 24px;
  background: url(../img/social.png) no-repeat -32px -5px;
}

img.skype{
  width: 24px;
  height: 24px;
  background: url(../img/social.png) no-repeat -32px -33px;
}

img.rss{
  width: 24px;
  height: 24px;
  background: url(../img/social.png) no-repeat -32px -61px;
}

img.picassa{
  width: 24px;
  height: 24px;
  background: url(../img/social.png) no-repeat -33px -90px;
}

img.vimeo{
  width: 24px;
  height: 24px;
  background: url(../img/social.png) no-repeat -4px -61px;
}

img.yahoo{
  width: 24px;
  height: 24px;
  background: url(../img/social.png) no-repeat -3px -34px;
}
  /* END Social Icons */

img.tick1{
  width: 16px;
  height: 16px;
  background: url(../img/tick1.png) no-repeat;
}

img.untick1{
  width: 16px;
  height: 16px;
  background: url(../img/untick1.png) no-repeat;
}

img.tick2{
  width: 16px;
  height: 16px;
  background: url(../img/tick2.png) no-repeat;
}

img.untick2{
  width: 16px;
  height: 16px;
  background: url(../img/untick2.png) no-repeat;
}

img.tick3{
  width: 16px;
  height: 16px;
  background: url(../img/tick3.png) no-repeat;
}

img.untick3{
  width: 16px;
  height: 16px;
  background: url(../img/untick3.png) no-repeat;
}
/* END Icons */

/*
  Background Patterns
*/
.pattern1{
  background: url(../img/patterns/pattern1.png);
}

.pattern2{
  background: url(../img/patterns/pattern2.png);
}

.pattern3{
  background: url(../img/patterns/pattern3.png);
}

.pattern4{
  background: url(../img/patterns/pattern4.png);
}

.pattern5{
  background: url(../img/patterns/pattern5.png);
}

.pattern6{
  background: url(../img/patterns/pattern6.png);
}

.pattern7{
  background: url(../img/patterns/pattern7.png);
}

.pattern8{
  background: url(../img/patterns/pattern8.png);
}

.pattern9{
  background: url(../img/patterns/pattern9.png);
}
/* END Background Patterns */

/*
  Typography
*/

  /* Heading Styles */
h1, h2, h3, h4, h5, h6{
  font-family: 'Sansation';
  font-weight: normal;
  font-style: normal;
  margin: 0 0 10px 0;
  color: #494949;
}

h1{
  font-size: 19px;
}

h2{
  font-size: 17px;
}

h3{
  font-size: 15px;
}

h4{
  font-size: 13px;
}

h5{
  font-size: 11px;
}

h6{
  font-size: 9px;
}
  /* END Heading Styles */

p{
  margin: 0 0 10px 0;
}

hr{
  display:block;
  height: 1px;
  border:none;
  margin: 25px 0;
  padding: 0;
  
  background: #cfcfcf;
  background: -moz-radial-gradient(center, ellipse cover, rgba(207,207,207,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(207,207,207,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(207,207,207,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, rgba(207,207,207,1) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, rgba(207,207,207,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: radial-gradient(center, ellipse cover, rgba(207,207,207,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
}

  /* Divider used to start a section of content */
hr.dividerTop{
  background: url(../img/dividerTop.png);
  width:1000px;
  height:22px;
  
  margin: 35px 0 28px -30px;
}

  /* Divider used to end a section of content */
hr.dividerBottom{
  background: url(../img/dividerBottom.png);
  width:1000px;
  height:22px;
  
  margin: 28px 0 35px -30px;
}

.container_12 div.vdelim{
  width:1px;
  height: 175px;
  margin: 0 auto;
  
  background: #cfcfcf;
  background: -moz-radial-gradient(center, ellipse cover, rgba(207,207,207,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(207,207,207,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(207,207,207,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, rgba(207,207,207,1) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, rgba(207,207,207,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: radial-gradient(center, ellipse cover, rgba(207,207,207,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
}

pre, code{
  font-size: 14px;
}

em, i{
  font-family: 'Sansation';
  font-style: italic;
}

strong, b{
  font-weight: bold;
}

  /* List Styles */
ul, ol{
  font-family: 'Sansation';
  margin: 10px 0;
  padding: 0 0 0 30px;
}

ul{
  list-style: disc inside none;
}

ul.tick1,
ul.tick1 ul{
  list-style: none;
}

ul.tick1 li{
  background: url(../img/tick1.png) no-repeat 0px 2px;
  padding-left: 25px;
}

ul.tick1 li.untick{
  background: url(../img/untick1.png) no-repeat 0px 2px;
}

ul.tick2,
ul.tick2 ul{
  list-style: none;
}

ul.tick2 li{
  background: url(../img/tick2.png) no-repeat 0px 2px;
  padding-left: 25px;
}

ul.tick2 li.untick{
  background: url(../img/untick2.png) no-repeat 0px 2px;
}

ul.tick3,
ul.tick3 ul{
  list-style: none;
}

ul.tick3 li{
  background: url(../img/tick3.png) no-repeat 0px 2px;
  padding-left: 25px;
}

ul.tick3 li.untick{
  background: url(../img/untick3.png) no-repeat 0px 2px;
}

ol{
  list-style: decimal;
}

ol ol{
  list-style: upper-alpha;
}

ol ol ol{
  list-style: upper-roman;
}
  /* END List Styles */

blockquote{
  background: url(../img/quote.png) no-repeat;
  margin: 10px;
  padding: 0 0 0 40px;
  font-family: 'Droid Sans';
  font-style: italic;
  font-size:12px;
}

span.qname{
  display: block;
  float: right;
  font-size:12px;
  font-family:"Sansation";
  margin: 10px 10px 0 0;
}

  /* Table Style  */
table{
  width:100%;
  border: none;
  margin: 0 0 10px 0;
}

table th{
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e6e6e6)); /* Saf4+, Chrome */
  background: -webkit-linear-gradient(top, #eee, #e6e6e6); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background:    -moz-linear-gradient(top, #eee, #e6e6e6); /* FF3.6+ */
  background:     -ms-linear-gradient(top, #eee, #e6e6e6); /* IE10 */
  background:      -o-linear-gradient(top, #eee, #e6e6e6); /* Opera 11.10+ */
  background:         linear-gradient(to bottom, #eee, #e6e6e6);
}

table th{
  padding: 10px 0;
  color: #494949;
  font-weight: normal;
  text-transform: uppercase;
  border: 1px solid #fff;
}

table tr{
  text-align: center;
  background: #fcfcfc;
}

table tr.odd,
table tr:nth-child(odd){
  background: #fcfcfc;
}

table tr.even,
table tr:nth-child(even){
  background: #fefefe;
}

table td{
  padding: 10px 5px;
  border: 1px solid #fff;
}
  /* END Table Style  */
  
  /* Drop Caps*/
span.dropcap1{
  font-size: 45px;
  float: left;
  width: 45px;
  height: 45px;
  text-align:center;
  font-weight: bold;
  text-shadow: 5px 0px 5px #eee;
  line-height: 1.3;
}

span.dropcap2{
  font-size: 45px;
  float: left;
  width: 45px;
  height: 45px;
  text-align:center;
  line-height:1.1;
  
  font-family: 'Sansation';
  font-style: italic;
  font-weight: bold;
}
  /* END Drop Caps*/
/* END Typography */

/*
  Blog
*/

article header{
  margin:0 0 35px 0;
  padding:0;
}

article .articleContents h1{
  margin:0 0 20px 0;
}

article .articleContents h1 a{
  color:#2E2E2E;
  text-decoration:none;
}

#sidebar section header img{
  margin:3px 10px 0 0;
}

#sidebar section header h3{
  font-size:14px;
}

#sidebar section ul{
  list-style: none;
}

#sidebar section ul li a{
  text-decoration: none;
  color:#494949;
  font-family:'Droid Sans';
  font-size:12px;
}

#categories h3{
  margin-bottom:10px;
}

#tags ul, #recentEntries ul{
  padding:0;
}

#tags ul li{
  border:1px solid #EEEEEE;
  float:left;
  padding:0 10px;
  margin:0 10px 10px 0;
}

#recentEntries ul li{
  float:left;
  margin:0 20px 20px 0;
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}

#recentEntries ul li:hover{
  -webkit-transform: scale(1.2);  /* Saf3.1+, Chrome */
     -moz-transform: scale(1.2);  /* FF3.5+ */
      -ms-transform: scale(1.2);  /* IE9 */
       -o-transform: scale(1.2);  /* Opera 10.5+ */ 
          transform: scale(1.2);
}

#postsWrapper article{
  margin-bottom:50px;
}

#postsWrapper article section h4 a{
  font-size:11px;
  color:#494949;
  text-decoration:none;
}

#postsWrapper article section h4{
  margin:0 0 5px 0;
}

#postsWrapper article section h4 span{
  font-size:12px;
  font-style: italic;
  color:#2E2E2E;
}

#postsWrapper article section p{
  color:#828181;
}
/*
  END Blog
*/

/*
  Contact
*/

#contactLeft{
    margin-bottom: 50px;
}

#contactSuccess{
  display:none;
}

#contactSuccess img{
  float:left;
  margin-right:10px;
}

#contactSuccess h1{
  margin-top: 50px;
  float: left;
}

#gMaps{
  height:400px;
  margin-bottom: 50px;
}

#gMaps img{max-width:none}

.no-js #gMaps{
  display:none;  
}

#contactIntro{
  margin-bottom: 35px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #eee;
}

#contactForm span{
  font-size:19px;
  font-family:'Sansation';
}

#contactForm .name, #contactForm .email, #contactForm .message{
  position:relative;
  margin-bottom:10px;
  padding: 20px 17px 0 0;
}

#contactForm .message{
        clear: both;
}

#contactForm .name span, #contactForm .email span, #contactForm .message span{
  position:absolute;
  left:0;
  top:0;
}

#contactForm .error{
  position:absolute;
  right:0;
  top:10px;
  color:red;
  font-size:12px;
  display: none;
}

#contactForm .name label, #contactForm .email label, #contactForm .message label{
  font-size:14px;
  font-family:'Sansation';
  color:#2E2E2E;
  position: absolute;
  left:10px;
  top:0;
}

#contactForm input{
  width:100%;
  margin:10px 0;
  padding:8px;
  outline:0;
}

#contactForm input, #contactForm textarea{
  -webkit-box-shadow: none; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: none; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
  color:#494949;
  font-family:"Droid Sans";
  font-size:12px;
  padding:10px 8px;
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        border-bottom: 1px solid #f9f9f9;
        border-right: 1px solid #f9f9f9;
}

#contactForm input:focus, #contactForm textarea:focus{
  background-color:#fefefe;
        border: 1px solid #eee;
}

#contactForm textarea{
  width:100%;
  height:150px;
  margin:10px 0 0 0;
  padding:8px 8px 0 8px;
  outline:0;
}

#contactForm #submit{
  border:0;
  padding:10px 0;
  color:#FFFFFF;
  font-size:14px;
  font-family:'Sansation';
  -webkit-border-radius:0;
    border-radius:0;
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}

#contact-page .vdelim{
  height: 660px;
}

#contactTeam{
  margin-bottom: 30px;
}

#contactTeam img{
  float: left;
}

#contactTeam .people{
  margin: 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px dashed #eee;
}

#contactTeam hgroup{
  float: left;
  margin: 5px 0 0 20px;
}

#contactTeam h3, #contactTeam h4{
  margin: 0;
}
/*
  END Contact
*/

/*
  Tipsy CSS
*/
  .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
  .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
  
/*
  END Tipsy
*/

/*
 * Superfish menu
 */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin:      0;
  padding:    0;
  list-style:    none;
}
.sf-menu {
  line-height:  1.0;
}
.sf-menu ul {
  position:    absolute;
  top:      -999em;
  width:      10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
  width:      100%;
  border-bottom:1px solid #eee;
}
.sf-menu ul li:last-child{
  border:0px;
}
.sf-menu li:hover {
  visibility:    inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float:      left;
  position:    relative;
  z-index: 500;
}
.sf-menu a {
  display:    block;
  position:    relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:      0;
  top:      2.5em; /* 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:      0;
}
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:      0;
}

  /* custom skin */
.sf-menu {
  display: inline-block;
}
.sf-menu a {
  padding: .75em 1em;
  text-decoration:none;
  font-family:'Droid Sans'
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:      #2e2e2e;
  font-size:14px;
}

.sf-menu ul li a{
  font-size:12px;
  left:0;
  
  -webkit-transition: left 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: left 0.3s ease-out;  /* FF4+ */
      -ms-transition: left 0.3s ease-out;  /* IE10 */
       -o-transition: left 0.3s ease-out;  /* Opera 10.5+ */
          transition: left 0.3s ease-out;
}

.sf-menu li li:hover > a{
  left:5px;
}

.sf-menu ul{
  border:1px solid #eee;  
  background:white;
}
.sf-menu li a span{
  display:none;
}
.sf-menu li li a span{
  display:inline;
}
.sf-menu li li a {
  padding: 16px;
  text-align:left;
}
/* END superfish menu */

/*
  Toggle & Accordion
*/

#toggle header img,
#accordion header img{
  outline: 0;
  text-decoration:none;
  
}

#toggle header img.plus,
#accordion header img.plus{
  width:24px;
  height:24px;
  background:url('../img/plus.png') no-repeat;
  float:left;
  margin-right:15px;  
}

#toggle header img.minus,
#accordion header img.minus{
  width:24px;
  height:24px;
  background:url('../img/minus.png') no-repeat;
  float:left;
  margin-right:15px;  
}  

#toggle .container, #accordion .container {
  margin-bottom: 20px; 
  border-bottom:1px solid #ccc;
}

#toggle .container div, #accordion .container div { display:none; }

#toggle .container div *, #accordion .container div *{ margin: 0; padding: 0; }

#toggle .container div, #accordion .container div { margin-bottom: 24px;  }

#toggle header:hover, #accordion header:hover{
  cursor:pointer;
  color:#F68B21;
}

#toggle header:focus, #toggle header, #accordion header:focus, #accordion header{
  outline:0;
}

#toggle header, #accordion header{
  padding:0;
}
/* END Toggle & Accordion */

/*
  Tabs
*/
#tabs * { padding:0; margin:0; }

#tabs header ul{
  list-style: none;
}

#tabs header ul li{
float: left;
margin: 0 0.5em 0 0;
padding:3px 10px;
}

#tabs header ul li.selected{
position: relative;
top: 1px;
border: 1px solid #ccc;
border-bottom:0;
background: white;
padding:6px 10px;
-webkit-border-top-left-radius:8px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
        border-top-left-radius: 8px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
-webkit-border-top-right-radius: 8px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
        border-top-right-radius: 8px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
}

#tabs header ul li a{
  text-decoration:none;
  font-size:14px;
}

#tabs header ul li a:visited{
  color:#494949;
}

#tabs .content{
  border-top: 1px solid #ccc;
  padding-top:20px;
}

#tabs .content p{
  font-size:12px;
}
/* END tabs */

/*
  Message boxes
*/
#messageBoxesWrapper .red, #messageBoxesWrapper .blue, #messageBoxesWrapper .yellow, #messageBoxesWrapper .green, #messageBoxesWrapper .black{
  padding:20px;
  margin-bottom:35px;
} 

#messageBoxesWrapper .red{
  background:#ffbbc0;
  border:1px solid #cf3636;
}

#messageBoxesWrapper .red .title, #messageBoxesWrapper .blue .title, #messageBoxesWrapper .yellow .title, #messageBoxesWrapper .green .title, #messageBoxesWrapper .black .title{
  font-size:14px;
  font-family:"Droid Sans";
  font-weight:bold;
  margin-bottom:10px;
}

#messageBoxesWrapper .red .title{
  color:#2E2E2E;
}

#messageBoxesWrapper .red .content{
  color:#494949;
}

#messageBoxesWrapper .blue{
  background:#c9eefb;
  border:1px solid #05AFF2;
}

#messageBoxesWrapper .blue .title{
  color:#2E2E2E;
}

#messageBoxesWrapper .blue .content{
  color:#494949;
}

#messageBoxesWrapper .yellow{
  background:#fbf1ce;
  border:1px solid #e3ca72;
}

#messageBoxesWrapper .yellow .title{
  color:#2E2E2E;
}

#messageBoxesWrapper .yellow .content{
  color:#494949;
}

#messageBoxesWrapper .green{
  background:#a9dfb7;
  border:1px solid #2db64e;
}

#messageBoxesWrapper .green .title{
  color:#2E2E2E;
}

#messageBoxesWrapper .green .content{
  color:#494949;
}

#messageBoxesWrapper .black{
  background:#333;
  border:1px solid #000;
}

#messageBoxesWrapper .black .title{
  color:#fff;
}

#messageBoxesWrapper .black .content{
  color:#dedede;
}

/* END Message boxes */

/*
  PrettyPhoto LightBox
  
  Link: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/
*/
div.light_square .pp_expand{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline{color:#000}
div.light_square .pp_details{position:relative}
div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff}
div.light_square .pp_description{margin-right:85px}
div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_square .pp_loaderIcon{background:url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/* END Pretty Photo LightBox */

/*
  Color Variation
*/

/*
  Custom Skin
*/
.custom #contactForm #submit,
.custom a.cartBtn,
.custom a.orderButton div,
.custom a.bigButton div,
.custom a.normalButton div,
.custom a.smallButton div,
.custom #priceTable .column header.circle,
.custom #priceTable .column a.purchase{
  background-color:#000;
}

.custom .sf-menu li:hover,
.custom .sf-menu li.sfHover,
.custom .sf-menu a:focus,
.custom .sf-menu a:hover,
.custom .sf-menu a:active,
.custom .sf-menu .selected > a,
.custom .sf-menu .innerSelected,
.custom .sf-menu .innerSelected a,
.custom a.readMore,
.custom #postsWrapper article section h4 a:hover,
.custom article .articleContents h1 a:hover,
.custom #sidebar section ul li a:hover,
.custom #tabs header ul li.selected a,
.custom #tabs header ul li a:hover,
.custom #contactForm span,
.custom span.qname,
.custom .sidebar ul li a:hover,
.custom #contactTeam h3{
  color:#000;
}

.custom #contactForm #submit:hover,
.custom a.cartBtn:hover,
.custom a.orderButton div:hover,
.custom a.bigButton div:hover,
.custom a.normalButton div:hover,
.custom a.smallButton div:hover,
.custom #priceTable .column a.purchase:hover{
  background-color:#494949;
}

.custom a.readMore:hover{
  color: #494949;
}

.custom .sf-menu li:hover, .custom .sf-menu li.sfHover,
.custom .sf-menu a:focus, .custom .sf-menu a:hover, .custom .sf-menu a:active {
  outline:0;
}

.custom .sf-menu .selected > a{
  font-weight:bold;
  font-size:14px;
}

.custom .sf-menu .innerSelected,
.custom .sf-menu .innerSelected a{
  left:5px;
}

.custom .sf-menu li.innerSelected{
  left:0;
}

.custom a.cartBtn,
.custom a.orderButton div,
.custom a.bigButton div,
.custom a.normalButton div,
.custom a.smallButton div{
  -webkit-transition: background 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: background 0.3s ease-out;  /* FF4+ */
      -ms-transition: background 0.3s ease-out;  /* IE10 */
       -o-transition: background 0.3s ease-out;  /* Opera 10.5+ */
          transition: background 0.3s ease-out;
}

.custom #priceTable .column .circle h1,
.custom #priceTable .column .circle h3,
.custom #priceTable .column .circle h4{
  color: #fff;
}

.custom #priceTable .column a.purchase{
  color: #fff;
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}
/* END Custom skin */

/*
  Blue
*/
.blue #contactForm #submit,
.blue a.cartBtn,
.blue a.orderButton div,
.blue a.bigButton div,
.blue a.normalButton div,
.blue a.smallButton div,
.blue #priceTable .column header.circle,
.blue #priceTable .column a.purchase{
  background-color:#69D2E7;
}

.blue .sf-menu li:hover,
.blue .sf-menu li.sfHover,
.blue .sf-menu a:focus,
.blue .sf-menu a:hover,
.blue .sf-menu a:active,
.blue .sf-menu .selected > a,
.blue .sf-menu .innerSelected,
.blue .sf-menu .innerSelected a,
.blue a.readMore,
.blue #postsWrapper article section h4 a:hover,
.blue article .articleContents h1 a:hover,
.blue #sidebar section ul li a:hover,
.blue #tabs header ul li.selected a,
.blue #tabs header ul li a:hover,
.blue #contactForm span,
.blue span.qname,
.blue .sidebar ul li a:hover,
.blue #contactTeam h3{
  color:#69D2E7;
}

.blue #contactForm #submit:hover,
.blue a.cartBtn:hover,
.blue a.orderButton div:hover,
.blue a.bigButton div:hover,
.blue a.normalButton div:hover,
.blue a.smallButton div:hover,
.blue #priceTable .column a.purchase:hover{
  background-color:#494949;
}

.blue a.readMore:hover{
  color: #494949;
}

.blue .sf-menu li:hover, .blue .sf-menu li.sfHover,
.blue .sf-menu a:focus, .blue .sf-menu a:hover, .blue .sf-menu a:active {
  outline:0;
}

.blue .sf-menu .selected > a{
  font-weight:bold;
  font-size:14px;
}

.blue .sf-menu .innerSelected,
.blue .sf-menu .innerSelected a{
  left:5px;
}

.blue .sf-menu li.innerSelected{
  left:0;
}

.blue a.cartBtn,
.blue a.orderButton div,
.blue a.bigButton div,
.blue a.normalButton div,
.blue a.smallButton div{
  -webkit-transition: background 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: background 0.3s ease-out;  /* FF4+ */
      -ms-transition: background 0.3s ease-out;  /* IE10 */
       -o-transition: background 0.3s ease-out;  /* Opera 10.5+ */
          transition: background 0.3s ease-out;
}

.blue #priceTable .column .circle h1,
.blue #priceTable .column .circle h3,
.blue #priceTable .column .circle h4{
  color: #fff;
}

.blue #priceTable .column a.purchase{
  color: #fff;
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}
/* END blue */

/*
  Green 
*/
.green #contactForm #submit,
.green a.cartBtn,
.green a.orderButton div,
.green a.bigButton div,
.green a.normalButton div,
.green a.smallButton div,
.green #priceTable .column header.circle,
.green #priceTable .column a.purchase{
  background-color:#79BD9A;
}

.green .sf-menu li:hover,
.green .sf-menu li.sfHover,
.green .sf-menu a:focus,
.green .sf-menu a:hover,
.green .sf-menu a:active,
.green .sf-menu .selected > a,
.green .sf-menu .innerSelected,
.green .sf-menu .innerSelected a,
.green a.readMore,
.green #postsWrapper article section h4 a:hover,
.green article .articleContents h1 a:hover,
.green #sidebar section ul li a:hover,
.green #tabs header ul li.selected a,
.green #tabs header ul li a:hover,
.green #contactForm span,
.green span.qname,
.green .sidebar ul li a:hover,
.green #contactTeam h3{
  color:#79BD9A;
}

.green #contactForm #submit:hover,
.green a.cartBtn:hover,
.green a.orderButton div:hover,
.green a.bigButton div:hover,
.green a.normalButton div:hover,
.green a.smallButton div:hover,
.green #priceTable .column a.purchase:hover{
  background-color:#494949;
}

.green a.readMore:hover{
  color: #494949;
}

.green .sf-menu li:hover, .green .sf-menu li.sfHover,
.green .sf-menu a:focus, .green .sf-menu a:hover, .green .sf-menu a:active {
  outline:0;
}

.green .sf-menu .selected > a{
  font-weight:bold;
  font-size:14px;
}

.green .sf-menu .innerSelected,
.green .sf-menu .innerSelected a{
  left:5px;
}

.green .sf-menu li.innerSelected{
  left:0;
}

.green a.cartBtn,
.green a.orderButton div,
.green a.bigButton div,
.green a.normalButton div,
.green a.smallButton div{
  -webkit-transition: background 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: background 0.3s ease-out;  /* FF4+ */
      -ms-transition: background 0.3s ease-out;  /* IE10 */
       -o-transition: background 0.3s ease-out;  /* Opera 10.5+ */
          transition: background 0.3s ease-out;
}

.green #priceTable .column .circle h1,
.green #priceTable .column .circle h3,
.green #priceTable .column .circle h4{
  color: #fff;
}

.green #priceTable .column a.purchase{
  color: #fff;
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}
/* END green */

/*
  Orange
*/
.orange #contactForm #submit,
.orange a.cartBtn,
.orange a.orderButton div,
.orange a.bigButton div,
.orange a.normalButton div,
.orange a.smallButton div,
.orange #priceTable .column header.circle,
.orange #priceTable .column a.purchase{
  background-color:#F68B21;
}

.orange .sf-menu li:hover,
.orange .sf-menu li.sfHover,
.orange .sf-menu a:focus,
.orange .sf-menu a:hover,
.orange .sf-menu a:active,
.orange .sf-menu .selected > a,
.orange .sf-menu .innerSelected,
.orange .sf-menu .innerSelected a,
.orange a.readMore,
.orange #postsWrapper article section h4 a:hover,
.orange article .articleContents h1 a:hover,
.orange #sidebar section ul li a:hover,
.orange #tabs header ul li.selected a,
.orange #tabs header ul li a:hover,
.orange #contactForm span,
.orange span.qname,
.orange .sidebar ul li a:hover,
.orange #contactTeam h3{
  color:#F68B21;
}

.orange #contactForm #submit:hover,
.orange a.cartBtn:hover,
.orange a.orderButton div:hover,
.orange a.bigButton div:hover,
.orange a.normalButton div:hover,
.orange a.smallButton div:hover,
.orange #priceTable .column a.purchase:hover{
  background-color:#494949;
}

.orange a.readMore:hover{
  color: #494949;
}

.orange .sf-menu li:hover, .orange .sf-menu li.sfHover,
.orange .sf-menu a:focus, .orange .sf-menu a:hover, .orange .sf-menu a:active {
  outline:0;
}

.orange .sf-menu .selected > a{
  font-weight:bold;
  font-size:14px;
}

.orange .sf-menu .innerSelected,
.orange .sf-menu .innerSelected a{
  left:5px;
}

.orange .sf-menu li.innerSelected{
  left:0;
}

.orange a.cartBtn,
.orange a.orderButton div,
.orange a.bigButton div,
.orange a.normalButton div,
.orange a.smallButton div{
  -webkit-transition: background 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: background 0.3s ease-out;  /* FF4+ */
      -ms-transition: background 0.3s ease-out;  /* IE10 */
       -o-transition: background 0.3s ease-out;  /* Opera 10.5+ */
          transition: background 0.3s ease-out;
}

.orange #priceTable .column .circle h1,
.orange #priceTable .column .circle h3,
.orange #priceTable .column .circle h4{
  color: #fff;
}

.orange #priceTable .column a.purchase{
  color: #fff;
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}
/* END Orange */

/*
  Red
*/
.red #contactForm #submit,
.red a.cartBtn,
.red a.orderButton div,
.red a.bigButton div,
.red a.normalButton div,
.red a.smallButton div,
.red #priceTable .column header.circle,
.red #priceTable .column a.purchase{
  background-color:#C02942;
}

.red .sf-menu li:hover,
.red .sf-menu li.sfHover,
.red .sf-menu a:focus,
.red .sf-menu a:hover,
.red .sf-menu a:active,
.red .sf-menu .selected > a,
.red .sf-menu .innerSelected,
.red .sf-menu .innerSelected a,
.red a.readMore,
.red #postsWrapper article section h4 a:hover,
.red article .articleContents h1 a:hover,
.red #sidebar section ul li a:hover,
.red #tabs header ul li.selected a,
.red #tabs header ul li a:hover,
.red #contactForm span,
.red span.qname,
.red .sidebar ul li a:hover,
.red #contactTeam h3{
  color:#C02942;
}

.red #contactForm #submit:hover,
.red a.cartBtn:hover,
.red a.orderButton div:hover,
.red a.bigButton div:hover,
.red a.normalButton div:hover,
.red a.smallButton div:hover,
.red #priceTable .column a.purchase:hover{
  background-color:#494949;
}

.red a.readMore:hover{
  color: #494949;
}

.red .sf-menu li:hover, .red .sf-menu li.sfHover,
.red .sf-menu a:focus, .red .sf-menu a:hover, .red .sf-menu a:active {
  outline:0;
}

.red .sf-menu .selected > a{
  font-weight:bold;
  font-size:14px;
}

.red .sf-menu .innerSelected,
.red .sf-menu .innerSelected a{
  left:5px;
}

.red .sf-menu li.innerSelected{
  left:0;
}

.red a.cartBtn,
.red a.orderButton div,
.red a.bigButton div,
.red a.normalButton div,
.red a.smallButton div{
  -webkit-transition: background 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: background 0.3s ease-out;  /* FF4+ */
      -ms-transition: background 0.3s ease-out;  /* IE10 */
       -o-transition: background 0.3s ease-out;  /* Opera 10.5+ */
          transition: background 0.3s ease-out;
}

.red #priceTable .column .circle h1,
.red #priceTable .column .circle h3,
.red #priceTable .column .circle h4{
  color: #fff;
}

.red #priceTable .column a.purchase{
  color: #fff;
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}
/* END Red */

/*
  Brown
*/
.brown #contactForm #submit,
.brown a.cartBtn,
.brown a.orderButton div,
.brown a.bigButton div,
.brown a.normalButton div,
.brown a.smallButton div,
.brown #priceTable .column header.circle,
.brown #priceTable .column a.purchase{
  background-color:#6A4A3C;
}

.brown .sf-menu li:hover,
.brown .sf-menu li.sfHover,
.brown .sf-menu a:focus,
.brown .sf-menu a:hover,
.brown .sf-menu a:active,
.brown .sf-menu .selected > a,
.brown .sf-menu .innerSelected,
.brown .sf-menu .innerSelected a,
.brown a.readMore,
.brown #postsWrapper article section h4 a:hover,
.brown article .articleContents h1 a:hover,
.brown #sidebar section ul li a:hover,
.brown #tabs header ul li.selected a,
.brown #tabs header ul li a:hover,
.brown #contactForm span,
.brown span.qname,
.brown .sidebar ul li a:hover,
.brown #contactTeam h3{
  color:#6A4A3C;
}

.brown #contactForm #submit:hover,
.brown a.cartBtn:hover,
.brown a.orderButton div:hover,
.brown a.bigButton div:hover,
.brown a.normalButton div:hover,
.brown a.smallButton div:hover,
.brown #priceTable .column a.purchase:hover{
  background-color:#494949;
}

.brown a.readMore:hover{
  color: #494949;
}

.brown .sf-menu li:hover, .brown .sf-menu li.sfHover,
.brown .sf-menu a:focus, .brown .sf-menu a:hover, .brown .sf-menu a:active {
  outline:0;
}

.brown .sf-menu .selected > a{
  font-weight:bold;
  font-size:14px;
}

.brown .sf-menu .innerSelected,
.brown .sf-menu .innerSelected a{
  left:5px;
}

.brown .sf-menu li.innerSelected{
  left:0;
}

.brown a.cartBtn,
.brown a.orderButton div,
.brown a.bigButton div,
.brown a.normalButton div,
.brown a.smallButton div{
  -webkit-transition: background 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: background 0.3s ease-out;  /* FF4+ */
      -ms-transition: background 0.3s ease-out;  /* IE10 */
       -o-transition: background 0.3s ease-out;  /* Opera 10.5+ */
          transition: background 0.3s ease-out;
}

.brown #priceTable .column .circle h1,
.brown #priceTable .column .circle h3,
.brown #priceTable .column .circle h4{
  color: #fff;
}

.brown #priceTable .column a.purchase{
  color: #fff;
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}
/* END Brown */

/*
  Purple
*/
.purple #contactForm #submit,
.purple a.cartBtn,
.purple a.orderButton div,
.purple a.bigButton div,
.purple a.normalButton div,
.purple a.smallButton div,
.purple #priceTable .column header.circle,
.purple #priceTable .column a.purchase{
  background-color:#7A1E48;
}

.purple .sf-menu li:hover,
.purple .sf-menu li.sfHover,
.purple .sf-menu a:focus,
.purple .sf-menu a:hover,
.purple .sf-menu a:active,
.purple .sf-menu .selected > a,
.purple .sf-menu .innerSelected,
.purple .sf-menu .innerSelected a,
.purple a.readMore,
.purple #postsWrapper article section h4 a:hover,
.purple article .articleContents h1 a:hover,
.purple #sidebar section ul li a:hover,
.purple #tabs header ul li.selected a,
.purple #tabs header ul li a:hover,
.purple #contactForm span,
.purple span.qname,
.purple .sidebar ul li a:hover,
.purple #contactTeam h3{
  color:#7A1E48;
}

.purple #contactForm #submit:hover,
.purple a.cartBtn:hover,
.purple a.orderButton div:hover,
.purple a.bigButton div:hover,
.purple a.normalButton div:hover,
.purple a.smallButton div:hover,
.purple #priceTable .column a.purchase:hover{
  background-color:#494949;
}

.purple a.readMore:hover{
  color: #494949;
}

.purple .sf-menu li:hover, .purple .sf-menu li.sfHover,
.purple .sf-menu a:focus, .purple .sf-menu a:hover, .purple .sf-menu a:active {
  outline:0;
}

.purple .sf-menu .selected > a{
  font-weight:bold;
  font-size:14px;
}

.purple .sf-menu .innerSelected,
.purple .sf-menu .innerSelected a{
  left:5px;
}

.purple .sf-menu li.innerSelected{
  left:0;
}

.purple a.cartBtn,
.purple a.orderButton div,
.purple a.bigButton div,
.purple a.normalButton div,
.purple a.smallButton div{
  -webkit-transition: background 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: background 0.3s ease-out;  /* FF4+ */
      -ms-transition: background 0.3s ease-out;  /* IE10 */
       -o-transition: background 0.3s ease-out;  /* Opera 10.5+ */
          transition: background 0.3s ease-out;
}

.purple #priceTable .column .circle h1,
.purple #priceTable .column .circle h3,
.purple #priceTable .column .circle h4{
  color: #fff;
}

.purple #priceTable .column a.purchase{
  color: #fff;
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}
/* END Purple */

/*END Color Variation*/

/*
  Fonts
*/
@font-face {
  font-family: 'Sansation';
  src: url('../fonts/sansation/Sansation_Regular-webfont.eot');
  src: url('../fonts/sansation/Sansation_Regular-webfont.eot?#iefix') format('eot'),
    url('../fonts/sansation/Sansation_Regular-webfont.woff') format('woff'),
    url('../fonts/sansation/Sansation_Regular-webfont.ttf') format('truetype'),
    url('../fonts/sansation/Sansation_Regular-webfont.svg') format('svg');
}

@font-face {
  font-family: 'Sansation';
  src: url('../fonts/sansation/Sansation_Italic-webfont.eot');
  src: url('../fonts/sansation/Sansation_Italic-webfont.eot?#iefix') format('eot'),
    url('../fonts/sansation/Sansation_Italic-webfont.woff') format('woff'),
    url('../fonts/sansation/Sansation_Italic-webfont.ttf') format('truetype'),
    url('../fonts/sansation/Sansation_Italic-webfont.svg') format('svg');
  font-style: italic;
}

@font-face {
  font-family: 'Sansation';
  src: url('../fonts/sansation/Sansation_Bold-webfont.eot');
  src: url('../fonts/sansation/Sansation_Bold-webfont.eot?#iefix') format('eot'),
    url('../fonts/sansation/Sansation_Bold-webfont.woff') format('woff'),
    url('../fonts/sansation/Sansation_Bold-webfont.ttf') format('truetype'),
    url('../fonts/sansation/Sansation_Bold-webfont.svg') format('svg');
  font-weight: bold;
}

@font-face {
  font-family: 'Droid Sans';
  src: url('../fonts/droidsans/DroidSans-webfont.eot');
  src: url('../fonts/droidsans/DroidSans-webfont.eot?#iefix') format('eot'),
    url('../fonts/droidsans/DroidSans-webfont.woff') format('woff'),
    url('../fonts/droidsans/DroidSans-webfont.ttf') format('truetype'),
    url('../fonts/droidsans/DroidSans-webfont.svg') format('svg');
}

@font-face {
  font-family: 'Droid Sans';
  src: url('../fonts/droidsans/DroidSans-Bold-webfont.eot');
  src: url('../fonts/droidsans/DroidSans-Bold-webfont.eot?#iefix') format('eot'),
    url('../fonts/droidsans/DroidSans-Bold-webfont.woff') format('woff'),
    url('../fonts/droidsans/DroidSans-Bold-webfont.ttf') format('truetype'),
    url('../fonts/droidsans/DroidSans-Bold-webfont.svg') format('svg');
  font-weight: bold;
}

/* 
  media queries
*/

/* 768 - 1024 */
@media only screen and (min-width: 744px) and (max-width: 1000px) {

body {
  min-width: 720px;
}

#contactSuccess{
  text-align: center;
}

#contactSuccess h1, #contactSuccess img{
  float:none;  
}

#contactSuccess h1{
  margin:0;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 720px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display:inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
  position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width:40px;
}

.container_12 .grid_2 {
  width:100px;
}

.container_12 .grid_3 {
  width:160px;
}

.container_12 .grid_4 {
  width:220px;
}

.container_12 .grid_5 {
  width:280px;
}

.container_12 .grid_6 {
  width:340px;
}

.container_12 .grid_7 {
  width:400px;
}

.container_12 .grid_8 {
  width:460px;
}

.container_12 .grid_9 {
  width:520px;
}

.container_12 .grid_10 {
  width:580px;
}

.container_12 .grid_11 {
  width:640px;
}

.container_12 .grid_12 {
  width:700px;
}

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left:60px;
}

.container_12 .prefix_2 {
  padding-left:120px;
}

.container_12 .prefix_3 {
  padding-left:180px;
}

.container_12 .prefix_4 {
  padding-left:240px;
}

.container_12 .prefix_5 {
  padding-left:300px;
}

.container_12 .prefix_6 {
  padding-left:360px;
}

.container_12 .prefix_7 {
  padding-left:420px;
}

.container_12 .prefix_8 {
  padding-left:480px;
}

.container_12 .prefix_9 {
  padding-left:540px;
}

.container_12 .prefix_10 {
  padding-left:600px;
}

.container_12 .prefix_11 {
  padding-left:660px;
}

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right:60px;
}

.container_12 .suffix_2 {
  padding-right:120px;
}

.container_12 .suffix_3 {
  padding-right:180px;
}

.container_12 .suffix_4 {
  padding-right:240px;
}

.container_12 .suffix_5 {
  padding-right:300px;
}

.container_12 .suffix_6 {
  padding-right:360px;
}

.container_12 .suffix_7 {
  padding-right:420px;
}

.container_12 .suffix_8 {
  padding-right:480px;
}

.container_12 .suffix_9 {
  padding-right:540px;
}

.container_12 .suffix_10 {
  padding-right:600px;
}

.container_12 .suffix_11 {
  padding-right:660px;
}

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left:60px;
}

.container_12 .push_2 {
  left:120px;
}

.container_12 .push_3 {
  left:180px;
}

.container_12 .push_4 {
  left:240px;
}

.container_12 .push_5 {
  left:300px;
}

.container_12 .push_6 {
  left:360px;
}

.container_12 .push_7 {
  left:420px;
}

.container_12 .push_8 {
  left:480px;
}

.container_12 .push_9 {
  left:540px;
}

.container_12 .push_10 {
  left:600px;
}

.container_12 .push_11 {
  left:660px;
}

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left:-60px;
}

.container_12 .pull_2 {
  left:-120px;
}

.container_12 .pull_3 {
  left:-180px;
}

.container_12 .pull_4 {
  left:-240px;
}

.container_12 .pull_5 {
  left:-300px;
}

.container_12 .pull_6 {
  left:-360px;
}

.container_12 .pull_7 {
  left:-420px;
}

.container_12 .pull_8 {
  left:-480px;
}

.container_12 .pull_9 {
  left:-540px;
}

.container_12 .pull_10 {
  left:-600px;
}

.container_12 .pull_11 {
  left:-660px;
}
/* END 960 grid system */

#wrapper{
  width: 720px;
}

.container_12{
  width: 700px;
}

header, #main, footer{
  padding: 0;
}

footer{
  padding-bottom: 20px;
}

#top {
  width: 30px;
  height: 25px;
  right: 0px;
  bottom: 10px;
}

#top p {
  font-size: 9px;
  padding: 6px 0 0 8px;
}

.theme-custom.slider-wrapper,
.theme-custom .nivoSlider{
  max-width: 644px;
}

.kwicks li{
  width: 128px;
  height: 300px;
}

a.orderButton div{
  width: 210px;
  height: 62px;
  text-align:center;
  padding-top: 20px;
}

a.orderButton span{
  font-size: 25px;
}

.columnBox img{
  max-width: 91%;
}

.columnBox.two img{
  max-width: 94%;
}

.columnBox.four.alpha{
  clear: both;
}

.columnBox.four figcaption p{
  font-size: 10px;
}

#singleProject-page aside{
  margin-left: 0;
}

.ad-gallery {
    width: 460px;
}
.ad-gallery .ad-image-wrapper {
    height: 297px;
}

.ad-gallery .ad-thumbs li a img {
  width: 90px;
}

.ad-gallery .ad-image-wrapper .overlay {
  top: 85px;
}

.ad-gallery .ad-back,
.ad-gallery .ad-forward{
  top: 18px;
}

hr.dividerTop{
  background: url(../img/dividerTop.png);
  width:720px;
  height:22px;
  
  margin: 35px 0 28px -10px;
}

hr.dividerBottom{
  background: url(../img/dividerBottom.png);
  width:720px;
  height:22px;
  
  margin: 28px 0 35px -10px;
}

#priceTable .column {
  width: 170px;
}

#priceTable .column .plan {
  margin-top: 74px;
}

#priceTable .column header.circle{
  top: -32px;
  left: 30px;
}

#priceTable .options:hover .circle{
  top: -48px;
  left: 24px;
}

.gallery .overlay {
  top: 27px;
}

#contactTeam{
  text-align: center;
}

#contactTeam img,
#contactTeam hgroup{
  float: none;
  margin:0;
}

#contactRight blockquote{
  display:none;
}

#contactForm #submit {
  width: 65px;
}

}

/* 600 - 768 */
@media only screen and (min-width: 576px) and (max-width: 744px) {

body {
  min-width: 576px;
}

#contactSuccess{
  text-align: center;
}

#contactSuccess h1, #contactSuccess img{
  float:none;  
}

#contactSuccess h1{
  margin:0;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 576px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display:inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
  position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width:28px;
}

.container_12 .grid_2 {
  width:76px;
}

.container_12 .grid_3 {
  width:124px;
}

.container_12 .grid_4 {
  width:172px;
}

.container_12 .grid_5 {
  width:220px;
}

.container_12 .grid_6 {
  width:268px;
}

.container_12 .grid_7 {
  width:316px;
}

.container_12 .grid_8 {
  width:364px;
}

.container_12 .grid_9 {
  width:412px;
}

.container_12 .grid_10 {
  width:460px;
}

.container_12 .grid_11 {
  width:508px;
}

.container_12 .grid_12 {
  width:556px;
}

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left:48px;
}

.container_12 .prefix_2 {
  padding-left:96px;
}

.container_12 .prefix_3 {
  padding-left:144px;
}

.container_12 .prefix_4 {
  padding-left:192px;
}

.container_12 .prefix_5 {
  padding-left:240px;
}

.container_12 .prefix_6 {
  padding-left:288px;
}

.container_12 .prefix_7 {
  padding-left:336px;
}

.container_12 .prefix_8 {
  padding-left:384px;
}

.container_12 .prefix_9 {
  padding-left:432px;
}

.container_12 .prefix_10 {
  padding-left:480px;
}

.container_12 .prefix_11 {
  padding-left:528px;
}

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right:48px;
}

.container_12 .suffix_2 {
  padding-right:96px;
}

.container_12 .suffix_3 {
  padding-right:144px;
}

.container_12 .suffix_4 {
  padding-right:192px;
}

.container_12 .suffix_5 {
  padding-right:240px;
}

.container_12 .suffix_6 {
  padding-right:288px;
}

.container_12 .suffix_7 {
  padding-right:336px;
}

.container_12 .suffix_8 {
  padding-right:384px;
}

.container_12 .suffix_9 {
  padding-right:432px;
}

.container_12 .suffix_10 {
  padding-right:480px;
}

.container_12 .suffix_11 {
  padding-right:528px;
}

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left:48px;
}

.container_12 .push_2 {
  left:96px;
}

.container_12 .push_3 {
  left:144px;
}

.container_12 .push_4 {
  left:192px;
}

.container_12 .push_5 {
  left:240px;
}

.container_12 .push_6 {
  left:288px;
}

.container_12 .push_7 {
  left:336px;
}

.container_12 .push_8 {
  left:384px;
}

.container_12 .push_9 {
  left:432px;
}

.container_12 .push_10 {
  left:480px;
}

.container_12 .push_11 {
  left:528px;
}

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left:-48px;
}

.container_12 .pull_2 {
  left:-96px;
}

.container_12 .pull_3 {
  left:-144px;
}

.container_12 .pull_4 {
  left:-192px;
}

.container_12 .pull_5 {
  left:-240px;
}

.container_12 .pull_6 {
  left:-288px;
}

.container_12 .pull_7 {
  left:-336px;
}

.container_12 .pull_8 {
  left:-384px;
}

.container_12 .pull_9 {
  left:-432px;
}

.container_12 .pull_10 {
  left:-480px;
}

.container_12 .pull_11 {
  left:-528px;
}
/* END 960 grid system */

#wrapper{
  width: 576px;
}

.container_12 {
  width: 560px;
}

header, #main, footer{
  padding: 0;
}

footer{
  padding-bottom: 20px;
}

#top {
  display: none;
}

.theme-custom.slider-wrapper,
.theme-custom .nivoSlider{
  max-width: 500px;
}

.kwicks{
  overflow: hidden;
}

.kwicks li{
  width: 100px;
  height: 300px;
}

.content section header {
  text-align: center;
}

.content section header img {
  float: none;
}

a.orderButton div{
  width: 170px;
  height: 57px;
  padding-top: 16px;
}

a.orderButton img {
  margin: 7px 10px 19px 0;
}

a.orderButton span{
  font-size: 20px;
}

.columnBox img{
  max-width: 88%;
}

.columnBox.two img{
  max-width: 93%;
}

.columnBox.four.alpha{
  clear: both;
}

.columnBox.four figcaption p{
  font-size: 10px;
}

#filterMenu li {
  padding: 0 5px;
}

#singleProject-page aside{
  margin-left: 0;
}

.ad-gallery {
    width: 460px;
}
.ad-gallery .ad-image-wrapper {
    height: 234px;
}

.ad-gallery .ad-thumbs li a img {
  width: 90px;
}

.ad-gallery .ad-image-wrapper .overlay {
  top: 55px;
}

.ad-gallery .ad-back,
.ad-gallery .ad-forward{
  top: 18px;
}

hr.dividerTop{
  background: url(../img/dividerTop.png);
  width:576px;
  height:22px;
  
  margin: 35px 0 28px -6px;
}

hr.dividerBottom{
  background: url(../img/dividerBottom.png);
  width:576px;
  height:22px;
  
  margin: 28px 0 35px -6px;
}

#priceTable .column {
  width: 138px;
}

#priceTable .column p {
  font-size: 10px;
}

#priceTable .column .plan {
  margin-top: 74px;
}

#priceTable .column header.circle{
  top: -32px;
  left: 12px;
}

#priceTable .options:hover .circle{
  top: -48px;
  left: 8px;
}

.gallery .overlay {
  top: 12px;
}

#contactForm #submit {
  width: 65px;
}

#tabs{
  width: 100%;
}

aside.sidebar{
  display: none;
}

#contactTeam{
  text-align: center;
}

#contactTeam img,
#contactTeam hgroup{
  float: none;
  margin:0;
}

#contactRight blockquote{
  display:none;
}

}

/* 480 - 600 */
@media only screen and (min-width: 456px) and (max-width: 576px) {

body {
  min-width: 456px;
}

#contactSuccess{
  text-align: center;
}

#wrapper{
  width: 456px;
}

.container_12{
  width: 440px;
}

#contactForm div.vdelim, div.vdelim{
  display:none;  
}

#contactSuccess h1, #contactSuccess img{
  float:none;  
}

#contactSuccess h1{
  margin:0;
}

header, #main, footer{
  padding: 0;
}

footer{
  padding-bottom: 20px;
}

#top {
  display: none;
}

#homepage #logo{
  margin-bottom: 35px;
}

#piecemaker,
.theme-custom.slider-wrapper,
.theme-custom .nivoSlider,
.kwicks{
  display: none;
}

.container_12 .grid_1,
.container_12 .grid_2,
.container_12 .grid_3,
.container_12 .grid_4,
.container_12 .grid_5,
.container_12 .grid_6,
.container_12 .grid_7,
.container_12 .grid_8,
.container_12 .grid_9,
.container_12 .grid_10,
.container_12 .grid_11,
.container_12 .grid_12{
  float: none;
  display: block;
  width: 100%;
  margin: 20px 0 0 0;
}

.container_12 .alpha,
.container_12 .omega,
.container_12 .grid_12{
  margin:0;
}

.container_12 .push_1,
.container_12 .push_2,
.container_12 .push_3,
.container_12 .push_4,
.container_12 .push_5,
.container_12 .push_6,
.container_12 .push_7,
.container_12 .push_8,
.container_12 .push_9,
.container_12 .push_10,
.container_12 .push_11,
.container_12 .push_12{
  left:0;
}

.container_12 .grid_12{
  margin: 0;
}

hr.dividerTop{
  background: url(../img/dividerTop.png);
  width:456px;
  height:22px;
  
  margin: 35px 0 28px -6px;
}

hr.dividerBottom{
  background: url(../img/dividerBottom.png);
  width:456px;
  height:22px;
  
  margin: 28px 0 35px -6px;
}

.gallery .columnBox{
  width: 220px;
  margin: 0 auto;
}

#filterMenu{
  top:-30px;
}

#filterMenu li{
  padding: 0 5px;
}

.columnBox.two{
  margin-top: 20px;
}

.columnBox.two img{
  max-width: 95%;
}

.columnBox.three{
  width: 300px;
  margin: 10px auto;
}

.columnBox.four{
  width: 220px;
  margin: 10px auto;
}

.pagination a:nth-child(3),
.pagination a:nth-child(4),
.pagination a:nth-child(5){
  display: none;
}

.ad-gallery .ad-image-wrapper{
  height: 284px;
}

.ad-gallery .ad-image-wrapper .overlay{
  top: 78px;
}

#singleProject-page aside{
  margin: 0;
}

#tabs header ul li a{
  font-size: 10px;
}

#priceTable{
  display: none;
}

#contactForm textarea{
  width: 96%;
}

#tabs{
  width: 100%;
}

.container_12 aside.sidebar.omega{
  display: none;
}

}

/* 320 - 480 */
@media only screen and (min-width: 296px) and (max-width: 456px) {

body {
  min-width: 296px;
}

#wrapper{
  width: 296px;
}

.container_12{
  width: 280px;
}

#contactForm div.vdelim, div.vdelim{
  display:none;  
}

#contactSuccess{
  text-align: center;
}

#contactSuccess h1, #contactSuccess img{
  float:none;  
}

#contactSuccess h1{
  margin:0;
}

header, #main, footer{
  padding: 0;
}

footer{
  padding-bottom: 20px;
}

#top {
  display:none;
}

#homepage #logo{
  margin-bottom: 35px;
}

#piecemaker,
.theme-custom.slider-wrapper,
.theme-custom .nivoSlider,
.kwicks{
  display: none;
}

.container_12 .grid_1,
.container_12 .grid_2,
.container_12 .grid_3,
.container_12 .grid_4,
.container_12 .grid_5,
.container_12 .grid_6,
.container_12 .grid_7,
.container_12 .grid_8,
.container_12 .grid_9,
.container_12 .grid_10,
.container_12 .grid_11,
.container_12 .grid_12{
  float: none;
  display: block;
  width: 100%;
  margin: 20px 0 0 0;
}

.container_12 .alpha,
.container_12 .omega,
.container_12 .grid_12{
  margin:0;
}

.container_12 .push_1,
.container_12 .push_2,
.container_12 .push_3,
.container_12 .push_4,
.container_12 .push_5,
.container_12 .push_6,
.container_12 .push_7,
.container_12 .push_8,
.container_12 .push_9,
.container_12 .push_10,
.container_12 .push_11,
.container_12 .push_12{
  left:0;
}

hr.dividerTop{
  background: url(../img/dividerTop.png);
  width:296px;
  height:22px;
  
  margin: 35px 0 28px -6px;
}

hr.dividerBottom{
  background: url(../img/dividerBottom.png);
  width:296px;
  height:22px;
  
  margin: 28px 0 35px -6px;
}

#menu{
  margin-left: -150px;
}

.sf-menu li{
  float:none;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 100px;
  top:0;
}

.gallery .columnBox{
  width: 220px;
  margin: 0 auto;
}

#filterMenu{
  top:-30px;
}

#filterMenu li{
  padding: 0 5px;
}

.columnBox.two{
  margin-top: 20px;
}

.columnBox.two img,
.columnBox.three img{
  max-width: 93%;
}

.columnBox.three{
  margin: 10px auto;
}

.columnBox.four{
  width: 220px;
  margin: 10px auto;
}

.pagination a:nth-child(3),
.pagination a:nth-child(4),
.pagination a:nth-child(5),
.pagination a:nth-child(9),
.pagination a:nth-child(10),
.pagination a:nth-child(11),
.pagination a:nth-child(12){
  display: none;
}

.container_12 .ad-gallery{
  margin-bottom: 10px;
}

.ad-gallery .ad-image-wrapper{
  height: 180px;
}

.ad-gallery .ad-image-wrapper .overlay{
  top: 78px;
}

#singleProject-page aside{
  margin: 0;
}

#tabs header ul li a{
  font-size: 10px;
}

#priceTable{
  display: none;
}

#contactForm textarea{
  width: 96%;
}

#tabs{
  width: 100%;
}

.container_12 aside.sidebar.omega{
  display: none;
}

}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

a.red{ color:#C02942; }

span.red { color:#C02942; }




table th{
	text-align: center;
}

table tr
{
	text-align:center;
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */