body, h1, h2, h3, h4, p, ul, li {
}




body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	background-image: url(Images/173952447-O.jpg);
	background-repeat: repeat;	
	
}

#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border: medium ridge #000000;
	
}
#header {
	
	background-repeat: no-repeat;
	
}




#news {
	float: right;
	height: 450px;
	width:125px;
	overflow: auto;
	padding: 6px;
	
}

#content {
	float: left;
	width:600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding-left: 30px;	
	
}
#content2 {
	float: left;
	height: 325px;
	width:500px;
	position: relative;
	
}

#content3 {
	float: left;
	width:655px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: center;
	overflow: auto;
	height: 400px;
	padding-top: 15px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;	
}

#content4 {
	float: left;
	width:655px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: left	;
	overflow: auto;
	height: 400px;
	padding-top: 15px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 50px;	
}


#footer {
	left: auto;
	right: auto;
	text-align: center;
	color: #000000;
}


.clearfloat {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
}

/* STYLE THE NAVIGATION DIV ---------------------------------*/
/* --------------------------------------------------------- */

#nav {
	list-style:none;
	margin:1px;
	padding:0;
	width:800px;
	height: 20px;
}

#nav ul {
  list-style-type: none; /* Removes default list bullets. */
  font-size: 100%;  /* Sets the font size to 100% of the user's browser preference, */
  text-align: centre; /* Centers items in nav list. */
}
#nav li {
  display: inline; /* Changes list items from block to inline elements so that links flow side by side. */
}

#nav li a:link, #nav li a:visited {
text-decoration:none;
padding:5px 0;
width:100px;
color:#000000;
text-align:center;
border-left:1px solid #fff;
float:left;
}
#nav li a:hover, #nav li a:active, #nav li a:focus {
  color: #CCCCCC; /* Changes text color of links to blue on hover, activation, and focus. */
}


#footer a:link {	color: #000000;
	text-decoration: none;}
#footer	a:hover {color: #FF0000;}

#footer ul {
	list-style-type: none; /* Removes default list bullets. */
	
	
}

#imap {
	display:block;
	width:500px;
	height:305px;
	position:absolute;
	background-image: url(Images/breaking_poynt.jpg);
	background-repeat: no-repeat;
	left: 50px;
	top: 0px;
  }
  
  /* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
	display:block;
	width:500px;
	height:0;
	padding-top:305px;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
	cursor:default;
	background-color: transparent;
	background-image: url(Images/breaking_poynt.jpg);
	background-repeat: no-repeat;
	background-position: 400px 400px;
  }
  
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:240px;
  he\ight:0;
  }
  
/* the <dt><a> hover style to move the background image to position 0 0 */
#imap a#title:hover {
  background-position: 0 0; 
  z-index:10;
  }
  
  /* place the <dd>s in the correct absolute position */
#imap dd {
	position:absolute;
	padding:0;
	margin:0;
	width: 89px;
	height: 20px;
  }
#imap #picp {
  left:47px; 
  top:7px; 
  z-index:20;
  }
#imap #picr {
  left:143px; 
  top:29px; 
  z-index:20;
  }
#imap #picj {
  left:239px; 
  top:32px; 
  z-index:20;
  }
#imap #picg {
  left:341px; 
  top:44px; 
  z-index:20;
  }

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#ian, #imap a#col, #imap a#neil, #imap a#simon {
  display:block; 
  width:85px; 
  height:100px; 
  background:transparent url(../images/hover.gif) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
  display:none;
  }

/* move the link background image to position 0 0 when hovered */
#imap a#ian:hover, #imap a#col:hover, #imap a#neil:hover, #imap a#simon:hover {
  background-position:0 0;
  }

/* define the common styling for the span text */
#imap a:hover span {
  position:absolute;  
  width:388px; 
  display:block; 
  font-family:arial; 
  font-size:12px; 
  background:#fff; 
  color:#000; 
  border:1px solid #000; 
  padding:5px;
  }
/* the hack for IE pre IE6 */
* html #imap a:hover span {
  width:400px; w\idth:388px;
  }

/* move the span text to a common position at the bottom of the image map */
#imap a#ian:hover span {
  left:-36px; 
  top:200px;
  }
#imap a#col:hover span {
  left:-113px; top:200px;
  }
#imap a#neil:hover span {
  left:-193px; 
  top:200px;
  }
#imap a#simon:hover span {
  left:-263px; 
  top:200px;
  }

/* add the style for the link span text - first line */
#imap a span:first-line {
  font-weight:bold; 
  font-style:italic;
  }

#imap2 {
	display:block;
	width:500px;
	height:325px;
	position:absolute;
	background-image: url(Images/breaking_poynt.jpg);
	background-repeat: no-repeat;
	left: 50px;
	top: 0px;
  }
  
  /* set up the definition list <dt><a> to hold the background image for the hover state */
#imap2 a#title {
	display:block;
	width:500px;
	height:0;
	padding-top:325px;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
	cursor:default;
	background-color: transparent;
	background-image: url(Images/breaking_poynt.jpg);
	background-repeat: no-repeat;
	background-position: 400px 400px;
  }
  
/* the hack for IE pre IE6 */
* html #imap2 a#title {
  height:240px;
  he\ight:0;
  }
  
/* the <dt><a> hover style to move the background image to position 0 0 */
#imap2 a#title:hover {
  background-position: 0 0; 
  z-index:10;
  }
  
  /* place the <dd>s in the correct absolute position */
#imap2 dd {
	position:absolute;
	padding:0;
	margin:0;
	width: 72px;
	height: 83px;
  }
#imap2 #picp {
  left:69px; 
  top:89px; 
  z-index:20;
  }
#imap2 #picr {
  left:174px; 
  top:87px; 
  z-index:20;
  }
#imap2 #picj {
  left:284px; 
  top:87px; 
  z-index:20;
  }
#imap2 #picg {
  left:393px; 
  top:88px; 
  z-index:20;
  }

/* style the <dd><a> links physical size and the background image for the hover */
#imap2 a#ian, #imap2 a#col, #imap2 a#neil, #imap2 a#simon {
  display:block; 
  width:85px; 
  height:95px; 
  background:transparent url(../images/hover.gif) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }

/* style the span text so that it is not initially displayed */
#imap2 a span, #imap2 a:visited span {
  display:none;
  }

/* move the link background image to position 0 0 when hovered */
#imap2 a#ian:hover, #imap2 a#col:hover, #imap2 a#neil:hover, #imap2 a#simon:hover {
  background-position:0 0;
  }

/* define the common styling for the span text */
#imap2 a:hover span {
  position:absolute;  
  width:388px; 
  display:block; 
  font-family:arial; 
  font-size:12px; 
  background:#fff; 
  color:#000; 
  border:1px solid #000; 
  padding:5px;
  }
/* the hack for IE pre IE6 */
* html #imap2 a:hover span {
  width:400px; w\idth:388px;
  }

/* move the span text to a common position at the bottom of the image map */
#imap2 a#ian:hover span {
  left:-36px; 
  top:100px;
  }
#imap2 a#col:hover span {
  left:-113px; top:100px;
  }
#imap2 a#neil:hover span {
  left:-193px; 
  top:100px;
  }
#imap2 a#simon:hover span {
  left:-263px; 
  top:100px;
  }

/* add the style for the link span text - first line */
#imap2 a span:first-line {
  font-weight:bold; 
  font-style:italic;
  }
  
  #contact-area {
	width: 600px;
	margin-top: 25px;
	font-size: 9px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

#page-wrap {
	float: right;
	width:220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-align: center;
	overflow: auto;
	height: 400px;
	padding: 20px 50px 20px 50px;
	position: absolute;
	right: 200px;
}