/*  
Theme Name: Airos Chou
Theme URI: http://www.sunflowamedia.com
Description: Web Design examples
/*Download by http://www.jb51.net*/
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/*--------------------------------------------
container
--------------------------------------------*/

div.examples_body {
     width: 750px;
	 margin: 240px auto 0 auto;
	 overflow: hidden;
}
h2.title_name {
     font-family: 'Times New Roman',Times,serif;
	 font-weight: normal;
     font-size: 4em;
     padding: 50px 0 20px 0;
     text-align: center;
}
h2.title_name span {
     font-family: 'Times New Roman',Times,serif;
     color: #f9f66d;
	 font-size: 0.9em;
	 font-style: normal;
	 font-size-adjust: none;
     font-weight: normal;
     line-height: normal;
}
h2.title_name small {
     color: #505e70;
     display: block;
     font-family: normal Verdana,Arial,Helvetica,sans-serif;
     font-size: 0.19em;
     letter-spacing: 1.0em;
	 font-weight: bold;
     line-height: normal;
     text-transform: uppercase;
	 padding: 3px 0 0 0;
}
div.examples_body h3 {
     color: #f9f66d;
     font-size: 130%;
     letter-spacing: 1px;
	 padding-bottom: 15px;
	 background: url(http://sunflowamedia.com/images/solid-line-news.gif) repeat-x bottom;
}
div.examples_body p.txt {
	 padding: 5px 0 5px 5px;
	 line-height: 130%;
	 font-size: 90%;
}
.copyright {
      width: 100%;
      color: #FFF;
	  text-align: center;
	  font-size: 90%;
	  letter-spacing: 2px;
	  margin: 260px 0 10px 0;
}
.copyright a {
      color: #AAA;
}
/* trigger button */
#download_now {
     width: 160px;
	 height: 41px;
	 margin: 120px auto 50px auto;
	 background: url(../images/Download_Button.gif) no-repeat;
	 display: block;
	 overflow: hidden;
	 text-indent: -999em;
	 cursor: pointer;
}
/* mouseover state */
#download_now:hover {
	 background: url(../images/Download_Button_o.gif) no-repeat;
}

/* clicked state */
#download_now:focus {
	 background-position: 0 -88px;
}

/* tooltip styling */

.tooltip {
	 display: none;
	 background: url(../images/black_arrow_big.png);
	 height: 163px;
	 padding: 30px 30px 20px 30px;
	 width: 310px;
	 color: #fff;
}
.tooltip p {
     line-height: 130%;
	 font-size: 90%;
	 padding: 5px 0;
}
/* a .label element inside tooltip */
.tooltip .label {
	 color: yellow;
	 width: 35px;
}
.tooltip a {
	 color: #ad4;
	 font-size: 11px;
	 font-weight: bold;
}

#demo img {
	 border: 0;
	 cursor: pointer;
	 margin: 15px 0 0 19px;
}
#demo img.first { margin: 0;}