@CHARSET "UTF-8";
 		body{            
            font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
        	margin:0;
        	/*height:2000px;*/
        	padding:0;
        	text-align:center;   
 			background-color:#9DE4F5;        
 			font-size:12px;  
 			color:#333333;
 			background-image: url(images/bg.png);
 			background-repeat: no-repeat;
        }
        body a {
        	color:#085DAD;
		}       
        #container{
        	position:relative;
        	margin:0 auto;
        	text-align:left;
        	width:750px;
        	padding: 0px;    
        	background-color:white;       
        	min-height:650px;
        	padding:10px;                	    
		}
        .nav{
        	position:relative;
        	margin:0 auto;
        	text-align:right;
        	width:820px;		
			color: #dbd4d4;
			
		}
		.insidenav{		
			float:left;        	
        	text-align:right;
        	width:410px;
			height:25px;
			padding:3px;			
			background-image: url(images/top-bar.png);
			background-repeat: no-repeat;		
		}
		.insidenav a{
			color: #dbd4d4;
		}
        .header
        {
            width:600px;
            height:56px;
            position:absolute;
            top:0px;
            left:25%;           
        }
        #right{
        	width:180px;
        	float:right;
        	margin:0;  
        	padding: 0;      	        	
		}
 		.cats{
        	width:170px;        	
        	margin:0;
			background-color:#c6e3ec;
			padding: 5px;        	        	        	        	
		}
		.suggest{
        	width:170px;        	
        	margin:0;
			background-color:#8CC739;
			padding: 5px;        	        	        	        	
		}
		#left{
			width: 550px;
			float:left;			
			border-right: 1px solid #cccccc;
			padding : 5px;
			margin-top: 15px;		
		}
        a.back{
            width:256px;
            height:73px;
            position:fixed;
            bottom:15px;
            right:15px;
            background:#fff url(/codrops_back.png) no-repeat top left;
            z-index:1;
            cursor:pointer;
        }
        a.activator{
            width:153px;          
            top:0px;
            left:0px;            
            z-index:1;
            cursor:pointer;
        }
        /* Style for overlay and box */
        .overlay{
            background:transparent url(/images/overlay.png) repeat top left;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
        .box{
            position:fixed;
            top:-400px;
            left:30%;
            right:30%;
            background-color:#efefef;
            color:#7F7F7F;
            padding:20px;
            border:2px solid #ccc;
            -moz-border-radius: 20px;
            -webkit-border-radius:20px;
            -khtml-border-radius:20px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:101;
        }
		a.activator2{
            width:153px;          
            top:0px;
            left:0px;            
            z-index:1;
            cursor:pointer;
        }
        /* Style for overlay and box */
        .overlay2{
            background:transparent url(/images/overlay.png) repeat top left;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
        .box2{
            position:fixed;
            top:-400px;
            left:30%;
            right:30%;
            background-color:#efefef;
            color:#7F7F7F;
            padding:20px;
            border:2px solid #ccc;
            -moz-border-radius: 20px;
            -webkit-border-radius:20px;
            -khtml-border-radius:20px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:101;
        }
        .box h1{
            border-bottom: 1px dashed #7F7F7F;
            margin:-20px -20px 0px -20px;
            padding:10px;
            background-color:#FFEFEF;
            color:#EF7777;
            -moz-border-radius:20px 20px 0px 0px;
            -webkit-border-top-left-radius: 20px;
            -webkit-border-top-right-radius: 20px;
            -khtml-border-top-left-radius: 20px;
            -khtml-border-top-right-radius: 20px;
        }
        a.boxclose{
            float:right;
            width:26px;
            height:26px;
            background:transparent url(/images/cancel.png) repeat top left;
            margin-top:-30px;
            margin-right:-30px;
            cursor:pointer;
        }
		a.boxclose2{
            float:right;
            width:26px;
            height:26px;
            background:transparent url(/images/cancel.png) repeat top left;
            margin-top:-30px;
            margin-right:-30px;
            cursor:pointer;
        }
        .will{
        	width:360px;
        	padding:3px;
		}
}