/* CSS - Index (Home Page) Stylesheet */

	header#top-nav {
	   -webkit-animation-name:index-fade-elements;
	   -webkit-animation-duration:0.5s;
	   -webkit-animation-iteration-count:1;
	   -webkit-animation-direction:normal;
	   }
	   
	header#top-nav nav {
	   -webkit-animation-name:index-fade-elements;
	   -webkit-animation-duration:1.5s;
	   -webkit-animation-iteration-count:1;
	   -webkit-animation-direction:normal;
	   }   
	 
	#content {
	   -webkit-animation-name:index-fade-elements;
	   -webkit-animation-duration:2.0s;
	   -webkit-animation-iteration-count:1;
	   -webkit-animation-direction:normal;  
	   }
	
	@-webkit-keyframes index-fade-elements {
	   from {opacity:0.0}      
	   to {opacity:1.0}
		}
	
#content {
	width:1000px;
    }
    

/* Lifestyle */

#lifestyle {
	float:left;
    width:1000px;
    height:324px;
    }
    
/* Lifestyle Ends */


/* Blog Roll */

#blog-roll {
	float:left;
    background:url(../layout/index/blog_roll_bg.jpg) no-repeat left top;
    width:804px;
    height:67px;
    }
    
#blog-roll h4 {	
    width:100px;
    height:20px;
    }  
    
#blog-roll h4 a:link, #blog-roll h4 a:visited {	
	color:#000;
    } 
    
#blog-roll h4 a:hover {	
	text-decoration:none;
    color:#663399;
    }          
    
#blog-roll article {
	margin-top:6px;
    }    
    
#blog-roll article a, #blog-roll article a:link, #blog-roll article a:visited, #blog-roll-rss a span, #blog-roll-rss a:link span, #blog-roll-rss a:visited span {
	color:#666!important;
	}          
    
#blog-roll article a:hover, #blog-roll-rss a:hover span {
	text-decoration:underline;
	}  
    
#blog-roll h4, #blog-roll article {   
	float:left;
    margin:2px 0px 6px 152px;
    }
    
#blog-roll h4 {   
    _margin-left:75px;
    }    
    
#blog-roll article, #blog-roll-rss span {	
    font-size:11px;
    clear:both;
	}       
    
#blog-roll-rss {
	float:left;
    width:196px;
    height:67px;
	background:url(../layout/index/blog_roll_rss_hover.jpg) no-repeat left top;
	}   
    
#blog-roll-rss span {
	float: left;
    margin-top:30px;
    position:absolute;
    z-index:2;
	}      
    
/* Blog Roll Ends */
    

#hello {
    width:1000px;
    height:56px;
    float:left;
    }  
    
#hello h3 {
	width:90px;
    height:56px;
    margin:-8px 0px 0px 59px;
    _margin-left:30px;
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    transform:rotate(-7deg);
    }      
    
#hello p {
    float:left;
    padding:8px 10px 0 10px;
    _padding:4px 5px 0 5px;
    width:775px;
    _margin-top:5px;
    }   
    
#three-wpb {
	float:left;
    width:1000px;
    height:226px;
    }

    
#three-wpb section header a {
	color:#663399;  
    font-size:24px;
    }
    
#three-wpb section:hover header a {
	color:#000;
	-moz-transition: color 0.5s ease-in-out;
	-webkit-transition: color 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out;
	transition: color 0.5s ease-in-out;
    }    
    
#three-wpb section header {
	float:left;
    position:absolute;
    margin-top:42px;
    }
    
#three-wpb section header, #three-wpb section header h4, #three-wpb section header h4 a {
    width:150px;
    }    
    
#three-wpb-web {
	margin-left:40px;
    }
    
#three-wpb-photo {
	margin-left:182px;
    }
    
#three-wpb-blog {
	margin-left:50px;
    }       
    
#three-ws {
	float:left;
    width:1000px;
    margin-top:20px
    }    
    
#three-ws h4 {
	float:left;
    width:500px;
    font-size:32px;
	margin:10px 0 5px 65px;
    _margin-left:30px; 
    }
    
#three-ws h4 span, #three-ws h5 span {
	color:#663399;
    } 
    
#three-ws h4 span#three-ws-grey {
	color:#666;
    font-size:24px;
    }       
    
#what-is, #who-is {
	float:left;
    width:1000px;
    height:46px;
    }   

#what-is h5, #who-is h5, #what-are h5 {
	float:left;
    width:200px;
    font-size:24px;
    margin-right:5px;
    text-align:right;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    transform:rotate(-5deg);
    }

#what-is h5 {
    height:46px;
    margin-top:15px;
    }

#who-is h5 {
    height:49px;
    margin-top:17px;
    }    
    
#what-are h5 {
    height:70px;
    margin-top:27px;    
    }    

#what-is p {
    height:46px;  
    padding-top:17px;
    } 
    
#what-is p, #who-is p, #what-are p {
	float:left;
    width:789px;  
    }
    
#who-is p {
    height:49px;
    padding-top:20px;
    }
    
#what-are {     
	float:left;
    width:1000px;
    height:70px;
    }   
    
#what-are p {
    height:70px;
    padding-top:29px;
    }