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

/* colors

*/

/* basic elements */

body {background-color:#ffffff; text-align: center;}

/*    main content---------------------------------------------------------*/
#container {width: 975px;}

/*    fonts------------------------------------------------------------------*/
#summary a:link {color: #4e5d65; text-decoration: underline;} 
#summary a:visited {color:#ffffff;text-decoration: underline;background: none;} 
#summary a:hover {color: #022235; text-decoration: none; font-weight:bold;}
#summary a:active {background: none; color: #ffffff; text-decoration: none;font-weight:bold;}

#summary li {font: 11pt Arial, Verdana, Times, serif; text-align:left; color:#4e5d65; }

h1 {font: 12.5pt Arial, Verdana, Times, serif; color:#ffffff; }
h1 span  {display:none;}
h2 {font: 12pt Arial, Verdana, Times, serif; color:#276189; font-weight: bold; margin: 5px; text-align: left; font-variant: small-caps; padding: 0px 0px 2px 10px;}
h2 span {display:none;}
h3 {font: 10pt Arial, Verdana, Times, serif; color:#276189; font-weight: bold; margin: 5px;text-align: left; padding: 15px 0px 0px 10px;}
h3 span {display:none;}

p{font: 11pt Arial, Verdana, Times, serif; color:#4e5d65;
text-align: left;
text-indent: 0px;
padding: 5px 10px 2px 15px;
margin-bottom: 0px;}

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

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

/*--  LHS COLUMN ------------------------------------------*/
#lhs {width: 250px; height: 522px; border: 1px solid #7cd2e6; position:absolute; left:40px;}

#header {width: 240px; }

#globalnav li {font: 11pt Arial, Verdana, Times, serif; width: 150px; text-align: right;list-style-type:none;color:#608faa; }

#globalnav a {display: block; padding: 4px;}

#globalnav {width: 240px; z-index:1; position:relative; left: 30px; top:20px;}
#globalnav p {text-align: right;}
#globalnav a:link {color: #608faa;text-decoration: none;} 
#globalnav a:visited {color: #608faa;text-decoration: none;} 
#globalnav a:hover {color: #608faa;background: none; text-decoration: none; font-weight:bold;}
#globalnav a:active {background: none; color: #ffffff; text-decoration: none;font-weight:bold;}

#address {width: 240px; position:relative; top:35px;}
#address p {font: 8pt Arial, Verdana, Times, serif; color:#022235;text-align: center; font-weight: bold; line-height: 95%;}


/*--------------------------------------------------------------------------*/
#imgcolumn {width:210px; position:absolute; left:295px;height: 522px;}


/* SUMMARIES -------------------------------------------------------------*/
#summary {background-color:#8da7c8; width: 450px; height: 522px; border: 1px solid #7cd2e6; position:absolute; left:508px;overflow: auto;}

#intro {background-color:#0f0300; width: 425px; height: 510px; border: 1px solid #d88e51; position:relative; top:2px; }

#webstandards {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:30px;}

#product {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:60px;}

#contact {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:90px; }

#oasis {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:120px; }

#footer {width: 975px; position:relative; top:550px; left:10px;}
#footer p{text-align: center; font: 7.5pt Arial, Verdana, Times, serif;}

