/* @override 
	http://127.0.0.1/~jkestner/supermechanical2/stylesheets/desktop.css
	http://127.0.0.1/stylesheets/desktop.css
*/

/* Desktop styles - these will be applied to larger screen sizes. */


/* =Layout classes --------------------------------------------- */

.row {
width: 100%;
}

.column, .row .column {
float: left;
margin-right: 3.5%;
margin-bottom:0;
}

.row .column:last-child {
float:right;
margin-right:0;
}

form .row .column:last-child {
float:left;
}

.column-2 .column,
.column .column-2 .column { width:48%;}

.column-3 .column,
.column .column-3 .column { width:30.9%;}

.column-3 .column-span-2,
.column .column-3 .column-span-2 { width:64.1%; }

.column-4 .column,
.column .column-4 .column { width:22.3%; }

.column-4 .column-span-2,
.column .column-4 .column-span-2 {width:48.1%;}

.column-4 .column-span-3,
.column .column-4 .column-span-3 {width:73.9%;}

.column-5 .column,
.column .column-5 .column { width:17%;}

.column-5 .column-span-2,
.column .column-5 .column-span-2 {width:37.5%;}

.column-5 .column-span-3,
.column .column-5 .column-span-3 {width:58%;}

.column-5 .column-span-4,
.column .column-5 .column-span-4  {width:79%;}



img { 
max-width: 100%; /* Images are full size on desktop, scale down on smaller screens. */
}


.align-right { /* Right alignment for desktop layout. Everything on mobile aligns to the left */
text-align:right;
}


/* =Text */

h1 {
font-size:5.25em;
}

h2 {
font-size:3.75em;
}

p.leadin { /* Intro parapgraphs in some sections */
font-size: 1.1em;
line-height:2em;
}

/* =Structure */

.content { /* Container for all...you know...content */
width: 70em;
}

.section {
min-width: 1024px; /* Fixes iPad scaling issue */
}


/* =Navigation */

.menu { /* Menu toggle button. Only visible at small widths. */
display:none;
}

.nav { /* Main navigation. Only visible at larger widths. */
display:block !important;
}

.header .row {

position: relative;
overflow:visible;
height: 55px;
padding-bottom:0;

}


.header ul {
clear: both;
overflow: hidden;
display:block;
list-style:none;
margin-bottom:0;
margin-top:0;
height: 49px;
position:absolute;
bottom:-5px;
right:0;
}


.header li {
float: left;
margin: 0 2.75em 0 0; /* Right margin sets space between items. */
line-height: normal;
}


.header ul li:last-child { 
margin-right:0;
}

.header li a, .header li a:visited {
font-family: 'OstrichSansMedium', Arial, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #6b6b6b;
background: none;
display:block;
padding: 0 0 .5em 0;
text-decoration: none;
font-size: 2.2em;
}

.header li a:hover, .header li.active a {
color: #6b6b6b;
border-bottom: solid 5px #e0583e;
}

#company-header li a { font-size: 1.4em;}
#company-header ul { 
	list-style:none;
	margin-bottom:0;
	margin-top:0;
	height: 29px;
	position:absolute;
	bottom:0px;
	right:0;
}
.header #company-header.row {
	height: 35px;
	padding-bottom:0;
}


.sensors .callout {
float:left;
margin-right:1.5em;
width:37%;
width:42%;
}

.sensors img {
margin: 2em 0 0 0;
}


.promo p {
	line-height: 1.75em;
}

.promo-back {
 }