/* tested with IE7/Win, Mozilla Firefox, Opera, Safari,..................... */

/* colors
red:		#5e080a
light red:	#7c1314
orange:	#f95e37
yellow:	#f98d36
gold: 		#bc9655
white:	#ffffff
links:			underlined, then yellow #f98d36
*/

/* basic elements */

body {background-color:#0f0300; scrollbar-base-color: #61470a;}

/*    FRONT PAGE LAYOUT---------------------------------------------------------*/
#header {position:absolute; top:20px; left: 60px;}
#header1 {position:absolute; left: 50px; top: 20px;}

#container {width: 1024px; height: 768px; position:absolute; top: 0px; left: -10px; background-color:#0f0300; background-image: url("images/background.jpg"); background-repeat: no-repeat; background-attachment: scroll;}
#container p {padding: 150px 10px 10px 10px; font: 8pt Verdana, Arial, Times, serif; color:#bd9557;}

#summary {width: 800px; height: 235px; position: absolute; left: 135px; top: 122px; }

.about {width: 160px; height: 280px; background-image: url("images/note_bg_about.jpg"); background-repeat: no-repeat; }
.legals {width: 160px; height: 280px; background-image: url("images/note_bg_legals.jpg"); background-repeat: no-repeat; position:relative; top: -280px; left: 200px;}
.planning {width: 160px; height: 280px; background-image: url("images/note_bg_planning.jpg"); background-repeat: no-repeat; position:relative; top: -560px; left: 400px;}
.contact {width: 160px; height: 280px; background-image: url("images/note_bg_contact.jpg"); background-repeat: no-repeat; position:relative; top: -840px; left: 600px; }
.chris {width: 400px; border: 1px dashed #bd9557; position:relative; left: 200px; top: -65px; text-align: right; }
.chris p {text-align: left;}
.chris h1 {text-align: left;}
.cont {margin-top: -50px;}

#signature {position:absolute; left: 650px; top:380px;}
#back {width: 630px; position:absolute; top: 655px; left: 785px; }
#portrait {width: 200px; position: absolute; top: 120px; left: 850px;}


#footer {position:absolute; top:550px; left:30px;}
#footer1 {position:absolute; top:650px; left:30px;}
#footer p{text-align: right; font: 8pt Times, Arial, Verdana, serif; color:#bd9557;}
#footer1 p{text-align: right; font: 8pt Times, Arial, Verdana, serif; color:#61470a;}

/*--  global navigation - at LHS of main-------------------------------------------*/
#globalnav {height: 400px; width: 255px; position:absolute; left: 235px; top: 120px;z-index:1;}
#globalnav1 {height: 65px; width: 255px; position:absolute; left: 54px; top: 208px;z-index:1;}
#globalnav p {text-align: right;}
#globalnav1 p {text-align: right; padding-bottom: 30px;}



/*--------------------------------------------------------------------------*/


/* INSIDE PAGES CONTAINER AND SUMMARY -------------------------------------------------------------*/
#container1 {width: 1024px; height: 768px; position:absolute; left: -10px; top: 0px; background-image: url("images/background1.jpg"); background-repeat: no-repeat; background-color:#0f0300; }
#summary1 {width: 635px; position: absolute; left: 330px; top: 187px; padding: 0px 10px 0px 2px; }



/*    fonts------------------------------------------------------------------*/
a:link {color: #bd9557;text-decoration: underline;} 
a:visited {color:#61470a;text-decoration: underline;} 
a:hover {color: #61470a;text-decoration: none; font-weight:bold;}

h1 {font: 16pt Arial, Verdana, Times, serif; color:#bd9557; padding: 5px 20px 0px 15px;}
h1 span  {display:none;}
h2 {font: 11pt Arial, Verdana, Times, serif; color:#bd9557; font-weight: bold; font-variant: small-caps; text-align: left; padding: 0px 0px 0px 15px;}
h2 span {display:none;}
h3 {font: 10pt Arial, Verdana, Times, serif; color:#bd9557; font-weight: bold; margin: 5px;}
h3 span {display:none;}

p{font: 10pt Verdana, Arial, Times, serif; color:#bd9557;
text-align: left;
text-indent: 0px;
padding: 0px 20px 0px 15px;
margin: 0px;}

li {font: 10pt Verdana, Arial, Times, serif; color:#bd9557; text-align:left; list-style-type: square; line-height: 140%;}
li a:link {color: #c76538;text-decoration: underline;} 
li a:visited {color:#ffffff;text-decoration: none;} 
li a:hover {color: #ffffff;text-decoration: none;}

abbr, acronym {text-decoration: none;border-bottom: 1px dotted #dee5ee;cursor: help;}

/*--------------------------------------------------------------------------*/