body {
  background-color: #fff;
  font-size: 7pt;
  font-family: Arial, SunSans-Regular, Sans-Serif;
  color:#9d9d9d;
  padding:0px;
  margin:0px;
}

h1 {
  font-size: 20px;
  text-transform:uppercase;
  padding: 5px 15px 0 0;
  margin:0px;
  color: #FDB924;
  text-align: left;
}

h2 {
  font-size:14px;
  font-weight: bold;
  padding: 5px 10px 0 0;
  margin:0px;
  text-align: left;
}

img.homepage {
  margin: 35px 0 0px 10px;
	padding: 4px;
	border: 1px solid #CCC;
	float: right;
}

img.download {
	vertical-align:middle;
}

/* ----------container to center the layout-------- */
/*#container {
width: 950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} */

#container {
  position:absolute;
  height:480px;
  width:900px;
  margin:-227px 0px 0px -450px;
  top: 50%;
  left: 50%;
  padding: 0px;
  xbackground-color: #ddd;
}

/* ----------outer and inner----------------- */

#outer{ 
  border-left: solid 280px #fff; /* color of the left column  */ 
  border-right: solid 235px #fff; /* color of the right column  */ 
  background-color: #fff;  /* color of the content column */
  height: 400px;
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#left {
 width:120px; 
 float:left; 
 position:relative; 
 margin-left:-280px; 
 margin-right:1px;
 font-family:"arial black", arial, sans-serif;
 font-size:10pt;
 color:#c8c8c8;
}

#left ul {padding:0; margin:0; list-style-type:none; color: #c8c8c8;}
#left ul li {margin:0 7px 0 0; line-height:15px;}
/*#left ul li a, #toplink ul li a:visited {color: #c8c8c8; text-decoration:none;}*/
/*#left ul li a:hover {color:#FDB924; text-decoration:underline;}*/

#submenu {padding-left:6px; font-size: 7pt;}
#submenu active {text-transform:uppercase; color: #ddd;}

#leftright {
 width:133px; 
 float:left; 
 position:relative; 
 margin-left:-160px; 
 margin-right:0px;
 padding: 60px 0 60px 7px;
 font-family:"arial black", arial, sans-serif;
 font-size:7pt;
 color:#c8c8c8;
 border-left: 1px solid #c8c8c8;
 height: 260px;
}

#leftright ul {padding:0; margin:0; list-style-type:none; color: #c8c8c8;}
#leftright ul li {margin:0 7px 0 0; line-height:15px;}

.active {text-transform:uppercase; color: #FDB924}

#right {
 width:235px; 
 float:right; 
 position:relative; 
 margin-right:-235px; 
 margin-left:1px;
 /*background-color: #aaa;*/
}

#right h1 {
	width: 177px;
	padding: 0px 0px 0px 50px;
	font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;
	font-size: 2.0em;
	font-weight: bold;
	color: #FDB924;
	text-transform: uppercase;
	text-align: left;
}

#right p {
	width: 177px;
	padding: 12px 0px 0px 50px;
	text-align: left;
	color: #9d9d9d;
	font-size: 10px;
}

.small {
	font-size: 0.55em;
}

/* -----------------content--------------------- */ 
#content { 
position: relative; 
margin: 0px; 
text-align: center;
height: 380px;
}

#content img {
	padding: 4px;
	border: 1px solid #CCC;
}

#filmstrip-thumbnails {
  xbackground-color: blue;
	xmargin-top: 40px;
	padding: 0 0 0 0px;
	text-align: center;
	/*width: 365px;*/
	width: 375px;
	border: 0;
}

#filmstrip-thumbnails img {
  border: 0;
	padding: 0 1px 0 1px;
	xborder: 0.5px solid #CCC;
}

/* -----------------defaults--------------------- */ 

p {
  padding: 5px 10px 0 0;
  margin: 0px;
  text-align: left;
  font-size: 10px;
}

a { 
	background-color: transparent;
	text-decoration: none;
	color: #C8C8C8;
}

a:hover {
	text-decoration: underline;
	color: #FDB924;
}

/*  ----------------footer---------------------- */ 
#footer {
  padding-top:15px;
  /*background-image: url("./images/page_footer_logo.gif");*/
  height: 57px;
} 

#home .home, #profiles .profiles, #contact .contact, #projects .projects {
	color: #9D9D9D;
}