* { margin: 0px; padding: 0px; }

body{
	font-family: tahoma,'lucida grande',sans-serif;
	font-size:12px;
	line-height:22px;
	/*background-image:url('../images/background_tile.png');*/
	background:#d2d2d2;
}

img{
	border:0px;
}

#logo {
	float:left;
}

#header {
	background-image:url('../images/top_tile_x.png');
	background-repeat:repeat-x;
	padding:10px;
	height:60px;

}

#header_content
{
	margin-left:auto;
	margin-right:auto;
	width:965px;
	
}

#content{
	margin-left:auto;
	margin-right:auto;
	width:983px;
	
}
.content_box{
	width:983px;
}
.content_top
{
	background-image:url(../images/textbox_top.png);
	height:9px;
	
}

.content_top_splash{
	background-image:url(../images/textbox_top.png);
	height:470px;
	
}
.content_text{
	background:url('../images/textbox_tile_y.png') repeat-y;
	font: 14px/20px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:25px;
	/*text-shadow: 0px 1px 0px #e1e1e8;*/
	color: #252525;
	padding:15px;
	
}
.content_footer{
	background-image:url('../images/textbox_bottom.png');
	background-repeat:no-repeat;
	padding:13px;

}



#twitter_feed{
	background-image:url('../images/footer_twitter.png');
	background-repeat:no-repeat;
	font: 12px/18px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:22px;
	text-shadow: 0px -1px 0px #000;
	color: #FFF;
	padding-top:25px;
	width:300px;
	margin:5px;
}

#twitter_feed ul{
	list-style:none;
}

#twitter_feed ul li{
	padding:5px;
	margin:1px;
	border-bottom:1px dashed #ccc;
}


#twitter_feed a{
	text-decoration:none;
	color:#ccc;
}
#blog_feed{
	background-image:url('../images/footer_our_blog.png');
	background-repeat:no-repeat;
	font: 12px/18px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:22px;
	text-shadow: 0px -1px 0px #000;
	color: #FFF;
	padding-top:25px;
	width:300px;
	margin:5px;
}

#blog_feed a{
	text-decoration:none;
	color:white;
}
#blog_feed a:hover;{
	text-decoration:none;
	color:white;
}

#blog_feed ul{
	list-style:none;
}

#blog_feed ul li{
	padding:5px;
	margin:1px;
	border-bottom:1px dashed #ccc;
}

#support_feed{
	background-image:url('../images/footer_support.png');
	background-repeat:no-repeat;
	font: 12px/18px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:22px;
	text-shadow: 0px -1px 0px #000;
	color: #FFF;
	padding-top:25px;
	width:300px;
	margin:5px;
}


#footer_content_box{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	padding:10px;
}
#footer_top{
	background-image:url('../images/footer_topTile_x.png');
	background-repeat:repeat-x;
	padding:12px;
}

#footer_content{
	background-image:url('../images/footer_tile.png');
	padding:20px;
	
}

#footer_bottom{
	background-image:url('../images/footer_bottomTile_x.png');
	background-repeat:repeat-x;
	padding:12px;
	text-align:center;
	color:#3a3a3a;
}
#nav {
	margin-top: 10px;
	margin-bottom:20px ;
	float:right;
	right:0px;
}

#nav a{
	text-indent:-1800px;
	outline:none;
	display:block;
}

#nav a.hm{
	background-image:url('../images/home.png');
	background-repeat:no-repeat;
	padding: 10px 0 0 66px;
	height: 18px;
}
#nav a.products{
	background-image:url('../images/products.png');
	background-repeat:no-repeat;
	padding: 10px 0 0 89px;
	height: 18px;
}
#nav a.blog{
	background-image:url('../images/blog.png');
	background-repeat:no-repeat;
	padding: 10px 0 0 57px;
	height: 18px;
}
#nav a.about{
	background-image:url('../images/about.png');
	background-repeat:no-repeat;
	padding: 10px 0 0 69px;
	height: 18px;
}
#nav a.contact{
	background-image:url('../images/contact_us.png');
	background-repeat:no-repeat;
	padding: 10px 0 0 100px;
	height: 18px;
}

#nav a.hm {background-position:0px 0px;}
#nav a:hover.hm {background-position:0px -30px;}
#nav a:active.hm {background-position:0px -60px;}
#nav a.contact {background-position:0px 0px;}
#nav a:hover.contact {background-position:0px -30px;}
#nav a:active.contact {background-position:0px -60px;}
#nav a.products {background-position:0px 0px;}
#nav a:hover.products {background-position:0px -30px;}
#nav a:active.products {background-position:0px -60px;}
#nav a.blog {background-position:0px 0px;}
#nav a:hover.blog {background-position:0px -30px;}
#nav a:active.blog {background-position:0px -60px;}
#nav a.about {background-position:0px 0px;}
#nav a:hover.about {background-position:0px -30px;}
#nav a:active.about {background-position:0px -60px;}

#nav ul{
	list-style:none;
	
}

#nav li{
	display:block;
	float:left;
	
}

h3{
	font-family:Arial, Times, Times New Roman;
	font-size:22px;
	font-weight:normal;
	color:#3a3a3a;
	margin-bottom:5px;
}


/*Product*/

.product_name{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:20px;
	font-weight:bold;
	line-height:normal;
	margin-bottom:10px;

}

.product_desc{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:normal;
}

.product_link{
	
	
}

.product_container{
	margin-left:auto;
	margin-right:auto;
	width:900px;
}

.main_screenshot{
	background:url(../images/iphone.png) no-repeat;
	width:243px;
	min-height:433px;
	border:1px solid ref;
	
}

.main_screenshot img{
	width:178px;
	height:267px;
	padding-left:14px;
	padding-top:78px;
	
}

.screenshot{
float:left;
padding:10px;

}

.screenshot img{
	width:178px;
	height:267px;
	border:2px solid #666;
	
}

.main_screenshot_hori{
	background:url(../images/iphone_r.png) no-repeat;
	width:433px;
	min-height:243px;
	border:1px solid ref;
	
}

.main_screenshot_hori img{
	width:267px;
	height:178px;
	padding-left:-2px;
	padding-top:44px;
	
}

.screenshot_hori{
float:left;
padding:10px;

}

.screenshot_hori img{
	width:267px;
	height:178px;
	border:2px solid #666;
	
}


.product_right{
float:right;
text-align:center;
margin-bottom:15px;
margin-left:10px;

}

/*Forms*/

.input{
	width:500px;
	background:#FFFFFF url(../images/input.gif) repeat-x scroll left top;
	border:1px solid #A6BBC7;
	font-size:16px;
	line-height:20px;
	padding:4px;
	margin-bottom:8px;
	
}

.mailing_address{
	font-size:20px;
	border-bottom:1px solid #999;
}

/*lang*/
.lang{
	position:relative;
	right:10px;
	top:-3px;
	float:right;
	text-align:right;
	font-size:.7em;
	
}
.lang a{
	text-decoration:none;
	color:black;
}

.lang a:hover{
	color:black;
}

.lang a:visited{
	color:black;
}