html{background:url(../images/bg-html.jpg);}
body{
	margin:0;
	background:url(../images/bg-body.gif) repeat-x 0 0;
	font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	padding:0 0 0 35px;
}
input{font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#4b4b4b;}
a{color:#72759a;text-decoration:none;}
a:hover{color:#b58e59;}
img{display:block;border:none;}
form,fieldset{margin:0;padding:0;border:none;}
p{line-height:14px;}
#pagewidth{
	width:790px;
	position:relative;
	overflow:hidden;
	padding:149px 0 0;
}
#header{
	height:149px;
	width:790px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
.top{
	line-height:30px;
	width:100%;
	overflow:hidden;
	color:#a5b5c2;
}
.top strong{
	float:left;
	font-weight:normal;
	padding:0 43px 0 20px
}
.top a{color:#7f95a7;}
.top ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.top ul li{
	float:left;
	padding:0 0 0 7px;
}
.top ul a{
	float:left;
	padding:0 11px;
}
.top ul a:hover{background:#263949;color:#7f95a7;}
.top ul .active a:hover,.top ul .active a{background:#263949 url(../images/bullet.gif) no-repeat 50% 0;}
#footer{
	width:769px;
	padding:25px 0 20px 21px;
	color:#fff;
	font:11px Arial, Helvetica, sans-serif;
	background:url(../images/bg-footer.gif) no-repeat 16px 0;
	position:relative;
}
#footer p{margin:0;}
#footer a{color:#b88f5f;}
#footer a:hover{text-decoration:underline;}
#main{
	width:790px;
	background:url(../images/bg-frame.gif) repeat-y 16px 0;
	padding:20px 0 0;
}
.frame{
	background:url(../images/bg-main.gif) repeat-y 0 -34px;
	width:790px;
	padding:0 0 52px;
}
.list-box:after,
#main:after,
.frame:after{
	content:"";
	display:block;
	clear:both;
}
.list{
	margin:0 -15px 0 0;
	padding:0;
	list-style:none;
	width:412px;
	position:relative;
}
.list-box{
	width:100%;
	position:relative;
	margin:0 0 -137px;
}
.list li{
	width:182px;
	height:114px;
	overflow:hidden;
	float:left;
	padding:6px 0 0;
	position:relative;
	margin:-124px 14px 137px 0;
	border:2px solid #e8e8e8;
	background:#e8e8e8;
}
.list li.first{
	margin:0;
	margin:-124px 124px 137px 0;
}
.list li.hover,.list li:hover{border:2px solid #dcc4a3;}
.list li.hover h2 a,.list li:hover h2 a{color:#b58e59;}
.list p{margin:5px 5px 0 9px;}
.list h2{
	font:12px Georgia, "Times New Roman", Times, serif;
	margin:0 20px 0 9px;
}
.list img{margin:9px 0 0;}
.number{
	width:21px;
	height:21px;
	background:url(../images/number.gif);
	position:absolute;
	top:4px;
	right:4px;
	text-align:center;
	color:#5a6198;
	font:13px/21px Arial, Helvetica, sans-serif;
}
#content{
	width:659px;
	overflow:hidden;
	padding:0 0 0 66px;
	position:relative;
	float:left;
}
#leftcolumn{
	float:left;
	width:399px;
	margin:-137px 0;
	background:#f1f1ef;
	position:relative;
}
#twocolumn{
	float:right;
	width:659px;
}
h1{
	color:#72759a;
	font:20px Georgia, "Times New Roman", Times, serif;
	margin:0;
}
.text{
	width:440px;
	background:#e3e2e2;
	padding:8px 3px 6px 12px;
	margin:13px 0 0 200px;
	height:244px;
	overflow:hidden;
	position:relative;
	border:2px solid #e3e2e2;
}
.text.hover,
.text:hover{
	border:2px solid #dcc4a3;
	background:#e3e2e2 url(../images/bg-text.gif) no-repeat 0 121px;
}
.text .number{
	width:48px;
	line-height:47px;
	height:47px;
	font-size:30px;
	margin:-2px 2px 0 0;
	background:url(../images/number-large.gif);
	float:right;
	position:static;
	top:auto;
	right:auto;
}
span.box{
	width:199px;
	float:left;
	height:137px;
	text-indent:-9999px;
}
* html span.box{width:196px;}
.text p{margin:3px 5px 0 0;}
.text div{margin:3px 5px 0 0;line-height: 14px;}
.text div img{
	margin: 5px 0 0;
}
.left{
	float:left;
	width:199px;
	background:#f1f1ef;
	position:relative;
	z-index:10;
	margin:-137px 0 0;
}
.nav{
	margin:-14px 0 0;
	position:relative;
	padding:0;
	list-style:none;
	float:right;
	width:31px;
	overflow:hidden;
}
.nav li{
	float:left;
	width:31px;
	padding:0 0 9px;
}
.nav a{
	display:block;
	width:32px;
	height:128px;
	text-indent:-9999px;
	background-image:url(../images/text-main-nav.gif);
	background-repeat:no-repeat;
}
.nav a.top-picks{background-position:0 0;}
.nav a.css-designs{background-position:0 -128px;}
.nav a.tutorials{background-position:0 -256px;}
.nav a.resources{background-position:0 -384px;}
.nav .active a.top-picks,.nav a.top-picks:hover{background-position:-31px 0;}
.nav .active a.css-designs,.nav a.css-designs:hover{background-position:-31px -128px;}
.nav .active a.tutorials,.nav a.tutorials:hover{background-position:-31px -256px;}
.nav .active a.resources,.nav a.resources:hover{background-position:-31px -384px;}
.right{
	float:right;
	width:240px;
	background:#cccdd5;
	margin:13px 0 0;
	padding:0 10px 7px 10px;
	min-height:391px;
}
* html .right{height:391px;}
.right h3{
	color:#72759a;
	margin:0;
	font:14px/30px Georgia, "Times New Roman", Times, serif;
}
.right p{
	margin:0;
}
hr,.skip{display:none;}
.hr{
	height:1px;
	overflow:hidden;
	background:#b3b4c2;
	margin:10px 0 5px;
}
.sponsor{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:10px 0 10px;
	list-style:none;
}
.sponsor li{
	margin:0 5px 0 4px;
	float:left;
	display:inline;
}
.featured ul{
	margin:0;
	padding:7px 0 0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.featured ul li{
	width:100%;
	overflow:hidden;
	line-height:19px;
	float:left;
	padding:0 0 9px;
}
.featured ul label{
	width:98px;
	float:left;
	cursor:pointer;
}
.featured legend{display:none;}
.featured ul div{
	width:138px;
	height:19px;
	background:url(../images/bg-input.gif);
	float:left;
}
.featured ul div input{
	border:0;
	width:120px;
	height:14px;
	float:left;
	background:none;
	margin:1px 0 0 4px;
	padding:2px 0 0 4px;
}
.featured .send{
	margin:0 0 0 185px;
}
.two{
	width:715px;
	overflow:hidden;
	position:absolute;
	top:69px;
	left:18px;
}
.logo{
	width:239px;
	float:left;
}
.month{
	float:left;
	width:350px;
	background:url(../images/separator.png) no-repeat 0 0;
	padding:4px 0 0 25px;
}
.logo big{
	color:#fff;
	height:38px;
}
.two big{
	font:30px Georgia, "Times New Roman", Times, serif;
	overflow:hidden;
	display:block;
}
.logo big strong{
	color:#a57e4a;
	font-weight:normal;
}
.month a,
.logo small{
	color:#fff;
	font-size:13px;
	font:13px Georgia, "Times New Roman", Times, serif;
}
.month a:hover{text-decoration:underline;color:#fff;}
.logo small{
	display:block;
	margin:-3px 0 0;
}
.month big{
	color:#4672d7;
	font-size:24px;
	height:32px;
}
.month big strong{
	color:#9093ab;
}
.month a{
	background:url(../images/bullet2.gif) no-repeat right;
	padding:0 12px 0 0;
}
/* sifr */
.sIFR-flash {visibility:visible !important;margin:0;}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}
.sIFR-flash + div[adblocktab=true] {display:none !important;}
.sIFR-hasFlash .logo big span{
	visibility:hidden;
	font-size:30px;
}
.sIFR-hasFlash .logo strong{
	visibility:hidden;
	font-size:30px;
}
.sIFR-hasFlash .month big span{
	visibility:hidden;
	font-size:24px;
}
.sIFR-hasFlash .month strong{
	visibility:hidden;
	font-size:24px;
}