/*   
Theme Name: Mellanrum
Theme URI: 
Description: Specialutformat tema av Logotypebolaget Sverige AB
Version: 1.0
Tags: 
Author: Emil Typlt-Tufvesson - Logotypebolaget
Author URI: http://www.logotypebolaget.se
*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

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

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

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

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {
    cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
    margin: 0;
}

/* make buttons play nice in IE */
button {
    width: auto;
    overflow: visible;
}
 
/* scale images in IE7 more attractively */
.ie7 img {
    -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover */
.ie6 html {
    filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

img{
	border: 0;
}


/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

body, select, input, textarea {color:#1a1a1a;}

a {color: #1a1a1a;}
a:hover {color: #F9A533;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #F9A533; color: #fff; text-shadow: none;}
::selection {background: #F9A533; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #F9A533;} 

ins {background-color: #F9A533; color: #000; text-decoration: none;}
mark {background-color: #F9A533; color: #000; font-style: italic; font-weight: bold;}

h1, h2, h3, h4, h5, h6 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

/* Main style
-------------------------------------------------------------------------------*/

.wrapper {
	width:834px;
	margin: 0 auto;
}

body{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	background:url(img/bg.png) #EBEAE8;
}
	
em {
	font-family: 'OpenSansItalic';
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	}
	
strong {
	}

h1, h2 { 
	font-family: 'OswaldBook';
	font-weight: normal;
	font-style: normal;
	font-size: 21px;
	margin: 20px 0 10px 0;
	text-transform: uppercase;
}

.caption { 
	position:absolute;
	bottom: 0px;
	left: 0px;
	width: 766px;
	height: 31px;
	padding: 25px;
	background:url(img/trans2.png);
	z-index: 500;
}

.error404 .caption { 
	display: none;
}

.caption h1 {
	color: black;
	margin: 0;
}

.caption h1 a{
	text-decoration: none;
}

.caption h1 a:hover{
	color: #666;
	text-decoration: underline;
}

.caption-home {
	font-family: Georgia, Times, "Times New Roman", serif;
	position:absolute;
	bottom: 0px;
	right: 0px;
	padding: 30px 40px;
	font-size: 30px;
	color:#fff;
}

h2 { 
	font-size: 17px;
}

#container h1{
	text-transform: uppercase;
}


/* Header
-------------------------------------------------------------------------------*/

.wrapper{
}

#header{
	z-index: 200;
	width: 813px;
	margin-left: 9px;
}


#logo img{
	position: absolute;
	z-index: 200;
	margin-top: 10px;
	
}

#logo img:hover{
	opacity: 0.8;
}

.home #logo img{
	position: fixed;
	z-index: 200;
	margin-top: 10px;
	
}

#nav{
	position: absolute;
	margin-left: 469px;
	z-index: 200;
	margin-top: 10px;
	width: 347px;
}

.home #nav{
	position: fixed;
	margin-left: 469px;
	z-index: 200;
}


.mega-menu ul, .mega-menu ul li {
    list-style: none;
}

.mega-menu ul.menu {
    position: relative;
    padding: 0;
    margin: 0;
    
}

.mega-menu ul li ul {
    display: none;
}

.mega-menu .sub {
    display: none;
}

.mega-menu .sub ul {
    display: block;
}

#mega-menu-1 {
	font-family: 'OswaldLight';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 12px;
	line-height:16px;
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0;
}


#mega-menu-1 li ul, #mega-menu-1 .sub {
    display: none;
}

#mega-menu-1 .sub ul {
    display: block;
    padding-left:0;
}

#mega-menu-1 {
    width: 100%;
    background:#FAA633;
	height: 44px;
	position:relative;
	-webkit-border-radius: 0px 0px 70px 0px;
	border-radius: 0px 0px 70px 0px;
}

#mega-menu-1 li {
    float: left;
    margin: 0;
    padding: 0;
	font-size:13px;
}

#mega-menu-1 li.last {
	background: none;
}

#mega-menu-1 li a {
    float: left;
    display: block;
    color: #fff;
    padding: 14px 27px 14px 15px;
    text-decoration: none;
}

#mega-menu-1 li.mega-hover a, #mega-menu-1 li a:hover {
    color: #666;
}

#mega-menu-1 li.current-menu-item a {
    color: #000;
}

.home #mega-menu-1 li a.a-menu {
    color: #000;
}

#mega-menu-1 li .sub-container.mega,
.menu-item .sub
{
    position: absolute;
    margin-left: -50px;
}

#mega-menu-1 li .sub {
    background:#FAA633;
	-webkit-border-radius: 0px 0px 0px 30px;
	border-radius: 0px 0px 0px 30px;
	padding: 7px 7px 7px 17px;
}


#mega-menu-1 li .sub .row {
    width: 470px !important;
    overflow: hidden;
    clear: both;
}

#mega-menu-1 li .sub li {
    list-style: none;
    float: none;
    font-size: 1em;
    font-weight: normal;
    background: none;
}

#mega-menu-1 li .sub li.mega-hdr {
    margin: 0;
    float: left;
	background:url(img/menu_bg.png) no-repeat right top;
}

#mega-menu-1 li .sub li.mega-hdr.last {
    margin-right: 0;
	background:url(img/menu_bg.png) no-repeat -1px top;
	width: 90px !important;
}

#mega-menu-1 li .sub a {
    background: none;
    color: #666;
    padding: 7px 10px;
    display: block;
    float: none;
    font-size: 12px;
}

#mega-menu-1 li .sub a:hover {
    color: #FFF;
}

#mega-menu-1 .sub ul .left {
	float:left;
	width: 50%;
	margin-top: 10px;
}

#mega-menu-1 .sub ul .right {
	float:left;
	width: 50%;
	margin-top: 10px;
}



#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
    padding: 5px 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #fff;
}

#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover {
    color: #000;
}

#mega-menu-1 .sub li.mega-hdr li a {
    padding: 4px 5px;
    font-weight: normal;
}

#mega-menu-1 .sub li.mega-hdr li a:hover {
    color: #FFF;
}

#mega-menu-1 .sub ul li {
    padding-right: 0;
    background: none;
    width: 190px;
}


#mega-menu-1 .non-mega .sub  {
   -webkit-border-radius: 0px 0px 0px 30px;
	border-radius: 0px 0px 0px 30px;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.35);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
	padding: 7px 7px 7px 10px;
    width: 100px;
   margin-left: -16px;
   top: 36px;
}

#mega-menu-1 li .non-mega .sub {

}

#mega-menu-1 li .non-mega li {
    padding: 0;
    width: 100px;
    margin: 0;
    background: none;
}

#mega-menu-1 li .non-mega li a {
    padding: 7px 5px 7px 22px;
    background: none;
}

#mega-menu-1 li .non-mega .sub li a {
    padding: 5px 10px;
    background: none;
}


#mega-menu-1 li .non-mega li a:hover {
    color: #fff;
    background: none;
}

#mega-menu-1 .sub .filter .active, #mega-menu-1 .sub .filter .selected

{
    color:#FFF;
}


/* Content
-------------------------------------------------------------------------------*/

.isotope-hover{
	-webkit-transition: all 0.3s ;
-moz-transition: all 0.3s ;
-ms-transition: all 0.3s ;
-o-transition: all 0.3s ;
transition: all 0.3s ;
}

.isotope-hover:hover{
	-webkit-transition: all 0.3s ;
-moz-transition: all 0.3s ;
-ms-transition: all 0.3s ;
-o-transition: all 0.3s ;
transition: all 0.3s ;
-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
}

.isotope-hover em{
	font-size: 11px;
}

#container .isotope-hover:hover a h1 {
text-decoration: underline;
}

#container .isotope-hover:hover a{
color:#1a1a1a;
}



#content h1 a{
	text-decoration: none;
	font-size: 17px;
}

#content h1 a:hover{
	text-decoration: underline;
	
}

#main-content {
	margin:10px auto;
	-webkit-box-shadow: 1px 1px 5px 0px #888;
	box-shadow: 1px 1px 5px 0px #888;
	-webkit-border-radius: 0px 0px 70px 0px;	
	border-radius: 0px 0px 70px 0px;
	padding-top: 260px;
	width: 816px;
	position: relative;
	margin-bottom: 10px;
	margin-top: 65px;
}

.page-template-page-blogg-php #main-content{
	margin-top: 10px;
}

.page-template-page-blogg-php  #main-content.blogg_1{
	margin-top: 65px;
}


#main-content p{
margin: 10px 0;
}

#main-content ul{
margin: 10px 0;
}

#main-content .inner{
	background: #FFF;
	-webkit-border-radius: 0px 0px 70px 0px;
	border-radius: 0px 0px 70px 0px;
	padding: 20px 25px 25px 25px;
	position: relative;
	z-index: 10;
}

.knapp {
	margin:20px 0; 
}

.knapp a{
	color:#FFF; 
	width: 200px;
	padding: 5px 25px 5px 15px;
	font-weight: bold;
	background: #F9A533;
	-webkit-box-shadow: 1px 1px 5px 0px #888;
	box-shadow: 1px 1px 5px 0px #888;
	font-family: 'OswaldBook';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 15px;
	text-align: center;
	-webkit-border-radius: 0px 0px 70px 0px;
	border-radius: 0px 0px 70px 0px;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.knapp a:hover{
	background: #666;
}


/* Filter Styling */
ul.filter li { 
	float:left;
	margin-right:20px;
}

ul.filterable-grid li {
	width:295px;
	float:left;
	margin-right:10px;
}


ul.filterable-grid li p {
	text-align:center;
	display:block;
}




.grid h1, .content .grid h2{
	padding: 5px 0;
	margin: 0;
}

.content .grid_1,
.content .grid_2,
.content .grid_3
{
	margin-top: 10px;
	margin-bottom: 10px;
}


.content .grid_1,
.content .grid_2,
.content .grid_3
{
	-webkit-box-shadow: 1px 1px 5px 0px #888;
	box-shadow: 1px 1px 5px 0px #888;
}

.content .grid_1 .inner,
.content .grid_2 .inner,
.content .grid_3 .inner{
	padding: 0 10px;
	background: url("img/trans.png");
	height: 120px;
}

.content .pos_2 .inner{
	bottom: 0;
	position: absolute;
	left: 0;
}

.content .pos_3 .inner{
	height: 100%;
	width: 45% !important;
}

.content .pos_4 .inner{
	height: 100%;
	width: 45% !important;
	float: right;
}

.content .height_1{
	height: 258px;
}

.content .height_2{
	height: 536px;
}


.content .horn_1 .inner h1{
	margin-left: 30px;
}

.content .horn_1, .content .horn_1 .inner{
	-webkit-border-radius: 70px 0px 0px 0px;
	border-radius: 70px 0px 0px 0px;
}

.content .horn_1, .content .horn_1 .inner{
	-webkit-border-radius: 70px 0px 0px 0px;
	border-radius: 70px 0px 0px 0px;
}

.content .horn_2, .content .horn_2 .inner{
	-webkit-border-radius: 0px 70px 0px 0px;
	border-radius: 0px 70px 0px 0px;
}

.content .horn_3, .content .horn_3 .inner{
	-webkit-border-radius: 0px 0px 70px 0px;
	border-radius: 0px 0px 70px 0px;
}

.content .horn_4, .content .horn_4 .inner{
	-webkit-border-radius: 0px 0px 0px 70px;
	border-radius: 0px 0px 0px 70px;
}

#container h1{
	font-size: 17px;
}

.page .height_2{
	height: 258px !important;
}

.container_3 .grid_1 .inner {
    width: 238px;
}

.container_3 .grid_2 .inner {
    width: 516px;
}

.container_3 .grid_3 .inner {
    width: 794px;
}

.container_3 .pos_b .inner {
    position:absolute;
    bottom: 0;
}

.container_3 .pos_h .inner {
    position:absolute;
    right: 0;
    width: 120px;
    height: 100%;
}

.slide, .slide2{
	position: absolute;
	top: 0;
	width:816px;
	height:260px;
}


.slides{
	position:relative;
	margin: 0 auto;
	width:816px;
	height:260px;
}

.home .slides{
	-webkit-border-radius: 0px 0px 70px 0px;
	border-radius: 0px 0px 70px 0px;
}

.home .slides_container div img{
	-webkit-border-radius: 0px 0px 70px 0px;
	border-radius: 0px 0px 70px 0px;
}


.slides_container {
	width:816px;
	display:none;
}

.slides_container div {
	width:816px;
	height:260px;
	display:block;
	position:relative;
}

.pagination {
   display:  none;
}

#container .grid_Spot{
	width: 258px;
	height: 258px;
	margin: 0px;
	-webkit-box-shadow: 1px 1px 5px 0px #888;
	box-shadow: 1px 1px 5px 0px #888;
	display: inline;
	float: left;
	position: relative;
	margin: 10px;
}

#container .grid_Spot .inner {
	padding: 0 10px;
	background: url("img/trans.png");
}

#container a {
text-decoration: none !important;
font-size: 11px;
}

#container a:hover p {
text-decoration: none !important;
color:#1a1a1a;
}

#container a:hover h1 {
text-decoration: underline !important;
color:#1a1a1a;
}


/* Contact form
-------------------------------------------------------------------------------*/

#main-content .wpcf7{
	font-size: 13px;
	width: 400px;
	float:left;
}

.kontakt{
	float:left;
	margin-left: 50px;
	width: 300px;
	text-align: right;
}

.kontakt p{
	margin:10px 0; 
}


.kontakt h1{
	margin-top: 10px;
}

.wpcf7-text, .wpcf7-textarea{
	background: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #828483;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 300px;
	-webkit-box-shadow: 1px 1px 5px 0px #888;
	box-shadow: 1px 1px 5px 0px #888;
}

.wpcf7-textarea{
	height: 100px;
	width: 400px;
}

.wpcf7-submit {
	border: 1px solid #828483;
	background: #FDFDFD;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 20px;
	font-family: 'OswaldBook';
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	color:#1A1A1A;
	-webkit-box-shadow: 1px 1px 5px 0px #888;
	box-shadow: 1px 1px 5px 0px #888;
	text-transform: uppercase;
}

.wpcf7 p {
margin: 0;
}

.wpcf7-submit:hover {
	background: #F9A533;
	color:#fff;
	border: 1px solid #F9A533;
}

.name .wpcf7-text{
	width: 100%;
	
}

.email .wpcf7-text{
	width: 100%;
	
}

.name {
	width: 180px;
	float:left;
	position:relative;
}

.email {
	width: 180px;
	float:left;
	position:relative;
}



#lightbox #imageDetails {
display: none;
}

/* Start: Recommended 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;
}

/* End: Recommended Isotope styles */





.content .wpcf7-response-output, .content .wpcf7-not-valid-tip {
	position: absolute;
	margin:0;
	z-index: 500;
	background-color: #B5121B;
	border: 0;
	color:#fff;
	margin-top: 5px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.35);
	box-shadow: 0 1px 5px rgba(0,0,0,0.35);
	font-size: 14px;
	padding: 5px 10px;
}

.content .wpcf7-not-valid-tip {
	margin-left: -20px;
	width: 170px;
	font-size: 12px;
}

.content .wpcf7-mail-sent-ok{
	background-color: #00BC2A;
}


.content .ngg-galleryoverview {
	padding-top: 20px;
	padding-bottom: 30px;
}


.content .ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:0px solid #A9A9A9;
	display:block;  
	margin: 10px 0px 10px 5px;
	padding:0px;
	position:relative;
	-webkit-border-radius: 0px 0px 30px 0px;
	border-radius: 0px 0px 30px 0px;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.35);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
	-webkit-transition: all 0.3s ;
	-moz-transition: all 0.3s ;
	-ms-transition: all 0.3s ;
	-o-transition: all 0.3s ;
	transition: all 0.3s ;
	height: 150px;
}

.content .ngg-gallery-thumbnail img:hover {
	background-color: #B5121B;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
	opacity: 1;
}

.content .ngg-navigation a.page-numbers:hover,
.content .ngg-navigation a.next:hover,
.content .ngg-navigation a.prev:hover,
.content .ngg-navigation span.page-numbers:hover,
.content .ngg-navigation span.next:hover,
.content .ngg-navigation span.prev:hover {
	background-color: #D20F00;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

.single-portfolio .left{
	float:left;
	position:relative;
	width: 240px;
	padding-right: 20px;
	font-size: 14px;
	font-family: 'OswaldBook';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

.single-portfolio .left em{
	font-family: 'OpenSansItalic';
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	text-transform: capitalize;
}

.single-portfolio .right{
	float:left;
	position:relative;
	width: 480px;
	border-left: 1px #B6B6B6 solid;
	padding-left: 20px;
	margin-bottom: 20px;
}

#main-content .rows{
	float:left;
	position:relative;
	width: 31.33%;
	margin-right: 2%;
}

#main-content .rows ul{
	list-style: circle;
	margin-left: 0px;
	padding-right: 20px;
	padding-left: 25px;
}

#main-content .rows ul li{
	padding: 1px 0;
}

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


#footer {
}

.copy{
	margin: 30px auto;
	color:#111; 
	width: 200px;
	padding: 5px 20px 5px 5px;
	font-weight: bold;
	background: #FFF;
	-webkit-box-shadow: 1px 1px 5px 0px #888;
	box-shadow: 1px 1px 5px 0px #888;
	font-family: 'OswaldLight';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
	-webkit-border-radius: 0px 0px 70px 0px;
	border-radius: 0px 0px 70px 0px;
}


#footer a{
	color: #333;
}

#footer a:hover{
	color: #111;
	text-decoration: none;
}

.st_plusone_hcount{
	margin-left: 12px !important;
}


/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - 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: 834px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_3 {
    margin-left: auto;
    margin-right: auto;
    width: 834px;
}

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


.grid_1,
.grid_2,
.grid_3 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3 {
    position: relative;
}


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

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* Grid >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.container_3 .grid_1 {
    width: 258px;
}

.container_3 .grid_2 {
    width: 536px;
}

.container_3 .grid_3 {
    width: 814px;
}




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


.container_3 .prefix_1 {
    padding-left: 278px;
}

.container_3 .prefix_2 {
    padding-left: 556px;
}



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


.container_3 .suffix_1 {
    padding-right: 278px;
}

.container_3 .suffix_2 {
    padding-right: 556px;
}



/* Push Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.container_3 .push_1 {
    left: 278px;
}

.container_3 .push_2 {
    left: 556px;
}



/* Pull Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.container_3 .pull_1 {
    left: -278px;
}

.container_3 .pull_2 {
    left: -556px;
}