@charset "UTF-8";
/* --- CSS Document by Codify Design Studio - codifydesign.com --- */

body {
	margin: 80px;
	color: #777777;
	font-size: 12px;
	font-family: Arial;
	font-family: Arial, Verdana, Univers;
	background-color: #cfcfcf;
}

h1 {
	color: #19385a;
	font-size: 24px;
	font-weight: normal;
	margin: 3px 0px 25px 0px;
	text-align: center;
}
h2 {
	color: #214265;
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	text-align: center;
}
h3 {
	color: #244669;
	margin-top: 12px;
	margin-bottom: 0px;
}
p {
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 12px;
	margin-left: 0px;
	text-align: left;
}
a          {
	color: #36C;
}
a:visited  { color: black; }
a:hover    {
	color: #436D9C;
}

.container {
	width: 1000.px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.image {
	background-image: url(images/EKG%20NEW.gif);
	background-repeat: no-repeat;
	padding: 30px;
	color: #436D9C;
	font-size: 24px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	background-position: center;
	font-weight: bold;
} 



/* BANNER AREA */
.bannerArea {
	width: 100%;
	height: 115px;
	background-color: #436d9c;
	background-repeat: no-repeat;
	background-position: 100px;
	
}

.bannerArea .container {
	height:83px;
	background-repeat: no-repeat;
}

.bannernav {
	padding-top: 20px;
	float: right;
	color: #112c4c;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.bannernav a { color: #ffffff; text-decoration: none; }
.bannernav a:visited { color: #ffffff; }
.bannernav a:hover { color: #112c4c; text-decoration: none; }

.toplogo {
	padding-left: 30px;
	padding-top: 5px;
	height: 30px;
}




/* TOP NAVIGATION AREA */
.topnavigationArea {
	width: 100%;
	background-repeat:repeat-x;
	background-color: #436d9c;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-bottom-color: #FFF;
}

.topnavigationgroup {
	margin: 0px;
	float: right;
	p/adding-right: 40px;
}
.topnavigationgroup ul {
	margin: 0px;
}

.topnavigationitem {
	max-width: 167px;
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 9px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: none;
	border-right-width: 1px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	float: left;
}

/* CONTENT AREA */
.contentArea {
	width: 100%;
	background-color: #f0eff0;
	background-repeat: no-repeat;
	
}


.contentArea .container {
	padding-top: none;
	padding-bottom: none;
	background-repeat: no-repeat;
}

.contentleft {
	width: 60%;
	padding-left: 75px;
	padding-right: 40px;
	float: right;
	margin-top: 25px;
	border-left-color: #193875;
	border-left-style: solid;
	border-left-width: 1px;
}

.contentr {
	float: left;
	padding-left: 30px;
	width: 25%;
	margin-top: 25px;
	vertical-align: top;
	bottom: auto;
	margin-bottom: 1px;
}

.contentright {
	padding-top: none;
	float: left;
	padding-left: 30px;
	width: 300px;
	background-color: #436d9c;
	margin-top: none;
	vertical-align: top;
	bottom: inherit;
	margin-bottom: 1px;
}



.imageright {
	
	margin-left: 5px;
	
	float: right;
	
}


/* FOOTER AREA */
.footerArea {
	width: 100%;
	background-color: #cfcfcf;

	border-top-style: solid;
	border-top-color: #3f6997;
	border-top-width: 4px;
	
}

.footerArea .container {
	height: 77px;
}

.copyright {
	padding-left: 40px;
	padding-top: 12px;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.bannerArea .container div blockquote .container em {
	color: #FFF;
	font-size: xx-large;
	font-style: italic;
}


<html>
<head>
<style type="text/css">
div.background
  {
  width:500px;
  height:250px;
  background:url(klematis.jpg) repeat;
  border:2px solid black;
  }
div.transbox
  {
  width:400px;
  height:180px;
  margin:30px 50px;
  background-color:#ffffff;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }
</style>
</head>

<body>

<div class="background">
<div class="transbox">
<p>This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
</p>
</div>
</div>

</body>
</html>
