@charset "UTF-8";

body{
font-family:helvetica,sans-serif;
margin:0;
min-height:416px;
position:relative;
background-color: #645e50;
}

#topbar img{
position:absolute;
margin:24px 0 0 15px;
border:0;
}

li.iphonemenu a {
display:block;
height:43px;
text-decoration:none;
width:auto;
}

#topbar {
background-color: #645e50;
height:60px;
left:0;
margin-left:auto;
margin-right:auto;
position:relative;
top:0;
width:auto;
}

.logo {
background:transparent url(../images/iphone/logo.png) no-repeat scroll 0 0;
height:60px;
margin-left:auto;
margin-right:auto;
width:235px;
}

.iphonemenu {
	display:block;
	height:43px;
	text-decoration:none;
	width:auto;
	position:relative;
	overflow:hidden;
	background-color:#645e50;
}

#content {
	height:auto;
	margin-top:10px;
	min-height:250px;
	overflow:hidden;
	position:relative;
	width:100%;
	z-index:0;
	background-color: #645E50;
}

li{
height:40px;
border-bottom:1px solid #ffffff;
list-style:none}

ul{

}

.iphonemenu2 {
	display:block;
	height:60px;
	text-decoration:none;
	width:auto;
	position:relative;
	overflow:hidden;
	background-color:#645e50;
}

li.iphonemenu2:hover{background:url("../images/menutouched.png") repeat-x #369}

li.iphonemenu2 span.name {
font-family:helvetica,sans-serif;
color:#ebebe3;
float:left;
font-size:16px;
font-weight:bold;
margin:11px 0 0 7px;
max-width:79%;
overflow:hidden;
white-space:nowrap;
width:auto;
}

li.iphonemenu:hover{background:url("../images/menutouched.png") repeat-x #369}

.ftitle{
margin: 12px 0 0px 0;
font-size:16pt;
color:#FFFFFF;
text-align:center;
font-weight:bold;
}

.description{
color:#ebebe3;
width:280px;
margin: 0 0px 10px auto;
padding: 0px 10px 10px 0px
}

.materials{

color:#ebebe3;
font-style:italic;
width:290px;
margin: 0px 0px 10px auto;
padding-left: 20px;

}

li.iphonemenu span.name {
font-family:helvetica,sans-serif;
color:#ebebe3;
float:left;
font-size:16px;
font-weight:bold;
margin:11px 0 0 7px;
max-width:79%;
overflow:hidden;
white-space:nowrap;
width:auto;
}

.pageitem {
border:1px solid #ffffff;
display:block;
font-size:12pt;
height:auto;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:3px 9px 17px;
overflow:hidden;
padding:0;
position:relative;
width:auto;
-webkit-border-radius:9px 9px;
-moz-border-radius:9px 9px;
}

.pageitem li:first-child {
-moz-border-radius-topright: 9px;
-moz-border-radius-topleft: 9px;
-webkit-border-top-right-radius: 9px;
-webkit-border-top-left-radius: 9px;
}

.pageitem li:last-child {
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
border-bottom: 0px;
}



span.arrow {
	background:transparent url(../images/arrow.png) no-repeat scroll 0 0;
	height:13px;
	margin:0;
	position:absolute;
	right:10px;
	top:15px;
	width:8px;
	background-image: url(../images/arrow.png);
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}