/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	TAGS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body {
	background-color: #a0a0a0;
	background-image: url(../images/BG.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
body, td, pre, input, textarea, select {
	font-family: Helvetica, Arial, Geneva, Verdana,  sans-serif;
	color: #4C4C4C;
	font-size: 13px;
}
a {
	outline: none;
}
a:link,
a:active,
a:visited {
	text-decoration: none;
	color: #00a8ed;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0 none;
}
	
p, li, pre, dd {
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, dl, dt, dd {
	margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, Geneva, Verdana,  sans-serif;
}
h3, h4, h5, h6, p, ol, ul, pre, dl {
	margin-bottom: 1em;
}
h1 {
	font-size: 1.7em;
	margin: 0;
	color: #fff;
	font-weight: lighter;
}
ul {
	list-style-type: square;
}
li {
	margin-bottom: 4px;
}
li ol,
li ul {
	margin-top: 4px;
}
blockquote {
/*	background-image: url(../images/blockquote_bg.jpg);
	background-repeat: repeat-x;*/	
	font-size: 16px;
	color: #0D3053;
	margin: 0 0 30px 0;
	padding: 15px 20px 40px 25px;
	line-height: 1.8;
	/*border-top: 8px solid #5F81A6;*/
	border-bottom: 4px solid #5F81A6;
	font-family: Helvetica, Arial, Geneva, Verdana,  sans-serif;
}

ul.nobullet {
	list-style-type: none;
}
ul li.url {
	background-image: url(../images/resourceLinkURL.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 2px 9px 2px 21px;
	margin-bottom: 3px;
}
ul li.pdf {
	background-image: url(../images/resourceLinkPDF.gif);
	background-repeat: no-repeat;
	background-position: 0 25%;
	padding: 2px 9px 2px 21px;
	margin-bottom: 3px;
}


dt {
	font-weight: bold;
}
dd ul, dd ol, dd p, dd pre {
	margin: 0;
}
dd ul {
	margin: 0;
	padding: 0 0 0 25px;
}
dd {
	margin-left: 0;
	margin-bottom: 15px;
}
dd ul {
	padding-top: 10px;
}
dd ul li {
	margin: 0;
}


object, embed {
	margin: 0;
	padding: 0;
}
html>/**/body, x:-moz-any-link, x:default { position:relative; left:-0.1px; } 

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	MAIN DIVISIONS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#mother {
	margin: 0 auto 0 auto;
	padding: 0 20px;
	width: 970px;
	/*min-height: 100%;
	height: auto !important;
	height: 100%;*/
}

#banner {
	margin: 0;
	padding: 0;
}
#banner p {
	margin: 0;
}
#headBox {
	height: 90px;
	background-image: url(../images/headerBG.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0;
	padding: 10px 0 0 10px;
}
#titleBox {
	margin: 0;
	padding: 9px 0 9px 15px;
	color: #fff;
}

#mainNav {
	height: 18px;
	margin: 0;
	padding: 5px 0 2px 0;
    font-family: Verdana,Helvetica,Arial,Geneva,sans-serif;
    font-size: 11px;
	font-style: normal;
    font-weight: normal;
}
#mainNav ul {
	margin: 0 0 3em 15px;
	padding: 0;
	list-style: none;
	text-align: left;
}	
#mainNav ul li {
	display: inline-block;
	margin: 0 0 0 2px;
	float: left;
	font-size: .9em;
	border: none;
}
#mainNav ul li + li {	
	border-left: #fff solid thin;
}
#mainNav a:link,
#mainNav a:active,
#mainNav a:visited {
	color: #fff;
	padding: 0 6px;
}

#contentMenu {
	float: left;
	padding: 0 15px 20px 7px;
	font-weight: bold;
	margin-right: 25px;
	height: auto;
	width: 170px;
	background-color: #fff;
}
#contentMenu div#menuContainer {
	overflow: auto;
	overflow-x: hidden;
	height: auto;
	max-height: 450px;
	width: 165px;
	margin: 5px 0 25px 0;
	padding: 0 5px 0 0;
	display: block;
}

#contentMenu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 28px 16px;
}
#contentMenu ul li {
	padding: 10px 0 6px 2px;
	border: none;
	background: url(../images/leftNavArrow.gif) no-repeat right center;
	text-transform: capitalize;
	font-family: 		Arial, Helvetica, Geneva, Verdana,  sans-serif; 
	font-size: 			12px; 
	font-style: 		normal; 
	font-weight: 		bold; 
}
#contentMenu ul li + li {
	border-top: thin solid #76797c;
}
#contentMenu li a {
	padding-right: 12px;
}
#contentMenu li a:link,
#contentMenu li a:visited {
	color: #666;
	text-decoration: none;
}
#contentMenu li a:hover,
#contentMenu li a:active {
	color: #00A8ED;
	text-decoration: none;
}
#contentMenu p, #artc2 p, #artc3 p  {
	background-image: url(../images/leftNavTitleBG.jpg);
	background-repeat: repeat-x;
	margin: 0 0 0 12px;
	padding: 9px 0 9px 6px;
	font-family: 	Helvetica, Arial, Geneva, Verdana,  sans-serif; 
	font-size: 		12px; 
	font-style: 	normal; 
	font-weight: 	bold; 
	color: 			#404040;
}
#contentMenu ul.resources {
	width: 149px;
	display: block;
}
#contentMenu ul.resources li {
	padding: 4px 0 4px 2px;
	font-weight: normal;
	font-size: .9em;
}

#contentMenu div#legend {
	width: 170px;
	height: auto;
	display: block;
	margin: 73px 0 0 50px;
}
#contentMenu div#legend p {
	margin: -10px;
	width: 100px;
	background: none;
	background-color: black;
	padding: 9px 10px;
	color: white;
	margin-bottom: 5px;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
}

div#legend div.legendContainer {
	width: 100px;
	padding: 10px 0 0 0;
	font-weight: normal;
	font-size: 11px;
}

div.architectIcon,
div.landmarkIcon,
div.spotlightIcon,
div.fundamentalsIcon,
div.designerIcon,
div.renderworksIcon {
	height: 15px;
	width: 15px;
	float: left;
	margin-right: 10px;
}

div.renderworksIcon {
		background-color: #c9191f;
}
div.architectIcon {
	background-color: #6c8fb7;
}
div.fundamentalsIcon {
	background-color: #4A5BA5;
}
div.landmarkIcon {
	background-color: #999966;
}
div.spotlightIcon {
	background-color: #9C2119;
}
div.designerIcon {
	background-color: #BEA963;
}
div#additionalHelp {
	display: block;
	margin: 50px 0 50px 80px;
}
div#additionalHelp a {
	clear: both;
	display: block;
	padding: 10px 0;
	font-weight: bold;
	width: 400px;
	margin-top: 20px;
}
div#additionalHelp p {
	clear: both;
	display: block;
	padding: 0 0 0 20px;
}
#content {
	padding: 12px 24px 0 0;
	overflow: hidden;
	background-color: #fff;
	margin: 0 0 60px 0;
}

#home #article {
	min-height: 250px;
}

#article {
	margin: 0 6px 20px 217px;
	padding: 0;
	background-color: #F0F0F0;
	font-family: 	Verdana, Arial, Helvetica, Geneva,   sans-serif;
}

#article h2 {
	font-size: 14px;
	font-weight: lighter;
	margin: 0;
	padding: 8px 0 5px 9px;
	color: #fff;
}
#article h3 {
	margin-top: 20px;
	font-size: 1.1em;
}

#article p {
	margin: 12px;
	padding: 0;
	font-size: 		11px;
	font-style: 	normal;
	font-weight: 	normal;
	color: 			#666;
}

#info {
	display:block;
	margin: 0 0 20px 217px;
	padding: 0;
	height:100%;
}

#info h2 {
	font-size: 14px;
	font-weight: lighter;
	margin: 0;
	padding: 8px 0 7px 12px;
	color: #fff;
}
#info h3 {
	margin-top: 20px;
	font-size: 1.1em;
}

#info p {
	margin: 12px;
	padding: 0;
	font-size: 		11px;
	font-style: 	normal;
	font-weight: 	normal;
	color: 			#666;
}

#info ul li {
	list-style-type: none;
	font-size: 12px;		
}


#info1, #info2, #info3 {
	display:block;
	float: left;
	margin: 0 6px 0 0;
	padding: 0 0 0 0;
	background-color: #f0f0f0;
	height: 320px;
}
	
#info1 {
	width: 331px;
	font-family: 	Verdana, Arial, Helvetica, Geneva,   sans-serif;
}
#info1 div#infoContainer {
	overflow: auto;
	overflow-x: hidden;
	height: 275px;
	margin: 5px 0 5px 0;
	display: block;
}


#info2, #info3 {
	width: 190px;
}

#info2 ul li a:link, #info3 a:link, #info2 ul li a:visited, #info3 a:visited {
	display: block;
	color: #4c4c4c;
	text-decoration: none;
}
#info2 ul li a:hover, #info3 a:hover, #info2 ul li a:active, #info3 a:active {
	display: block;
	color: #00A8ED;
	text-decoration: none;
}

#info2 ul, #info3 ul {
	display: block;
	margin: 0 0 5px 5px;
	padding: 0;
	overflow: auto;
	overflow-x: hidden;
	height: 275px;
}


#info2 ul li {
	display: block;
}

#info2 ul li div.explorationContainer,
#info3 ul li div.explorationContainer {
	height: auto;
	clear: both;
	margin: 0 5px 0 0;
	padding: 0;
	display: block;
	border-top: 1px dotted #c4c4c4;
	}
#info2 ul li div.explorationText,
#info3 ul li div.nameText {
	height: auto;
	float: left;
	padding: 15px 0 15px 5px;
	width: 115px;
}
#info2 ul li div.oneLine,
#info3 ul li div.oneLine {
	padding-top: 26px;
	margin-bottom: 7px;
	}
#info2 ul li div.vidicon,
#info3 ul li div.vwx,
#info3 ul li div.pdf,
#info3 ul li div.jpg,
#info3 ul li div.png,
#info3 ul li div.dwg,
#info3 ul li div.zip
 {
	margin-top: 10px;
	width: 41px;
	height: 46px;
	float: left;
	}
#info2 ul li div.vidicon {
	background-image: url(../images/vid.jpg);
	background-repeat: no-repeat;
	background-position: left;		
	}	
#info3 ul li div.pdf {
	background-image: url(../images/pdf.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}	
#info3 ul li div.vwx {
	background-image: url(../images/vwx.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
#info3 ul li div.jpg {
	background-image: url(../images/jpg.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
	#info3 ul li div.png {
	background-image: url(../images/png.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
#info3 ul li div.dwg {
	background-image: url(../images/dwg.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
#info3 ul li div.zip {
	background-image: url(../images/zip2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}	

#info3 ul li {
	display: block;
}

video {
	width: 723px;
	height: 465px;
}

#landing {
	width: 723px;
	height: 465px;
}

div#printFiles {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	margin: 40px 0 70px 50px;
}
div.printFileIcon {
	width: 250px;
	height: 30px;
	float: left;
	padding: 15px 0 0 50px;
	background-image: url(../images/pdf2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	margin: 15px 15px 5px 0;
	}
div.printFileIcon2 {
	width: 250px;
	height: 30px;
	float: left;
	padding: 15px 0 0 50px;
	background-image: url(../images/zip.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	margin: 15px 15px 5px 0;
	}

#info2 p, #info3 p  {
	background-image: url(../images/leftNavTitleBG.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 9px 0 9px 10px;
	font-family: 	Helvetica, Arial, Geneva, Verdana,  sans-serif; 
	font-size: 		12px; 
	font-style: 	normal; 
	font-weight: 	bold; 
	color: 			#404040;
}

table {
	width: 720px;
	margin: 20px 0 20px 0;
	border-collapse: collapse;
	border-spacing: 0px;
}
table th {
	padding: 10px;
	color: white;
	text-align: center;
	border-bottom: 1px solid #c4c4c4;
}
table td.architect, 
table td.renderworks, 
table td.fundamentals, 
table td.spotlight, 
table td.designer,
table td.landmark {
	color: white;
	font-weight: bold;
	font-size: 11px;
	border: none;
	border-bottom: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
/*	text-indent: -9999px;
	 overflow: none; */}
	 
table th#architect,
table td.architect {
	background-color: #6c8fb7;
}
table th#fundamentals,
table td.fundamentals {
	background-color: #4A5BA5;
}
table th#landmark,
table td.landmark {
	background-color: #999966;
}
table th#spotlight,
table td.spotlight {
	background-color: #9C2119;
}
table th#designer,
table td.designer {
	background-color: #BEA963;
}
table th#renderworks,
table td.renderworks {
	background-color: #c9191f ;
}
table th#commonIndex {
	text-align: left;
	color: #333;
	font-size: 18px;
}
table td.altHeader {
	padding: 10px;
	background-color: black;
	color: white;
	font-weight: bold;
	border: none;
}

div#legend {
	height: 15px;
}

table tbody td {
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
}
table tbody td.pageName {
	padding-left: 20px;
	color: #666;
	font-weight: bold;
}
table tbody td.pageName a,
table tbody td.pageName a:link,
table tbody td.pageName a:visited,
table tbody td.pageName a:active {
	margin: 0;
	padding: 0;
}
table tbody td.pageName a:hover {
	color: #9C2119;
}
table tbody td.exerciseFileName {
	font-size: 11px;
	padding-right: 20px;
}
table tbody td + td {
	height: 30px;
	text-align: center;
	line-height: 18px;	
	border-collapse: collapse;
	border-spacing: 0px;
	text-transform: capitalize;
	width: 60px !important;
}
table thead tr.indexHeader:hover {
	background-color: #ffffff;
}
table a:link,
table a:visited,
table a:active {
	display: block;
	padding: 15px;
}
table td.checked div.checkmark {
	width: 50px;
	height: 50px;
	background: url(../images/checkmark.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -9999px;
}

table a:hover {
	display: block;
	text-decoration: none;
}

#footer, .push {
	/*height: 100px;*/
}
#footer {
	/*margin-top: -100px;*/
	margin-top:20px;
	float: right;
	clear:right;
	display:block;
	width: 100%;
}
#footer span {
	display: block;
	background-image: url(../images/footerBorderBG.gif);
	background-repeat: x-repeat;
	background-position: 0 0;
	width: 730px;
	margin-left: 210px;
}
#footer p,
#footer div#footerNav li,
#footer div#footerNav a {
	font-size: 10px;
	color:#76797C;
	font-family: 	Arial, Helvetica, Geneva, Verdana,  sans-serif; 
	font-style: 	normal; 
	font-weight: 	normal; 
	list-style: none;
}
#home div#footer div#footerNav,
#architect div#footer div#footerNav,
#designer div#footer div#footerNav,
#fundamentals div#footer div#footerNav,
#landmark div#footer div#footerNav,
#renderworks div#footer div#footerNav,
#spotlight div#footer div#footerNav {
	background-color: #fff;
}
#footer div#footerNav {
	float: right;
	margin: 6px 0 36px 0;
	padding: 3px 0;
}
#footer div#footerNav a:link,
#footer div#footerNav a:active,
#footer div#footerNav a:visited {
	color: #00a8ed;
	padding: 0 7px;
}
#footer div#footerNav ul {
	margin: 0 -5px 0 9px;
}
#footer div#footerNav ul li {
	float: left;
	padding: 0 12px 0 0;
	color: #ccc;
}
#footer div#footerNav ul li + li + li {	
	border-left: #ccc solid thin;
	float: left;
	padding: 0 8px;
}



/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	PAGES
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#home #mainNav {
	background-color: #00a8ed;
	color: #fff;
}
#architect #mainNav,
#designer #mainNav,
#fundamentals #mainNav,
#landmark #mainNav,
#renderworks #mainNav,
#spotlight #mainNav {
	background-color: #b3b6b7;
}

#home #titleBox,
#home #article h2 {
	background-color: #b3b6b7;
}
#home #contentMenu li a.selected {
	color: #6FA8DC;
}
#architect #titleBox,
#architect #info h2 {
	background-color: #6c8fb7;
}
#architect #contentMenu li a.selected {
	color: #6c8fb7;
}
#designer #titleBox,
#designer #info h2 {
	background-color: #BEA963;
}
#designer #contentMenu li a.selected {
	color: #BEA963;
}
#fundamentals #titleBox,
#fundamentals #info h2 {
	background-color: #4A5BA5;
}
#fundamentals #contentMenu li a.selected {
	color: #4A5BA5;
}
#landmark #titleBox,
#landmark #info h2 {
	background-color: #999966;
}
#landmark #contentMenu li a.selected {
	color: #999966;
}
#renderworks #titleBox,
#renderworks #info h2 {
	background-color: #c9191f;
}
#renderworks #contentMenu li a.selected {
	color: #c9191f;
}
#spotlight #titleBox,
#spotlight #info h2 {
	background-color: #9C2119;
}
#spotlight #contentMenu li a.selected {
	color: #9C2119;
}




/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	GENERAL
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */




.picLeft {
	float: left;
	margin: 10px;
	padding: 0;
}
.picLeftList {
	float: left;
	margin: 0 4px 2px 0;
	padding: 0;
}
.picRight {
	float: right;
	margin: 10px;
	padding: 0;
}

ul.social {
	list-style: none outside none;
    margin: 0;
    padding: 0 12px;
}
ul.social li {
	display: inline-block;
    float: right;
    font-size: 0.9em;
    margin: 0 0 0 2px;
}
#social {
	border-left: #ccc solid thin;
	padding: 0 12px;
	margin-left: 18px;
	margin-top: 18px;
	float: right;
	min-height: 150px;
}
.social2 {
	text-align: right;
	color: #ccc;
	margin: 0 6px 6px 0;
}
.social2 img {
	padding: 0 1px;
}
#footer .social2 span {
	margin-right: 9px;
	background-image: none;
	display: inline;
	color: #ccc;
}

tr.hilite {
	background-color: #efefef;
}

.tooltip{
	position:relative;
	z-index: 1000;
}
.tooltip:after{
	content: '点击下载或单击鼠标右键 -> 另存为...';
	color:#fff;
	background:#333;
	background:rgba(51,51,51,0.75);
	padding:5px;
	position:absolute;
	text-align: left;
	left:-9999px;
	opacity:0;
	bottom:-10px;
	width: 90%;
	-webkit-transition:0.25s linear opacity;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 10px;
	z-index: 1000;
}
.tooltip:hover:after{
	z-index: 1000;
	left:4px;
	opacity:1;
}