/* @group reset */
html,body,div,form,fieldset,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote,th,td,hr{padding:0;margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
:focus{outline:none;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
address,caption,cite,code,th,var{font-weight:normal;font-style:normal;}
input,textarea,h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:1em;}
.cl{clear:both;}
a:hover{text-decoration:none;}
/* @end reset */
body{background:#000;font:normal 11px/1.50 "Helvetica Neue",Helvetica,Arial,Sans-Serif;color:#79c4d8;}
.wrap{width:1004px;margin:0 auto;}
.clear{clear:both;}
#header,#footer{height:100%;overflow:hidden;position:relative;}
#strips{position:relative;}
#overlay{display:block;height:318px;position:absolute;top:0;left:0;z-index:9999;width:100%;background-color:#000;}
#window{display:block;width:614px;height:404px;position:absolute;top:0;left:50%;margin-left:-307px;z-index:99999;background-color:transparent;}
/* @group footer */
#footer{color:#1b2732;text-align:center;font-size:10px;padding:70px 0 10px 0;}
#footer p{display:inline;padding:0 15px;}
#footer a{color:#304254;text-decoration:none;}
#footer p{background:transparent url(../image/home/arrow.png) no-repeat 100% 50%;}
#footer p a:hover{text-decoration:underline;}
/* @end footer */
/* @group header */
#header{height:120px;padding:60px 0 0 0;position:relative;}
#header h2 a{width:145px;height:47px;display:block;text-indent:-99999px;background:transparent url(../image/home/home.elements.png) no-repeat 0 -191px;margin:7px 0 0 24px;}
#header h1 a{width:280px;position:absolute;left:50%;top:60px;margin-left:-140px;text-decoration:none;color:#79c4d8;}
#header h1 a strong{background:transparent url(../image/home/home.elements.png) no-repeat -91px -103px;text-indent:-99999px;display:block;height:58px;width:188px;margin-left:46px;}
#header h1 a small{padding:8px 0 0 0;display:block;text-align:center;font-size:11px;font-weight:normal;}
/* @end header */
dl{float:left;margin:0 5px;height:402px;position:relative;width:241px;overflow:hidden;}
dl a{text-decoration:none;}
#tutorial a{color:#7ec6da;}
#inspiration a{color:#87c653;}
#discussion a{color:#76c0ba;}
#inspiration dd,#discussion dd,#tutorial dd{cursor:pointer;}
#openvideo{position:absolute;right:20px;top:-122px;width:90px;height:90px;text-indent:-99999px;background:transparent url(../image/home/home.elements.png) no-repeat 0 -101px;z-index:8888;}
#account a{color:#626142;}
/* @group strip-headers */
dt{position:absolute;height:70px;left:18px;bottom:0;z-index:999;}
dt a{width:219px;height:51px;display:block;text-indent:-99999px;background:transparent url(../image/home/home.elements.png) no-repeat 0 0;}
#inspiration dt a{background-position:-219px 0;}
#discussion dt a{background-position:0 -51px;}
#account dt a{background-position:-219px -51px;}
/* @end strip-headers */
/* @group strip-titles */
dl .strop{height:402px;position:relative;width:241px;overflow:hidden;}
dl .image{position:absolute;top:0;left:0;z-index:9;background-color:#000;}
dd{display:table-row;_display:table;}
dl h3{width:211px;padding:0 15px 0 15px;background:transparent url(../image/home/home.spacer.png) repeat-x 0 0;z-index:99;position:absolute;left:0;bottom:107px;height:68px;display:block;}
dd .center{height:68px;padding-left:35px;vertical-align:middle;display:table-cell;}
dd .center{/display:block;}
dd a{/padding-top:16px;/display:block;}
dd small{font-size:10px;line-height:11px;height:11px;display:block;}
dd strong{font-size:16px;line-height:16px;font-weight:normal;}
dd .icon{position:absolute;left:15px;top:20px;width:33px;height:33px;float:left;background-image:url(../image/home/home.elements.png);background-repeat:no-repeat;}
dd{position:absolute;left:0;top:0;z-index:99;}
#discussion dd .icon{background-position:-391px -123px;}
#inspiration dd .icon{background-position:-358px -123px;}
.beginner_1{background-position:-90px -161px;}
.beginner_2{background-position:-123px -161px;}
.beginner_3{background-position:-156px -161px;}
.intermediate_1{background-position:-189px -161px;}
.intermediate_2{background-position:-222px -161px;}
.intermediate_3{background-position:-255px -161px;}
.advanced_1{background-position:-288px -161px;}
.advanced_2{background-position:-321px -161px;}
.advanced_3{background-position:-354px -161px;}
.none_4{background-position:-391px -161px;}
/* @end strip-titles */
/* @group form */
form,#user-profile{height:58px;width:211px;padding:10px 15px 0 15px;background:transparent url(../image/home/home.spacer.png) repeat-x 0 0;z-index:99;position:absolute;left:0;bottom:107px;}
#user-profile{height:60px;padding-top:8px;}
#loginform{z-index:999;padding-left:24px;}
#loginform p{padding:0;margin:0 0 5px 0;float:left;}
#loginform .text{overflow:hidden;height:22px;width:195px;background:transparent url(../image/common/elements.png) no-repeat -10px -226px;}
#loginform .text input{background:transparent none;border:none;width:170px;padding:6px 6px 0 12px;margin:0 0 0 0;color:#403f25;font:normal 11px/16px Helvetica,Arial,Sans-Serif;height:16px;float:left;}
#loginform .short{width:128px;background-position:0 -248px;}
#loginform .short input{width:110px;}
#loginform .loader{width:67px;}
#loginform .loader img{margin:3px 0 0 8px;}
#loginform .submit{margin:0 0 0 4px;width:63px;height:22px;background:transparent url(../image/common/elements.png) no-repeat -1px -270px;float:right;border:none;text-indent:-999999px;cursor:pointer;}
#loginform .error{width:195px;text-align:center;color:#B33400;}
#user-profile .avatar{float:left;margin:0 10px 0 0;}
#user-profile h4{float:left;}
#user-profile h4 small{display:block;padding:0 0 2px 0;font-size:12px;line-height:16px;color:#696947;}
#user-profile h4 strong{font-size:16px;line-height:18px;color:#c5c482;}
#user-profile h4 a{display:block;height:19px !important;line-height:19px !important;width:22px;margin:2px 0 0 -3px;background:transparent url(../image/home/home.elements.png) no-repeat -358px -103px;padding-right:0;overflow:hidden;}
#user-profile h4 a:hover{padding-right:60px;}
/* @end form */