body
{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	background-color: white;
	text-align: center;
	min-width: 780px;
	margin: 0;
	padding: 0 20px 0 20px;
}

* html, 
* body
{
	height: 100%;
	overflow: auto;

}

a
{
	outline: none;
}

a:active
{
	outline: none;
}


#page
{
	width: 760px;
	margin: 0 auto 0 auto;
	padding: 0 0 200px 0;
	text-align: left;
}


img
{
	border: none;
}

#content
{
}


#menu
{
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	overflow: visible;
	width: 100%;
	height: 200px;
	margin: 0;
	padding: 0;
	background: url(../interface/navigation_background.png) bottom center no-repeat;
}



#marbles
{
	display: block;
	width: 384px;
	height: 128px;
	z-index: 11;
	overflow: visible !important;
	overflow: hidden;
	margin: 0 auto 0 auto;
	top: 0;
	left: 0;
	padding: 0;
	text-align: left;
}


#marbles ul
{
	margin: 0;
	padding: 0;
}


#marbles li
{
	float: left;
	list-style: none inside none;
	display: block;
	width: 64px;
	height: 128px;
	margin: 0;
	padding: 0;
	border: 0;
}



.marble_and_shadow img.shadow
{
	z-index: 12;
	position: relative;
	margin: 96px 0 0 16px;
	border: 0;
}

.marble_and_shadow img.marble
{
	z-index: 13;
	position: relative;
	top: -132px;
	margin: 96px 0 0 16px;
	border: 0;
}



#marble_button_container
{
	width: 384px;
	margin: 0 auto 0 auto;
	padding: 0;
}


#marble_buttons
{
	display: block;
	width: 384px;
	height: 32px;
	overflow: hidden;
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: center;
}


#marble_buttons ul
{
	display: block;
	list-style: none inside none;
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	white-space: nowrap;
}


#marble_buttons li
{
	font-size: 11px;
	font-weight: bold;
	height: 32px;
	width: 64px;
	display: block;
	float: left;
	list-style: none inside none;
	marker-offset: 0;
	margin: 0;
	padding: 0;
}


#marble_buttons a
{
	color: gray;	
	display: block;
	height: 32px;
	width: 64px;
	text-decoration: none;
	background-image: url(../interface/button_tabs_all.png);
	background-position: -20px 0px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 3px 0 0 0;
}


#marble_buttons li.design a
{
	background-position: 0% 0px;
	padding: 3px 0 0 0;
}


#marble_buttons li.support a
{
	background-position: 100% 0px;
	padding: 3px 0 0 0;
}


#marble_buttons a:hover
{
	color: white;
}


#marble_buttons li.design a:hover
{
	background-position: 0% -32px;
}

#marble_buttons li.develop a:hover
{
	background-position: -20px -64px;
}

#marble_buttons li.deliver a:hover
{
	background-position: -20px -96px;
	color: black;
}

#marble_buttons li.discuss a:hover
{
	background-position: -20px -128px;
}

#marble_buttons li.train a:hover
{
	background-position: -20px -160px;
}

#marble_buttons li.support a:hover
{
	background-position: 100% -192px;
}


#navigation_container
{
	width: 720px;
	margin: 0 auto 0 auto;
}

#button_bar
{
	width: 120px;
	height: 32px;
	float: left;
	margin: 4px 0 0 20px;
}

#button_bar ul
{
	display: block;
	list-style: none inside none;
	padding: 0;
	margin: 0;
}

#button_bar li
{
	display: block;
	float: left;
	background: url(../interface/button_background.png) 0 0 no-repeat;
	overflow: visible;
	margin-right: 4px;
}

#button_bar li a
{
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -1000px;
	overflow: hidden;
	opacity: 0.5;
}

#button_bar a#button_home
{
	background: url(../interface/button_home.png) 0 0 no-repeat;
}

#button_bar a#button_blog
{
	background: url(../interface/button_weblog.png) 0 0 no-repeat;
}

#button_bar a#button_contact
{
	background: url(../interface/button_contact.png) 0 0 no-repeat;
}

#button_bar a#button_info
{
	background: url(../interface/button_info.png) 0 0 no-repeat;
}

#button_bar a:hover
{
	opacity: 0.8;
}

#search_bar
{
	width: 120px;
	height: 32px;
	float: right;
	margin-right: 20px;
}

#search_bar form input#search
{
	display: none;
	width: 80px;
}


#navigation_display
{
	width: 400px;
	height: 32px;
	margin: 0 auto 0 auto;
	padding: 4px;
	background: url(../interface/display.png) top center no-repeat;
}


#navigation_display p
{
	font-weight: bold;
	font-size: 11px;
	color: #222;
	padding: 0;
	margin: 0;
}

.article
{
	width: 760px;
	background: url(../interface/logo.gif) top center no-repeat;
	padding: 80px 0 0 0;
}

.article h1
{
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	margin: 20px 180px 0 180px;
}

.article h2
{
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin: 0 180px 20px 180px;
}

.article h3
{
	font-size: 16px;
	font-weight: bolder;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
	margin: 20px 180px 10px 180px;
}

.article h4
{
	clear: both;
	font-size: 16px;
	font-weight: bolder;
	color: gray;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 4px;
	margin: 0 180px 10px 180px;
}





.article .article_heading
{
	display: block;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 600px;
}

.article .article_heading img
{
	border: 0;
	float: left;
}

.article .article_heading p.heading
{
	font-family: 'Arial', Geneva, sans-serif;
	margin: 0;
	padding: 16px 0 0 0;
	text-align: center;
	font-size: 26px;
	font-weight: bolder;
	letter-spacing: -1px;
	line-height: 32px;
	color: #666;
}

.article .article_heading p.heading strong
{
	font-family: 'Arial', Geneva, sans-serif;
	font-size: 38px;
	font-weight: bolder;
	text-align: center;
	letter-spacing: -2px;
	line-height: 32px;
}

.article .article_heading p.subheading
{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	line-height: 32px;
	color: #aaa;
}


.article .article_heading:after
{
	content: "."; 
    	display: block; 
   	height: 0; 
    	clear: both; 
    	visibility: hidden;
}




.article p
{
	font-family: Optima, Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin: 4px 180px 10px 180px;
	padding: 0;
	color: #444;
	word-wrap: break-word; 
}

.article p.quote
{
	font-size: 18px;
	font-weight: bold;
	color: #666;
	text-align: center;
}

.article p.webquote
{
	margin: 0 180px 0 160px;
	padding: 0 0 0 20px;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	border-left: 4px solid #ccc;
	color: #aaa;
}

div.article a
{
	color: #333;
	text-decoration: underline;
}

.article img
{
	border: 0;
	margin: 0;
	padding: 0;
}

.article img.caption
{
	border: 0;
	margin: 0;
	padding: 0;
}

.article img.no_caption
{
	margin: 0 180px 10px 180px;
}


.article p.smallprint
{
	font-size: 10px;
	margin: 0;
	text-align: center;
}



.article .code_block
{
	font-family: 'Lucida Console', Monaco, monospace;
	font-size: 10px;
	margin: 0 180px 10px 180px;
	padding: 4px 4px 4px 4px;
	background: #e8e8e8;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	color: black;
	word-wrap: break-word; 
}

.article .code_block pre
{
	margin: 0;
	padding: 0;
	font-family: 'Lucida Console', Monaco, monospace;
	font-size: 10px;
}


.article .terminal_block
{
	font-family: 'Lucida Console', Monaco, monospace;
	font-size: 10px;
	margin: 0 180px 10px 180px;
	padding: 4px 4px 4px 4px;
	background: #222;
	color: #21e1e8;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	word-wrap: break-word; 
}

.article .terminal_block pre
{
	margin: 0;
	padding: 0;
	font-family: 'Lucida Console', Monaco, monospace;
	font-size: 10px;
}




.article .code,
.article .path,
.article .file
{
	font-family: 'Lucida Console', Monaco, monospace;
	font-size: 10px;
	color: black;
}

div.article span.api_class,
div.article span.api_method,
div.article span.api_type,
div.article span.api_function
{
	font-family: 'Lucida Console', Monaco, monospace;
	font-size: 10px;
	padding: 0px 2px 0px 2px;
	background: #f8f8f8;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	color: black;
}

div.article span.tag
{
	font-family: 'Lucida Console', Monaco, monospace;
	font-size: 10px;
	padding: 0px 2px 0px 2px;
	background: #f8f8f8;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	color: black;
}

div.article span.code_tab
{
	color: #e8e8e8;
}

.article table
{
	margin: 0 180px 10px 180px;
	padding: 0;
	width: 400px;
}

.article th
{
	background-color: #eee;
	font-size: 11px;
	color: white;
}

.article td
{
	background-color: #f8f8f8;
	font-size: 11px;
	padding: 2px;
}

.article thead td
{
	background-color: #eee;
}

.article tr
{
	
}

.article ul
{
	text-align: left;
	margin: 0 180px 0 180px;
	padding: 0;
}

.article li
{
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	font-style: normal;
	color: black;
	list-style: disc;
}





.article .intro_wrapper
{
	display: block;
}

.article .intro_wrapper:after
{
	content: "."; 
    	display: block; 
   	height: 0; 
    	clear: both; 
    	visibility: hidden;
}

.article .intro_links
{
	display: block;
	width: 360px;
	float: left;
	padding: 0;
	margin: 0;
}

.article .intro_text
{
	display: block;
	width: 360px;
	float: right;
	margin: 0;
	padding: 0;
}

.article .intro_text p
{
	font-size: 14px;
	line-height: 26px;
	text-align: left;
	font-style: italic;
	color: #666;
	margin: 0;
	padding: 10px 48px 0 0;
}

div.article span.step
{
	float: left;
	text-align:right;
	font-weight: bold;
	margin: 0 10px 0 -30px;
	padding: 0;
	width: 10px;
}

.article .box
{
	padding: 0;
	margin: 0 auto 5px auto;
}

.article .box .header
{
	height: 20px;
	padding: 0;
	margin: 0;
}

.article .box p
{
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: black;
	text-align: center;
	margin: 0;
	padding: 8px 60px 0 60px;
}

.article .variant_wide
{
	width: 720px;
	background: url(../interface/box_wide_bottom.png) bottom center no-repeat;
	padding: 0;
	margin: 0 auto 20px auto;
}

.article .variant_wide .header
{
	width: 720px;
	height: 20px;
	background: url(../interface/box_wide_top.png) top center no-repeat;
	padding: 0;
	margin: 0;
}

.article .variant_wide_continuation
{
	width: 720px;
	background: url(../interface/box_wide_fade_bottom.png) bottom center no-repeat;
	padding: 0;
	margin: 0 auto 20px auto;
}

.article .variant_wide_partial
{
	width: 720px;
	background: url(../interface/box_corner.png) bottom right no-repeat;
	padding: 0;
	margin: 10px auto 20px auto;
}

.article .variant_link
{
	display: block;
	width: 350px;
	background: url(../interface/box_link_bottom.png) bottom left no-repeat;
	padding: 0;
	margin: 10px 10px 0 20px;
	float: left;
}

.article .variant_link_partial
{
	display: block;
	width: 350px;
	background: url(../interface/box_corner.png) 220px 100%  no-repeat;
	padding: 0;
	margin: 10px 10px 0 20px;
	float: left;
}

.article .variant_link .header
{
	display: block;
	background: url(../interface/box_link_top.png) top left no-repeat;
	width: 350px;
	height: 16px;
	overflow: visible;
	padding: 0;
	margin: 0;
}

.article .variant_link img
{
	border: none;
	float: left;
	padding: 0;
	margin: -22px 0 0 0;
}

.article .variant_link h1
{
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding: 0 20px 0 0;
	margin: 0 0 0 0;
}

.article .variant_link p,
.article .variant_link_partial p
{
	font-size: 12px;
	font-style: italic;
	line-height: 18px;
	color: gray;
	text-align: right;
	margin: 0 0 0 0;
	padding: 4px 20px 0 16px;
}

.article .box .footer
{
	display: block;
	font-size: 10px;
	text-align: right;
	width: 320px;
	height: 24px;
	padding: 0 0 10px 0;
	overflow: visible;
}

.article .box .footer a
{
	float: right;
	color: gray;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	background: url(../interface/marble_right.png) top right no-repeat;
	margin: 0 2px 0 0;
	padding: 0 20px 0 0;
	height: 18px;
	overflow: visible;
}

.article .box .footer a:hover
{
	color: #333;
	text-decoration: underline;
}

.article .variant_wide .footer,
.article .variant_wide_continuation .footer,
.article .variant_wide_partial .footer
{
	margin: 0 -10px 0 auto;
}

.article .variant_link .footer,
.article .variant_link_partial .footer
{
	clear: both;
	margin: 0 0 0 auto;
}

.article .tab_bar
{
	display: block;
	height: 32px;
	overflow: hidden;
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: center;
}

.article .tab_bar ul
{
	display: block;
	list-style: none inside none;
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: center;
        white-space: nowrap;
}

.article .tab_bar li
{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: inline;
	height: 32px;
	list-style: none inside none;
	marker-offset: 0;
	margin: 0 -4px 0 0;
	padding: 0px 0 25px 0;
}	

.article .tab_bar a
{
	color: gray;
	display: inline;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
	background-image: url(../interface/button_tabs_all.png);
	background-position: -20px 0px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 2px 10px 8px 10px;
	border: 0;
}	


.article .tab_bar a.first
{
	background-position: 0% 0px;
	padding: 2px 10px 8px 20px;

}

.article .tab_bar a.last
{
	background-position: 100% 0px;
	padding: 2px 20px 8px 10px;
}


.article .tab_bar ul a:hover,
.article .tab_bar ul a.selected
{
	color: white;
}

.article.variant_deliver .tab_bar ul a:hover,
.article.variant_deliver .tab_bar ul a.selected
{
	color: black;
}

.article.variant_design .tab_bar ul a:hover,
.article.variant_design .tab_bar ul a.selected
{
	background-position: -20px -32px;
}

.article.variant_design .tab_bar ul a:hover.first,
.article.variant_design .tab_bar ul a.selected.first
{
	background-position: 0% -32px;
}

.article.variant_design .tab_bar ul a:hover.last,
.article.variant_design .tab_bar ul a.selected.last
{
	background-position: 100% -32px;
}

.article .tab_bar ul.variant_develop a:hover,
.article .tab_bar ul.variant_develop a.selected
{
	background-position: -20px -64px;
}

.article .tab_bar ul.variant_develop a:hover.first,
.article .tab_bar ul.variant_develop a.selected.first
{
	background-position: 0% -64px;
}

.article .tab_bar ul.variant_develop a:hover.last,
.article .tab_bar ul.variant_develop a.selected.last
{
	background-position: 100% -64px;
}

.article .tab_bar ul.variant_deliver a:hover,
.article .tab_bar ul.variant_deliver a.selected
{
	background-position: -20px -96px;
}

.article .tab_bar ul.variant_deliver a:hover.first,
.article .tab_bar ul.variant_deliver a.selected.first
{
	background-position: 0% -96px;
}

.article .tab_bar ul.variant_deliver a:hover.last,
.article .tab_bar ul.variant_deliver a.selected.last
{
	background-position: 100% -96px;
}

.article .tab_bar ul.variant_discuss a:hover,
.article .tab_bar ul.variant_discuss a.selected
{
	background-position: -20px -128px;
}

.article .tab_bar ul.variant_discuss a:hover.first,
.article .tab_bar ul.variant_discuss a.selected.first
{
	background-position: 0% -128px;
}

.article .tab_bar ul.variant_discuss a:hover.last,
.article .tab_bar ul.variant_discuss a.selected.first
{
	background-position: 100% -128px;
}

.article .tab_bar ul.variant_train a:hover,
.article .tab_bar ul.variant_train a.selected
{
	background-position: -20px -160px;
}

.article .tab_bar ul.variant_train a:hover.first,
.article .tab_bar ul.variant_train a.selected.first
{
	background-position: 0% -160px;
}

.article .tab_bar ul.variant_train a:hover.last,
.article .tab_bar ul.variant_train a.selected.last
{
	background-position: 100% -160px;
}

.article .tab_bar ul.variant_support a:hover,
.article .tab_bar ul.variant_support a.selected
{
	background-position: -20px -192px;
}

.article .tab_bar ul.variant_support a:hover.first,
.article .tab_bar ul.variant_support a.selected
{
	background-position: 0% -192px;
}

.article .tab_bar ul.variant_support a:hover.last,
.article .tab_bar ul.variant_support a.selected
{
	background-position: 100% -192px;
}





.article .tab_browser
{
	display: block;
	width: 400px;
	background: url(../interface/tab_browser_top.png);
	margin: 0 auto 0 auto;
}

.article .tab_browser .tab_view
{
	visibility: hidden;
	display: none;
	top: 0;
	font-size: 11px;
	font-weight: bold;
	color: red;
	padding: 0;
	margin: 0;
}

.article .tab_browser .tab_visible
{
	visibility: visible;
	display: block;
}

.article .tab_browser .tab_view p
{
	font-size: 14px;
	font-weight: bold;
	color: green;
	padding: 30px 30px 30px 30px;
	margin: 0;
}

.article .tab_browser .tab_footer
{
	display: block;
	background: url(../interface/tab_browser_bottom.png) bottom no-repeat;
	width: 400px;
	height: 26px;
	padding: 26px 0 0 0;
	margin: 0 auto 0 auto;
}





.article .library
{
	width: 400px;
	margin: 0 auto 0 auto;
	padding: 0;
}


.article .library .header
{
	display: block;
	width: 384px;
	height: 48px;
	background: url(../interface/header_background.png) bottom left repeat-x;	
	padding: 8px;
}


.article .library .header input
{
	float: right;
}


.article .library a
{
	text-decoration: none;
}

.article .library a:hover
{
	text-decoration: underline;
}

.article .library .longlist ul
{
	width: 398px;
	list-style: none inside none;
	border: 1px solid #eee;
	margin: 0;
	padding: 0;
}


.article .library .longlist li
{
	display: block;
	height: 56px;
	clear: both;
	background: url(../interface/list_background.png) bottom left repeat-x;
	padding-top: 8px;
}


.article .library .longlist li:hover
{
	background: #ddd;
}


.article .library .longlist img
{
	float: left;
	width: 48px;
	height: 48px;
	padding: 0px 8px 2px 8px;
}


.article .library .longlist .title
{
	font-size: 14px;
	font-weight: bold;
}


.article .library .longlist .description
{
	font-family: Optima;
	color: black;
}

.article .library .longlist a
{
	text-decoration: none;
	background: url(../interface/marble_right.png) top right no-repeat;
}

.article .library .longlist a:hover
{
	text-decoration: underline;
}



.article .library .shortlist ul
{
	width: 398px;
	list-style: none inside none;
	border: 1px solid #eee;
	margin: 0;
	padding: 0;
}


.article .library .shortlist li
{
	display: block;
	height: 22px;
	clear: both;
	background: url(../interface/list_background.png) bottom left repeat-x;
	padding-top: 8px;
}


.article .library .shortlist li:hover
{
	background: #ddd;
}


.article .library .shortlist img
{
	float: left;
	width: 16px;
	height: 16px;
	padding: 0px 2px 2px 8px;
}


.article .library .shortlist .title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 4px;
}


.article .library .shortlist .description
{
	display: none;
}


.article .library .footer
{
	clear: both;
}

div.blog div.post
{
	padding: 0 0 40px 0;
}


.article .blog .post h1
{
	clear: both;
	font-size: 16px;
	font-weight: bolder;
	color: gray;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 4px;
	margin: 0 180px 8px 180px;
}

.article .blog .post h2
{
	font-size: 11px;
	color: #aaa;
	text-align: center;
	padding: 0;
	margin: 0 180px 8px 180px;
}

div.blog h4
{
	clear: both;
	font-size: 12px;
	font-weight: bolder;
	color: gray;
	text-align: left;
	border-bottom: 1px solid #eee;
	padding-top: 10px;
	padding-bottom: 4px;
	margin: 0 180px 10px 180px;

}

div.blog a.title
{
	display: block;
	clear: both;
	font-size: 16px;
	font-weight: bolder;
	color: gray;
	text-align: center;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 4px;
	margin: 0 180px 8px 180px;	
}

div.blog a.comments
{
	font-family: Optima, Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 180px 10px 180px;
	padding: 0;
	color: #444;
}

.article .blog .author
{
	font-weight: bold;
}


.article .blog .post .metadata,
.article .comments .comment .metadata
{
	float: left;
	width: 160px;
	margin-right: 20px;
	margin-top: 0;
	padding: 0;
}

.article .comments .comment
{
	clear: both;
	margin-top: 20px;
}


.article .blog .post .metadata p,
.article .comments .comment .metadata p
{
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #666666;
	text-align: right;
	line-height: 20px;
	margin: 0;
	padding: 0;
	background: white;
	border: 0;
}

.article .comments .comment .metadata p
{
	padding-top: 4px;
}


.article .comments .comment p
{
	padding: 4px;
	background: #f8f8f8;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.metadata span.author
{
	font-weight: bold;
}


div.comment_form
{
	clear: both;

}

div.comment_form form
{	
	background: #f8f8f8;
	padding: 4px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 20px 180px 0 180px;
	width: 390px;
}

div.comment_form fieldset
{
	border: none;
}

div.comment_form label
{
	float: left;
	width: 80px;
	font-family: Optima, Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

div.comment_form input
{

}


div.blog_navigation
{
	font-family: Optima, Arial;
	font-size: 12px;
	padding-top: 20px;
}

div.blog_navigation a
{
	font-weight: bold;
	color: gray;
	line-height: 18px;
	padding-top: 20px;
	margin: 20px 180px 0 180px;
}


.article div.caption
{
	float: left;
	width: 160px;
	margin-right: 20px;
	margin-top: 0;
	padding: 0;
}

.article div.caption p
{
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #666666;
	text-align: right;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

.article div.caption img
{
	margin: 0;
	padding: 0;
}

.article .sidebar
{
	float: right;
	width: 160px;
	margin-left: 20px;
	margin-top: 0;
	padding: 0;
}

.article .sidebar p
{
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #666666;
	text-align: left;
	line-height: 20px;
	margin: 0;
	padding: 0 0 8px 0;
}

.article .sidebar img
{
	margin: 0;
	padding: 0;
}

div.movies
{
	display: block;
}

div.movie
{
	display: inline;
	margin-right: 8px;
}

div.movie object
{
}

div.movie embed
{
}


div.blog_list
{

}

div.blog_list_item
{

}

div.blog_list_item a
{
	display: block;
	clear: both;
	font-size: 14px;
	font-weight: bolder;
	color: gray;
	text-align: left;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0 180px 4px 180px;	
}





div.photo_browser
{
}

div.photo_text
{
	float: left;
	width: 160px;
	margin-right: 20px;
	margin-top: 0;
	padding: 0;
}

div.photo_text p
{
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #666666;
	text-align: right;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

div.photo_text p#photo_picture_caption
{
	font-weight: bold;
}


div.photo_thumbnails
{
	float: right;
	display: block;
	height: 320px;
	overflow: scroll;
	width: 160px;
	margin-left: 20px;
	margin-top: 0;
	padding: 0;
	background: white;
	border: 1px solid #888;
}

div.photo_thumbnail
{
	display: block;
	float: left;
	width: 100px;
	margin: 2px;

}

div.photo_thumbnail img
{
	display: block;
	margin: 0;
	padding: 2px;
	border: 1px solid #888;
}


div.photo_view
{
	height: 360px;
}

div.photo_view img
{
	display: block;
	margin: 0 auto 0 auto;
	padding: 2px;
	background: white;
	border: 1px solid #888;
}

div.photo_view p.photo_picture_caption
{
}

div.photo_view p.photo_picture_description
{
}





.intro_wrapper .variant_design h1
{
	color: #f76c1c !important;
}

.intro_wrapper .variant_develop h1
{
	color: #a2309e !important;
}

.intro_wrapper .variant_deliver h1
{
	color: #ffc229 !important;
}

.intro_wrapper .variant_discuss h1
{
	color: #60b534 !important;
}

.intro_wrapper .variant_train h1
{
	color: #00a4ec !important;
}

.intro_wrapper .variant_support h1
{
	color: #ef2827 !important;
}


.variant_design p.heading strong,
.variant_design .variant_link h1,
.variant_design h3
{
	color: #f76c1c;
}

.variant_develop p.heading strong,
.variant_develop .variant_link h1,
.variant_develop h3
{
	color: #a2309e;
}

.variant_deliver p.heading strong,
.variant_deliver .variant_link h1,
.variant_deliver h3
{
	color: #ffc229;
}

.variant_discuss p.heading strong,
.variant_discuss .variant_link h1,
.variant_discuss h3
{
	color: #60b534;
}

.variant_train p.heading strong,
.variant_train .variant_link h1,
.variant_train h3
{
	color: #00a4ec;
}

.variant_support p.heading strong,
.variant_support .variant_link h1,
.variant_support h3
{
	color: #ef2827;
}