/* =CSS Info ----------------------------------------------------------------
Theme Name: ParsTouch
Theme URI: http://parstouch.com
Version: 0.1
Last Update: 2009-08-27
Author: Aziz A. Bargi
Author Website: http://parstouch.com
----------------------------------------------------------------------------*/

/* =RESET - YUI v2.4.0 & Eric Mayer
----------------------------------------------------------------------------*/
html{color:#000;background:#FFF;overflow:-moz-scrollbars-vertical;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{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;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
:focus {outline: 0;}
textarea{overflow:auto;}

/* =GENERIC
----------------------------------------------------------------------------*/
body { 
  background:#dde0e5 url(/images/bg-glow.png) top center no-repeat;
  font-family: Avenir,"Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
  font-size:19px;
  line-height:1.3em;  
}

a:link { color:#0088CC;text-decoration: none;}
a:visited { color:#0088CC;text-decoration: underline;}
a:hover { text-decoration: underline;} 

#container {
  width:960px;
  margin:0 auto;  
  position:relative;
}

h1#logo{
  width:299px;
  height:61px;
  position:absolute;
  top:15px;
  left:20px;
  background:url(/images/logo.png) no-repeat top left;  
}

h1#logo a { display:block;   width:299px; height:61px; text-indent:-99999px; }

#content { 
  clear:both;
  border:1px solid rgba(118,121,124,0.6);
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  padding:40px 30px;
  background-color:rgba(255,255,255,0.5);
  -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3);
  -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3);  
  margin-bottom:20px;
  position: relative;
}
#footer {
  min-height:175px;
  background-color:#0e0e0e;
  clear:both;
  font-size:13px;
}

#footer a { color:#6e6e6e; font-weight:bold}

#footer-content {
  padding:10px;
  width:940px;     
  margin:0 auto;
  color:#6e6e6e;
}

#main-menu {  margin-right:20px; display:block; height:100px}

#main-menu li {
 display:block;
 float:right; 
 width:100px;
 height:75px;
 xborder:1px solid #777;
 text-align:center;
}

#main-menu a {
  text-transform: uppercase;  
  text-decoration: none;
  font-size:13px;
  font-weight:bold;
  color:#3f434d;
  display:block;
  float:right; 
  width:100px;
  height:75px;  
  line-height:75px;  
  padding-top:15px;
  font-family:Avenir,Helvetica,Arial,sans-serif;
}

#main-menu a:hover, #main-menu a.active  {
  background-color:#3f434d;
  color:#dde0e5;
  -moz-border-radius-bottomleft:8px; 
  -webkit-border-bottom-left-radius:8px;
  -moz-border-radius-bottomright:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.3);
  -moz-transition-property: background-color, color, height;
  -moz-transition-duration: 1.5s, 1.5s, 1.5s;
  -webkit-transition-property: background-color, color, height;
  -webkit-transition-duration: 1.5s, 1.5s, 1.5s;
  
}

.product-image {float:right;}
#product-title {
  width:412px;
  height:60px;
  background:url(/images/product-title-bala.png) top left no-repeat;
  text-indent:-99999px;
  margin-left:70px;
  margin-top: 2px; 
}
.app-store {
 float:right;
 width:183px;
 height:60px;
 text-indent:-99999px;
 display:block;
 background:url(/images/appstore.png) top left no-repeat;
 overflow:hidden;
 margin-right:20px;
}


.pages #content p {
 font-size:14px;
 font-family:Avenir,Helvetica,Arial,sans-serif; 
 color:#474a50;
 line-height:19px;
 padding:10px 0 0px 10px; 
}

img.sc-shot {
  border:1px solid rgba(118,121,124,0.6);
  -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.3);
  margin:8px;    
}

.pages h3 {
 margin:10px;
 font-weight:bold; 
 font-size:22px;
 letter-spacing:-1px;
 color:#363632;
 text-shadow:0px 2px 0px #fff ; 
}

.product-icon {
  float:left;
}

a.button {
  text-decoration: none;
  color:#fff;
  background-color: #3F434D;
  padding:10px 8px;
  margin:20px 8px;
  font-size:16px;
  -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.3);
  -moz-border-radius:8px; 
  -webkit-border-radius:8px;  
  font-family:Avenir,Helvetica,Arial,sans-serif;   
  display:block;
  float:left;
  font-weight: bold;
  border:2px solid transparent;
}

a.button:hover {
  border:2px solid #FFF;
}

a.button:active {
  -moz-box-shadow:-1px -1px 5px rgba(0,0,0,0.6);
  -webkit-box-shadow:-1px -1px 5px rgba(0,0,0,0.6);  
}

#login-box { font-size:13px;margin:0 auto;width:35%;}
#login-box #login,#login-box #password,#login-box #user_login,
#login-box #user_password,#login-box #user_email,#login-box #user_password_confirmation,#login-box #user_name  {width:270px; font-size:20px;}
#login-submit { padding:3px 13px;display: block;}
#login-box p { margin-bottom:10px;}