
/* togglenav */
#main .togglenav { width:100%; margin:0 auto; text-align:center; }
#main .togglenav li,
#main .togglenav li a { display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1; }

#main .togglenav li a { padding:6px 20px 7px 21px; min-width:115px; border:1px solid #cfcfcf; border-left:0; text-decoration:none;
	background-color:#f8f8f8;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f4f4f4));
	background:-moz-linear-gradient(100% 100% 90deg, #f4f4f4, #fefefe);
	-webkit-box-shadow:inset 1px 0 0 #fff; -moz-box-shadow:inset 1px 0 0 #fff; box-shadow:inset 1px 0 0 #fff;
}
#main .togglenav li a:hover {
	background-color:#ebebeb;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#ebebeb));
	background:-moz-linear-gradient(100% 100% 90deg, #ebebeb, #f6f6f6);
}
#main .togglenav li:first-child a {
	-webkit-border-radius:6px 0 0 6px; -moz-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px;
	-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
}
#main .togglenav li:last-child a {
-webkit-border-radius:0 6px 6px 0; -moz-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0;
}

#main .togglenav li a.first-child { padding-left:20px; border-left:1px solid #cfcfcf; }
#main .togglenav li a.active  
{
	padding-left:20px; color:#fff; cursor:default; 
	text-decoration:none; border:1px solid #666;
	background: #636363;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#545454), to(#7b7b7b));
	background:-moz-linear-gradient(100% 100% 90deg, #7b7b7b, #545454);
	-webkit-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset; -moz-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset;  box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset;
}


/* galleries */
.gallery-content.video
{
	text-align:center;padding-top: 100px;
}

.content { width:830px; padding:50px 75px 10px; }
.content .violator { position:absolute; top:0; right:0; }

#main #content .row { padding-top:45px; margin-bottom:-20px; zoom:1; }
#main #content .row header { margin-bottom:50px; }
#main #content .row header h1 { margin-bottom:25px; }
#main #content .row header p { width:720px; margin-bottom:0; }

#main #content .row .gallery.ios { margin:0 -50px 30px;  }
#main #content .row .gallery.web { height: 580px; }

#main #content .row .gallery .flushpad.ios { padding:0; margin-left:-25px; margin-right:-25px; }
#main #content .row .gallery .flushpad.web {        padding: 0;}

#main #content .row .gallery figure img { margin-bottom:-35px; }

#main #content .row .gallery figcaption .caption { padding:0 10px; margin-bottom:0px; }

#main #content .row .gallery .grid2col figcaption,
#main #content .row .gallery .grid3col figcaption { width:auto; }
#main #content .row .togglenav { margin-bottom:65px; }

#main #content .row figcaption .pin { width:110px; position:absolute; z-index:3; font-size:.85em; line-height:1.4em; text-align:left; }
#main #content .row figcaption .pin.center { text-align:center; }
#main #content .row figcaption .pin h4 { margin-bottom:2px; line-height:1.4em; }

#main #content .row .grid2col { width:800px; margin:50px 30px; }
#main #content .row .grid3col { width:910px; margin:0 50px; }
#main #content .row .grid3col img { margin:10px 0 20px 19px !important; }
#main #content .row .grid2col img { margin:10px 0 20px 19px !important; }
#main #content .row .grid3col .column { width:290px; margin-left:20px; }
#main #content .row .grid3col .column figcaption { padding:0 0 0 20px; font-size:.9em; line-height:1.4em; text-align:left; }
#main #content .row .grid2col .column { width:335px; margin-left:20px; }
#main #content .row .grid2col .column.last { width:450px; text-align: center;}
#main #content .row .grid2col .column figcaption { padding:0 0 0 20px; font-size:.9em; line-height:1.4em; text-align:center; }

#main #content .row .hardware.grid2col { width:500px; margin:0 240px; }
#main #content .row .hardware.grid3col { width:778px; margin:0 120px; }
#main #content .row .hardware img { margin:78px 0 105px 19px !important; }
#main #content .row .hardware .column { min-height:511px; width:223px; margin-left:55px; background-image:url(hardware_iphone_white.jpg); background-repeat:no-repeat; background-position: 0 0; }
#main #content .row .hardware .column figcaption { padding:0 0 0 20px; font-size:.9em; line-height:1.5em; text-align:left; }

.divider-down header p { width:735px; }

.divider-down .gallery.ios { *margin-bottom:0; background:url(arrows.png) no-repeat 49% 217px; }
.divider-down .gallery.web { *margin-bottom:0; background:url(arrows2.png) no-repeat 286px 180px; }

.divider-down .gallery .caption { zoom:1; }
.divider-down .gallery figure { *position:static; }
.divider-down .gallery figure .column { margin-bottom:-45px; _margin-bottom:0; }
.divider-down .gallery figure.column figcaption .caption { padding:0; }

#main #content .row  .intro2 { text-align:left; padding:10px 50px; line-height:1.3em;  }
div.about p { text-align:left; padding:5px 30px; line-height:1.6em; margin-bottom: 0px; }
div.about h3 { text-align:left; padding:5px 20px;  }


#subNavigation
{
    font-size: 0.8em; line-height: 1.7em; text-align: left;
    display: block; float: right;
    margin: 10px 0 -30px 0; padding-right: 33px;
    height: auto; 
}

#subNavigation li
{
    line-height: 1em;
    display: inline-block;
    margin: 0 6px 0 0;
}

#subNavigation li a
{
    text-decoration: none;
    display: inline-block;
    margin: 0 6px 0 0; padding-left: 12px;
    border-left: solid 1px #ccc;
}

#subNavigation li:first-child a
{
    border: 0;
}

ul ul {
list-style-type: circle;
}
ul ul li{
margin-left: 25px;
}