html,
body {min-width:764px;}
body{
	margin:0;
	font:13px Arial, Helvetica, sans-serif ;
	color:#fff;
    background: #4A4A4B url(../images/bg-body.jpg) ;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center; 
}
img{border:0;}
a{
	color:#fff;
	text-decoration:none;
	outline:none;
}
a:hover{text-decoration:underline;}
.page{
	width:100%;
	overflow:hidden;
	position:relative;
}
#wrapper{
	width:764px;
	margin:0 auto;
	padding:0 0 10px;
}
#header{
	padding:16px 0 31px;
	width:764px;
	position:relative;
}
.header-holder{
	width:664px;
	padding:0 0 13px 100px;
}
.header-holder h1{margin:0;}
.header-holder img{display:block;}
.promobox{
	position:absolute;
	top:4px;
	left:578px;
}
.promobox img{display:block;}
.nav{
	margin:0;
	padding:0;
	list-style:none;
	width:764px;
	overflow:hidden;
	background: url(../images/bg-nav.gif) repeat-x;
}
.nav li{
	float:left;
	background: url(../images/separator-nav.gif) no-repeat left;
	padding:13px 0 18px 1px;
	margin:0 0 0 -1px;
}
.nav a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	height:20px;
}
.nav .home{
	margin:0 41px 0 46px;
	width:38px;
	background: url(../images/bg-home.gif) no-repeat;
}
.nav .home:hover{background: url(../images/bg-home.gif) no-repeat 0 -20px;}
.nav .designers{
	width:80px;
	margin:0 22px 0 24px;
	background: url(../images/bg-designers.gif) no-repeat;
}
.nav .designers:hover{background: url(../images/bg-designers.gif) no-repeat 0 -20px;}
.nav .faq{
	width:34px;
	margin:0 46px 0 51px;
	background: url(../images/bg-faq.gif) no-repeat;
}
.nav .faq:hover{background: url(../images/bg-faq.gif) no-repeat 0 -20px;}
.nav .resources{
	width:83px;
	margin:0 22px 0 24px;
	background: url(../images/bg-resources.gif) no-repeat;
}
.nav .resources:hover{background: url(../images/bg-resources.gif) no-repeat 0 -20px;}
.nav .online{
	width:96px;
	margin:0 17px 0 15px;
	background: url(../images/bg-online.gif) no-repeat;
}
.nav .online:hover{background: url(../images/bg-online.gif) no-repeat 0 -20px;}
.nav .contact{
	width:89px;
	margin:0 18px 0 18px;
	background: url(../images/bg-contact.gif) no-repeat;
}
.nav .contact:hover{background: url(../images/bg-contact.gif) no-repeat 0 -20px;}
#main{
	width:673px;
	padding:0 40px 12px 51px;
	overflow:hidden;
}
#content{
	width:420px;
	float:left;
}
.image{
	display:block;
	background: url(../images/frame.gif) no-repeat;
	padding:4px 15px 13px 4px;
	margin:0 0 16px 2px;
}
.image img{display:block;}
.text-box{
	width:420px;
	overflow:hidden;
	padding: 0 0 0 12px;
}
.text-box ul{
	margin:0;
	padding:0;
	list-style:none;
}
.text-box li{
	float:left;
	padding: 0 0 12px 9px;
	line-height:14px;
	background: url(../images/bullet.gif) no-repeat 0 3px;
}
.text-box h3{
	margin:0 0 2px;
	line-height:14px;
}
.text-box h3 img{display:block;}
.text-box p{
	margin:0;
	line-height:14px;
}
.text-box .date{
	font-style:normal;
	color:#dad7d7;
	padding:0 3px 0 0;
}
#sidebar{
	width:216px;
	float:right;
	display:inline;
	overflow:hidden;
	padding:6px 0 0;
}
.text{
	width:100%;
	overflow:hidden;
	text-align:center;
	padding:0 0 4px;
}
.text p{
	margin:0 0 14px;
	line-height:14px;
}
.img{
	width:188px;
	margin:0 10px 25px 18px;
	display:block;
	background: url(../images/frame-img.gif) no-repeat;
	padding:1px 9px 10px 1px;
}
.img img{display:block;}
.visual{
	display:block;
	margin:0 0 24px 11px;
}
.visual img{display:block;}
.tools{
	margin:0 75px;
	padding:0;
	list-style:none;
	width:95px;
	overflow:hidden;
}
.tools li{
	float:left;
	padding:0 14px 0 0;
}
.tools a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:28px;
	width:31px;
	outline:none;
}
.tools .twitter{background: url(../images/twitter.gif) no-repeat;}
.tools .facebook{background: url(../images/facebook.gif) no-repeat;}
#footer{
	width:764px;
	padding:14px 0px;
	margin:0 auto;
	background:#434245;
	position:relative;
	line-height:14px;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
#footer p{margin:0;}