/* ============================================================================== */
/* = Basics                                                                     = */
/* ============================================================================== */

html {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: block;
  background: url('../images/bg-noise.png') repeat;
  margin: 0;
  
}

i {display: none;}

a {
  color: #10a1a6;
  outline: 0;
}

a:hover {
  color: #9c895b;
}

a img {
  border: none;
}

p, ul{  font-family: Georgia, Times New Roman, serif;
     color: #666;
     font-size: 14px;  
}

.clearfix {
  clear: both;
}

.hrbreak {
  height: 1px;
  background-color: #d6d6d6;
  margin: 20px 0 40px;
}

.hrbreak.even {
  margin: 40px 0;
}

.hrbreak.big {
  margin: 0 15px 20px;
}

h2 {font-family: Helvetica, Arial, sans-serif;
  color: #3a3a3a;
  font-size: 30px;
}

h1 {font-family: Helvetica, Arial, sans-serif;
  color: #3a3a3a;
  font-size: 34px;
}

h3 {
  color: #3a3a3a;
}


.container {
  width: 90%;
  margin 0 auto;
  font-family: Helvetica, Arial, sans-serif;
}

.ads {


}



/* ============================================================================== */
/* = User Nav                                = */
/* ============================================================================== */

#nav { 
width:595px;
float: right;
margin-top: 0px;
display: inline;
}

#nav_fr { 
width:500px;
float: right;
margin-top: 0px;
display: inline;
}

#user-nav_fr{
  background: url('../images/dark-bg-noise.png') repeat;
  height: 30px;
  width: 440px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  display: block;
  -moz-box-shadow: 0px -1px 1px #d7d7d7;
  -webkit-box-shadow: 0px -1px 1px #d7d7d7;
  box-shadow: 0px -1px 1px #d7d7d7;
  padding: 0 15px; 
}


#user-nav_de {
  background: url('../images/dark-bg-noise.png') repeat;
  height: 30px;
  width: 530px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  display: block;
  -moz-box-shadow: 0px -1px 1px #d7d7d7;
  -webkit-box-shadow: 0px -1px 1px #d7d7d7;
  box-shadow: 0px -1px 1px #d7d7d7;
  padding: 0 15px; 
}

#user-nav {
  background: url('../images/dark-bg-noise.png') repeat;
  height: 30px;
  width: 510px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  display: block;
  -moz-box-shadow: 0px -1px 1px #d7d7d7;
  -webkit-box-shadow: 0px -1px 1px #d7d7d7;
  box-shadow: 0px -1px 1px #d7d7d7;
  padding: 0 15px; 
}

#user-nav a {
  text-decoration: none;
  color: #696969;
  line-height: 30px;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  margin: 0 7px;
  text-shadow: 0px 1px 0px #fff;
}

#user-nav_de a:hover {
  color: #10a1a6;
}

#user-nav_de a {
  text-decoration: none;
  color: #696969;
  line-height: 30px;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  margin: 0 7px;
  text-shadow: 0px 1px 0px #fff;
}

#user-nav a:hover {
  color: #10a1a6;
}

#user-nav_fr a:hover {
  color: #10a1a6;
}

#user-nav_fr a {
  text-decoration: none;
  color: #696969;
  line-height: 30px;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  margin: 0 7px;
  text-shadow: 0px 1px 0px #fff;
}


/* ============================================================================== */
/* = Marketing home page (pages/home.html.erb)                                  = */
/* ============================================================================== */

#home-content {
width: 1010px;
display: block;  
/*font-size: 32px;*/
position: relative;
padding: 0px;
margin: 0 auto;}



#home-content h2 {
  letter-spacing: -0.05em;
}


#call-out {
 
  font-family: Georgia, Times New Roman, serif;
  font-size: 11px;
  color: #3a3a3a;
margin-top: 20px;
  display: block; 
}




#prices-plans-link {
  background: url('../images/more-demos.png') 0 -47px no-repeat;
  width: 192px;
  height: 47px;
  text-indent: -9999px;
 margin: 15px 0px 0 0px;
  display: inline;
  float: left;

}

#home-content #prices-plans-link:hover {
  background-position: 0 0px;
}

#home-content #prices-plans-link2:hover {
  background-position: 0 0px;
}

#prices-plans-link2 {
  background: url('../images/free-download.png') 0 -47px no-repeat;
  width: 192px;
  height: 47px;
  text-indent: -9999px;
  margin: 15px 0px 0 5px;
  display: inline;
  float: left;
 
}




.item
{
font-size: 14px;
/*display:none;*/
}





#overview { 
  margin-top: 0px; 
  margin-left: 20px;
  text-align: justify;
  width:395px;
  float:left;
}

#overview_fr { 
  margin-top: -14px; 
  margin-left: 20px;
  text-align: justify;
  width:395px;
  float:left;
}


#featured-videos{
  background: url('../images/curvy-arrow-left-small.png') no-repeat;
  width: 550px;
  height: 333px;
  margin-top: 20px;
}



#featured-videos{ position: relative;}


#example
{ 
width:595px;
float: right;
margin-top: 24px;

}


/* ============================================================================== */
/* = Dashboard & Video (dashboard/index.html.erb, videos/index.html.erb)        = */
/* ============================================================================== */


#video-content h2{
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -0.05em;
  color: #3a3a3a;

   
}

#video-content {
    width: 1010px;
    display: block;  
     /*font-size: 32px;*/
    position: relative;
    padding: 0px;
    margin: 0 auto;}


#video-content a{font-size: 14px;}




.video-left{
 width: 600px;
 float: left;
 margin-left: 20px;

 /*display: inline;*/
}

.video-left h2 {
display: inline;
}

#video-right{
  width: 300px;
  float: right;
  margin-top: 10px;


  
}



#video-right h2{
  margin-top: 10px;
}



/* --download & buy-- */
.downloadWin{
	background-color: #10a1a6;
	border-left: 7px solid #353432; 
	padding: 10px 0px 0px 10px; 
	width:49%;
	height: 65px;  
	display: table-cell;
	text-align: center}
.downloadWin:hover{
	background-color: #353432;
	border-left: 7px solid #10a1a6;
	}
.downloadMac{
	background-color: #2371A1;
  width:49%;
	height: 65px;   
  display: table-cell;  
  text-align: center;
	background-color: #10a1a6;
	border-left: 7px solid #353432; 
	padding: 10px 0px 0px 10px; 
	margin: 0px}
.downloadMac:hover{
	background-color: #353432;
	border-left: 7px solid #10a1a6;
	}
#content ul.download li{
	padding: 0.3em 0;
	background-image:none;
	}
.downloadWin img{ padding:0}
.downloadMac img{ padding:0px}
.downloadWin strong{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 21px; color: #EEE;padding-top:15px}
.downloadMac strong{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 21px; color: #EEE;padding-top:15px}
.downloadWin strong:hover{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 21px; color: #FFF}
.downloadMac strong:hover{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 21px; color: #FFF}
.downloadWin, .downloadMac em{ font-style: normal; color: #353432; }
.downloadWin:hover, .downloadMac:hover em{ font-style: normal; color: #10a1a6; }
.downloadWin a:hover, .downloadMac a:hover {border: 0}
.downloadWin a, .downloadMac a {border: 0; text-decoration: none;}
.downloadsep{
	width: 2%; 
	display: table-cell;
	padding: 0px 3px 0px 3px;
	background: #FFFFFF url(../images/spacer.gif) no-repeat top center}

.downloadsepM{
	width: 7px; 
	display: table-cell;
	padding: 10px 3px 0px 3px;
	background: #FFFFFF url(../images/spacer.gif) no-repeat top center}
.buynowsep{
	width: 2px; 
	display: table-cell;
	padding: 0px 2px 0px 2px;
	}		
		
.buynowWin{
	background-color: #FFF;
	border-left: 7px solid #353432; 
	padding: 10px 0px 0px 10px; 
	height: 40px;  
	display: table-cell;
	text-align: center}
.buynowWin:hover{
	background-color: #353432;
	border-left: 7px solid #FFF;
	}
.buynowMac{
	background-color: #FFF;
	border-left: 7px solid #FF3300; 
	padding: 0px 0px 0px 10px; 
	display: table-cell;
	text-align: center}
.buynowMac:hover{
	background-color: #353432;
	border-left: 7px solid #FFF;
	}	
	
#buy{color: white}
#buy:hover{color: white}
#content ul.buy li{
	padding: 0.3em 0;
	background-image:none;
	}
	
.buynowWin img{ padding:0px;}
.buynowMac img{ padding: 0px;}
.buynowWin strong{ font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color:#202020;line-height:18px}
.buynowMac strong{ font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; color:#202020;line-height:18px}
.buynowMac strong:hover{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 12px; color: #FFF;}
.buynowWin strong:hover{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 12px; color: #FFF;}
.buynowWin em{ font-family: "Trebuchet MS",Verdana,Sans-Serif;font-size: 16px;font-style: normal;font-weight: bold; color: #353432; line-height:18px}
.buynowMac em{ font-family: "Trebuchet MS",Verdana,Sans-Serif;font-size: 16px;font-style: normal;font-weight: bold; color: #353432; line-height:18px}
.buynowWin:hover em{ font-style: normal; color: #FFF; }
.buynowMac:hover em{ font-style: normal; color: #FFF; } 
.buynowWin:hover strong{ font-style: normal; color: #FFF; }
.buynowMac:hover strong{ font-style: normal; color: #FFF; } 
.buynowWin a:hover, .buynowMac a:hover {border: 0; }
.buynowWin a, .buynowMac a {border: 0;text-decoration: none; }



/* ============================================================================== */
/* = Footer (layouts/application.html.erb)                                      = */
/* ============================================================================== */


.noise-break {
  height: 30px;
  -moz-box-shadow: 0px -1px 1px #d7d7d7;
  -webkit-box-shadow: 0px -1px 1px #d7d7d7;
  box-shadow: 0px -1px 1px #d7d7d7;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background: url('../images/dark-bg-noise.png') repeat;
  width: 90%;
  margin: 0 auto 40px;
}
.noise-break p {
 font-family: Helvetica, Arial, sans-serif;

 color:#696969;
 font-size:13px;
 height:30px;
 line-height:30px;
 margin:0px 250px;
 text-decoration:none;
 text-shadow:0 1px 0 #FFFFFF;
}



.footer {
margin:0 auto;
padding:0;
width:980px;

}


/************************************************************************/


  #twitter {
	    	float:left;
				width:200px;
				word-spacing:-1px;
			
    }
    #twitter .item {
				width:200px;
        padding:0;
				border-bottom:1px dotted #555;
				float:left;
				margin:3px 0 1px;    	
        line-height:15px;
        display:none;
        overflow: hidden;
    }
    #twitter .item.active {
        display:block;
    }
    #twitter .item.active:hover {	text-decoration:none;
	  background:url(../images/bg-blog-news.png);}
    #twitter p img {
        position:absolute;
        border:1px solid #f4f4f4;
        padding:1px;
        background:#ccc;
        margin:3px 0 0 -40px;
    }
    #twitter a {	text-decoration: none;}
    #twitter p {
        padding:0 0 0 35px;
        margin:0;
        width:260px;
        line-height:18px;
    }
    #twitter .navigation {
				margin:25px 0 0 125px;
    }
    #twitter .navigation li {
        float:left;
        display:block;
        width:16px;
        height:14px;
        line-height:16px;
        text-align:center;
        margin-right:0px;
        font-weight:bold;
        cursor:pointer;
        text-indent:-999em;
        background:url(../images/pointers.gif) no-repeat;
    }
    #twitter li.prev {
        background-position:0 -14px;
    }
    
    
    
    
    #blogs {
				width:260px;
				margin: 0px 0 120px 0;

				word-spacing:-1px;    	
    }
    #blogs .item {
				width:260px;
				float:left;
				border-bottom:1px dotted #555;
				margin:3px 0 1px;    	
        padding:0;
        line-height:15px;
        display:none;
    }
    #blogs .item:hover {	text-decoration:none;
				background:url(../images/bg-blog-news.png);}    
    #blogs .item p{
    	  margin: 0;
    	  width:260px;
    	  line-height:18px;
    }
    #blogs .item a {
				height:1%;
				padding:4px 7px 7px;
				display:block;
				position:relative;    	
    		text-decoration: none;
        font-weight:none;
        width:250px;
    }
    #blogs .item.active {
        display:block;
    }
    #blogs .navigation {
				margin:25px 0 0 183px;
				padding-top:0px;
    }
    #blogs .navigation li {
        float:left;
        display:block;
        width:16px;
        height:14px;
        line-height:16px;
        text-align:center;
        margin-right:2px;
        font-weight:bold;
        cursor:pointer;
        text-indent:-999em;
        background:url(../images/pointers.gif) no-repeat;
    }
    #blogs li.prev {
        background-position:0 -14px;
    }


    #seealso, #related-tags {
				
				word-spacing:-1px;    
    }
    #seealso .item,
    #related-tags .item{
				width:260px;
				float:left;
				border-bottom:1px dotted #555;
				margin:3px 0 1px;    	
        padding:0;
        line-height:18px;
        display:none;
    }
    #seealso .item:hover,
    #related-tags .item:hover {	text-decoration:none;
				background:url(../images/bg-blog-news.png);
				
				
				}    
    #seealso .item p,
    #related-tags .item p{
    	  margin: 0;
    	  width:250px;
    	  line-height: 18px;
    
    	  
    }
    #seealso .item a{
				height:1%;
				padding:4px 7px 7px;
				display:block;
				position:relative;    	
    		text-decoration: none;
        font-weight:none;
        width:270px;
       
    }	
    #related-tags .item a {
				height:1%;

				position:relative;    	
    		text-decoration: none;
        font-weight:none;
        width:270px;
    color:#555;
    font-size:14px;		
        
    }
    #seealso .item.active,
    #related-tags .item.active {
        display:block;
        font-size: 14px;
        font-family: Georgia, Times New Roman, serif;
        color: #666;
    }
    #seealso .navigation{
				margin: 55px 0 0 10px;
    }
    #related-tags .navigation 
        {
				margin: 55px 0px 0 100px;
    }
    #seealso .navigation li,
    #related-tags .navigation li {
        float:left;
        display:block;
        width:16px;
        height:14px;
        line-height:16px;
        text-align:center;
        margin:0px 0px 0 0px;
        font-weight:bold;
        cursor:pointer;
        padding:0;
        text-indent:-999em;
        background:url(../images/pointers.gif) no-repeat;
        border: 0;
    }
    #seealso li.prev,
    #related-tags li.prev {
        background-position:0 -14px;
    }
   #seealso b {font-weight: normal }