/*--- Global Reset ----------------------------*/
    * {padding:0;  margin:0;}
    h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {0; }
    li, dd { margin-left:5%; }
    fieldset { padding: .5em; }
    select option{ padding:0 5px; }
    .left{ float:left; }
    .right{ float:right; }
    .clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
    a img{ border:none; }
	a{text-decoration: none;}


/* ------------ START here ---------*/

* {font-family: Arial, Helvetica, sans-serif; }
body {padding-top: 30px; padding-bottom: 20px; text-align:left; background-color: #FFF; font-size: 12px;}
#mainContainer{ border:5px solid #FFF; height: 610px;}
#mainContainerBorder{width: 802px; border:1px solid #AAA; height: 620px;}
	body.theAboutPage div#mainContainer {height: 1060px;  }
	body.theAboutPage #mainContainerBorder {height: 1070px; } 
a#logotype {width: 802px; text-align: left; display: block; margin: 2px;}
#homeBottomBcg {width:790px; height: 267px; background-image: url(bottom-bcg.jpg); }
/*	#homeMenu {text-align: left; margin-left: 650px; padding-top: 120px; padding-right: 15px;} 
#homeMenu {text-align: left; width: 130px; height: 120px; position: relative; top: -130px; right: -320px; z-index: 1; } */
#homeMenu {text-align: left; width: 130px; height: 120px; position: relative; top: -130px; right: -320px; z-index: 1; margin-bottom: -130px; }

	#homeMenu a, #defaultMenu a { display: block; color: #FFF; text-transform: uppercase; padding-left:4px;}
	#homeMenu a b, #homeMenu a b span,  #defaultMenu a b, #defaultMenu a b span { font-size: 13px; }
	#homeMenu a:hover, #defaultMenu a:hover {background-color: #666}


a.focusLink {color: #66C; font-weight: bold; background-color: #EEB; border-bottom: 1px solid #CCC; }
	a.focusLink:hover {background-color: #FF6; border-bottom: 1px solid #555;}
/* #defaultMenu {position: relative; width: 150px; left: 600px; bottom: 10px; } */
#defaultMenu {position: relative; width: 150px; left: 645px; bottom: -66px;  } 

#footerMenu, #mainMenu {margin: 10px; margin-bottom: 30px;  uppercase; color: #DDD; }
	#footerMenu a, #mainMenu a {text-transform: uppercase; color: #999; font-size: 10px;}
	#footerMenu a:hover, #mainMenu a:hover {color: #333;}

#mainMenu {border-bottom: 2px solid #CCC; padding-bottom: 5px;}
	#mainMenu a {font-size: 11px;}
	#mainMenu a b {font-weight: normal; color: #C00; font-size: 11px;}
#aboutPage, #theAboutPage { text-align: left; background-color: #FFFFFF; border:1px solid #CCC;  }
#aboutPage {height: 610px;}
#theAboutPage {height: 1060px; line-height: 140%; }
	#theAboutPage  #left, #aboutPage  #left  {float: left; width: 350px; padding:20px; }
	#theAboutPage  #right, #aboutPage  #right  {float: left; width: 350px; padding:20px;}

	#theAboutPage  ul {list-style-type: none;}
	#theAboutPage  ul li, #theAboutPage  p {margin-top: 8px;}
	#theAboutPage  ul li b, #theAboutPage  p b {display: block;}
	#theAboutPage #intro {line-height: 140%; font-weight: bold; font-size:13px;  margin-bottom: 20px; border-bottom: 2px solid #333; padding-bottom: 10px; 
	border-top: 2px solid #333; padding-top: 10px; margin-top: 15px;}

h1, h2 {margin-left: 10px; }
h1 {font-size: 24px;}
h2 {font-size: 12px; font-weight: normal; margin-top:15px;}
	#theAboutPage h1 {margin-left: 0px; }
	#theAboutPage h2 {margin-left: 0px; margin-top:0px;}

#defaultCanvas {width: 790px; height: 610px; background-image: url(where-europe-ends.jpg); text-align: left; }
#trailerContainer{padding: 20px;}
#trailer {width:445px; height: 364px; border: 1px solid #999; float: left; }
#trailerLinks {position: absolute; color: #000; right: 255px; top: 120px;}
/* #trailerLinks {position: absolute; color: #000; right: 300px; top: 200px;} */
	#trailerLinks a {color: #009; display: block; text-decoration: underline;}
/*
.profileBox {width: 300px; float: left; margin:10px; background-color: #FFF; padding: 5px; font-size: 11px; border-right: 1px solid #666; border-bottom: 2px solid #666;}
*/	
.profileBox {margin-top: 10px; margin-bottom: 30px; }
	.profileBox img {float: left; margin-right: 5px;}
	.profileBox h2 {font-weight: bold; font-size: 13px; margin:0px; } 
i.shy {color: #555}

div#links  {padding: 15px; font-size: 11px;}
#links a {display: block; font-weight: bold; color: #336633; margin-bottom: 0px; text-decoration: underline; font-size: 11px; margin-top:6px;}
#links a.linkk {font-weight: normal; color: #666; text-decoration: none; margin-top: 0px;}

#galleryContainer {padding: 10px;}
#galleryContainer a {display: block; width: 100px; height: 100px; margin:2px; border: 1px solid #CCC; float: left;}
#galleryContainer a:hover img{filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.60; opacity:0.60; }
#galleryContainer a img {filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1; }

	#galleryContainer a:hover {border: 1px solid #999; }