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

body {
	background-image: url("images/pageback.jpg");
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	height: 100%;
	background-attachment: inherit;
	background-repeat: repeat-x;
		}
		
#framehold {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	border: #666 0px solid;
	background-color: ;
	background-image: url("");
	clear: none;
	background-repeat: repeat;
		}
		
		
#mainframe {
	width: 900px;
	padding: 0px 0px 0px 0px;
	border: #666 0px solid;
	background-image: url("images/home_back2.png");
	clear: none;
	background-repeat: repeat-y;
		}
		
#mainframe_home {
		width: 900px;
	padding: 0px 0px 0px 0px;
	border: #666 0px solid;
	background-image: url("images/home_back.png");
	clear: none;
	background-repeat: repeat-x;
		}
		
#header {
		width: 805px;
		height: 150px;
		margin-left: 50px;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
		background-color: #ccc;
		background-image: url("images/header_image.jpg");
		clear: both;
		}
		
#header_home {
		width: 790px;
		height: 400px;
		margin-left: 55px;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
		background-color: #ccc;
		background-image: url("images/home_image.jpg");
		clear: both;
		}
		
#middle_bar {
		width: 790px;
		height: 190px;
		margin-left: 55px;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
		background-color: #ccc;
		background-image: url("images/middlebar_back.jpg");
		clear: both;
		}
		
#lower_bar {
		width: 790px;
		height: 190px;
		margin-left: 55px;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
		background-color: #ccc;
		background-image: url("images/lower_bar.jpg");
		clear: all;
		}
		
		
		
#languages {
		width: 790px;
		height: 25px;
		margin-left: 55px;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
		clear: both;
		position:relative;
		}

		
#leftcolumn {
		width: 190px;
		height: inherit;
		margin-left: 50px;
		margin-top: 0px;
		float: left;
		padding: 0px 0px 0px 10px;
		background-color: #fff;
		background-image: url("");
		clear: both;
		text-align: center;
		}
		
#address_box {
		width: 170px;
		height: 90px;
		background-image: url("images/contact_back.jpg");
		margin-left: 0px;
		margin-top: 2px;
		float: left;
		padding: 0px 0px 0px 10px;
		background-color: #ccc;
		clear: inherit;
		}
		
#rightcolumn {
		width: 600px; 
		height: inherit;
		margin-left: 0px;
		margin-top: 0px;
		float: left;
		padding: 0px 0px 0px 0px;
		background-color: #fff;
		background-image: url("images/");
		position: relative;
		}
		
#bottombar {
	width: 790px;
	height: 300px;
	margin-right: 0px;
	margin-left: 55px;
	margin-top: 30px;
	padding: 0px 0px 0px 0px;
	background-color: ;
	background-image: url("images/bottom_back.png");
	clear: left;
		}
		
#box_left {
	width: 240px;
	background-color: ;
	height: 300px;
	float: left;
	margin-left: 10px;
	position:relative;
		}
		
#box_right {
	width: 240px;
	background-color: ;
	height: 300px;
	float: right;
	margin-right: 10px;
	position:relative;
	clear: none;
		}
		
#box_centre {
	width: 240px;
	margin-left: 270px;
	background-color: ;
	height: 300px;
	position:relative;
		}
		
		
		
/* menu ????????????????????????????????????????????????????????????????????????????????????? styles */	


		
#menu_pack2{
		width: 180px;
		height: inherit;
		margin-left: 0px;
		margin-top: 0px;
		float: inherit;
		clear: all;
		}
		
#menu_seperator{
		width: 180px;
		height: 180px;
		margin-left: 0px;
		margin-top: 0px;
		float: inherit;
		clear: all;
		background-image: url("images/menu_back.jpg");
		}
		
		
#menu a {
		display: block;
		margin-right: 0px;
		margin-top: 1px;
		width: 150px;
		height: 20px;
		font: 12px Arial, Helvetica, sans-serif;
		font-weight: normal;
		padding: 5px 0px 0px 30px;
		background: url("images/button2.gif");
		text-decoration: none;
		text-align: left;
		color: #fff;
		float:inherit;
		}
		
#menu a:hover {	
		background-position: -180px;
		margin-top: 1px;
		width: 150px;
		height: 20px;
		color: #333;
		float:inherit;
		}
		
#menu a:active {
		background-position: -180px;
		margin-top: 1px;
		width: 150px;
		height: 20px;
		color: #333;
		float:inherit;
		}
		
.inline A:link {
		color:#333;
    		font-weight: normal;
		text-decoration:none;
    		text-align: left;
    		background-color: none;
		margin-right: 10px;
		margin-top: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		}
		
.inline A:visited {
		color:#333;
    		font-weight: normal;
    		text-align: left;
		text-decoration:none;
    		background-color: none;
		margin-right: 10px;
		margin-top: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		}
		
.inline A:active {
		font-color: #333;
    		font-weight: normal;
    		text-align: left;
		text-decoration:none;
    		background-color: none;
		margin-right: 10px;
		margin-top: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		}
		
.inline A:hover {
		font-color: #333;
    		font-weight: normal;
    		text-align: left;
		text-decoration:none;
    		background-color: none;
		margin-right: 10px;
		margin-top: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		}
		
		
		
		
		
		
#navbar {
	background-image: url("../images/navback.gif");
	background-color: #CC3399;
	width: 790px;
	height: 27px;
	margin-top: 0px;
	margin-left: 55px;
	padding: 0px 0px 0px 0px;
	Clear: both;
	position: relative;
	text-align:center;
		}
		
#navbar ul { 
		margin-top: 2px;
		padding: 4px 0px 4px 0px;
		list-style-type: none;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: 0.08em;
		color: #ffffff;
		}
		
#navbar ul li { 
		margin-top: 2px;
		display: inline; 
		letter-spacing: 0.08em;
		}
		
#navbar ul li a { 
		text-decoration: none; 
		padding: 4px 0px 4px 0px;
		color: #ffffff;
		letter-spacing: 0.08em;
		}
		
#navbar ul li a:hover {
		color: #fff;
		background-color: #6ad5fe;
		}
		
		
/* menu ????????????????????????????????????????????????????????????????????????????????????? styles */
/* text ????????????????????????????????????????????????????????????????????????????????????? styles */

.contact_us { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		text-align: left;
		font-weight: normal;
		line-height: 16px;
		color: #fff;
		}
		
span.contact_us { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		text-align: left;
		font-weight: bold;
		line-height: 16px;
		color: #FFF
		}



.bottom_contact { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		text-align: center;
		padding: 0px 0px 0px 0px;
		font-weight: normal;
		line-height: 12px;
		color: #666;
		}
		
/* text ????????????????????????????????????????????????????????????????????????????????????? styles */
		
.bodytext { 
		margin-left:12px;
		margin-top:2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		text-align:left;
		padding: 20px 0px 0px 0px;
		font-weight: normal;
		line-height: 19px;
		color: #313131;
		}
		
.home { 
		margin-left:12px;
		margin-top:2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		text-align:left;
		padding: 75px 20px 0px 15px;
		font-weight: normal;
		line-height: 16px;
		color: #fff;
		}
		
		
span.head1 { 
		margin-left:0px;
		margin-top:0px;
		margin-bottom: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
		text-align:left;
		padding: 0px 0px;
		font-weight: bold;
		line-height: 19px;
		color: #6c217c;
		}

span.head2 { 
		margin-left:0px;
		margin-top:0px;
		margin-bottom: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:20px;
		text-align:left;
		padding: 0px 0px;
		font-weight: bold;
		line-height: 19px;
		color: #7dc0ef;
		}
		
span.link { 
		margin-left:12px;
		margin-top:2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		text-align:left;
		padding: 0px 0px 0px 0px;
		font-weight: normal;
		line-height: 16px;
		color: #fff;
		}
		
		
#bullet ul { 
		margin-left: 30px;
		margin-top: 3px;
		list-style-type: disc;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		text-align:left;
		padding: 0px 0px;
		font-weight: normal;
		line-height: 19px;
		color: #313131;
}

#bullet li {
		margin-bottom:7px;
		list-style-image: url("images/cube.gif");
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		text-align:left;
		padding: 0px 0px;
		font-weight: normal;
		line-height: 19px;
		color: #313131;
		}
		
		

#bullet2 ul { 
		margin-left: 30px;
		margin-top: 3px;
		list-style-type: disc;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		text-align:left;
		padding: 0px 0px;
		font-weight: normal;
		line-height: 19px;
		color: #313131;
}

#bullet2 li {
		margin-bottom:7px;
		list-style-image: url("images/adobe_page.jpg");
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		text-align:left;
		padding: 0px 0px;
		font-weight: normal;
		line-height: 19px;
		color: #313131;
		}


		
		
span.body_colour { 
		margin-left: 0px;
		margin-top: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		text-align:left;
		padding: 0px 0px;
		font-weight: normal;
		line-height: 19px;
		color: #7dc0ef;
		}
		
a:link {color: #c72ca2; text-decoration:none;}
a:visited {color:#CC0066; text-decoration:none;}
a:hover {color:#333; text-decoration:none;}
a:active {color:#333; text-decoration:none;}


.adobetext { 
		margin-left:0px;
		margin-right:10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:center;
		padding: 0px 0px 0px 0px;
		font-weight: normal;
		line-height: 13px;
		color: #999999;
		}
		
		
/* search ????????????????????????????????????????????????????????????????????????????????????? styles */
	
	.search {
			margin-top: 35px;
			width: 180px;
			height: 150;
			clear: none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:13px;
			text-align:left;
			font-weight: normal;
			color: #58595a;
			background-color:;
		}	
		
		
.search_area { 
 		font-size: 10px; 
 		background-color: #F5F0D8; 
 		border: 1px solid #4D420F; 
		width: 140px;
		align: left;
		margin-left: 12px;
		margin-top: 5px;
		border-collapse: collapse;
		}
		
.search_area2 { 
 		font-size: 10px; 
 		background-color: #fff; 
 		border: 1px solid #999; 
		width: 155px;
		align: left;
		margin-left: 0px;
		margin-top: 0px;
		border-collapse: collapse;
		}
		
.form_area { 
 		font-size: 10px; 
 		background-color: #9CD8EB; 
 		border: 1px solid #003366; 
		width: 250px;
		align: left;
		margin-left: 12px;
		margin-top: 5px;
		border-collapse: collapse;
		}
		
.form_button { 
 		font-size: 10px; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
 		background-color: #9CD8EB; 
 		border: 1px solid #003366; 
		width: 70px;
		margin-left: 12px;
		margin-top: 5px;
		border-collapse: collapse;
		}
		
.search_button { 
 		font-size: 10px; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
 		background-color: #F5F0D8; 
 		border: 1px solid #4D420F; 
		width: 70px;
		margin-left: 12px;
		margin-top: 5px;
		border-collapse: collapse;
		}
		
.search_button2 { 
 		font-size: 10px; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
 		background-color: #fff; 
 		border: 1px solid #999; 
		width: 70px;
		margin-left: 0px;
		margin-top: 5px;
		border-collapse: collapse;
		}