@charset "UTF-8";
/* CSS Document */
html, body{
	background-color:#fff;
	color:#535353;
	font-family:Helvetica, Arial, "Arial Black";
	font-size:13px;
	background-image:url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position:center center;
	margin:0;
	height:100%;
	overflow:hidden;
}

a:link, a:active, a:visited{
	text-decoration:underline;
	color:#535353;
}
a:hover{
	text-decoration:underline;
	color:#000;
}
#wrapperHome{
	border:1px #000 solid;
	width:1000px;
	height:600px;
	background-image:url(../images/bg_home.gif);
	background-repeat:no-repeat;
	position:absolute; top:50%; margin-top:-300px; left:50%; margin-left:-500px;
}
#wrapperDefault{
	position:absolute; top:50%; margin-top:-300px; left:50%; margin-left:-500px;
	border:1px #000 solid;
	width:1000px;
	height:600px;
	background-color:#FFF;
}
#wrapperCorporate{
	border:1px #000 solid;
	width:1000px;
	height:600px;
	background-image:url(../images/bg_home.gif);
	background-repeat:no-repeat;
	position:absolute; top:50%; margin-top:-300px; left:50%; margin-left:-500px;
}
#menuBar{
	float:left;
}
#mainContent{
	float:left;
	padding-left:17px;
}
#contentAreaHome{
	width:585px;
	height:553px;
}
#contentArea{
	width:585px;
	height:553px;
}
#contentAreaCorporate{
	width:585px;
	height:553px;
}
#contentScroll{
	padding:0px 0px 0px 0px;
	text-align:left;
}
#adsArea{
	width:182px;
	height:553px;
}
#adsContent{
	padding-left:15px;
	float:left;
}
.clear{
	float:none;
	clear:both;
}

/* header */
#headerHome{
	width:1000px;
	height:136px;
}

#headerDefault{
	width:1000px;
	height:136px;
}

#headerCompany{
	background-image:url(../images/header_company.png);
	background-repeat:no-repeat;
	width:1000px;
	height:136px;
}

/* Menu */
.menuItem{
	padding-top:2px;
}
#btnHome{
	background-image:url(../images/btn_home.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnHome:hover{
	background-position: 0 -19px;
}
#btnHome span{
  	display: none;
}
#btnHomeActive{
	background-image:url(../images/btn_home.gif);
	background-position: 0 -19px;
	width:190px;
	height:19px;
	display:block;
}

#btnCreativeReview{
	background-image:url(../images/btn_creative.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnCreativeReview:hover{
	background-position: 0 -19px;
}

#btnCreativeReview span{
  	display: none;
}
#btnCreativeActive{
	background-image:url(../images/btn_creative.gif);
	background-position: 0 -19px;
	width:190px;
	height:19px;
	display:block;
}

#btnRecentEdition{
	background-image:url(../images/btn_recentedition.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnRecentEdition:hover{
	background-position: 0 -19px;
}
#btnRecentEdition span{
  	display: none;
}
#btnRecentActive{
	background-image:url(../images/btn_recentedition.gif);
	width:190px;
	height:19px;
	display:block;
	background-position: 0 -19px;
}

#btnResources{
	background-image:url(../images/btn_resources.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnResources:hover{
	background-position: 0 -19px;
}
#btnResources span{
  	display: none;
}
#btnResourcesActive{
	background-image:url(../images/btn_resources.gif);
	width:190px;
	height:19px;
	display:block;
	background-position: 0 -19px;
}

#btnTutorial{
	background-image:url(../images/btn_tutorial.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnTutorial:hover{
	background-position: 0 -19px;
}
#btnTutorial span{
  	display: none;
}
#btnTutorialActive{
	background-image:url(../images/btn_tutorial.gif);
	width:190px;
	height:19px;
	display:block;
	background-position: 0 -19px;
}

#btnBackIssue{
	background-image:url(../images/btn_backissue.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnBackIssue:hover{
	background-position: 0 -19px;
}
#btnBackIssue span{
  	display: none;
}
#btnBackIssueActive{
	background-image:url(../images/btn_backissue.gif);
	width:190px;
	height:19px;
	display:block;
	background-position: 0 -19px;
}

#btnEvents{
	background-image:url(../images/btn_event.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnEvents:hover{	
	background-position: 0 -19px;
}
#btnEvents span{
  	display: none;
}
#btnEventsActive{
	background-image:url(../images/btn_event.gif);
	width:190px;
	height:19px;
	display:block;
	background-position: 0 -19px;
}

#btnForum{
	background-image:url(../images/btn_forum_menu.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnForum:hover{
	background-position: 0 -19px;
}
#btnForum span{
  	display: none;
}

#btnBlog{
	background-image:url(../images/btn_blog_menu.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnBlog:hover{
	background-position: 0 -19px;
}
#btnBlog span{
  	display: none;
}

#btnAbout{
	background-image:url(../images/btn_about.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnAbout:hover{
	background-position: 0 -19px;
}
#btnAbout span{
  	display: none;
}
#btnAboutActive{
	background-image:url(../images/btn_about.gif);
	width:190px;
	height:19px;
	display:block;
	background-position: 0 -19px;
}

#btnAdvertise{
	background-image:url(../images/btn_advertise.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnAdvertise:hover{
	background-position: 0 -19px;
}
#btnAdvertise span{
  	display: none;
}
#btnAdvertiseActive{
	background-image:url(../images/btn_advertise.gif);
	width:190px;
	height:19px;
	display:block;
	background-position: 0 -19px;
}

#btnSubscribe{
	background-image:url(../images/btn_subscribe.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnSubscribe:hover{
	background-position: 0 -19px;
}
#btnSubscribe span{
  	display: none;
}
#btnSubscribeActive{
	background-image:url(../images/btn_subscribe.gif);
	width:190px;
	height:19px;
	display:block;
	background-position: 0 -19px;
}

#btnShop{
	background-image:url(../images/btn_shop.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnShop:hover{
	background-position: 0 -19px;
}
#btnShop span{
  	display: none;
}
#btnShopActive{
	background-image:url(../images/btn_shop.gif);
	width:190px;
	height:19px;
	display:block;
	background-position: 0 -19px;
}

#btnForum{
	background-image:url(../images/btn_forum_menu.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnForum:hover{
	background-position: 0 -19px;
}
#btnForum span{
  	display: none;
}
#btnForumActive{
	background-image:url(../images/btn_forum_menu.gif);
	width:190px;
	height:19px;
	display:block;
	background-position: 0 -19px;
}



#btnVacancy{
	background-image:url(../images/btn_vacancy.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnVacancy:hover{
	background-position: 0 -19px;
}
#btnVacancy span{
  	display: none;
}
#btnVacancyActive{
	background-image:url(../images/btn_vacancy.gif);
	width:190px;
	height:19px;
	display:block;
	background-position: 0 -19px;
}

#btnContact{
	background-image:url(../images/btn_contact.gif);
	width:190px;
	height:19px;
	display:block;
}
#btnContact:hover{
	background-position: 0 -19px;
}
#btnContact span{
  	display: none;
}
#btnContactActive{
	background-image:url(../images/btn_contact.gif);
	width:190px;
	height:19px;
	display:block;
	background-position: 0 -19px;
}

/* visitor counter */
#visitorCounter{
	background-color:#000; 
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:19px; 
	width:190px; 
	text-align:center;
}
.dotLine{
	background-image:url(../images/dot.gif);
	background-repeat:repeat-x;
	width:550px;
	height:1px;
}
/* text */
.loginText{
	color:#fff;
	font-family:Helvetica, Arial, "Arial Black";
	font-size:11px;
}
.loginText a:link, .loginText a:active, .loginText a:visited{
	color:#fff;
	text-decoration:none;
}
.loginText a:hover{
	color:#de007b;
	text-decoration:none;
}
.reviewTitle{
	color:#00acf0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
}
.reviewDesc{
	color:#535353;
	font-family:Helvetica, Arial, "Arial Black";
	font-size:13px;
	text-align:justify;
}
.reviewDesc a:link, .reviewDesc a:active, .reviewDesc a:visited{
	color:#69af63;
	text-decoration:none;
}
.reviewDesc a:hover{
	color:#1b7f12;
	text-decoration:none;
}
.reviewData{
	padding-top:10px;
}
.resourceLink{
	color:#535353;
	font-family:Helvetica, Arial, "Arial Black";
	font-size:13px;
}
.resourceLink a:link, .resourceLink a:visited, .resourceLink a:visited{
	color:#de007b;
	text-decoration:none;
}
.resourceLink a:hover{
	color:#1cabf3;
	text-decoration:none;
}
.downloadText{
	color:#535353;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* thumbnail */
.thumbnailResource{
	float:left;
	padding-right:10px;
	padding-top:10px;
}

/* tutorial */
.tutorialThumbnail{
	float:left;
	width:175px;
}
.tutorialInfo{
	float:left;
	padding-left:10px;
}
.resourcesDesc{
	float:left;
	padding-left:20px;
	width:300px;
	text-align:justify;
}
.tutorialTitle{
	font-size:17px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.tutorialAuthor{
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

/* issue */
.issueThumbnail{
	float:left;
	width:160px;
}
.issueTitle{
	font-size:17px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:30px;
}
.issueDesc{
	color:#535353;
	font-family:Helvetica, Arial, "Arial Black";
	font-size:13px;
}
.issueDesc a:link, .issueDesc a:visited, .issueDesc a:visited{
	font-family:Helvetica, Arial, "Arial Black";
	color:#535353;
	text-decoration:underline;
}
.issueDesc a:hover{
	font-family:Helvetica, Arial, "Arial Black";
	color:#e64416;
	text-decoration:underline;
}
.issueSub{
	font-family:Helvetica, Arial, "Arial Black";
	font-size:20px;
	letter-spacing:-1px;
}
.titleIssueDetail{
	color:#e64416;
	font-family:Helvetica, Arial, "Arial Black";
	font-size:18px;
	font-weight:bold;
}
.issueHead{
	color:#535353;
	font-family:Helvetica, Arial, "Arial Black";
	font-size:15px;
	font-weight:bold;
}
.issueDesc{
	font-size:12px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:justify;
}

/* company */
#companyTitle{
	padding-top:20px;
}
#companyContent{
	padding-left:10px;
	width:540px;
}
#companyDesc{
	padding-top:30px;
	padding-left:30px;
	float:left;
	width:350px;
}
#companyAbout{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:25px;
}
#companyAdvertiseDesc{
	padding-top:0px;
	padding-left:30px;
	float:left;
	width:350px;
}
#companyAdvertise{
	font-family:Helvetica, Arial, "Arial Black";
	font-size:12px;
}
#subscribeForm{
	padding-top:20px;
}
.formFieldTemplate{
	padding-top:2px;
	float:left;
}
.formText{
	padding-top:5px;
	font-family:Helvetica, Arial, "Arial Black";
	font-size:12px;
	float:left;
	width:100px;
	padding-right:20px;
}
.formField{
	font-family:Helvetica, Arial, "Arial Black";
	font-size:12px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

/* register */
#registerContent{
	padding-top:22px;
	padding-left:5px;
}

/* tshirt */
#tshirtItem{
	float:left;
	width:270px;
	height:215;
}
#tshirtThumbnail{
	float:left;
}
.tshirtTitle{
	background-color:#000;
	color:#FFF;
	padding:2px 2px 2px 5px;
}
#tshirtInfo{
	float:left;
	font-family:Helvetica, Arial, "Arial Black";
	font-size:10px;
	padding-top:90px;
}
#tshirtInfo a:link, #tshirtInfo a:active, #tshirtInfo a:visited{
	color:#333;
	text-decoration:none;
}
#tshirtInfo a:hover{
	color:#eb6631;
	text-decoration:none;
}
#confirmTitle{
	font-family:Helvetica, Arial, "Arial Black";
	font-size:16px;
	color:#de007b;
	padding:30px 0px 20px 20px;
	font-weight:bold;
}
#confirmDesc{
	font-family:Helvetica, Arial, "Arial Black";
	font-size:12px;
	color:#000;
	padding-left:20px;
	padding-right:20px;
}
.success {
    background-color: #00acf0;
	color:#fff;
	padding: 5px;
    margin: 5px 0;
	font: 12px Verdana, Arial, sans-serif;
}
.failure {
    background-color: #e64416;
	color:#FFF;
	padding: 5px;
    margin: 5px 0;
	font: 12px Verdana, Arial, sans-serif;
}