* {
margin:0;
padding:0;
}

html {
background:#fff url("images/page/html.png") repeat-x left top;
margin:0;
padding:0;
}

body {
background:url("images/page/body.png") repeat-y left top;
width:1000px;
position:relative;
font-family:sans-serif;
font-size:10px;
color:#336;
margin:0 auto 30px;
}

.page {
background:url("images/page/page.jpg") no-repeat left top;
width:760px;
padding:28px 125px 0 115px;
}

h1 {
font-size:1em;
color:#999;
margin-top:-10px;
padding:0 0 0 7px;
}

h2 {
font-size:1.3em;
color:#0A50A1;
padding:10px 0;
}

h3 {
font-size:1.1em;
color:#0a50a1;
padding-bottom:7px;
}

h4 {
	font-size: 1.0em;
	font-weight: bold;
	color: #0a50a1;
	background-color: #E2E2E2;
}

.header {
position:relative;
width:755px;
}

.topmenu {
background:url("images/page/topmenu.png") no-repeat left top;
height:27px;
padding-top:1px;
padding-right:28px;
}

.topmenu li {
display:inline;
}

.topmenu li a {
background:#8BD3E5 no-repeat left top;
height:22px;
float:right;
text-align:center;
color:#336;
text-decoration:none;
font-size:1.2em;
font-weight:700;
overflow:hidden;
border-right:2px solid #fff;
padding:5px 5px 0;
}

.topmenu li a:hover {
background:#0A50A1 no-repeat 0 -28px;
color:#fff;
}

.main {
width:700px;
height: 595px;
border:solid 1px #A7D1D6;
margin:0 auto;
overflow-x: hidden;
overflow-y: scroll;
}

.maingallery {
width:690px;
height: 650px;
border:solid 1px #A7D1D6;
margin:0 auto;
padding-left:10px;
overflow-x: hidden;
overflow-y: scroll;
}

.active {
background:#0A50A1 no-repeat 0 -30px;
width:100px;
height:22px;
float:right;
text-align:center;
color:#fff;
text-decoration:none;
font-size:1.2em;
font-weight:700;
overflow:hidden;
border-right:2px solid #fff;
padding:5px 5px 0;
}

.imagebox .left {
float:left;
margin-right:20px;
color:#666;
font-size:1em;
width: 250px;
}

.imagebox .left img {
border:solid 1px #ccc;
padding:5px;
}

.imagebox .message img {
border:none;
float:left;
}

.imagebox .thumbs {
float:left;
margin-right:10px;
color:#999;
width: 125px;
}

.imagebox .thumbs img {
border:solid 1px #ccc;
width:112px;
height:140px;
padding:5px;
}

.imagebox .right {
width:390px;
float:left;
padding-bottom:5px;
}

.contact {
text-align:left;
padding-top:10px;
padding-bottom:5px;
font-size:1.0em;
color:#336;
font-weight: bold;
width: 260px;
overflow: hidden;
}

.contact p {
padding-bottom: 10px;
}

.contact a:hover,.contentbox a:hover {
background-color:#a7d1d6;
color:#336;
text-decoration:none;
}

.message {
border:solid 1px #ccc;
font-size:1.1em;
height:auto;
width:250px;
margin-top:5px;
padding:5px;
}

.contentbox {
padding-right:15px;
color:#336;
font-size:1.2em;
}

.contentbox p {
padding-bottom:7px;
}

.menu {
	color: #336;
}

.menucontent {
	width: 520px;
	float: right;
	padding-right: 6px;
	font-size:1.2em;
}

.imagebox .thumbs a:link,.imagebox .thumbs a:visited {
	background-color: #a7d1d6;
	text-decoration: none;
	color: #336;
}

.menucontent a:link,.menucontent a:visited {
	color: #f60;
	text-decoration: none;
	font-weight: bold;
}

.menucontent a:hover,.imagebox .thumbs a:hover,.plan a:hover {
background-color:#a7d1d6;
color:#336;
text-decoration:none;
}

.menucontent .navigation a {
	font-size: 0.8em;
		text-decoration: underline;
		color: #336;
}

.menucontent p {
padding-bottom: 7px;
}

.footer1 {
color:#336;
text-align:center;
font-size:1.1em;
font-weight: bold;
padding:7px 27px 0;
}

.footer1 a:link,.footer1 a:visited {
color: #0A50A1;
text-decoration:none;
font-weight: bold;
}

.footer1 a:hover {
color: #336;
text-decoration: underline;
}


.footer2 {
height:1px;
padding-top:5px;
padding-bottom:5px;
background:url("images/page/footer.png") no-repeat left top;
margin-left:105px;
}

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

a {
outline:none;
}

/* show hide code */

.contact a:link,.contact a:visited,.menu a:link,.menu a:visited {
color:#336;
text-decoration:none;
}

.iconspan {
float:right;
cursor:pointer;
font-weight:700;
margin:3px;
}

.iconspannew {
float: left;
cursor:pointer;
font-weight: bold;
margin-top:0;
}

.eg-bar {
background-color:#F2F2F2;
font-weight:700;
font-size:0.8em;
}

.eg-bar2 {
background-color:#fff;
font-weight:700;
font-size:0.8em;
}

div.eg-bar {
width:500px;
}

.icongroup2 {
width:320px;
color:#0A50A1;
font-size: 0.8em;
}

.icongroup3 {
color: #336;
}

.contentbox a:link,.contentbox a:visited {
color: #FF6600;
font-weight: bold;
text-decoration: none;
}

.contactform {
width: 390px;
float: right;
color:#0A50A1;
font-size: 1.1em;
}

.contactform td {
color: #336;
padding: 3px 0;
}

.aboutus {
color: #336;
font-size: 1.1em;
width: 242px;
text-align:justify;
padding-left: 5px;
}

.aboutus p {
padding-bottom: 5px;
}

.message a:link,.message a:visited,.aboutus a:link,.aboutus a:visited,.plan a:link,.plan a:visited,.links a:link,.links a:visited {
color:#f60;
text-decoration:none;
font-weight:bold;
background-color:#fff;
}

.message a:hover,.aboutus a:hover,.plan a:hover,.links a:hover {
color: #336;
background-color:#a7d1d6;
}

.plan {
	width: 660px;
	float: left;
	padding-right: 23px;
	font-size:1.1em;
	padding-left: 5px;
}

.plan .navigation a {
	font-size: 0.8em;
		text-decoration: underline;
		color:#336;
}

.plan p {
padding-bottom: 7px;
}

.plan dt {
font-weight: bold;
padding-bottom: 3px;
}

.plan dd {
padding-left: 20px;
padding-bottom: 7px;
}

.links {
border:solid 1px #ccc;
font-size:1.1em;
height:auto;
width:250px;
margin-top:10px;
padding:5px;
}

.new {
height: 25px;
width: 100px;
padding-top: 4px;
}

.new2 {
text-align: right;
margin-left:115px;
}
.new2 img {
margin-left: 45px;
margin-top: -29px;
}