/* YUI Reset */
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; border:0; color:#252525; font-family: Arial, Tahoma, sans-serif;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
/*
We do not need to reset this one I think
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}*/
ol,ul { list-style:none;}
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
/* Base Font 
By setting font-size to 62.5%, 1 em = 10 px, so 1.2 em = 12px
*/
body { font-family:Arial, Tahoma, sans-serif; font-size:62.5%; text-align:center;}

a { color:#07c; text-decoration:none;}
.clear { clear:both; height:0; font-size:0; line-height:0; }

#container { font-size:1.2em; width:772px; margin:0 auto; text-align:left; margin-top:75px;}
#nav { float:left; width:600px; margin:10px 0 0;}
#nav li { float:left; margin:0 8px 0 0;}
#nav li a { float:left; color:#837d77; text-transform:uppercase; height:24px;  }
#nav li a span { display:none;}

#nav li.home a { width:48px; background:url(../_gfx/mobil/nav.gif) no-repeat 0 0;}
#nav li.about a {width:179px; background:url(../_gfx/mobil/nav.gif) no-repeat -48px 0;}
#nav li.support a {width:76px; background:url(../_gfx/mobil/nav.gif) no-repeat -227px 0; }
#nav li.contact a {width:71px; background:url(../_gfx/mobil/nav.gif) no-repeat -303px 0;}
#nav li.phones a {width:141px; background:url(../_gfx/mobil/nav.gif) no-repeat -377px 0;}

#nav li.home a:hover { width:48px; background:url(../_gfx/mobil/nav.gif) no-repeat 0 bottom;}
#nav li.about a:hover {width:179px; background:url(../_gfx/mobil/nav.gif) no-repeat -48px bottom;}
#nav li.support a:hover {width:76px; background:url(../_gfx/mobil/nav.gif) no-repeat -227px bottom; }
#nav li.contact a:hover {width:71px; background:url(../_gfx/mobil/nav.gif) no-repeat -303px bottom;}
#nav li.phones a:hover {width:141px; background:url(../_gfx/mobil/nav.gif) no-repeat -377px bottom;}

#nav li.home a.active { width:48px; background:url(../_gfx/mobil/nav.gif) no-repeat 0 -24px;}
#nav li.about a.active {width:179px; background:url(../_gfx/mobil/nav.gif) no-repeat -48px -24px;}
#nav li.support a.active {width:76px; background:url(../_gfx/mobil/nav.gif) no-repeat -227px -24px; }
#nav li.contact a.active {width:71px; background:url(../_gfx/mobil/nav.gif) no-repeat -303px -24px;}
#nav li.phones a.active {width:141px; background:url(../_gfx/mobil/nav.gif) no-repeat -377px -24px;}

#share { float:right; width:; margin-top:14px;}
#share li { float:left;}
#share a { float:right; margin:0 0 0 10px;}
#share .pop { display:none; }

#main { float:left; background:url(../_gfx/mobil/bubblebg.gif) no-repeat left 14px; width:100%; height:284px; margin-bottom:20px;}
#content { padding:35px 20px 20px; float:left; width:470px;}
#content h1 { display:block; background:url(../_gfx/mobil/hl.gif) no-repeat; width:422px; height:42px; margin-bottom:5px;}
#content h2 { display:block; background:url(../_gfx/mobil/hl2.gif) no-repeat; width:422px; height:21px; margin-bottom:13px;}
#content ul { margin-bottom:20px;}
#content ul li { font-size:1.2em; color:#666;}
#content form p { color:#999; font-style:italic; margin-top:10px; }
#content h1 span, #content h2 span { display:none;} 
#content input { margin-bottom:7px; background:url(../_gfx/mobil/inp.gif) no-repeat; width:176px; height:18px; float:left; margin-right:10px; padding:7px; font-size:1.2em;}
#content .button { float:left; background:url(../_gfx/mobil/button.gif) no-repeat; width:90px; padding:0 14px 0 34px; line-height:30px; height:32px; border:0; float:left; color:#fff; font-weight:bold; font-size:1.2em;}
#app { float:left; width:200px;}

.sendlink { padding-bottom:20px; }
.sendlink h1 {font-size:1.6em; font-weight:bold; margin-bottom:15px;}
.sendlink p { font-size:12px; margin-bottom:15px; }
.sendlink input { background:url(../_gfx/mobil/inp.gif) no-repeat; width:176px; height:18px; float:left; margin-right:10px; padding:7px; font-size:1.2em;}
.sendlink button { float:left; background:url(../_gfx/mobil/button.gif) no-repeat; width:125px; padding:0 14px 0 34px; line-height:30px; height:32px; border:0; float:left; color:#fff; font-weight:bold; font-size:1.2em;}
.sendlink .country { width:100%; float:left; margin-top:5px;} 

.linksent .wrap { float:left; }
.linksent { padding-bottom:20px;font-size:12px;}
.linksent p { margin-bottom:15px;}
.linksent ol { list-style:decimal;} 

.captcha { float:left; width:100%; margin:10px 0;}
.captcha div { float:left; line-height:30px; margin-right:10px; width:100%;}
.captcha input { margin-bottom:10px;}
.captcha p { float:left; margin:0 10px 0 0; }

#footer { float:left; width:100%;}
#footer dl { float:left; width:33%;}
#footer dt { height:20px; margin-bottom:10px;}
#footer dd { margin-bottom:10px; }
#footer dd p { color:#444;}
#footer .timestamp { color:#999;}

#footer .list dt { font-size:1.2em;}
#footer .list dd {margin-bottom:0; color:#666;}

#body { float:left; width:100%;  padding:10px 0 20px;}
#body .text { float:left; width:508px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:20px 0; margin-right:20px;}
#body .text h3 { color:#444; margin-bottom:10px; font-size:1.2em;}
#body .text p { color:#666; margin-bottom:20px; }
#body .text p.lead { color:#ff6100; font-size:1.4em; margin-bottom:30px;}


.supported-phones table { width:498px; margin-bottom:20px; }
.supported-phones table caption { font-size:1.2em; font-weight:bold; margin:5px 0; }
.supported-phones table th {padding:5px 10px 5px 0; width:156px;  text-align:left; font-weight:bold;}
.supported-phones table td { padding:5px 10px 5px 0; width:156px; border-top:1px solid #e7e7e7;}