body, html
{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background: #e37902;
	text-align: center;
}

/* start shadow */

div#shadowleft
{
	width: 824px;
	height: auto;
	margin: 0 auto;
	background-image: url(../leftbg.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

div#shadowright
{
	width: 824px;
	height: auto;
	margin: 0 auto;
	background-image: url(../rightbg.jpg);
	background-repeat: repeat-y;
	background-position: right;
}


/* end shadow */


/* start main_nav */

div#logo
{
	width: 800px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	background-image: url(../logo.jpg);
	background-color:#000000;
	background-repeat: no-repeat;
}

div#main
{
	width: 800px;
	height: 313px;
	margin: 0 auto;
	padding: 0;
	background-image: url(../experience/banner.jpg);
	background-repeat: no-repeat;
}

div#nav_main
{
	width: 800px;
	height: 22px;
	background: #000000;	
	text-align: left;
	padding: 0;	
	margin: 0 auto; 
	border-bottom: 1px solid #000000;
	z-index:100;

}

#nav_main ul, #nav_main li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	position: relative;
	float: left;
}

#nav_main a:link, #nav_main a:visited
{
	float: left;
	margin: 0px;
	padding: 5px 16px 9px 16px;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-transform: ;
	filter: alpha(opacity=100);
}

#nav_main a:hover 
{ 
	background: #e37902;
}

/* common styling */

#nav_main ul li a, #nav_main ul li a:visited 
{
	display: block; 
	text-decoration:none; 
	color: #fff;
	height: 8px; 
	overflow: hidden;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #000;
}

#nav_main ul ul 
{
width: 142px;
}

/* a hack so that IE5.5 faulty box model is corrected 
* html #nav_main a, * html #nav_main a:visited {
width: 60px;
w\idth: 60px;
}
*/
/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav_main ul ul 
{
	visibility:hidden;
	position:absolute;
	height:0;
	top:22px;
	left:0; 
	width: 142px;
}
/* another hack for IE5.5 */
* html #nav_main ul ul 
{
	top:21px;
	t\op:22px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#nav_main table {position:absolute; top: 0; left:0;}

/* style the second level links */
#nav_main ul ul a, #nav_main ul ul a:visited 
{
	background:#000000; 
	color:#fff;  
	width: 142px; 
	border-bottom: 1px solid #fff;
/* yet another hack for IE5.5 */
}


* html #nav_main ul ul a{
	width:150px;
	w\idth:129px;
}

#nav_main ul ul a:hover
{
	background: #e37902;
}


/* make the second level visible when hover on first level list OR link */
#nav_main ul li:hover ul, #nav_main ul a:hover ul{
	visibility: visible; 
}


/* end main_nav */

/* start content */
#content
{

	width: 800px;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
}

img 
{
  border: 0;
  display: block;
}

h1
{
	text-decoration: none;
	font-family: Verdana;
	font-size: 16px;
	font-weight: none;
	color: #fff;
	margin: 10px 0 0 10px;
	padding: 0;
	text-align: left;
}

#left
{
	float: left;
	width: 399px;
	height: 100%;

}

#left p
{
	text-decoration: none;
	font-family: Verdana;
	font-size: 14px;
	font-weight: none;
	color: #000000;
	margin: 10px 0 0 10px;
	padding: 0;
	text-align: left;

}
#left p a
{
	font-size: 14px;
	color: #000000;
	text-decoration:none;
	border:none;
	font-weight:inherit;
}
#left p a:link
{
	font-size: 14px;
	color: #000000;
	line-height: 10px;
	text-decoration: none;
	border:none;
	font-weight:inherit;
}
#left p a:visited
{
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	border:none;
	font-weight:inherit;
}
#left p a:hover
{
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
	border:none;
	font-weight:inherit;
}
#left p a:active
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	border:none;
	font-weight:inherit;
}

#left ul, #left li
{
	margin: 0 0 0 5px;
	padding: 10px 0 3px 0;
	display: block;
	list-style-type: none;
	text-align: left;
}

#left a:link, #left a:visited
{
	margin: 0;
	font-family: Verdana;
	font-size: 14px;
	font-weight: inherit;
	text-decoration: none;
	color: #000000;
}

#left a:hover 
{ 
	color: #212323;
}

#left_active a:link, #left_active a:visited
{ 
	color: #d82c2a;
}

#right
{
	float: right;
	width: 399px;
	height: 100%;

}

#right p
{
	text-decoration: none;
	font-family: Verdana;
	font-size: 14px;
	font-weight: none;
	color: #000000;
	margin: 10px 0 0 10px;
	padding: 0;
	text-align: left;

}
#right p a
{
	font-size: 14px;
	color: #000000;
	text-decoration:none;
	border:none;
	font-weight:inherit;
}
#right p a:link
{
	font-size: 14px;
	color: #000000;
	line-height: 10px;
	text-decoration: none;
	border:none;
	font-weight:inherit;
}
#right p a:visited
{
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	border:none;
	font-weight:inherit;
}
#right p a:hover
{
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
	border:none;
	font-weight:inherit;
}
#right p a:active
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	border:none;
	font-weight:inherit;
}

#right ul, #right li
{
	margin: 0 0 0 5px;
	padding: 10px 0 3px 0;
	display: block;
	list-style-type: none;
	text-align: left;
}

#right a:link, #right a:visited
{
	margin: 0;
	font-family: Verdana;
	font-size: 14px;
	font-weight: inherit;
	text-decoration: none;
	color: #000000;
}

#right a:hover 
{ 
	color: #212323;
}

#right_active a:link, #right_active a:visited
{ 
	color: #d82c2a;
}

#center
{
	width: 780px;
	height: 100%;
	float: left;
	text-align: left;
	margin: 10px 10px 10px 10px;
	text-decoration: none;
	font-family: Verdana;
	font-size: 14px;
	font-weight: inherit;
	
}

#center h1
{
	text-decoration: none;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #586044;
	padding: 0;
	margin: 0;
	text-align: left;

}

#center p
{
	text-decoration: none;
	font-family: Verdana;
	font-size: 14px;
	font-weight: inherit;
	color: #000000;
	padding: 0;
	text-align: left;

}

.paracenter
{
	text-decoration: none;
	font-family: Verdana;
	font-size: 14px;
	font-weight: inherit;
	color: #000000;
	padding: 0;
	text-align: center;
}

#center p a
{
	font-size: 14px;
	color: #586044;
	text-decoration:none;
	border:none;
	font-weight: inherit;
	font-family: Verdana;
}
#center p a:link
{
	font-size: 14px;
	color: #586044;
	text-decoration: none;
	border:none;
	font-weight: inherit;
	font-family: Verdana;
}
#center p a:visited
{
	font-size: 14px;
	color: #586044;
	text-decoration: none;
	border:none;
	font-weight: inherit;
	font-family: Verdana;
}
#center p a:hover
{
	font-size: 14px;
	color: #586044;
	text-decoration: underline;
	border:none;
	font-weight: inherit;
	font-family: Verdana;
}
#center p a:active
{
	font-size: 14px;
	color: #586044;
	text-decoration: none;
	border:none;
	font-weight: inherit;
	font-family: Verdana;
}

#center ul, #center li
{
	margin: 0 0 0 5px;
	padding: 10px 0 3px 0;
	display: block;
	list-style-type: none;
	text-align: left;
	font-size: 12px;
	font-family: Verdana;
}

#center a:link, #center a:visited
{
	margin: 0;
	text-decoration: none;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}

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

#center_active a:link, #center_active a:visited
{ 
	color: #d82c2a;
}

#center table, #center td, #center tr
{
	margin: 0;
	text-decoration: none;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}
/* end content */

/* start footer */
div#footer
{
	width: 800px;
	height: 32px;
	margin: 0 auto;
	padding: 0;
	background: #000000;
	border-top: 2px solid #fff;
	
}

div#nav_footer
{		
	text-align: left;
	padding: 0;	
	height: 32px;
	margin: 10px 0 0 10px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #000000;
}

#nav_footer ul, #nav_footer li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#nav_footer a:link, #nav_footer a:visited
{
	float: left;
	margin: 0;
	padding: 7px;
	text-decoration: none;
	color: #fff;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#nav_footer a:hover 
{ 
	background: #434933;
	color:#fff;
}

div#legal
{ 	
	width: 800px;
	height: 30px;
	margin: 0 auto;
	padding: 0px 0 0px 0;
	background: #000000;
	text-align: left;
}

div#legalline
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0;
	margin: 0 0 0 0px;
	font-weight: bold;
	color: #fff;
	line-height: 15px;
}

/* end footer */

/* Begin gallery */

#dhtmlgoodies_slideshow
{
	width:399px;	/* Total width of slideshow */
	text-align: center;
	margin: 0 auto;
}
	
#previewPane
{
	margin-bottom:10px;	
	text-align:center;
	vertical-align:middle;
	padding-top:10px;
	position:relative;

	/* CSS HACK */
	height: 400px;	/* IE 5.x */
	height/* */:/**/400px;	/* Other browsers */
	height: /**/400px;
}

#previewPane img
{
	line-height:400px;
}

#galleryContainer
{
	height:102px;	/* Height of the images + 2 */
	position: relative;
	overflow:hidden;
	padding:1px;
	text-align:left;
	margin: 0px 0px 0px 10px;
	
	/* CSS HACK */
	height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/102px;	/* Other browsers */
	height: /**/102px;			
}

#arrow_left
{
	position:absolute;
	left:0px;
	z-index:10;
	background-color: #FFF;
	padding:1px;
}

#arrow_right
{
	position:absolute;
	right:1px;
	z-index:10;
	background-color: #FFF;
	padding:1px;
	top: 2px;
}

#theImages
{
	position:absolute;
	height:100px;
	width:250px;	
}

	#theImages #slideEnd
{
	float:left;
}

#theImages img
{
	float:left;
	padding:1px;
	opacity: 0.5;
	cursor:pointer;
	border:0px;
}

#waitMessage
{
	display:none;
	position:absolute;
	left:200px;
	top:150px;
	background-color:#FFF;
	border:3px double #000;
	padding:4px;
	color:#555;
	font-size:0.9em;
	font-family:arial;	
}
	
#theImages .imageCaption
{
	display:none;
}

/* end gallery*/