@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	text-align:center;
	margin: 0px;
	padding: 0px;
}

#wrapper {
	width: 960px;
	margin:auto;
	position:relative;
	text-align:left;
	overflow:visible;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

/*
Internet Explorer: Width & Height include the border and padding etc. For example, 600px width includes 50px padding- it doesn't add it on.

Other Browsers: The Width & Height do not include b & p, it is added on to it. So 600px width will become 700px width with 50px padding on each side.

So, below, the html>body tag is the details for all other browsers- IE will ignore this and read what is in the regular tag. Get it?
 */


#main {
	background-image: url(images/text_bar.jpg);
	background-repeat: repeat-y;
	float: right;
	width: 730px;
	border: 1px solid #0B999B;
	background-color: #FFFFFF;
	margin-top: 10px;
	padding-left: 247px;
	padding-right: 22px;
	padding-top: 23px;
	position: relative;
}

html>body #main {
	width: 461px;
	}


.regtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
}
.bold {
	font-weight: bolder;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #127C96;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #127C96;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #CD8B06;
}

#contactus {
	position: relative;
	float: right;
	border: 1px solid #4CB1DD;
	z-index: 4;
	background-color: #FFFFFF;
	width: 730px;
	background-image: url(images/text_bar2.jpg);
	background-repeat: repeat-y;
	margin-top: 10px;
	padding-left: 247px;
	padding-right: 22px;
	padding-top: 23px;
	margin-bottom: 25px;
}

html>body #contactus {
	width: 461px;
	}

#header {
	position: relative;
	left: 0px;
	top: 0px;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
}#main_img {
	float: left;
	padding-left: 250px;
	position: absolute;
	padding-top: 30px;
	z-index: 1;
}


/*
Internet Explorer: Width & Height include the border and padding etc. For example, 600px width includes 50px padding- it doesn't add it on.

Other Browsers: The Width & Height do not include b & p, it is added on to it. So 600px width will become 700px width with 50px padding on each side.

So, below, the html>body tag is the details for all other browsers- IE will ignore this and read what is in the regular tag. Get it?
 */




/* #main {
	float: right;
	width: 660px;
	margin-right: 30px;
	background-color: #FFFFFF;
	z-index: 2;
	position: relative;
	margin-top: 25px;
	border: 1px solid #BBBFC0;
	padding: 20px;
}

html>body #main {
	width: 618px;
	}  */
	
	
	#linkbox {
	position: relative;
	float: left;
	background-image: url(images/linkbox.jpg);
	height: 191px;
	width: 190px;
	overflow: visible;
	text-align: right;
	margin-top: -10px;
	margin-left: 15px;
	padding-right: 12px;
	padding-top: 17px;
	z-index: 2;
}
.inlinehead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-style: italic;
	font-weight: bold;
	color: #E49929;
}


	#linkbox2 {
	position: relative;
	float: left;
	height: 97px;
	width: 202px;
	overflow: visible;
	text-align: right;
	margin-top: 25px;
	margin-left: 15px;
	z-index: 2;
	background-color: #FFFFFF;
	border: 1px solid #47AFD6;
}
.screens {
	overflow: hidden;
	height: 314px;
	width: 213px;
}

.b:link {
	text-decoration: none;
	color: #127C96;
}

.b:visited {
	text-decoration: none;
	color: #127C96;
}

.b:hover {
	text-decoration: none;
	color: #CD8B06;
}