/*
		_____________________________________________________

			Project/Projek: GOandCHAT Internet Chat
		       Author/Outeur: Herman Lochner

		CSS Creation Date/Skepdatum: 1 October/Oktober 2005
		Last Update/Laaste Opdatering: 1 October/Oktober 2005
		_____________________________________________________



--------|
  START |
	    |························· GENERAL BODY ELEMENTS
*/

		body {
			font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
			font-size: 12px;
			background: #0B2839;
			background-image: url('images/mainbg.jpg');
			margin: 0;
			padding: 0;}

		#leftdiv {
			width:60px;
			margin:0;
			padding:0;
			float:left;}

		#leftdiv2 {
			width:60px;
			margin:0;
			padding:0;
			float:left;}

		#orangediv {
			margin:0;
			padding-top:15px;
			float:left;}

		#orangediv a {
			color: #F4B608;
			font-weight: bold;
			font-size: 16px;
			text-decoration: none;}

		#orangediv a:hover {
			color: #FFFFFF;
			font-weight: bold;
			font-size: 16px;
			text-decoration: none;}

		#pinkdiv {
			margin:0;
			padding-top:15px;
			float:left;}

		#pinkdiv a {
			color: #E65383;
			font-weight: bold;
			font-size: 16px;
			text-decoration: none;}

		#pinkdiv a:hover {
			color: #FFFFFF;
			font-weight: bold;
			font-size: 16px;
			text-decoration: none;}

		#javachat {
			margin:0;
			padding-left:20px;
			float:left;}




/*
	    |························· GENERAL BODY ELEMENTS
   END  |
--------|
  START |
	    |························· HEADER ELEMENTS
*/

		#header {
			width: 100%;
			height: 25px;
			position: relative; 
			background: #1C9A36;
			background-image: url('images/headerbg.jpg');
			padding: 0;
			margin:0;
			border-style: solid;
			border-width: 0 0 1px 0;
			border-color: #0E5C1F;}


/*
	    |························· HEADER ELEMENTS
   END  |
--------|
  START |
	    |························· HOME ELEMENTS
*/

	

/*
	    |························· HOME ELEMENTS
   END  |
--------|
  START |
	    |························· MAINBODY ELEMENTS
*/
		#topcontainer {
			width: 695px;
			height: 150px;
			position: relative;
			padding: 75px 0 0 65px;
			margin-left:0;}

		#maincontainer {
			width: 695px;
			position: relative;
			padding: 0;
			margin-left:65px;}

		#contentheader {
			width: 205px;
			position: relative;
			padding: 20px;
			margin:0;
			text-align:right;
			float:left;}

		#contentheader h1 {
			font-size:16px;
			font-weight:bold;
			color:#57C4C5;}

		#homemenu {
			width: 205px;
			position: relative;
			padding: 20px;
			margin:0;
			float:left;}

		#homemenu ul {
			padding:0;
			margin:0;}

		#homemenu li {
			list-style-type: none;
			list-style-position:outside;
			padding:3px;
			line-height:0.8em;}

		#homemenu a {
			color: #3ACE54;
			font-weight: bold;
			font-size: 13px;
			text-decoration: none;}

		#homemenu a:hover {
			color: #FFFFFF;
			font-weight: bold;
			font-size: 13px;
			text-decoration: none;}

		#homemenu a:active {
			color: #FFFFFF;
			font-weight: bold;
			font-size: 13px;
			text-decoration: none;}

		#homecontent {
			width: 410px;
			position: relative;
			font-size:11px;
			color:#C7EAEF;
			padding: 20px;
			margin:0;
			float:right;}

		#homecontent b {
			color:#FFFFFF;}

		#homecontent a {
			color: #FFFF40;
			font-weight: normal;
			font-size: 11px;
			text-decoration: underline;}

		#homecontent a:hover {
			color: #FFFFFF;
			font-weight: normal;
			font-size: 11px;
			text-decoration: none;}


/*
	    |························· GENERAL BODY ELEMENTS
   END  |
--------|
  START |
	    |························· FOOTER ELEMENT
*/

		#footer {
			width: 100%;
			height: 25px;
			position: relative; 
			background: #1D587D;
			background-image: url('images/footerbg.jpg');
			padding:0;
			margin:0;
			border-style: solid;
			border-width: 1px 0 1px 0;
			border-color: #000000;
			float:left;}

		#footerlinks {
			width: 600px;
			position: relative;
			color:#94D3E8;
			padding-top:5px;
			margin-left:85px;}

		#footerlinks a {
			color: #FFFF40;
			font-size: 11px;
			text-decoration: none;}

		#footerlinks a:hover {
			color: #FFFFFF;
			font-size: 11px;
			text-decoration: none;}

		#footerlinks ul {
			margin:0;
			padding:0;}

		#footerlinks li {
			display:inline;}

		#bottomfooter {
			width: 760px;
			position: relative;
			padding-top:0;
			padding-bottom:10px;
			margin:0;}

		#bottomfooterleft {
			width:310px;
			margin:0;
			padding-left:90px;
			padding-top: 10px;
			float:left;}

		#bottomfooterright {
			font-size:10px;
			color:#A8BEDE;
			width:360px;
			margin:0;
			padding-top: 10px;
			float:left;
			text-align:right;}


/*
	    |························· FOOTER ELEMENT
   END  |
--------|
*/

		#goandchat {
			width: 425px;
			height: 75px;
			position: absolute;
			top:0px;
			left:55px;
			background: #0B2839;
			background-image: url('images/mainbg.jpg');
			padding: 0;
			margin:0;}

		#topmiddle {
			width: 425px;
			height: 75px;
			position: absolute;
			top:110px;
			left:265px;
			padding: 0;
			margin:0;}

		#supercool {
			width: 250px;
			height: 30px;
			position: absolute;
			font-size:11px;
			color:#000000;
			text-align:right;
			top:5px;
			left:500px;
			padding:0;
			margin:0;}

		#intro {
			display:none;
			visibility:hidden;}

		#rightad {
			position:absolute;
			top:28px;
			left:760px;}