/* line 1, ../../app/assets/stylesheets/admin-nav.css.scss */
#admin-nav {
  overflow: hidden;
  background: #000000;
  padding: 10px;
}
/* line 5, ../../app/assets/stylesheets/admin-nav.css.scss */
#admin-nav li {
  float: left;
}
/* line 8, ../../app/assets/stylesheets/admin-nav.css.scss */
#admin-nav a {
  display: block;
  padding: 4px 8px;
  text-decoration: none;
}
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

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

	code {
		padding: 3px 6px;
		font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
		background: #fafafa;
		border: 1px solid #dedede;
		color: #6f9c00;
	}

/* #Basic Styles
================================================== */
	body {
		background: #fdfdfd;
		font: 12px/21px Tahoma, Arial, sans-serif;
		color: #676767;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

/* Basic Alginment
================================================== */
.columns img, .column img{max-width: 100%; height: auto;}
.content img{border: 1px solid #dfdfdf; margin-bottom: 15px;}

.align-left{float: left;}
.align-center{text-align: center;}
.align-right{float: right}

img.align-left{float: left; margin: 0 15px 12px 0;}
img.align-center{text-align: center; clear: both; margin: 15px auto; display: block;}
img.align-right{float: right; margin: 0 0 12px 15px;}

img, object, video {max-width: 100%; height: auto;display:block;}
img {width: auto;max-width: 100%; border: 0;-ms-interpolation-mode: bicubic;}

/* Flexible Embeds */
.embed {
    position: relative;
    padding: 0px;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}

.embed iframe,
.embed object,
.embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.clearfix {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.spacer {margin-top: 20px;}

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #464646;
		font-family: "Open Sans", Arial, sans-serif;
		font-weight: normal; }
		
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 28px; line-height: 50px; }
	h2 { font-size: 22px; line-height: 30px; }
	h3 { font-size: 18px; line-height: 34px; }
	h4 { font-size: 16px; line-height: 30px; }
	h5 { font-size: 14px; line-height: 24px; }
	h6 { font-size: 12px; line-height: 21px; }
	.subheader { color: #777; }

	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }


/* #Links
================================================== */
	a, a:visited { color: #3399cc; text-decoration: none; outline: 0;-webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; -transition: color 0.1s ease-in-out;}
	a:hover, a:focus { color: #888; }
	p a, p a:visited { line-height: inherit; }

	
/* #Lists
================================================== */
	ul, ol { }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc {  }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }

/* #Responsive Menu
================================================== */
	input[type="text"],
	input[type="password"],
	input[type="email"],
  input[type="url"],
	textarea {
		border: 1px solid #d7d7d7;
		color: #888;
		font-size: 12px;
		font-family: Tahoma, Arial, sans-serif;
		padding: 9px;
		background-color: #fff;
		outline: none;
	}
	
	select {
		border: 0px;
		padding: 6px 4px;
		outline: none;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		cursor: pointer;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
		
select{padding: 0;}
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


/* #Base 960 Grid
================================================== */


    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

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

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


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative;  zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption Style 1 */
.slider-caption {width: 30%; padding: 22px; margin: 0 0 20px 20px; position: absolute; left: 0; bottom: 0; background: url(slider_caption_bg.png); color: #aaa; font-family: Tahoma, sans-serif; font-size: 12px; line-height: 19px;}
.slider-caption h3 {color: #fff; font-size: 16px; font-family: "Open Sans", Arial, sans-serif; font-weight: bold; letter-spacing: -0.5px; padding-bottom: 10px; margin:0; line-height: 22px; }

/* Caption Style 2 */
.slider-caption-2 {margin-left: 20px; position: absolute; left: 0; top: 40%; color: #fff; font-weight: bold; font-family: Arial, sans-serif; font-size: 12px; line-height: 19px;}
.slider-caption-2 h3 {padding: 8px 10px; color: #fff; font-size: 19px; font-family: "Open Sans", Arial, sans-serif; font-weight: bold; letter-spacing: -0.5px; margin:0; line-height: 22px; background:#28a1ce; display: inline-block;}

.slider-caption p, .slider-caption-2 p{line-height: 19px; }
.slider-caption-2 p{background: #363636; padding: 5px 10px;}

/* Control Nav */
.flex-control-nav {width: 100%; text-align: center; margin-top: 8px;}
.flex-control-nav li {margin: 0 0 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 14px; height: 14px; display: block; background: url(slider_nav.png) no-repeat; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 -0px;}
.flex-control-nav li a.active {background-position: 0 -14px; cursor: default;}
/* ======================================================= */
/* Pricing Tables CSS
/* ======================================================= */

/*** Main Styles ***/

.pricing-container h1,
.pricing-container h2,
.pricing-container h3,
.pricing-container ul,
.pricing-container li {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
.pricing-container {font-size: 50%; }
.pricing-container { line-height: 1;}
.pricing-container ol, ul { list-style: none;}
.pricing-container table { border-collapse: collapse; border-spacing: 0;}

.pricing-container {
    margin: 0 auto;
    width:940px;
    font-family: Tahoma, Arial, sans-serif;
}

.price-table-container h4 {
    font-size:25px;
    font-weight:bold;
    color:#3a3a3a;
    margin:0 0 25px 0;
    padding-bottom:15px;
    border-bottom:1px solid #e0e0e0;
}

.price-table-container {
    float:left;
    width:940px;
    margin:20px auto;
}

.pricing_check.yes {background: url(pricing_check_01.png) no-repeat; display: block; height: 30px; width: 20px; margin: 0 auto;}
.pricing_check.no {background: url(pricing_check_02.png) no-repeat; display: block; height: 30px; width: 20px; margin: 0 auto;}

.column-pricing.light h2{color:#666}
.column-pricing.light h1, .column-pricing.light a {background:#888;}

/*** Border Before Featured Box Fix ***/
.border-fix.column-pricing {border-right: 0;}

/*** Featured Box ***/
.column-pricing.featured {
	padding: 0px 0;
	margin-top: -10px; 
	background:#28a1ce;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	z-index: 10;
	position: relative;
	border-right: 0px;
}

.column-pricing.featured h2{color:#6f9c00}
.column-pricing.featured a {background:#28a1ce; padding: 5px 0;}
.column-pricing.featured h1 {background:#28a1ce; padding: 5px 0;}

/*** Features List  ***/
.column-pricing.info-list, .column-pricing.info-list  ul li {width:159px;}

/*** Main Styles ***/
.column-pricing { 
    width:193px; 
    float:left; 
    display:inline-block; 
    border-right:1px solid #fff;
}

.column-pricing ul li {
    width:193px;
    text-align:center;
    padding-top:11px;
    padding-bottom:11px;
    height:12px;
    overflow:hidden;
    color:#9c9797;
    font-size:12px;
    background:#eee;
    border-top:1px solid #fff;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}

.column-pricing ul li:nth-child(2n) {background: #f7f7f7;}

.column-pricing h1 {
    width:193px;
    height:45px;
    background:#505050;
    font-size:16px;
	font-family: "Open Sans", Arial, Tahoma, sans-serif;
	text-transform: uppercase;
    font-weight:bold;
    color:#fff;
    text-align:center;
    line-height:45px;
}

.column-pricing h2 {
    width:193px;
    height:45px;
    background:#f7f7f7;
    font-size:24px;
    font-weight:200;
    text-align:center;
    line-height:58px;
}

.column-pricing h3 {
    width:193px;
    height:31px;
    background:#f7f7f7;
    font-size:12px;
    font-weight:normal;
    color:#999;
    text-align:center;
    line-height:18px;
}

.column-pricing a {
    width:193px;
    height:35px;
    background:#505050;
	font-family: "Open Sans", Arial, Tahoma, sans-serif;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    display:block;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    line-height:35px;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.column-pricing a:hover {background:#28a1ce;}

.blank-header {
    width:193px;
    height:121px;
    background:none;
}

/*** Styles for Regular Table ***/
.column-pricing.regular, .column-pricing.regular h1, .column-pricing.regular ul li, .column-pricing.regular a,  .column-pricing.regular h2,  .column-pricing.regular h3 {width: 233px;}

/*================================================= */
/* Media Queries
================================================== */

    @media only screen and (min-width: 768px) and (max-width: 959px) {

        .pricing-container {
            margin:0 auto;
            width:748px;
        }
        .price-table-container {
            width:748px;
            padding:0;
            margin:20px auto;
        }

        .column-pricing { width:148px; }
        .blank-header { width:148px; height:111px; }
        .column-pricing h1 {
            width:148px;
            height:40px;
            font-size:22px;
            line-height:45px;
        }

        .column-pricing h2 {
            width:148px;
            height:40px;
            font-size:18px;
        }

        .column-pricing h3 {
            width:148px;
            font-size:12px;
        }
        .column-pricing a {
            width:148px;
            font-size:13px;
        }
        .column-pricing ul li {
            width:148px;
            font-size:11px;
        }
		.column-pricing h1 {font-size: 16px;}

		.column-pricing.regular, .column-pricing.regular h1, .column-pricing.regular ul li, .column-pricing.regular a,  .column-pricing.regular h2,  .column-pricing.regular h3 {width: 186px;}
		.column-pricing.info-list, .column-pricing.info-list  ul li {width:149px;}
    }

	
    @media only screen and (max-width: 767px) {

        .pricing-container {
            margin:0 auto;
            width:300px;
        }
        .price-table-container {
            width:300px;
            padding:0;
            margin:0px auto;
        }

        #feature-list { display:none; }
        .desc { display:none; }

        .column-pricing ul li { padding-top:10px;padding-bottom:35px; }
        .column-pricing ul li:before {
            content:attr(data-feature) ':';
			font-family: Arial, Tahoma, sans-serif;
            display:block;
            margin-bottom:10px;
            font-size:12px;
            font-weight:bold;
            color:#777;
        }

        .column-pricing.regular ul li { padding:15px 0; }
		 .column-pricing.regular ul li:before {
            content:attr(data-feature) ':';
            display:none;
            margin-bottom:0px;
            font-size:12px;
            font-weight:bold;
            color:#777;
        }
		
        .column-pricing { width:147px; }
        .blank-header { width:147px; height:111px; }
        .column-pricing h1 {
            width:147px;
            height:40px;
            font-size:22px;
            line-height:45px;
        }

        .column-pricing h2 {
            width:147px;
            height:40px;
            font-size:18px;
        }

        .column-pricing h3 {
            width:147px;
            font-size:12px;
        }
        .column-pricing a {
            width:147px;
            font-size:13px;
        }
        .column-pricing ul li {
            width:147px;
            font-size:11px;
        }

		.column-pricing.featured {
			padding: 0;
			margin-top: 0; 
			background:#28a1ce;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			z-index: 10;
			position: relative;
			border-right: 0px;
		}
		
		.column-pricing.featured h2{color:#6f9c00}
		.column-pricing.featured a {background:#28a1ce; padding: 0;}
		.column-pricing.featured h1 {background:#28a1ce; padding: 0;}

		.column-pricing h1 {font-size: 14px;}
		
		.column-pricing.featured {	border-right: 1px solid #fff !important;}
		.column-pricing.regular, .column-pricing.regular h1, .column-pricing.regular ul li, .column-pricing.regular a,  .column-pricing.regular h2,  .column-pricing.regular h3 {width: 147px;}

    }

    @media only screen and (min-width: 480px) and (max-width: 767px) {

        .pricing-container {
            margin: 0px auto;
            width:420px;
        }
		
        .price-table-container {
            width:420px;
            padding:0;
            margin:0 auto;
        }
		
        #feature-list { display:none; }

        .column-pricing,
        .blank-header,
        .column-pricing h1,
        .column-pricing h2,
        .column-pricing h3,
        .column-pricing a,
        .column-pricing ul li {width:208px;}

		.column-pricing.regular, .column-pricing.regular h1, .column-pricing.regular ul li, .column-pricing.regular a,  .column-pricing.regular h2,  .column-pricing.regular h3 {width: 208px;}
    }
/*
 * Imagebox • JavaScript Application
 * Version 2.0.0
 * http://codecanyon.net/item/imagebox-image-viewing-script/89035
 *
 * Copyright (c) 2009-2012, Sarathi Hansen
 *
 */
 
/* @group Structure */
	
	#ib-container {
		position: absolute;
		background: #fff;
		z-index: 1000;
	}
	
	#ib-image {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	#ib-overlay {
		position: fixed;
		background: #000;
		display: none;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
	}
	
	#ib-container, #ib-overlay, #ib-next, #ib-prev {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
	}

/* @end */

/* @group Title */
	
	#ib-title-mask {
		position: relative;
		overflow: hidden;
	}
	#ib-title {
		position: relative;
		display: none;
		font: normal 12px/16px Tahoma, Helvetica, Arial, sans-serif;
		text-align: left;
		color: #ccc;
		padding: 8px 12px;
		padding-top: 10px;
		
		border-bottom: 2px solid #0A0A0A;
		border-bottom: 2px solid rgba(10,10,10,.9);
		
		background: #141414;
		background: rgba(20,20,20,.9);
		
		-webkit-border-radius: 0 0 3px 3px;
		-moz-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
	
	/* @group Gallery Title */
		
		#ib-gallery-title {
			color: #777;
			font: normal 11px/16px Helvetica, Arial, sans-serif;
		}
		#ib-gallery-title.ib-hastitle { margin-top: 8px; }
		
		/* @group Gallery List */
			
			#ib-gallery-list strong, #ib-gallery-list a {
				padding: 2px 3px;
				margin-right: 2px;
				color: #777;
				cursor: default;
			}
			
			#ib-gallery-list a {
				color: #ccc;
				cursor: pointer;
				text-decoration: none;
			}
			#ib-gallery-list a:hover { color: #777; }
			
		/* @end */
		
	/* @end */
	
/* @end */

/* @group Controls */
	
	#ib-close, #ib-next div, #ib-prev div {
		position: absolute;
		width: 30px;
		height: 30px;
		background: url(sprite.png);
	}
	
	#ib-close {
		visibility: hidden;
		right: -15px;
		top: -15px;
		cursor: pointer;
		z-index: 2;
	}
	
	#ib-next, #ib-prev {
		position: absolute;
		display: none;
		right: 0;
		top: 0;
		width: 40%;
		height: 100%;
		cursor: pointer;
		z-index: 1;
		
		background: url(ie-trans.png);
		background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.6));
		background: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.6));
		background: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.6));
		background: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.6));
		background: linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.6));
	
		-webkit-transition: opacity .2s linear;
		-moz-transition: opacity .2s linear;
		-o-transition: opacity .2s linear;
		-ms-transition: opacity .2s linear;
		transition: opacity .2s linear;
	}
	#ib-prev {
		left: 0;
		
		background: -webkit-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,.6));
		background: -moz-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,.6));
		background: -o-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,.6));
		background: -ms-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,.6));
		background: linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,.6));
	}
	#ib-next:hover, #ib-prev:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	#ib-next div, #ib-prev div {
		right: 30px;
		top: 50%;
		margin-top: -15px;
		background-position: -60px 0;
	}
	#ib-prev div {
		left: 30px;
		background-position: -30px 0;
	}
	
/* @end */

/* @group Shadow */
	
	.ib-shadow {
		position: absolute;
		z-index: -2;
	}
	
	/* @group Shadow Corners */
		
		#ib-nw, #ib-ne, #ib-se, #ib-sw {
			width: 20px;
			height: 20px;
			background: url(sprite.png);
		}
		#ib-nw {
			left: -20px;
			top: -20px;
			background-position: -60px -30px;
		}
		#ib-ne {
			right: -20px;
			top: -20px;
			background-position: -40px -30px;
		}
		#ib-se {
			right: -20px;
			bottom: -20px;
			background-position: 0 -30px;
		}
		#ib-sw {
			left: -20px;
			bottom: -20px;
			background-position: -20px -30px;
		}
		
	/* @end */
	
	/* @group Shadow Sides */
		
		#ib-n, #ib-s {
			left: 0;
			width: 100%;
			height: 20px;
			background: url(shadow-v.png);
		}
		#ib-n {
			top: -20px;
			background-position: 0 -20px;
		}
		#ib-s { bottom: -20px; }
		
		
		#ib-w, #ib-e {
			top: 0;
			width: 20px;
			height: 100%;
			background: url(shadow-h.png);
		}
		#ib-w {
			left: -20px;
			background-position: -20px 0;
		}
		#ib-e { right: -20px; }
		
	/* @end */
	
/* @end */

.ib-notrigger { cursor: default; }

/*
 * Imagebox • JavaScript Application
 * Version 2.0.0
 * http://codecanyon.net/item/imagebox-image-viewing-script/89035
 *
 * Copyright (c) 2009-2012, Sarathi Hansen
 */
/*================================================= */
/* Buttons
================================================== */

.button {
	padding: 7px 14px;
	display: inline-block;
	border: 0px;
	font-family: Tahoma, Arial, sans-serif;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.button.medium {padding: 8px 20px; font-size: 14px;}
.button.large {padding: 9px 26px; font-size: 15px;}

.button.gray {color: #fff;background: #505050;}
.button.gray:hover {background:#28a1ce;}

.button.light {color:#fff; background:#aaaaaa;}
.button.light:hover {background:#28a1ce;}

.button.green{color:#fff; background:#28a1ce;}
.button.green:hover {background:#aaa;}

/* Input Version */
input[type="submit"],
input[type="button"] {
	color: #fff;
	background: #505050;
	padding: 7px 14px;
	display: inline-block;
	border: 0px;
	font-family: Tahoma, Arial, sans-serif;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	width: auto !important;
	float: left;
}

input[type="submit"]:hover,
input[type="button"]:hover {background:#28a1ce;}

/*================================================= */
/* Blockquote
================================================== */
blockquote {border-left: 3px solid #e1e1e1; padding-left: 20px;}
blockquote p {padding: 5px 0;}
blockquote h5 {font-size: 14px; font-weight: bold; letter-spacing: -0.5px;}
blockquote h5 span {color: #a0a0a0; font-weight: normal;}

/*================================================= */
/* Alert Boxes
================================================== */
.alert{ width:100%; line-height:45px; text-align: center; font-weight: normal; margin-bottom: 12px; font-family: Tahoma, Arial, sans-serif;}
.pink{background:#fff2f2; border:1px solid #ffc8c8; color:#ee6b6b}
.greenb{background:#ecf7e2; border:1px solid #b1db7f; color:#74a43a}
.light_pink{background:#fcfbdf; border:1px solid #ddd487;color:#aba64e}
.light_blue{background:#eaf8ff; border:1px solid #b4d6e7;color:#68a1bd}

/*================================================= */
/* Accordion
================================================== */
.acc-trigger {
	border: 1px solid #dedede;
	cursor: pointer;
	display: block;
	margin: 10px 0;
	background: #fafafa;
}

.acc-trigger a {
	background: url(accordion_plus_ico.png) no-repeat right;
	display: block;
	color: #999;
	outline:  none;
	padding: 9px 15px;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, sans-serif;
}

.acc-trigger.active a {cursor: default; background: url(accordion_minus_ico.png) no-repeat right;}
.acc-trigger a:hover, .acc-trigger.active a{color: #555;}
.acc-trigger a h3 {font-weight: bold; font-size: 14px; letter-spacing: -0.5px; line-height: 28px; color: #777;}
.acc-container .content{ padding: 2px 15px 5px 15px;}
.content p { margin-bottom: 10px;}


/*================================================= */
/* Tabs
================================================== */
.tabs-nav {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.tabs-nav li {
	float: left;
	line-height: 32px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.tabs-nav li.active { line-height: 31px; }

.tabs-nav li a {
	background: #f9f9f9;
	border: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-left: none;
	color: #999;
	display: block;
	letter-spacing: 0;
	outline: none;
	padding: 0 16px;
	text-decoration: none;
}

.tabs-nav li:first-child a { border-left: 1px solid #dedede; }

.tabs-nav li.active a { color: #6f9c00; }
				
.tabs-nav li.active a  {
	background: #fff;
	border-bottom: 2px solid #fff;
	border-top: 1px solid #8dc700;
}

.tabs-container {
	border: 1px solid #dedede;
	margin: -1px 0 20px;
	overflow: hidden;
	width: 100%;
}

.tab-content {padding: 20px; }

/*================================================= */
/* List Styles
================================================== */
.check_list li, .plus_list li, .minus_list li, .star_list li, .arrow_list li, .square_list li, .circle_list li, .cross_list li {list-style: none; margin: 8px 0;}

.check_list li {background: url(list_check.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
.plus_list  li {background: url(list_plus.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
.minus_list  li {background: url(list_minus.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
.star_list  li {background: url(list_star.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.arrow_list  li {background: url(list_arrow.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.square_list  li {background: url(list_square.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.circle_list  li {background: url(list_circle.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.cross_list  li {background: url(list_cross.png) no-repeat 0% 50%; padding: 0 0 0 16px;}


/*================================================= */
/* Social Widget
================================================== */
#social a{
	width: 32px;
	height: 32px;
	margin: 0 9px 9px 0;
	display: block;
	float: left;
}

#social a img{
	border: none;
}

/*================================================= */
/* Large Notice
================================================== */
.large-notice {
	background: #fafafa;
	border: 1px solid #dedede;
	padding: 32px;
}

.large-notice h2 {
	margin-bottom: 10px;
}

.large-notice p {
	font-size: 14px;
	margin-bottom: 20px;
	color: #777;
}

.large-notice h2 {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -0.5px;
}


/*================================================= */
/* Table
================================================== */
table.standard-table{
	width:100%;
	border-collapse:separate;
	border-spacing:0;
	border:none;
	margin-bottom:15px;
}

table.standard-table th{
	border: 1px solid #dedede;
	border-right: none;
	background-color: #fafafa;
	text-align:left;
	padding:10px 15px;
	color:#464646;
	vertical-align:top;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, sans-serif;
}

table.standard-table td:last-child,
table.standard-table th:last-child {
	border-right: 1px solid #ddd;
}

table.standard-table td{
	padding:8px 15px;
	border:#e7e7e7 1px solid;
	border-top: none;
	border-right: none;
}
	
table.standard-table tr:hover td{background-color:#fafafa;}


/*================================================= */
/* Tooltip / Popover
================================================== */
.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  margin-top: -2px;
}

.tooltip.right {
  margin-left: 2px;
}

.tooltip.bottom {
  margin-top: 2px;
}

.tooltip.left {
  margin-left: -2px;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #555;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #555;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #555;
  border-left: 5px solid transparent;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #555;
  border-bottom: 5px solid transparent;
}

.tooltip-inner {
  max-width: 200px;
  padding: 1px 10px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #555;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
   border-radius: 3px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
     -moz-transition: opacity 0.15s linear;
      -ms-transition: opacity 0.15s linear;
       -o-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}


/* ================================================= */
/* Icons
================================================== */
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  opacity: 0.8;
}

[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}

.the-icons li {padding: 0; margin:2px 0;}

.icon-white {
  background-image: url("glyphicons-halflings-white.png");
	opacity: 1;
}

.icon-glass {
  background-position: 0      0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar-2 {
  background-position: -192px -120px;
}

.icon-random {
  background-position: -216px -120px;
}

.icon-comments {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
}

.icon-folder-open {
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}



/*
* Author: Vasterad
* Template: Sensation
* URL: http://themeforest.net/user/Vasterad/
*/

/* ======================================================= */
/* Import Section
/* ======================================================= */

/*================================================= */
/* Header
================================================== */
#header {background: #363636; padding:0; margin:0;}
#logo {display: block; height: 70px;}

.clearfix {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.spacer {margin-top: 20px;}

/*================================================= */
/* Navigation
================================================== */
.selectnav {display: none; cursor: pointer; width: 100%; padding: 7px; height: 35px; float: left; font-size: 14px;}
#navigation {float: right;}
#navigation ul, #navigation li  {list-style:none; padding:0; margin:0; display:inline; }
#navigation ul li{float:left; position:relative;}

#navigation ul li a { 
	font-family: "Open Sans", Arial, sans-serif;
	display: inline-block;
	color: #aaa;
	padding: 23px 18px 26px 18px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	border-top: 3px solid transparent;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
	margin: 0 -4px 0 0; 
}

#navigation ul li a:hover{
	background: #3f3f3f;
	border-top: 3px solid #28a1ce;
	color: #fff;
}

#navigation ul ul { 
	opacity: 0; 
  	filter: alpha(opacity=0); 
	position: absolute;
	top:-99999px; 
	left: 0;
	z-index: 999999;
	background: #3f3f3f;
	width: 200px;
}

#navigation ul ul li a:hover {
	background: #28a1ce;
	color: #fff !important;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
}

#navigation ul ul li a {
	padding: 8px 15px;
	display: block;
	width: 170px;
	font-family: Tahoma, Arial, sans-serif;
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	border-bottom: 1px solid #4a4a4a;
	border-top: 1px solid transparent;
}

#navigation ul ul ul { 
	position:absolute; 
	top:-99999px; 
	left:100%; 
	opacity: 0;
	margin-left: 4px;
}

#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0;}
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background: #3f3f3f; border: 0;}
#navigation ul li:hover > a {background: #3f3f3f; border-top: 3px solid #28a1ce; color: #fff;}
#navigation ul ul li:hover > a {border-top: 1px solid transparent; color: #aaa;}
#current {background: #3f3f3f !important;border-top: 3px solid #28a1ce !important;color: #fff !important;}

/*================================================= */
/* Tagline
================================================== */
#tagline {
	margin: 30px 0;
	font-size: 22px;
	font-family: "Open Sans", Arial, sans-serif;
	color: #505050;
	letter-spacing: -0.6px;
	text-align: center;
	line-height: 30px;
}

#tagline span, #tagline a {
	background: #28a1ce;
	color: #fff;
	padding: 0 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#tagline span:hover, #tagline a:hover {background: #6b6b6b;}
#tagline p {margin: 3px;}
.tagline_page{border-bottom: 1px solid #e1e1e1; padding: 0 0 30px 0}

/*================================================= */
/* Subtitle
================================================== */
#subtitle {background: #f7f7f7; padding:0; margin:0; border-bottom: 1px solid #d7d7d7;}
#subtitle h3 {line-height: 70px; letter-spacing: -0.5px; font-size: 24px;}
#subtitle h3 span {color:#999999; font-size: 24px;}

.page_headline span {
	color: #888;
	font-weight: normal;
	font-size: 12px;
	float: right;
	font-family: Tahoma, sans-serif;
	letter-spacing: 0;
}

.page_headline {
	font-family: "Open Sans", Arial, Tahoma;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.5px;
	display: block;
	border-bottom: 1px solid #e1e1e1;
	padding: 0 0 8px 0;
	margin: 20px 0;
}


/*================================================= */
/* Single Project
================================================== */
.project_overview p {
	margin: 15px 0;
}

.project_overview h3 {
	font-family: "Open Sans", Arial, Tahoma;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.5px;
	display: block;
	border-bottom: 1px solid #e1e1e1;
	padding: 0 0 3px 0;
	margin: 0 0 15px 0;
}

.project_navi {margin-top: -55px !important;}

/*================================================= */
/* Blog Post Container
================================================== */
#blog_post_container {margin-top: 15px;}

.post {margin-bottom: 15px;}

.post h2 a {
	font-size: 22px;
	font-weight: normal;
	color: #464646;
	font-family: "Open Sans", Arial, Tahoma, sans-serif;
	text-decoration: none;
	display: inline-block;
	line-height: 28px;
	letter-spacing: -0.5px;
}

.post h2 a:hover {color: #777;}

.post-content p {
	line-height: 20px;
	margin: 15px 0 0 0;
}

a.post-entry {
	font-size: 12px;
	color: #28A1CE;
	font-family: Tahoma, Arial, sans-serif;
	margin: 15px 0 20px 0;
	display: inline-block;
	padding: 0 12px 0 0;
	background: url(bullet_post_entry.png) no-repeat right;
	background-position: 100% 60%;
}

a.post-entry:hover {
	color: #888; 
	background: url(bullet_post_entry_hover.png) no-repeat right;
	background-position: 100% 60%;
}

.post-meta {color: #777; font-size: 12px; margin: 1px 0 15px 0;}
.post-meta a {color: #6f9c00;text-decoration: none;}
.post-meta a:hover {color: #999;}


.icon-calendar {
	background: url(calendar_ico.png) no-repeat;
	display: inline-block;
	height: 13px;
	width: 12px;
	margin: 0 0 -1px 0;
	padding: 0 5px 0 0;
}

.icon-author {
	background: url(author_ico.png) no-repeat;
	display: inline-block;
	height: 16px;
	width: 13px;
	margin: 0 0 -5px 8px;
	padding: 0 8px 0 0;
}

.icon-comment {
	background: url(comment_ico.png) no-repeat;
	display: inline-block;
	height: 15px;
	width: 11px;
	margin: 0 0 -5px 8px;
	padding: 0 8px 0 0;
}

/* Blog Blockquote */
.post-quote {
	background: #363636;
	padding: 20px;
}

.post-quote blockquote {
	color: #ececec;
	font-family: "Droid Serif", Arial, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 22px;
	border-left: 1px solid #545455;
	padding: 0 0 0 18px;
	margin-left: 40px;

}
.post-quote span, .post-quote a {color: #7db000; text-decoration: none;}

.post-quote .icon {
	background: url(quote_ico.png) no-repeat;
	height: 15px; width: 25px;
	display: block;
	float: left;
	margin: 4px 0 0 0;
}

/** Comments **/
.comments-sec{float:left; width:100%; line-height: 20px;}
.comments-sec h3 {font-size: 16px; font-weight: bold; color: #464646; font-family: "Open Sans", Arial, sans-serif; border-bottom: 1px solid #e1e1e1; margin: -9px 0 0 0; padding-bottom: 8px; letter-spacing: -0.5px;}
.comments-sec h3 span {color: #888;}

ol.commentlist{float:left; width:100%;}
ol.commentlist li{float:left; border-top:1px solid #e1e1e1; padding: 25px 0 20px 0;}
ol.commentlist li:first-child{border:none; padding: 25px 0 0px 0;}
ol.commentlist li{list-style: none;}

ol li ol.childlist{ float:right; width:89%; margin:0px}
ol.commentlist li ol.childlist li:first-child{border-top:1px solid #e1e1e1; padding: 25px 0 0 0; font-size: 12px;}
ol.commentlist li ol.childlist li{border-top:1px solid #e1e1e1; margin:25px 0 15px 0; font-size: 12px;}

.comments{float:left; width:100%}
ol li ol.childlist .comment-des{float:right; width:88%;}
.avatar{float:left;}

.comment-des{float:right; width:89%;}
.comment-des strong{float:left; color:#464646; padding-right:5px; font-family: "Open Sans", Arial,sans-serif; font-size:14px; letter-spacing: -0.5px;}
.comment-des span{float:left; color:#777; font-family: Tahoma, Arial, sans-serif;}
.comment-by{float:left; width:100%; padding-bottom:5px; padding-top:5px; color: #000;}
.comment-by span.reply{color:#777; float:right;}
.comment-by span.reply a{color:#6f9c00; font-weight:bold; float:right; height:17px; margin-left:5px; font-weight: normal;}
.comment-by span.reply a:hover{border:none; color: #888;}
.comment-by span.date{color:#888; padding-right:7px; float:right;}

/** Leave a Comment **/
.form_comment label {
	display: block;
	color: #676767;
	margin-top: 15px;
	padding-bottom: 4px;
}

.form_comment label span {color:#dd1d1d;}

.form_comment input, .form_comment textarea {
	width: 250px;
	border: 1px solid #d7d7d7;
	color: #999;
	font-size: 12px;
	font-family: Arial;
	padding: 8px;
	background-color: #fff;
	outline: none;
	cursor: text;
	font-family: Tahoma, Arial, sans-serif;
}

.form_comment textarea {
	width: 97%;
	max-width: 97%;
	height:140px;
}

.form_comment input:focus, .form_comment textarea:focus {
	border: 1px solid #d1d1d1;
	color: #676767;
	-webkit-box-shadow: 0 0 3px #e8e8e8;
	-moz-box-shadow: 0 0 3px #e8e8e8;
	box-shadow: 0 0 3px #e8e8e8;
}

.form_send input {margin: 10px 0 20px 0;}

/*================================================= */
/* Blog - Widget
================================================== */
#blog_widget_container {margin-top: 32px;}

.search input {
	width: 85%;
	border: 1px solid #d7d7d7;
	color: #999;
	font-size: 12px;
	font-family: Arial;
	padding: 8px 15px 8px 28px;
	background: url(search_ico.png) no-repeat 4% 54%;
	background-color: #fff;
	outline: none;
	cursor: text;
	font-family: Tahoma, Arial, sans-serif;
	margin-bottom: 15px;
}

.search input:focus {
	border: 1px solid #d1d1d1;
	color: #676767;
	-webkit-box-shadow: 0 0 3px #e8e8e8;
	-moz-box-shadow: 0 0 3px #e8e8e8;
	box-shadow: 0 0 3px #e8e8e8;
}

.widget {margin-bottom: 20px;}
.widget-text p {color: #676767; line-height: 21px;}

.widget-title h3 {
	font-size: 14px;
	font-family: "Open Sans", Arial, Tahoma;
	font-weight: bold;
	color: #464646;
	letter-spacing: -0.5px;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 1px;
	margin-bottom: 9px;
}

.widget-categories a {color: #676767;	display: block;}
.widget-categories a:hover {color: #6f9c00;}

.widget-categories li {
	background: url(bullet_categories.png) no-repeat 0% 50%;
	padding: 3px  12px;
	margin:0;
	list-style: none;
}

/* Twitter - Blog */
#twitter-blog {
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	float: left;
	display: block;
	color: #676767;
}

#twitter-blog b a {color: #999999;}
#twitter-blog li {line-height: 21px;}
#twitter-blog li:last-child {padding: 0; margin: 0;}
#twitter-blog a {color: #6f9c00;}
#twitter-blog a:hover {color: #999;}

/* Flickr - Blog */
.flickr-widget-blog {margin-right: -12px; margin-top: 15px;}
.flickr-widget-blog img {display: block; width: 100%;}
.flickr-widget-blog a:hover {border-color: #6b6b6b;}

.flickr-widget-blog a {
	float: left;
	width: 55px;
	height: 55px;
	margin-right: 12px;
	margin-bottom: 12px;
	border: 3px solid #dcdcdc;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.older_entires {
	float: left;
	margin: 5px 0 20px 0;
	color: #676767;
	padding: 0 0 0 12px;
	background: url(bullet_post_entry_hover_left.png) no-repeat left;
	background-position: 0% 60%;
}

a.older_entires:hover {
	color: #6f9c00;
	background: url(bullet_post_entry_left.png) no-repeat left;
	background-position: 0% 60%;
}

a.newer_entires {
	float: right;
	margin: 5px 0 20px 0;
	color: #676767;
	padding: 0 12px 0 0;
	background: url(bullet_post_entry_hover.png) no-repeat right;
	background-position: 100% 60%;
}

.newer_entires:hover {
	color: #6f9c00;
	background: url(bullet_post_entry.png) no-repeat right;
	background-position: 100% 60%;
}

/*================================================= */
/* Features
================================================== */
.feature {margin: 0 0 20px 0;}
.feature.page {margin: 0 0 25px 0;}
.feature-description {margin-left: 45px;}

.feature h4 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.5px;
}

.feature-circle {
	font-size: 16px;
	font-weight: bold;
	font-family: "open sans", sans-serif;
	display: inline-block;
	width: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;
	float: left;
	margin-top: 10px;
}

.feature-circle i {margin: 4px 0 0 1px;}

.feature-circle.green {background: #28a1ce;}
.feature-circle.gray {background: #6b6b6b;}

/*================================================= */
/* Image Overlay
================================================== */
.item-img, .post-thumb, .slides {position: relative;}

.overlay {
	height: 100%;
    left: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
	z-index: 40;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: opacity 150ms ease-in-out;
	-moz-transition: opacity 150ms ease-in-out;
	-o-transition: opacity 150ms ease-in-out;
	transition: opacity 150ms ease-in-out;
}

.overlay.link {background: url(overlay_link.png) no-repeat center center, url(overlay_bg.png) center center;}
.overlay.zoom {background: url(overlay_zoom.png) no-repeat center center, url(overlay_bg.png) center center;}

.overlay:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

.item {margin: 0 0 35px 0;}

.item-meta h4 {
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 16px;
	padding: 16px 0 0 0;

}

.meta-blog p {color: #676767;}
.item-meta {color: #888;}
.item-meta h4 a:hover{color:#6f9c00;}
.item-meta span {color: #a0a0a0; display: block; line-height: 18px;}
.item-meta p {line-height: 18px; margin-top: 7px;}

/*================================================= */
/* Headlines
================================================== */
#divider {
	margin: 17px 0 26px 10px;
	border-bottom: 1px solid #e1e1e1;
}

.related-title {
	background: url(divider_bg.png) repeat-x;
	background-position: 50% 62%;
	margin: 0 0 15px 0;
}

.related-title span {
	color: #464646;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.5px;
	font-family: "Open Sans", sans-serif;
	background: #fdfdfd;
	padding: 0 10px 0 0;
}

/*================================================= */
/* Testimonials
================================================== */
.testimonial_page {margin-bottom: 40px;}

.testimonials {
	background: #fff;
	border: 1px solid #ddd;
	padding:20px;
	line-height: 21px;
  overflow: hidden;
}

.testimonials_bg {
	background: url(testimonials_bg.png) no-repeat;
	margin-top: -1px;
	display: block; width: 200px;
	height: 30px;
}	

.testimonials_author {
	color:#28a1ce;
	float: right;
	display: block;
	margin-top: -23px;
}

.testimonials_author_page {
	color:#28a1ce;
	float: right;
	display: block;
	margin-top: -23px;
	margin-bottom: 20px;
}

.testimonials_author span {color:#a0a0a0}
.testimonials_author_page span {color:#a0a0a0}

/* Testomonials Carousel */
.carousel-disabled, .mr-rotato-disabled {
	height: 21px;
	width: 21px;
	background-color: #c0c0c0 !important;
	display: block;
	position: absolute;
}

.mr-rotato-next {
	height: 21px;
	width: 21px;
	background: url(carousel-next.png);
	background-color: #6b6b6b;
	display: block;
	position: absolute;
	right: 10px;
  text-indent: -999999px;
}

.mr-rotato-prev {
	height: 21px;
	width: 21px;
	background: url(carousel-prev.png);
	background-color: #6b6b6b;
	display: block;
	right: 33px;
	position: absolute;
    text-indent: -999999px;
}

.mr-rotato-prev, .mr-rotato-next, .mr-rotato-disabled {
	margin-top: -30px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
	
.mr-rotato-prev:hover, .mr-rotato-next:hover {background-color:#28a1ce; }

/*================================================= */
/* Contact Form Styles 
================================================== */
#google_map {padding: 0 0 40% 0;}

#contact-form {margin-bottom: 25px;}
#send {margin-top: 12px;}

.field textarea {
	max-width: 97%;
	min-width: 97%;
	height: 160px;
}

.field input {
	width: 240px;
	display: block;
}

.field:focus {border: 1px solid #ddd;}

.field label {margin: 12px 0 4px 0; display: block;}
.field label span {color:#ea1c1c;}

.field .validation-error, 
.field .validation-error:focus {
	border:1px solid #f2c4c2;
	background: #ffeceb;
}

.loading {
	background:url(loader.gif) no-repeat; 
	height:28px; 
	width:28px; 
	display: none;
	float: left;
	margin: 17px 0 0 12px;
}

.success-message {display:none;}

.address_contact {color:#676767; font-family: Tahoma,arial, sans-serif; padding-bottom:12px; line-height: 18px;}
.address_contact  img{float:left; padding-right:7px}
.address_contact  strong{font-weight:bold; color:#555; display:block; float:left; padding-bottom:8px; padding-right:4px; font-family:Arial,Helvetica,sans-serif}
.address_contact  a{color:#197fff}
.address_contact  a:hover{color:#888}

/*================================================= */
/* Portfolio Styles
================================================== */

#filters {
	float: left;
	margin-top: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e1e1e1;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

#filters ul li {
	display: inline;
	padding: 0 10px 0 0;
	margin: 0 5px 0 0;
	background: url(filter_divider.png) no-repeat  100% 50%;
}

#filters li:last-child  {background: none;}

#filters a {
	color: #777;
	font-size: 12px;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	padding: 2px 5px;
}

#filters a:hover {
	color: #fff;
	background: #888;
	padding: 2px 5px;
}

.selected {background: #28a1ce; color: #fff !important;}
.selected:hover {background: #28a1ce!important;}

.portfolio-item {margin-bottom: 20px;}

.portfolio-item-meta h4 {
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 16px;
	padding: 12px 0 8px 0;
	margin: 0 0 8px 0;
	border-bottom: 1px solid #e1e1e1;
}

.portfolio-item-meta a, .item-meta a {color:#464646;}
.portfolio-item-meta a:hover {color:#6f9c00;}
.portfolio-item-meta p {color: #888;}

/*================================================= */
/* Isotope Styles
================================================== */

/**** Isotope Filtering ****/
.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	 -moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	 transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-ms-transition-property:     -ms-transform, opacity;
	-o-transition-property:         top, left, opacity;
	transition-property:         transform, opacity;
}

/**** Disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	 transition-duration: 0s;
}

/* Disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

/*================================================= */
/* About
================================================== */
.clients {border: 1px solid #e1e1e1; background: #fff; width: 100%; margin: 0 0 20px 0;}
.team_img {border: 1px solid #e1e1e1; margin-bottom:15px;}
.team {margin-bottom: 30px; height: 152px;}
.team h4 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.5px;
	color: #464646;
	line-height: 17px;
}

.team span {color: #777;}
.team p {padding-top: 8px;}

/*================================================= */
/* Footer
================================================== */
#footer {background: #363636; margin: 0; color:#bbbbbb; padding: 5px 0; }
#footer p {line-height: 20px;}

#footer_bottom {background: #3f3f3f; border-top: 1px solid #484848; min-height: 50px;}
#footer-logo {height: 70px; margin: 5px 0 0 0;}

#footer h4 {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 16px;
	color:#fff;
	font-weight: bold;
	letter-spacing: -0.5px;
	display: block;
	border-bottom: 1px solid #484848;
	padding: 10px 0;
	margin: 5px 0 15px 0;
}

.copyright {margin: 15px 0; color: #aaa;}
.copyright a, .copyright span {color:#ffffff;}

/*================================================= */
/* Footer - Social Icons
================================================== */
ul.social{
	float: left;
	width:100%;
	margin-top: 18px;
}
ul.social li{
	float:left;
	margin-right:5px;
	width:27px;
	height:27px;
	display: block;
}
ul.social li a {
	-webkit-transition: opacity 120ms ease-in-out;
	-moz-transition: opacity 120ms ease-in-out;
	-o-transition: opacity 120ms ease-in-out;
	transition: opacity 120ms ease-in-out;
	float:left; width:27px; height:27px; display: block; 	-moz-opacity: 0.4;opacity: 0.4; filter:alpha(opacity=0.4);
}

ul.social li a:hover {
	opacity: 1;
	-moz-opacity: 1;
}

ul.social li.facebook a{background:url(social_icons/facebook.png) no-repeat;}
ul.social li.twitter a{background:url(social_icons/twitter.png) no-repeat;}
ul.social li.vimeo a{background:url(social_icons/vimeo.png) no-repeat;}
ul.social li.linked a{background:url(social_icons/linked.png) no-repeat;}
ul.social li.flickr a{background:url(social_icons/flickr.png) no-repeat;}
ul.social li.behance a{background:url(social_icons/behance.png) no-repeat;}
ul.social li.delicious a{background:url(social_icons/delicious.png) no-repeat;}
ul.social li.deviantart a{background:url(social_icons/deviantart.png) no-repeat;}
ul.social li.dribbble a{background:url(social_icons/dribbble.png) no-repeat;}
ul.social li.forrst a{background:url(social_icons/forrst.png) no-repeat;}
ul.social li.google a{background:url(social_icons/google.png) no-repeat;}
ul.social li.lastfm a{background:url(social_icons/lastfm.png) no-repeat;}
ul.social li.myspace a{background:url(social_icons/myspace.png) no-repeat;}
ul.social li.picassa a{background:url(social_icons/picassa.png) no-repeat;}
ul.social li.quik a{background:url(social_icons/quik.png) no-repeat;}
ul.social li.reddit a{background:url(social_icons/reddit.png) no-repeat;}
ul.social li.rss a{background:url(social_icons/rss.png) no-repeat;}

/*================================================= */
/* Footer - Address
================================================== */
.address{color:#bbb; font-family: Tahoma,arial, sans-serif; padding-bottom:12px; line-height: 18px;}
.address img{float:left; padding-right:7px}
.address strong{font-weight:bold; color:#fff; display:block; float:left; padding-bottom:8px; padding-right:4px; font-family:Arial,Helvetica,sans-serif}
.address a{color:#3399cc}


/*================================================= */
/* Footer - Twitter Widget
================================================== */
#twitter {
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	float: left;
	display: block;
	color: #bbb;
	margin-bottom: 20px;
}
#twitter b a {color: #6b6b6b}
#twitter li {line-height: 18px;}
#twitter li:last-child {padding: 0; margin: 0;}
#twitter a {color: #75a500;}
#twitter a:hover {color: #bbb;}

/*================================================= */
/* Footer - Flickr Widget
================================================== */
.flickr-widget {margin-right: -6px}

.flickr-widget a {
	float: left;
	width: 42px;
	height: 42px;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 3px solid #6b6b6b;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.flickr-widget img {display: block;width: 100%;}
.flickr-widget a:hover {border-color: #c0c0c0;}

/*================================================= */
/* Back To Top
================================================== */
#backtotop {
	position: fixed;
	right:0px;
	display:none;
	bottom: 20px;
	margin: 0 20px 0 0;
}

#backtotop a {
	text-decoration:none;
	border:0 none;
	display:block;
	width:45px;
	height:45px;
	background: url(back_to_top_btn.png) no-repeat 50% 50%;
	background-color:#c0c0c0;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#backtotop a:hover {background-color: #28a1ce;}

/*================================================= */
/* #Media Queries
================================================== */
	/* Desktop 960 */
	@media only screen and (min-width: 960px) {
		.flexslider.home {height: 390px;}
		.flexslider {min-height: 1px;}
		.flexslider.blog {height: auto;}
		#portfolio-wrapper {min-height: 600px;}
	} 
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#tagline {font-size: 20px}
		#navigation ul li a {font-size: 11px;}
		#navigation ul ul li a {font-size: 12px;}
		.testimonials_author {display: none;}
		.flickr-widget a {height: 45px; width: 45px;}
		.flickr-widget-blog a {height: 59px; width: 59px;}
		.avatar {height: 40px; width: 40px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#navigation {float: left; width: 100%}
		.js #nav { display: none; }
		.js .selectnav { display: block; }
		#navigation ul {display: none;}
		.slider-caption {display: none;}
		.slider-caption-2 {display: none;}
		#tagline {font-size: 20px}
		.mr-rotato-prev, .mr-rotato-next, .mr-rotato-disabled {margin-right: -10px;}
		.flickr-widget {margin-bottom: 25px;}
		.meta-blog h4 {padding-top: 0;margin-top: 0;}
		#blog_widget_container {display: none;}
		.portfolio-item-meta {margin: 0 0 25px 0}
		#backtotop a {display: none;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.flickr-widget a {height: 39px; width: 39px;}
		.img-blog {float: left; width: 30%; margin: 0 15px 15px 0;}
		.avatar {height: 35px; width: 35px;}
		.contact_textarea {width: 94%; max-width: 94%;}
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.flickr-widget a {height: 47px; width: 47px;}
		.img-blog {float: left; width: 30%; margin: 0 15px 15px 0;}
		.meta-blog span, .meta-blog p {font-size: 11px; padding:0; line-height: 18px; margin: 0;}
		.post-meta {display: none;}
		.post h2 a {margin-bottom: 10px;}
		.avatar {height: 25px; width: 25px;}
		.contact_textarea {width: 92%; max-width: 92%;}
	}
	
/* line 2, ../../app/assets/stylesheets/slides.css.scss */
.slide_form .control-group.integer {
  overflow: hidden;
}
/* line 5, ../../app/assets/stylesheets/slides.css.scss */
.slide_form .control-group.integer .template-example {
  float: left;
}
/* line 2, ../../app/assets/stylesheets/testimonials.css.scss */
.testimonials .testimonial-image {
  height: 60px;
  width: 90px;
  float: left;
  margin-right: 5px;
}
/* line 2, ../../app/assets/stylesheets/pages.css.scss */
.show_about_us img.clients {
  width: 222px;
  height: 122px;
}

/* line 9, ../../app/assets/stylesheets/pages.css.scss */
.action-home .item-img.img-blog img {
  height: 151px;
}
/* line 13, ../../app/assets/stylesheets/pages.css.scss */
.action-home .item-img.img-product img {
  height: 199px;
}
/* line 2, ../../app/assets/stylesheets/products.css.scss */
.flexslider.product .slides li {
  height: 480px;
}

/* line 6, ../../app/assets/stylesheets/products.css.scss */
.portfolio-item .item-img img {
  height: 147px;
}
/* line 1, ../../app/assets/stylesheets/blog_posts.css.scss */
#blog_widget_container .widget-text {
  padding-bottom: 10px;
  border-bottom: 1px #E1E1E1 solid;
}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/assets/colorbox-rails/overlay-6d80601cc3286909ca41c34ad4d2ee7f.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/assets/colorbox-rails/controls-651766413a0e3b4dfdb2e35ef5619e5a.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/assets/colorbox-rails/controls-651766413a0e3b4dfdb2e35ef5619e5a.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/assets/colorbox-rails/controls-651766413a0e3b4dfdb2e35ef5619e5a.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/assets/colorbox-rails/controls-651766413a0e3b4dfdb2e35ef5619e5a.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/assets/colorbox-rails/controls-651766413a0e3b4dfdb2e35ef5619e5a.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/assets/colorbox-rails/controls-651766413a0e3b4dfdb2e35ef5619e5a.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/assets/colorbox-rails/border-5451af1f129bafdea45e0ebf71b8a53e.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/assets/colorbox-rails/border-5451af1f129bafdea45e0ebf71b8a53e.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/assets/colorbox-rails/controls-651766413a0e3b4dfdb2e35ef5619e5a.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/assets/colorbox-rails/controls-651766413a0e3b4dfdb2e35ef5619e5a.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/assets/colorbox-rails/loading_background-aea924d1d648e1f05505d6d2856d634d.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/assets/colorbox-rails/loading-1df9f13f5236cb439bd7bd88de972dff.gif) no-repeat center center;}
        #cboxClose{border: none; position:absolute; bottom:0; right:0; background:url(/assets/colorbox-rails/controls-651766413a0e3b4dfdb2e35ef5619e5a.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(/assets/colorbox-rails/ie6/borderTopLeft-3947e494a38ca77e35c0032174c62394.png);}
.cboxIE6 #cboxTopCenter{background:url(/assets/colorbox-rails/ie6/borderTopCenter-f80ee52be805448b815fbf6c0cb4a4a1.png);}
.cboxIE6 #cboxTopRight{background:url(/assets/colorbox-rails/ie6/borderTopRight-7cf23a5641b429cc6b4ddc56b91cf3b8.png);}
.cboxIE6 #cboxBottomLeft{background:url(/assets/colorbox-rails/ie6/borderBottomLeft-d3d738989dfd14a7c1c054faa709f8bf.png);}
.cboxIE6 #cboxBottomCenter{background:url(/assets/colorbox-rails/ie6/borderBottomCenter-8f2919af19fc9eeee1bf67b6ec550f3c.png);}
.cboxIE6 #cboxBottomRight{background:url(/assets/colorbox-rails/ie6/borderBottomRight-2db841682c27c97fd5b66c2a37adc967.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/assets/colorbox-rails/ie6/borderMiddleLeft-db6c934f8e2f14756d2beb1a89332275.png);}
.cboxIE6 #cboxMiddleRight{background:url(/assets/colorbox-rails/ie6/borderMiddleRight-4f89fc9fe08febe47da5340f825b7bbb.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
/*

*/
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *















*/


.main-content{
  min-height: 300px;
} 

#logo{
  height: 35px;
  margin-top: 15px;
}

#footer-logo{
  height: 55px;
  margin-top: 15px;
}

.image{
  border: 1px solid #cccccc;
  background: #ffffff;
  padding: 2px;
}