/* layout
----------------------------------------------- */

body{
	/*position:relative;
	background: #333;
    margin-left: auto;
    margin-right: auto;
    width: 670px; /* mandatory to be centered */
	/*margin: 0;
	padding: 0;*/

	background: #333;
	}
#pageContainer {
	z-index: 1;
	position:relative;
	margin-top: 10px;
	margin-left: auto;
        margin-right: auto;
	width: 670px;

	/*background: #EFEFEF;
	text-align: left;
	padding: 5px 10px;
	border: 3px solid #FFFFFF;*/
}

#topbar{	
	position:absolute;
	top: 0px;
	left: 167px;
	width: 503px;
	height: 141px;
	background-image:url(../topbar.gif);
	z-index: 2;
	}


#sidebar_right{ 
	position:absolute;
	top:0px;	
	left:670px; 
	width: 12px;  
	height: 737px;
	background-image:url(../sidebar_right.gif);
	z-index: 2;
}

#content{ 
	position:absolute;
	top:141px;	
	left:167px; 
	width: 505px;  
	height: 474px;
	background-image:url(../main.gif);
	backgound-repeat: no-repeat;
	/*background-attachment:fixed;*/ 
	z-index: 2;
	overflow: auto;
}

#bottombar{ 
	position:absolute;
	top:616px;	
	left:167px; 
	width: 503px;  
	height: 121px;
	background-image:url(../bottombar.gif);
	z-index:2;
}
#sidebar_left{ 
	position:absolute;
	top:0px;	
	left:0px; 
	width: 167px;  
	height: 737px;
	background-image:url(../sidebar_left.gif);
	overflow:hidden;
	z-index:2;
}
#bottom_Content
{}
/* html div#sidebar  { top: 38px; left:20px;	width: 230px; position:absolute; }*/

/*#content{ margin: 45px 20% 5em 315px; }*/


/* typography
----------------------------------------------- */


.style3 {
	color: #ccc;
	font-size: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.currentpage{
	color:#33CCFF;
}
.style4 {
	font-size: 10pt;
	color: #CCCCCC;
}
.style6 {
	font-size: 15pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFCC99;
}

.subtext, .subtext_pages  {font-size: 10pt}
.subtext_pages a{color:#FF6633;}

#Contactlist{
	font-size: 14pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	/*margin-left:2px;*/
	list-style: none;
}
#About{
	font-size: 10 pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	padding: 0;
	list-style: none;
}

	
h1, h2, h3{ font-family: "Trebuchet MS",Verdana,Sans-Serif;}

h1 { font-size: 6em; }
h1 a { color:#fff; border: none; }
h1 em{ font-size: 1.25em; color: #D0EB6A; font-style: normal; }

h2 {
	font-size: 1.5em;
	letter-spacing: 0.4pt;
	color: #D0EB6A;
	text-transform: uppercase;
	padding-top: 0.5em;
	}
h3 {
	font-size: 1.0em;
	letter-spacing: 0.2pt;
	color: #c0dB5A;
	text-transform: uppercase;
	padding-top: 0.5em;
	}

/*a{
	color:#CCCCCC;
	text-decoration:none;
	}*/

/*#content p a:hover,
#content dd a:hover { border-bottom: 1px dotted #8ad459; }
a img{ 	border: none;}
*/
small{ font-size: 0.8em; }

pre{
	display: block;
	margin: 1em 0;
	padding: 0.5em 1.5em;
	border-left: 6px solid #0d0d09;
	background-color: #000;
	overflow: auto;
	}

code{
	font-size: 11px;
	font-family: Verdana,Sans-Serif;
	background-color: #000;
	color: #8d8d73;
	padding: 0.3em 0.4em;
	}

pre code{
	padding: 0; margin: 0;
}

kbd{
	color: #555;
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
	}

fieldset{ border: none; }

/* sidebar
----------------------------------------------- */
/*#sidebar_left a{
	color: #fff;
	}


#sidebar_left h1 a{ font-weight: bold; }
#sidebar_left h1 a:hover{  }
*/
#nav{ text-align: left; list-style: none; margin-top: 150px;}
/*#nav li{ 
padding:0px; 
margin: 0; 
}*/
#nav a{
	display: block;
	height: 32px;
	/*padding: .2em 0.2em 0.2em 0.8em;*/
	margin-bottom: 16px;
	/*opacity:.70;*/
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	/*background-color: #363633;*/
	}

#nav a:hover{
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFCC99/*	background-color:#AAC6F0; */
	}	

#nav1{ text-align: left; 
list-style: none;} 
/*margin-top: 0px;
margin-bottom: 1.0em;*/ 
#nav1 li{
display:block;
height: 32px;
font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
color:#FFCC99;
}
#anav1{ text-align: left; list-style: none; margin-top:170px;}
/*#nav1 li{ 
	display:block;
	height: 2.0em;
	/*margin-bottom: .75em;*/
	/*font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFCC99;
}*/

#anav1 li{ 
	display:block;
	height: 32px;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFCC99;
}


	
#nav2{ text-align: left; list-style: none; margin-top:0px;}
#nav2 a{
	display:block;
	height: 32px;
	margin-bottom: 16px;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	}

#nav2 a:hover{
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFCC99;/*	background-color:#AAC6F0; */
	text-decoration:none;
	}	
		
/* content
----------------------------------------------- */
/*#content ul{ margin-left: 4px;}
#content ul li{
	list-style: none;
	padding: 0 0 0 12px;
	background: url(../images/bullet.gif) no-repeat 0 6px;
	}*/
/*.sketchestable a{
	color: #eee;
	}*/

#about{
text-align: left; list-style: none; margin-top:2px;
}
#content a{
color:#33CCFF
}
.sketchestable a:hover{
	/*color: #1a1a1a;*/
	background-color:#FFFF99;
	}	

/* misc
----------------------------------------------- */

.section{
	border-top: 4px solid #3d3d33;
	padding: 1.4em 0 3.2em 0;
	overflow: auto;
	width: 100%;
	}
.first{ border-top: none; padding-top: 0; }

.thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}	

.caption{ font-size: 0.9em; padding-top: 0.2em ;	}