body {
text-align: center;
margin:0;
padding: 0;
font-family: Myriad Pro, Lucida Grande, Verdana, sans-serif;
}

#header {
background-color: #000;
height: 87px;
}

#headcontainer {
position: relative;
width: 780px;
margin: 0 auto;
}

#logo {
width: 100px;
float: left;
}

#urltext {
float: right;
}

#urltext h1{
padding-top: 35px;
color: #fff;
font: 16px Verdana, Arial, Sans-Serif;
margin: 0;
}

#urltext a
{
text-decoration: none;
color: #fff;
}

#wrapper {
width: 850px;
margin: 0 auto;
padding: 20px 0;
}

#user-guide-wrapper {
width: 853px;
margin: 0 auto;
padding: 20px 0;
}

#contleft {
background-image: url(/images/iphone.jpg);
background-repeat: no-repeat;
width: 400px;
height: 340px;
float: left;
position: relative;
}

#contleft-orientation
{
width: 300px;
height: 340px;
float: left;
position: relative;
text-align: left;
}

#now-in-color
{
position: absolute;
bottom: 0px;
left: 80px;
height: 23px;
width: 185px;
text-indent: -10000px;
background: url(/images/now-in-color.gif) top center no-repeat;
}

#now-in-color a
{
display: block;
height: 23px;
width: 185px;
outline: none;
}

#contleft-t {
background-image: url(/images/iphone-t.jpg);
background-repeat: no-repeat;
width: 400px;
height: 293px;
float: left;
}

#contleft-color {
background-image: url(/images/iphone-color.jpg);
background-repeat: no-repeat;
width: 400px;
height: 293px;
float: left;
}


#vidcont {
background-repeat: no-repeat;
width: 400px;
height: 293px;
float: left;
}


#contright
{
width: 450px;
float: right;
clear: none;
}

#contright-orientation
{
width: 500px;
float: right;
clear: none;
margin: 25px 50px 0 0;
display: inline;
}

#contright-orientation a:link,
#contright-orientation a:visited
{
color: blue;
}

#contright-orientation a:hover,
#contright-orientation a:focus
{
text-decoration: none;
}

#contright h1
{
margin: 0 0 1em 0;
}

.appstore
{
margin: 0 20px 0 0;
}

#wrapper h1 {
font: 30px Myriad Pro, Lucida Grande, Verdana, sans-serif;
font-weight: 600; 
line-height: 30px;
margin-top:5px;

}

#wrapper h2 {
font: 16px Myriad Pro, Lucida Grande, Verdana, sans-serif;
font-weight: 600;
margin-top:25px; 
}


#footer{
width: 760px;
margin: 0 auto;
font-size: .8em;
line-height: 1.5em;
padding: 0 0 20px 0;
}

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

#footer a:hover
{
text-decoration: underline;
}

#footer h4 {
color: #000;
font: 10px Verdana, Arial, Sans-Serif;
float: left;
height: 22px;
}

#footer h5 {
float: right;
color: #000;
font: 10px Verdana, Arial, Sans-Serif;
height: 32px;
}

#footer img {
}

/* sliding thing */
#gallery {
text-align: left;
position: inherit;
margin: 64px 0 0 43px;
}

#photos-video
{
width: 880px;
margin: 40px auto;
}

#video
{
width: 640px;
float: left;
}

#video h2
{
margin-top: 0;
}

#slider
{
padding: 40px 0;
width: 840px;
clear: both;
margin: 0 auto;
}

body.front #slider
{
padding: 60px 0 20px 0;
width: 120px;
float: left;
}

body.front #slider2
{
padding: 60px 0 20px 0;
width: 120px;
float: right;
}

.scroll {
width: 172px;
  height: 113px;
  overflow: hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: black repeat-x scroll left bottom;
}

#contleft .scrollContainer div.panel,
#contleft-t .scrollContainer div.panel
{
padding: 0 0 0 3px;
}

.scrollContainer div.panel {
  padding: 0px 0 0 0px;
  height: 113px;
  width: 172px;
text-align: left;
}


.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}


ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 20px;
}

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

body.front ul.navigation li
{
display: block;
margin-bottom: 20px;
margin-right: 0px;
}

body.front ul.navigation li.last
{
margin-right: 0px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #eaeaea;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

ul.navigation img {
	border: 1px solid #000;
}

#slider-t ul.navigation li.pad
{
padding: 10px;
}

.translate
{
margin: 45px 0 0 0;
}

.translate a
{
outline: none;
}

#classic-link
{
margin: 10px 0;
}

#classic-link a
{
color: #000 ! important;
text-decoration: none;
font-size: 1.5em;
}

#copyright
{
float: left;
}

#follow
{
float: right;
padding: 1em 0 0 0;
}

.left
{
text-align: left;
}

.ihi-ad
{
margin: 0 0 1em 0;
}

#ihi-translate-ad
{
margin: 20px 0;
}

#user-guide-link
{
width: 178px;
margin: 140px 0 0 75px;
}

.textleft
{
text-align: left;
line-height: 22px;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */