/*
 * 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: #9a9a9a;
}

.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{
	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{
	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;
}
/* 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; }
}