body {
	background-color: #3f3f3f;
	padding:0;
	margin:0;
	}

#floater {
	width: 881px;
	position: relative;
	left: 50%;
	margin-left: -440px;
	
}

a:link, a:visited {
	text-decoration:none;
		}
		
		
div {
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: normal;
	}

	.orangetext {
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: bold;
	color: #d73f03;
	text-decoration: none;
	}
	
.orangetext a {
	color: #d73f03;
	text-decoration: underline;
	}
	
.orangetext a:hover {
	color: #d73f03;
	text-decoration: underline;
	}		
	
ul.detail_illustration {
		   width: 595px;
		   height: 115px;
		   list-style:none;
		   position: relative;
		   margin: 0;
		   padding: 0;
		   background-color:#3f3f3f;
		   float: left;
		   display: inline;
		   }
		   li.detail_pic{
			            width:197px;
						height: 115px;
		   				display: block;
						float: left;
						}
		   li.detail_gap{
			            width:2px;
						height: 115px;
		   				display: block;
						float: left;
						}
					
ul.illustration_other {
					width: 593px;
					height: 13px;
					background-color:#323232;			
					color:#b7b5b5;
					font-weight: normal;
					padding-left: 2px;
					padding-top: 4px;
					padding-bottom: 4px;
					text-align: right;
					float: left;
					margin:0;
					
					}
					li.otherlink {
			            	width: 22px;
						    height: 21px;
		   					display: block;
							float: left;
							font-family: verdana, arial;
							font-size: 9px;
	                    	font-weight: bold;
							vertical-align: middle;
							text-decoration: none;
							margin:0;
							padding:0;
							}
						li.otherlink a {
		                  	display: block;
						  	width: 22px;
						  	height: 21px;
							vertical-align: middle;
						  	text-align: center;
						  	color: #c8c8c8;
						  	text-decoration: none;
							float:left;
							margin:0;
							padding:0;
						 	}
						li.otherlink a:hover {
		                  	display: block;
						  	width: 22px;
						    height: 21px;
						  	text-align: center;
							vertical-align: middle;
						  	color: #ff4000;
						  	text-decoration: none;
							float:left;
							margin:0;
							padding:0;
						 	}
						li.otherlinkdiv {
						    vertical-align: middle;
						    display: block;
						  	width: 390px;
							height: 21px;
						  	float:left;
							}
                        li.otherlinkdiv02 {
						    vertical-align: middle;
						    display: block;
						  	width: 490px;
							height: 21px;
						  	float:left;
							}
						li.otherlinkdiv03 {
						    vertical-align: middle;
						    display: block;
						  	width: 520px;
							height: 21px;
						  	float:left;
							}
					
#logotop{
				width: 881px;
				height: 45px;
				list-style:none;
		   		position: relative;
		  		margin: 0;
		   		padding: 0;
				float:left;
				display: inline;
				}

				ul.logotop_section {
		   				width: 881px;
		   				height: 45px;
		  			 	list-style:none;
		   				position: relative;
						float:left;
		  			 	margin: 0;
		   				padding: 0;
		   				}
						
						li.logo {
			            	width:240px;
							height: 45px;
		   					display: block;
							float: left;
							}
						li.mainbutton {
			            	width:92px;
							height: 22px;
		   					display: block;
							float: left;
							font-family: verdana, arial;
							font-size: 9px;
	                    	font-weight: bold;
							text-decoration: none;
							
							}
						li.mainbutton a {
		                  	display: block;
						  	width: 92px;
						  	height: 22px;
						  	text-align: center;
						  	color: #c8c8c8;
						  	text-decoration: none;
						 	background: url(../images/mainbutton.gif) no-repeat left top;
							float: left;
							
						 	}
						li.mainbutton a:hover {
		                  	display: block;
						  	width: 92px;
						  	height: 22px;
						  	text-align: center;
						  	color: #ff4000;
						  	text-decoration: none;
						 	background: url(../images/mainbutton.gif) no-repeat left top;
							float: left;
							
						 	}
						li.mainbuttondiv {
						    display: block;
						  	width: 200px;
						  	height: 22px;
						  	float:left;
						  	background-color: #2d2d2d;
							}
		   
ul.mainmenu {
		   width: 595px;
		   height: 22px;
		   list-style:none;
		   position: relative;
		   margin: 6px 0 6px 0;
		   padding: 0;
		   }
		   
		    li.menuitem {
			            width:92px;
						height: 22px;
		   				display: block;
						float: left;
						font-family: verdana, arial;
						font-size: 9px;
	                    font-weight: bold;
						text-decoration: none;
						}
						
		    li.menuitem a {
		                  display: block;
						  width: 92px;
						  height: 22px;
						  text-align: center;
						  color: #c8c8c8;
						  text-decoration: none;
						  background: url(../images/mainbutton.gif) no-repeat left top;
						 }
						 
			li.menuitem a:hover {
		                  display: block;
						  width: 92px;
						  height: 22px;
						  text-align: center;
						  color: #7e9077;
						  text-decoration: none;
						  background: url(../images/mainbutton.gif) no-repeat left top;
						 }
		
			li.navtail {
			            width: 134px;
						height: 22px;
		   				display: block;
						float: left;
						background: url(../images/mainbutton_bg.gif) repeat-x;
						}
	
#leftmaster {
	float: left;
	}

	#leftpanel {
		width: 600px;
		background-color:#3f3f3f;
    	margin: 0 0 3px 0;
		display: inline;
				}
		   
				
				#illustration_big {
					width: 595px;
					background-color:#3f3f3f;	
					padding:0;
					margin: 10px 0 0 0;
					
					}
					
	       		#illustration_title {
					width: 593px;
					height: 15px;
					background-color:#323232;			
					color: #b7b5b5;
					font-weight: normal;
					padding-left: 2px;
					padding-top: 4px;
					padding-bottom: 4px;
					}
					

				#illustration_small{
					width: 595px;
					background-color:#3f3f3f;	
					padding:0;
					margin:0;	
					}


				
#mainright_pages{
				width: 261px;
				height: 20px;
				background-color:#3f3f3f;
				color: #a8a8a8;
				padding-top: 0;
				padding-bottom: 0;
				padding-left: 10px;
				padding-right: 10px;
				display: inline;
				margin: 0;
				}

				ul.pagesmenu {
		   				width: 261px;
		   				height: 18px;
		  			 	list-style:none;
		   				position: relative;
						float:left;
		  			 	margin: 0;
		   				padding: 0;
						
		   				}
						
						li.pages {
			            	width:76px;
							height: 12px;
		   					display: block;
							float: left;
							font-family: verdana, arial;
							color: #7bacbd;
							font-size: 10px;
	                    	font-weight: bold;
							text-decoration: none;
							padding: 3px;
							}
							
		    			li.pagesitem {
			            	width:12px;
							height: 12px;
		   					display: block;
							float: left;
							font-family: verdana, arial;
							font-size: 9px;
	                    	font-weight: bold;
							text-decoration: none;
							padding: 3px;
							}
						
		    			li.pagesitem a {
		                  	display: block;
						  	width: 12px;
						  	height: 12px;
						  	text-align: center;
							float: left;
						  	color: #c8c8c8;
						  	text-decoration: none;
						  	background-color: #1d1d1d;
						  	vertical-align: middle;
						  	padding: 3px;
						 	}
						 
						li.pagesitem a:hover {
		                  	display: block;
						  	width: 12px;
						  	height: 12px;
						  	text-align: center;
							float: left;
						  	color: #7bacbd;
						  	text-decoration: none;
						  	background-color: #1d1d1d;
						  	padding: 3px;
						 	}
		
						li.pagesdev {
			            	width: 4px;
							height: 18px;
		   					display: block;
							float: left;
							margin: 0;
							padding: 0;
							}
						
#mainright_submenu{
				width: 261px;
				height: 37px;
				background-color:#3f3f3f;
				color: #a8a8a8;
				margin:0;
				padding-top:0;
				padding-bottom:1px;
				padding-left:10px;
				padding-right:10px;
				display: inline;
				}
				ul.sub {
		   				width: 261px;
		   				height: 18px;
		  			 	list-style:none;
		   				position: relative;
						float:left;
		  			 	margin: 0;
		   				padding: 0;
		   				}
						li.submenu {
			            	width:257px;
							height: 12px;
		   					display: block;
							float: left;
							font-family: verdana, arial;
							color: #a8a8a8;
							font-size: 10px;
	                    	font-weight: bold;
							text-decoration: none;
							margin:0;
							padding: 3px;
							border-bottom: 1px solid #ea4403;
							}
						li.submenu a {
			            	width:257px;
							height: 15px;
		   					display: block;
							float: left;
							color: #a8a8a8;
							}	
						li.submenu a:hover{
			            	width:257px;
							height: 15px;
		   					display: block;
							float: left;
							color: #7bacbd;
							}
						
							
		    			
						
			    
#rightmaster {
	float: right;
	}
	
	#rightpanel {
		width: 281px;
		height: 39px;
		margin: 0 0 1px 0;
		padding: 0;
		}
	        
								
			#mainright_thumb{
				width: 261px;
				height: 39px;
				background-color:#3f3f3f;
				color: #a8a8a8;
				padding-top: 0;
				padding-bottom: 0px;
				padding-left: 10px;
				padding-right: 10px;
				display: inline;
				}

	        ul.thumbmenu {
		   				width: 261px;
		   				height: 39px;
		   				list-style:none;
		   				position: relative;
		   				margin: 0;
		   				padding: 0;
		   				background-color:#3f3f3f;
						border-bottom: 1px solid #2d2d2d;
		   				}
		   
		   				li.thumbtitle{
			           			width:150px;
								height: 39px;
		   						display: block;
								float: left;
								font-family: verdana, arial;
								font-size: 9px;
	                    		font-weight: normal;
								text-decoration: none;
								background-color:#3f3f3f;
								text-align: right;
								
								}
		   				li.thumbtitle a {
		                  		display: block;
						 		width: 150px;
						  		height: 39px;
						  		text-align: right;
						  		color: #c8c8c8;
						  		text-decoration: none;
								float: left;
								
						 		}
						 
						li.thumbtitle a:hover {
		                  		display: block;
						  		width: 150px;
						  		height: 39px;
						  		text-align: right;
						  		color: #7bacbd;
						  		background-color:#3f3f3f;
						  		text-decoration: none;
								float: left;
								
						 		}
		
		   				li.thumbpic{
			            		width:95px;
								height: 39px;
		   						display: block;
								float: left;
								
								}
		   				li.thumbdev {
			           			width:16px;
								height: 39px;
		   						display: block;
								float: left;
								background: url(../images/work/illustration/dev.gif) repeat-x;
								
								}
						
			
#footer {
    overflow: hidden;
    clear: both;
	width: 600px;
	height: 60px;
	font-family: verdana, arial;
	text-align: center;
	font-size: 9px;
	margin:0;
	padding:0;
	}