/* CSS Document */


body,html,h1,h2,h3,p,input,ul,li,label,div {padding:0px;margin:0px;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/html .clearfix {height: 1%;}/* End hide from IE-mac */

a{color:#55616f; text-decoration:none; outline:none; cursor:pointer;}
a:hover{color:#000; text-decoration:none;}
a img{outline:none;  border:0px;}
img a{outline:none;}

.txt-normal{ font-weight:normal;}

h1{padding:0px;margin:0px;font-size:16px;font-weight:normal; color: #710000}
h2{font-size:14px;padding:0px;margin:0px;}
h3{padding:0px;margin:0px;font-size:13px;font-weight:bold;}

body{background-color: #faf0e6; font-family: Arial, Helvetica, sans-serif;	font-size:12px;	color:#55616f; line-height:normal;}
#mainWrapper {width:960px; margin:0px auto;	height:auto;}


/*header start*/
#header{height:154px; width:960px; padding:0px;margin:0px; background:url(../i/bg-header.jpg) no-repeat top; }
#header img{ margin:15px 0 0 18px;}
/*header end*/

/* NAV - top horizontal nav */
	#menu{ padding:0px; margin:0px; height:28px; background:url(../i/bg-menu.gif) repeat-x top;}
	#menu ul{padding: 0px;margin-left:20px;list-style: none;}
	#menu li{line-height:28px; float:left; color:#fff; margin-left:35px;}
	#menu li a{color:#fff; text-indent:-5000px; height:28px; display:block;}

	#menu li.tickets a{ background:url(../i/tickets.gif) no-repeat 0px -28px; width:62px;}
	#menu li.tickets a:hover, #menu li.ticketsactive a { background:url(../i/tickets.gif) no-repeat 0px 0px;}

	#menu li.about a{ background:url(../i/about.gif) no-repeat 0px -28px; width:118px;}
	#menu li.about a:hover, #menu li.aboutactive a { background:url(../i/about.gif) no-repeat 0px 0px;}

	#menu li.support a{ background:url(../i/support.gif) no-repeat 0px -28px; width:135px;}
	#menu li.support a:hover, #menu li.supportactive a { background:url(../i/support.gif) no-repeat 0px 0px;}

	#menu li.press a{ background:url(../i/press.gif) no-repeat 0px -28px; width:95px;}
	#menu li.press a:hover, #menu li.pressactive a { background:url(../i/press.gif) no-repeat 0px 0px;}

	#menu li.education a{ background:url(../i/education.gif) no-repeat 0px -28px; width:86px;}
	#menu li.education a:hover, #menu li.educationactive a { background:url(../i/education.gif) no-repeat 0px 0px;}

	#menu li.faq a{ background:url(../i/faq.gif) no-repeat 0px -28px; width:30px;}
	#menu li.faq a:hover, #menu li.faqactive a { background:url(../i/faq.gif) no-repeat 0px 0px;}

	#menu li.contact a{ background:url(../i/contact.gif) no-repeat 0px -28px; width:93px;}
	#menu li.contact a:hover, #menu li.contactactive a { background:url(../i/contact.gif) no-repeat 0px 0px;}



/* NAV - top horizontal nav END */

/*container start*/
#container{ border:solid 0px #ff0000; padding:18px 25px; background:#fff;}

.left-holder{ width:254px; float:left;}
/*left area*/
#left-menu{ background:#e6e6a1;}
#left-menu li{ list-style:none; color:#976a14;border-bottom:solid 1px #efefd1}
#left-menu li a{ color:#976a14; text-decoration:none; padding:4px 3px; display:block; font-size:12px;}
#left-menu li a.no-arrow{padding:4px 19px;}
#left-menu li a img{ padding-right:5px;}
#left-menu li a:hover{ color:#710000}
.open li a:active, .current { font-weight: bold;}
#left-menu li ul{ background:#f2f2e1;}
#left-menu li li{ color:#998300; line-height:normal; padding-left:20px !important; border-bottom:none;}
#left-menu li li a{ color:#998300}
#left-menu li li a:hover{background-color:#f2f2e1; color:#4c4204}

#left-menu2{ background:#e6e6a1;}
#left-menu2 li{ list-style:none; color:#8c5900;border-bottom:solid 1px #efefd1;}
#left-menu2 li label{ color:#8c5900; text-decoration:none; padding:4px 10px; display:block; text-transform:uppercase; font-weight:bold; text-align:center}
#left-menu2 li ul{ background:#f2f2e1;}
#left-menu2 li li{ color:#8c5900; line-height:normal; border-bottom:none; text-align:left; padding:4px 10px; text-transform:uppercase; font-size:11px;}
#left-menu2 li li label{ float:left; vertical-align: middle; width:45px; height: 16px; text-align:left; padding:0px; margin:0px;}

.list-highlight { margin-top:5px;}
.list-highlight li{ background-color:#710000; list-style:none; margin-bottom:2px; }
.list-highlight li a{padding:4px 10px; display:block; color:#e5e5a0; text-transform:uppercase; font-weight:bold; text-align:center}
.list-highlight li a:hover{}

/*for expand div area*/
.trigger{cursor:pointer;}
.branch{display: none; margin-left:0px;}
.open{margin-left:0px;}

.right-holder{width:635px; float:right; }
.player{ height:275px; width:635px; float:left; margin-bottom:20px;}
.img-holder{ height:262px; width:635px;}
.img-control{ height:13px; width:635px; background:#f7e2ad; float:left}
.on-sale{ width:303px; height:227px; float:left;}
.save-date{width:304px; height:227px; float:right;}
/*container end*/

/*inner pages*/
.banner{ width:635px; height:303px; float:left; margin-bottom:0px; margin-top: -10px;}
.heading{background:url(../i/bg-h1.jpg) no-repeat left top; height:37px; float:left; width:635px;}
.heading h1{ color:#fff; line-height:37px; text-indent:10px; text-transform:uppercase; font-weight:bold; /*text-indent:-5000px; background:url(../i/musical.jpg) no-repeat 5px 8px;*/}
.text-display{ width:635px; float:left; margin-top:10px;}

.content{ width:505px; float:left;}
.content a { color: blue; }
.content a:active { color: #000; }
.content a:visited { color: #710000; }
.content a:hover {text-decoration: underline;}
.content label{ width:98px; height:98px; background:#e5e49f; float:left; margin:0 10px 6px 0; color:#8a5a24; text-align:center; text-transform:uppercase; font-weight:bold; vertical-align:middle}

.text-display h1, .title { font-weight:bold; margin-bottom:10px;}

.place-holder{width:142px; float:right;}
.place-holder ul{}
.place-holder ul li{width:125px; height:75px; background:#e5e49f; float:left; margin-bottom:12px; color:#8a5a24; text-align:center; text-transform:uppercase; font-weight:bold; list-style:none;}

/*footer start*/
.footer{height:60px; background:#fff url(../i/bg-footer.gif) repeat-x top; color:#9f9f9f; text-align:center; font-size:11px;}
.footer ul{ margin-left:50px; padding-top:40px;}
.footer ul li{ list-style:none; float:left; color:#7f7f7f; border-right:solid 1px #7f7f7f;}
.footer ul li.last{ border-right:none;}
.footer ul li a{color:#7f7f7f;text-decoration:none; padding:0px 10px; }
.footer ul li a:hover{color:#000; text-decoration: none;}

/*footer end*/

/*for scrolling image start*/

ul#toolbar
{
	display:none;
	height: 262px;
	width: 635px;
	text-align: center;
	list-style: none;
	margin: 0 auto 0 auto;
	clear: both;
	position: relative;
	margin-bottom: -1px;
	}

#toolbar li {
	position: absolute;
	text-indent: -9999px;
	top: 0;
	}

#toolbar li a {
	height: 52px;
	display: block;
	}

#toolbar li.active {
	/*border-bottom: 1px solid #f2f2f2;*/
	background-position: bottom;
	height: 52px;
	z-index: 10;
	}

#toolbar li.inactive {
	background-position: top;
	border-bottom: 1px solid #ccc;
	}

#toolbar li:hover {
	background-position: bottom;
	}

#toolbar li#new-tab {
	left: 0;
	width: 94px;
	background-image: url(./i/toolbar_tab-new.png);
	}

#toolbar li#sites-tab {
	left: 93px;
	width: 93px;
	background-image: url(./i/toolbar_tab-sites.png);
	}

#toolbar li#files-tab {
	left: 185px;
	width: 96px;
	background-image: url(./i/toolbar_tab-files.png);
	}

#toolbar li#editor-tab {
	left: 280px;
	width: 97px;
	background-image: url(./i/toolbar_tab-editor.png);
	}

#toolbar li#preview-tab {
	left: 376px;
	width: 114px;
	background-image: url(./i/toolbar_tab-preview.png);
	}

#toolbar li#css-tab {
	left: 489px;
	width: 95px;
	background-image: url(./i/toolbar_tab-css.png);
	}

#toolbar li#more-tab {
	left: 583px;
	width: 100px;
	background-image: url(./i/toolbar_tab-more.png);
	}



#image-scroller{ width:100%; height:262px; float:left; margin:0; }

#frame, #frame div.button, #scroller, .section {  }

#frame {overflow: hidden; margin: 0 auto; width: 635px; position: relative;}

#frame div.button {position: absolute; top: 40%;}

div.button#left { left: 0; float:left}
div.button#right { right: 0; float:right }

#scroller {width: 635px; margin: 0 auto; height:262px; overflow: hidden;}
#content { width: 7000px;}
#content ul{ padding:0px; margin:0px;}
#content li{ padding:0px; margin:0px; list-style:none; float:left; margin:0px;}
.section {	width: 635px;	margin: 0px;	float: left;}
.section h2, .section h3 {color: #072453;font-weight: normal;font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;font-size: 19px;line-height: 24px;margin-bottom: 5px;}
.section h3 {color: #000;}
.section p, .section li {margin: 0 0 20px 0;font-size: 14px;line-height: 22px;}
.section li strong {font-size: 19px;font-weight: normal;}
.section a{ width:147px; height:104px; background:url(../i/bg-scrollimage.gif) no-repeat left top; display:block; float:left; margin-right: 25px;}
.section  img{float: left; margin-bottom: 0px; border:solid 1px #b19478; }
.section a.last{ margin-right:0px;}
#new-pane p, #new-pane li {	}
ul#new_features {list-style: none; margin: 10px 0;}
li.new_feature {display: block; list-style: none; padding-left: 40px; background-position: top left; background-repeat: no-repeat; min-height: 32px;}
li.new_feature#new-svn { background-image: url(./i/new-subversion_icon.png); }
li.new_feature#new-find { background-image: url(./i/new-find_icon.png); margin-left: 1px; padding-left: 39px;}
li.new_feature#new-books { background-image: url(./i/new-web_books.png); margin-left: 2px; padding-left: 38px; }
li.new_feature#new-clips { background-image: url(./i/new-clips.png); margin-left: 2px; padding-left: 38px; }
li.new_feature#new-more { background-image: url(./i/new-more_sticker.png); margin-left: -1px; padding-left: 41px;}

li.new_feature#new-plug_ins { background-image: url(./i/new-plug_ins.png); }
li.new_feature#new-open_quickly { background-image: url(./i/new-open_quickly.png); margin-left: 3px; padding-left: 36px; }
li.new_feature#new-spelling { background-image: url(./i/new-spelling.png); margin-left: 3px; padding-left: 37px; padding-top: 3px;}

#sites-paper {	}
#sites-publish {float: right;margin-top: 20px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;	outline: cyan;}
#files-browser {float: right;margin: 0 0 -30px 20px;}
#files-svn_icon {margin-bottom: 0px;}
ul#editor-features {list-style: none;display: block;}
ul#editor-features li {list-style: none;display: block;}
li#editor-collab {padding-left: 48px;background: url(./i/editor-collab.png) top left no-repeat;}
li#editor-clips {padding-left: 48px;background: url(./i/editor-clips.gif) top left no-repeat;}
#editor-clips_hud {float: right;margin-right: 0;margin-left: 10px;}
li#editor-token {padding-left: 48px;background: url(./i/editor-token.png) top left no-repeat;}
.token {white-space: nowrap;}
.token img {float: none;display: inline;margin: 0 0 -2px 0;	line-height: 14px;}

#preview-dom { }
#css-gui_txt {margin-bottom: 50px;}
#css-icons {float: right;margin-right: 0;margin-left: 10px;margin-bottom: 0;}
#more-terminal_icon {margin-bottom: 10px;}
#more-books_icon {float: right;	margin-left: 0px;}

/*for scrolling image start*/




/* events */
div.homelft {
	float: left;
	width: 420px;
}

div.homelft h2 {
	font-family: georgia;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 4px;
	padding-bottom: 0;
}

div.date {
	float: left;
	width: 48px;
	height: 65px;
	text-align: center;
	color: #000;
	margin: 0 12px 0 0;
}

div.one {
	width: 100%;
	overflow: hidden;
	padding: 5px 0 0 4px;
	margin: 0 0 4px 0;
	font-size: 11px;
	background: transparent url("/i/homeCal.gif") top left no-repeat;
}

div.date .month {
	font-size: 15px;
	padding: 0 0 0 0;
}

div.date .year { font-size: 12px; }

div.date .day {
	font-size: 26px;
	font-weight: bold;
	margin: -6px 0 -6px 0;
}

div.text a {
	text-decoration: none;
	color: #000;
	font-size: 12px;
}

div.text a:hover { text-decoration: underline; }

div.homergt {
	float: right;
	width: 220px;
}