*{padding:0; margin:0; outline:0;}
body{background:#000 url(../images/layout/bg.jpg) left top repeat-x; margin:0; font-family:Tahoma, Arial, sans-serif; color:#444;}
.imgright{ float:right; margin:10px 0 0 15px; padding:2px; border:1px solid #ddd;}
.imgleft{  float:left; margin:10px 15px 0 0; padding:2px; border:1px solid #ddd;}
.imgreset{ border:none;}
.centered{ text-align:center;}
.clr{clear:both; height:0;}

#container{ margin:0 auto; width:980px; text-align:left;}
#header{ float:left; width:980px; height:142px;position:relative; margin-bottom:10px;}
	#logo{ background:url(../images/layout/logo-wdc.png) no-repeat; width:325px; height:142px; z-index:100; position:absolute; text-indent:-9999px;}
	#nav-home{ background:url(../images/layout/navbar.jpg) left top no-repeat; width:980px; height:47px; top:95px; position:absolute; z-index:50;}
		#nav-home ul{list-style-type:none; display:inline; margin: 20px 15px 0 320px;}
		#nav-home li{display: inline; font-size:22px; line-height:47px; padding:0 0 0 45px;}
		#nav-home li a{color:#666; text-decoration:none;}
		#nav-home li a:hover, #nav-home li a:active{color:#f60; text-decoration:none; /*border-bottom:3px #d24107 solid; padding-bottom:2px;*/}

	#nav-members{ background:url(../images/layout/navbar.jpg) left top no-repeat; width:980px; height:47px; top:95px; position:absolute; z-index:50;}
		#nav-members ul{list-style-type:none; display:inline; margin: 20px 10px 0 320px;}
		#nav-members li{display: inline; font-size:22px; line-height:47px; padding:0 0 0 35px;}
		#nav-members li a{color:#666; text-decoration:none;}
		#nav-members li a:hover, #nav-home li a:active{color:#f60; text-decoration:none; /*border-bottom:3px #d24107 solid; padding-bottom:2px;*/}
		
	#user{float:right; width:640px; margin:15px 0 0 0; color:#fff; font-size:14px;}
	#user a:link, #user a:visited {color:#fff; text-decoration:underline;} 
	#user a:hover {color:#f60; text-decoration:underline;} 
	#tag{ float:right; width:640px; font-size:24px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:20px 0 0 0;  color:#fff;}
	#member-info{}
#main-home{ clear:both; background:url(../images/layout/main-home-top.jpg) left top no-repeat #fff; overflow:auto;}
	
	#home-left{ float:left; width: 600px; margin-left:25px;}
	  #home-left h1{ margin:30px 0 0 0; background:url(../images/layout/wdc-training.png) left top no-repeat; text-indent:-9999px; height:55px; width:542px;}
	  #home-left h2{ margin:0 0 10px 0; font-size:20px; line-height:24px; font-weight:normal; color:#007586;}
	  #home-left h3{ margin:0 0 10px 0; font-size:20px; line-height:24px; font-weight:normal; color:#f60;}
	  #home-left p { margin:0 0 15px 0; font-size:14px; line-height:24px;}
  	  #home-left ul{ margin:0 0 10px 40px;}
  	  #home-left ul li{ list-style-type:square; font-size:14px; line-height:24px;}
	  
	  #home-right{ float:right; width:310px; margin:0 15px 0 0;}

#main{ clear:both; background:url(../images/layout/main-top.jpg) left top no-repeat #fff; overflow:hidden;}
	  #main a{ color:#d24107; text-decoration:none; font-weight:bold;}
	  #main a:hover{ color:#007586; text-decoration: underline;}
	  #main h1{ margin:5px 0 15px 0; font-size:40px; line-height:40px; font-weight:normal; color:#f60}
	  #main h2, #main h2 a{ margin:0 0 0 -2px; font-size:24px; line-height:24px; font-weight:normal; color:#007586; padding:2px; border:none;}
	  #main h2 a:hover{color:#f60; text-decoration:underline;}
	  #main h3{ margin:0 0 10px 0; font-size:20px; line-height:24px; font-weight:normal; color:#007586; font-style:italic;}
	  #main p { margin:0 0 15px 0; font-size:14px; line-height:24px;}
  	  #main ul{ margin:-5px 0 15px 40px;}
  	  #main ul li{ list-style-type:square; font-size:14px; line-height:24px;}
  	  #main ol{ margin:-5px 0 15px 40px;}
  	  #main ol li{ list-style-type:decimal; font-size:14px; line-height:24px;}
	  
	  #main div.breadcrumbs {margin:8px 0 0 25px; line-height:12px; color:#999;}
	  #main div.breadcrumbs a, div.breadcrumbs {font-size:10px; color:#999; text-decoration:none;}
	  #main div.breadcrumbs:hover {color:#d24107; text-decoration:none;}
	  p.date {line-height:12px; color:#999; font-size:10px; }

    h1.training{margin:30px 0 0 0; background:url(../images/layout/wdc-training.png) left top no-repeat; text-indent:-9999px; height:55px; width:542px;}


	#main-left{ float:left; width: 600px; margin-left:25px;}
	#main-right{ float:right; width:310px; margin:0 15px 0 0;}

#left{ float:left; width: 640px; margin-left:25px;}	  	
#right{ float:right; width:260px; margin:0 15px 0 0;}

#footer{ clear: both; float:left; background:url(../images/layout/main-bottom.jpg) left top no-repeat; height:14px; width:980px; padding:25px 0 20px 0; margin-bottom: 0px; text-align:center; color:#eee; font-size:12px;}
	#footer a{ color:#eee; text-decoration:none; font-size:12px;}
	#footer a:hover, #footer a:active{ color:#d24107; text-decoration:none;}

/* mini course subscribe box */
.box label{font-size:14px; font-weight:normal; color:#fff;}
.box {width: 310px; background: #222 url(../images/layout/box_small_bg.gif) repeat-y top left; margin: 20px 0 20px 0;}
.box .box-top {	background: url(../images/layout/box_small_top.gif) no-repeat left top; padding: 15px 0 0;}
.box .box-bottom { padding: 0 25px 15px; margin-bottom: 0; background: url(../images/layout/box_small_bottom.gif) no-repeat left bottom;}
.box p.box-bottom {	padding: 10px 10px 15px;}
.box h3 {font-size: 24px; line-height:22px; color: #f60; font-weight: normal; text-align:center; font-family: tahoma, Arial, Helvetica, sans-serif; margin:0 0 10px 0;}

.box h3.box-top { padding: 10px 10px 6px;}
#main .box h2{ font-size:22px; color:#f60;text-align:left; background: url(../images/layout/monitor.gif) no-repeat left 4px; padding:0 0 0 60px; margin:0 -5px 5px -10px;}

.box p{ font-size:14px; font-weight:normal; color:#FAF9F2; text-align:center;}

#main .box .privacy{ clear:both; font-size:11px; line-height:13px; font-weight:normal; color:#999; text-align:left; background: url(../images/layout/lock.gif) no-repeat left 4px; padding:0 0 0 30px; margin:0 0 0 -10px;}
	.box .privacy span{font-weight:bold; color:#eee;}
.box form input { width:260px; height:22px;}
#main .box form p { font-size:14px; line-height:16px; margin:0; padding-bottom: 10px; color:#eee;}
/*.box form input.submit {width: auto; float: right;}*/

.box-footer {margin: 0 auto; width: 310px; padding: 6px 10px 0;}
.box input.submit {	background:#212121 url(../images/layout/btn-free-access.gif) repeat-x scroll left top;	cursor:pointer; width:282px; height:52px; border:none; margin:15px 0 15px -10px; font-size:0; line-height:0; display:block; text-indent:-9999px;}
.box input.submit:hover {	background:#212121 url(../images/layout/btn-free-access.gif) left -52px; cursor:pointer; width:282px; height:52px; border:none; margin:15px 0 15px -10px;}

/* mini course subscribe box */
.box-white label{font-size:14px; font-weight:normal; color:#fff;}
.box-white {width: 310px; background: #222 url(../images/layout/box-white_small_bg.gif) repeat-y top left; margin: 20px 0 20px 0;}
.box-white .box-top {	background: url(../images/layout/box-white_small_top.gif) no-repeat left top; padding: 15px 0 0;}
.box-white .box-bottom { padding: 0 25px 15px; margin-bottom: 0; background: url(../images/layout/box-white_small_bottom.gif) no-repeat left bottom;}
.box-white p.box-bottom {	padding: 10px 10px 15px;}
.box-white h3 {font-size: 24px; line-height:22px; color: #f60; font-weight: normal; text-align:center; font-family: tahoma, Arial, Helvetica, sans-serif; margin:0 0 10px 0;}

.box-white h3.box-top { padding: 10px 10px 6px;}
/*#main .box-white h2{ font-size:22px; color:#f60;text-align:left; background: url(../images/layout/monitor.gif) no-repeat left 4px; padding:0 0 0 60px; margin:0 -5px 5px -10px;}*/
#main .box-white h2{ font-size:22px; color:#f60;text-align:left; background: url(../images/layout/web-design-articles.gif) no-repeat left top; padding:7px 0 0 40px; margin:-10px 0 0 -10px; line-height:40px; height:35px;}
.box-white p{ font-size:14px; font-weight:normal; color:#FAF9F2; text-align:center;}


.box-footer {margin: 0 auto; width: 310px; padding: 6px 10px 0;}
.box input.submit {	background:#212121 url(../images/layout/btn-free-access.gif) repeat-x scroll left top;	cursor:pointer; width:282px; height:52px; border:none; margin:15px 0 15px -10px; font-size:0; line-height:0; display:block; text-indent:-9999px;}
.box input.submit:hover {	background:#212121 url(../images/layout/btn-free-access.gif) left -52px; cursor:pointer; width:282px; height:52px; border:none; margin:15px 0 15px -10px;}

#main-right .box-white ul{margin:0 0 5px 5px;}
#main-right .box-white li a:link, #main-right .box-white li a:visited{ color:#444; text-decoration:none;}
#main-right .box-white li a:hover{ color:#d24107; text-decoration:underline;}


/* mini course 260 */
.box260 label{font-size:14px; font-weight:normal; color:#fff;}
.box260 {width: 260px; background: #222 url(../images/layout/box2_small_bg.gif) repeat-y top left; margin: 20px 0 20px 0;}
.box260 .box-top {	background: url(../images/layout/box2_small_top.gif) no-repeat left top; padding: 15px 0 0;}
.box260 .box-bottom { padding: 0 20px 15px; margin-bottom: 0; background: url(../images/layout/box2_small_bottom.gif) no-repeat left bottom;}
.box260 p.box-bottom {	padding: 10px 10px 15px;}
.box260 h3 {font-size: 24px; line-height:22px; color: #f60; font-weight: normal; text-align:center; font-family: tahoma, Arial, Helvetica, sans-serif; margin:0 0 10px 0;}

.box260 h3.box-top { padding: 10px 10px 6px;}
#main .box260 h2{ font-size:22px; color:#f60;text-align:left; background: url(../images/layout/monitor.gif) no-repeat left 4px; padding:0 0 0 60px; margin:0 -5px 5px -10px;}

.box260 p{ font-size:14px; font-weight:normal; color:#FAF9F2; text-align:center;}

#main .box260 .privacy{ clear:both; font-size:11px; line-height:13px; font-weight:normal; color:#999; text-align:left; background: url(../images/layout/lock.gif) no-repeat left 4px; padding:0 0 0 30px; margin:0 0 0 -10px;}
	.box260 .privacy span{font-weight:bold; color:#eee;}
.box260 form input { width:220px; height:22px;}
#main .box260 form p { font-size:14px; line-height:16px; margin:0; padding-bottom: 10px; color:#eee;}
/*.box form input.submit {width: auto; float: right;}*/

.box260-footer {margin: 0 auto; width: 310px; padding: 6px 10px 0;}
.box260 input.submit {	background:#212121 url(../images/layout/btn-free-access.gif) repeat-x scroll left top;	cursor:pointer; width:260px; height:52px; border:none; margin:15px 0 15px -10px;}
.box260 input.submit:hover {	background:#212121 url(../images/layout/btn-free-access.gif) left -52px; cursor:pointer; width:260px; height:52px; border:none; margin:15px 0 15px -10px;}

.post{clear:both; border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:20px; overflow:auto;}
.post img{padding:2px; border:1px solid #ddd; float:left; margin-right:20px;} 

.form-standard{ background:#eee; border:1px solid #ddd; width:450px; margin:0 auto 25px; padding:15px; }
.form-standard input {height:24px; border:1px solid #ddd; padding: 6px 0 0 10px;}
.form-standard , .form-standard label{ font-size:12px; line-height:18px; font-weight:bold; color:#444;}
.form-standard .cat_button{background:url(../images/layout/btn-bg.gif) repeat-x; height:30px; color:#fff; font-weight:bold; line-height:30px; padding:0 20px;}


#feature-content {width: 600px; margin:0 0 15px -10px; padding: 10px; background: #eee;	border: 1px solid #CCC;}
/* HOME FEATURE LIST */
div#feature_list {width: 600px;	height: 300px;	overflow: hidden;	position: relative;}
div#feature_list ul {position: absolute; top: 0; list-style: none; padding: 0; margin: 0;}
#feature-content ul#tabs { left: 0; z-index: 2; width: 250px; }
#feature-content ul#tabs li { font-size: 10px; font-family: Arial; list-style-type:none;}
#feature-content ul#tabs span { font-size: 10px; line-height:14px;}
#feature-content ul#tabs span.feature-big { margin: 0; padding: 11px 0 0 0; font-size: 14px; text-transform: uppercase; font-style:normal; font-weight:bold; color:#f60;}
#feature-content ul#tabs li img { padding:0 8px 0 5px; border: none; float: left; margin: 0; }
#feature-content ul#tabs li a { color: #222; text-decoration: none; display: block; padding:15px 5px 5px 5px; height: 40px; outline: none; }
#feature-content ul#tabs li a:hover { text-decoration: none;}
#feature-content ul#tabs li a.current {background:  url(../images/layout/feature-tab-current.png); color: #FFF;}
#feature-content ul#tabs li a.current:hover {text-decoration: none; cursor: default;}
#feature-content div#output .output-feature { width: 365px; height: 295px; position: absolute; right:0; top:0; background:#fff; border:1px solid #ddd;}
#feature-content div#output .output-feature p, #feature-content div#output .output-feature h2 {margin-left:20px; padding:10px 0 0 0;}
.nudge{margin-right:10px;}/* need to add space in the feature div*/
#feature-content ul#output li { position: absolute; width: 375px; height: 300px; /*	background:white;*/ list-style-type:none;}
#feature-content ul#output li span { padding: 5px 10px 0 25px;display:block;}
#feature-content ul#output li a { position: absolute;  bottom: 10px; right: 10px; padding: 8px 12px; text-decoration: none; font-size: 11px;  color: #FFF;	background: #000; -moz-border-radius: 5px;}
#feature-content ul#output li a:hover { background: #f60;}