﻿body,
html {
	margin:0;
	padding:0;
	color:#000;
	background:grey;
	font-family: Arial;
}
#wrap {
	width:925px;
	margin:0 auto;
	background:#f7dd42;
	text-align: left; /* counter the body center */
	border: 2px solid #000;
}

#header {
  padding:15px 10px;
	background:#f7dd42;
	height: 100px;
}
h1 {
    margin:0;
  }
#converge_logo {
	margin: 10px 0 0 0px;
	border-width: 0px;
}  
#nav {
	padding:0px;
	height: 34px;
	background:transparent url(bar2.png) no-repeat;
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#nav li {
	display:inline;
	margin:0;
	padding:20px;
}
#nav ul li a {
	vertical-align:middle;
	font-size:1.4em;
}
#main {
	float:left;
	width:905px;
	padding: 0px 10px 10px 10px;
	background:#f7dd42;
}
h2 {
	margin:0 0 1em;
}
#footer {
	margin: 0 auto;
	width:895px;
	clear:both;
	height: 220px;
	padding:5px 10px;
	background:#f7dd42;
}
#footer p {
	margin:0;
  }
* html #footer {
	height:1px;
}

img {
	border:medium none;
}
a {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
a:visited {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
a.class1 {
    color: rgb(0, 0, 0);
    text-decoration: none;
}
a.class1:visited {
    text-decoration: none;
}
a.class1:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
a.class2 {
    color: rgb(66, 66, 66);
}
a.class2:visited {
    color: rgb(66, 66, 66);
}
a.class2:hover {
    color: rgb(0, 0, 0);
    text-decoration: underline;
}
a:hover {
    color: rgb(169, 169, 169);
    text-decoration: none;
}

#pd {
	position:relative;
	float:right;
	top: -33px;
	right:60px;
	opacity:1;
	width:194px;
	height:2px;
	z-index:1;
}


.image {
	position:relative;
	float:left; /* optional */
	text-align:right;
	padding:4px;
}
.image .text {
	font-family:Arial;
	color: white;
	position:absolute;
	right:10px; /* in conjunction with left property, decides the text position */
	bottom:10px;
	width:298px; /* optional, though better have one */
}

.image1 {
	position:relative;
	float:left; /* optional */
	text-align:right;
	padding:4px;
}
.image1 .text {
	font-family:Arial;
	color: white;
	position:absolute;
	right:10px; /* in conjunction with left property, decides the text position */
	bottom:10px;
	width:298px; /* optional, though better have one */
}
.image1 .text p {
	font-size: 1.5em;
}