body{       
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 150%;	
	background: url('images/body_bg1.png') top left repeat-x white;
   	color: #313131;    
	min-height: 660px;
}          

body#bg2{
	background: url('images/body_bg2.png') top left repeat-x white;	
}

body, h1, h2, h3, h4, h5, h6, p, ul, li, fieldset, label, form, hr, input, img, strong, span, cite, table, td, tr{
	margin: 0;
	padding: 0;  
	border: none;
}                                                                       

#wrapper, .wrapper{
	width: 1050px;
	margin: 0 auto 0 auto;                          
}

.reset{
	clear: both;
	visibility: hidden;
}

a{
	color: #4d90c3;
	text-decoration: underline;
}    

p{
	margin-bottom: 10px;
}

/* HEADER */

#header{
	width: 1010px;	
	margin: 0 auto 0 auto;    
	height: 80px;
}

h1 a span{
	display: none;
}           

h1 a.logo_main{              
	background: url('images/logo_notifyme_main.png') top left no-repeat;
	width: 156px;
	height: 40px;
	display: block;
	margin-top: 7px;
}

h1{     
	float: left;
	display: block;     
	height: 63px;
	padding: 5px 25px 0px 25px;
	background: white;
	border-left: solid 1px #c6d4e0; 
	border-right: solid 1px #c6d4e0; 
	border-bottom: solid 1px #c6d4e0;	
	-moz-box-shadow: 0px 3px 4px -2px rgba(65,138,190,0.2);      
	-webkit-box-shadow: 0px 3px 4px -2px rgba(65,138,190,0.2);
	-o-box-shadow: 0px 3px 4px -2px rgba(65,138,190,0.2);
	box-shadow: 0px 3px 4px -2px rgba(65,138,190,0.2);	
}

#logo{
	float: left; 
}

#logo p{
	float: left;          
	margin-top: 27px;
	margin-left: 15px;
}
      
/* NAVIGATION */ 

#nav{
	float: right;
}

#nav ul{
	list-style-type: none;
}                         

#nav ul li{    
	display: block;
	float: left;
	margin-right: 10px;
}
               
#nav ul li a.navbtn{   
	display: block;
	height: 68px;
	padding: 0px 18px 0px 18px;
	background: white;
	border-left: solid 1px #c6d4e0; 
	border-right: solid 1px #c6d4e0; 
	border-bottom: solid 1px #c6d4e0;  
	text-decoration: none;
	color: #b7642f;
	font-size: 1.2em;    
	line-height: 6.2em;
	font-weight: bold;       
	-moz-box-shadow: 0px 3px 4px -2px rgba(65,138,190,0.2);      
	-webkit-box-shadow: 0px 3px 4px -2px rgba(65,138,190,0.2);
	-o-box-shadow: 0px 3px 4px -2px rgba(65,138,190,0.2);
	box-shadow: 0px 3px 4px -2px rgba(65,138,190,0.2);      
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;      
	-o-transition: all 0.1s ease-in-out;      
	transition: all 0.1s ease-in-out;   
}
      
#nav ul li.last{
	margin-right: 0px;
}        

#nav ul li.leftmargin{
	margin-left: 30px;
}

#nav ul li a.navbtn:hover{
	height: 72px;    
	line-height: 6.5em;
	background: #ffffff;
}

#nav ul li a.navbtn.active{
	height: 72px;  
	line-height: 6.5em;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #fcede3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#fcede3));
	background: -webkit-linear-gradient(top, #ffffff 1%,#fcede3 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#fcede3 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#fcede3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcede3',GradientType=0 );
	background: linear-gradient(top, #ffffff 1%,#fcede3 100%);
}

/* SPLASH */

#splash{
	background: url('images/splash01.jpg') bottom left repeat-x;    
	width: 1050px;
	height: 597px;  
	margin-bottom: 50px;
}

#headline h2{
	display: block;
	width: 1050px;
	height: 125px;
	background: url('images/hdl03.png') bottom left repeat-x;    	
	margin-top: 45px;
} 

#headline h2 span{
	display: none;
}


/* CONTENT */

#content{
	padding: 0 20px 0 20px;
}

.sitecolumns{
	margin-bottom: 50px;
}
                       
.sitesection{
	margin-bottom: 50px;
}

.content_left{
	float: left;
	width: 453px;    
	padding-right: 50px;
	margin-right: 50px;
}
          
.content_left.bordered{
	border-right: 1px solid #e5e5e5;
}
     
.content_right{
	float: left;
	width: 453px;
}              

.copyblock h3{        
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
	color: #4f92c6;
	border-bottom: 1px solid #e5e5e5;
	font-size: 2.2em;
	font-weight: 300;
	padding-bottom: 12px;
	margin-bottom: 12px;
}                      

.copyblock{
	margin-bottom: 45px;
}


/* SHARE BUTTONS */ 

#sharebuttons{
	text-align: center;   
	background: url('images/share_sun.jpg') bottom center no-repeat;
	/* height: 85px;  
	width: 500px; */
	height: 45px;     
	width: 320px;
	margin: 0 auto 0 auto;
	padding-top: 40px;
	padding-left: 70px;
}

.btn_twitter{  
	float: left;
	display: block;
	height: 30px;
}   

.btn_fb{        
	float: left;
	display: block;
	height: 20px;
}
    
.btn_gplus{
	float: left;
	display: block;
	height: 20px;	
}

/* FEATURESBUTTON */

#features_holder{
	border-top: 1px solid #e5e5e5; 
	margin-bottom: 80px;
}

#features_holder strong{  
	display: block;
	width: 320px;        
	height: 60px;
	margin: 0 auto 0 auto;
	background: white;
}

a.featuresbtn{      
	display: block;
	background: url('images/button_gofeatures_square.png') center center no-repeat;
	-webkit-border-radius: 200px; 	
	-moz-border-radius: 200px; 	   
	-o-border-radius: 200px; 	   	
	border-radius: 200px; 	   
	width: 282px;
	height: 59px;     
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;      
	-o-transition: all 0.2s linear;      
	transition: all 0.2s linear;	
	margin: -30px auto 0 auto;      
}

a.featuresbtn:hover{
	-webkit-box-shadow: 0px 0px 20px -5px rgba(65,138,190,0.8);  
	-moz-box-shadow: 0px 0px 20px -5px rgba(65,138,190,0.8);  
	-o-box-shadow: 0px 0px 20px -5px rgba(65,138,190,0.8);  
	box-shadow: 0px 0px 20px -5px rgba(65,138,190,0.8);  
}
      
a.featuresbtn span{
	display: none;
}                   
                   


/* GALLERY */      
          
.gallerycontainer{        
	width: 948px;
	min-height: 1000px;
	margin: 50px auto 90px auto;
	border: 1px solid #ccc;
	padding: 30px; 
	padding-bottom: 40px; 
	border: 1px solid #dedede;      
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 4px rgba(65,138,190,0.25);
}

.gallerycontainer h3{        
	text-align: center;
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
	color: #4f92c6;
	border-bottom: 1px solid #e5e5e5;
	font-size: 2.6em;
	font-weight: 300;
	padding-bottom: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.gallerycontainer.siri{
	min-height: 100px !important;
}

.gallerycontainer.siri h3{
	margin-bottom: 40px;
}                     

.gallerycontainer.siri ul{
	list-style: inside !important;
	margin-bottom: 20px;
}

.gallerycontainer p{
}

.shot_column{
	float: left;   
}

.shot_column.imageleft{
	margin-right: 40px;
}
                      
.shot_column.imageright{
	margin-left: 40px;
}

.shot img{

}

.shot img.centered{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.shot p, .shot ul{          
	font-size: 1.1em;
}                

.shot ul{
	margin-left: 30px;
}

.shot .shot_column p{
	margin-top: 30px;   	
}
       
.shot p.center{
	text-align: center;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.shot{
	margin-top: 50px;            
	margin-bottom: 50px;            	
	padding-bottom: 50px;
	border-bottom: 1px solid #e5e5e5;  
	clear: both;    
}  

.shot.last{
	border-bottom: none;
} 


/* DOWNLOAD BUTTONS */

#downloadbuttons del{
	color: #b21414;
}

#downloadbuttons{
	border: 1px solid #ccc;
	margin-bottom: 90px;        
	padding: 30px; 
	padding-bottom: 30px; 
	border: 1px solid #dedede;      
	-webkit-border-radius: 5px; 	
	-moz-border-radius: 5px; 	   
	-o-border-radius: 5px; 	   	
	border-radius: 5px;	     
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
	background: linear-gradient(top, #ffffff 0%,#f0f0f0 100%);	
	-webkit-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.15);
	-o-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.15);
}

#downloadbuttons p{
	color: #717171;
	text-align: center;
	margin: 0;
	padding: 0;
	margin-top: 40px;
}

#downloadbuttons h3{
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
	color: #4f92c6;
	font-size: 2.2em;
	font-weight: 300;
	margin-bottom: 40px;
	text-align: center;
}
  
#downloadbuttons ul{ 
	list-style-type: none; 
	margin-left: 110px;
}

#downloadbuttons ul li{  
	display: block;    
	margin-right: 50px;
	float: left;
}
                    
#downloadbuttons ul li.last{
	margin-right: 0px;
}

#downloadbuttons ul li a{
	color: #1f547e;
	display: block;
	width: 210px;
	/* height: 65px; */
	height: 30px;
	padding-top: 35px;
	text-align: center;
	text-decoration: none;           
	-webkit-border-radius: 200px; 	
	-moz-border-radius: 200px; 	   
	-o-border-radius: 200px; 	   	
	border-radius: 200px;	
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;      
	-o-transition: all 0.1s linear;      
	transition: all 0.1s linear;	
} 

#downloadbuttons ul li a:hover{
	-webkit-box-shadow: 0px 0px 20px -5px rgba(65,138,190,0.8);  
	-moz-box-shadow: 0px 0px 20px -5px rgba(65,138,190,0.8);  
	-o-box-shadow: 0px 0px 20px -5px rgba(65,138,190,0.8);  
	box-shadow: 0px 0px 20px -5px rgba(65,138,190,0.8);	
}    

a.iphone{
	background: url('images/btn_download_iphone_inactive.png') top left no-repeat;
}     

a.ipad{
	background: url('images/btn_download_ipad_inactive.png') top left no-repeat;
}

a.mac{
	background: url('images/btn_download_mac_inactive.png') top left no-repeat;
}

#downloadbuttons ul li a span{
	display: none;
}


/* PRESS */

#press{     
	background: url('images/cornersheet.png') top left no-repeat;
	min-height: 200px;
	width: 990px;
	margin: 0 auto 0 auto;
	padding: 30px;
	padding-top: 40px;
	
	/*
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 10px; 	
	-moz-border-radius: 10px; 	   
	-o-border-radius: 10px; 	   	
	border-radius: 10px;	
	*/
}

.press_item{
	float: left;
	width: 263px;
	padding: 30px;
	text-align: center;
}

#press cite{
	font-family: Georgia, sans-serif;
}

.press_mediacite{   
}
                
.press_medialogo{   
	width: 70px; 
	height: 70px;
	margin: 0 auto 15px auto; 
}

#press p.citeauthor{
	margin-top: 5px;
	color: #aaa;
}


/* WOWCOUNTER */

#wowcounter_holder{
	width: 281px;
	margin-bottom: 20px;
}

#wowcounter{
	background: url('images/wowcounter_bg.png') top left no-repeat;
	padding: 21px 15px 0px 15px;
	/* width: 281px;
	height: 64px; */            
	width: 251px;
	height: 44px;
	font-size: 3.5em;
	color: #656565;  
	text-align: right;
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
	font-weight: 300;      
	margin-bottom: 5px;
}               

/* FOOTER */

#footer{   
	color: #a7a7a7;
	width: 1030px;
	padding: 20px 10px 40px 10px;	
	border-top: 1px solid #dbdbdb;
	margin: 20px auto 20px auto;
}     

#footer_left{
	float: left;
	height: 20px;
}
               
#footer_right{
	float: right;
}

#footer a{
	color: #626262;     
	text-decoration: none;
	font-weight: bold;
}                    

#footer a:hover{
	color: #000;  
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;      
	-o-transition: all 0.3s ease-in-out;      
	transition: all 0.3s ease-in-out;	   
}
               
a.logo_powerybase_footer{
	background: url('images/logo_powerybase_footer.png') top left no-repeat;	
	display: block;
	width: 103px;
	height: 18px;
	float: left; 
	margin-top: 1px;     
	margin-right: 20px;
}

a.logo_powerybase_footer span{
	display: none;
}    

p.footer_copy{
	float: left;
	display: block;
}
	                
#footer_right ul{
	list-style: none; 
	height: 20px;
	clear: both;
}                   

#footer_right ul li{
	float: left;
	margin-right: 30px;      
}                            

#footer_right ul li a{
	display: block;
}

#footer ul li.last{
	margin-right: 0px !important;
}
      
#footer p.personal{   
   	margin-top: 60px;
	text-align: center;
}
