/* Moonburst - www.moonburst.com */
/* ---- Resets ------------------------------------*/
* {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
}
/* ---- Window shift ------------*/
html
{ 
	height: 101%;
}

body{
	color:#555;
	font-size: 62.5%;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #000075;
	background-image: url(../images/moonbursthead_back.jpg);
	background-repeat: repeat-y;
	background-position: center 0;
}
table, td, tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	padding: 4px;
	vertical-align: top;
}
td {
	width: 25%;
	font-size: 0.9em;
	font-family: Verdana, Geneva, sans-serif;
}
/* --------------- wrap ----------------------------------*/
#page-wrap {
	background-image: url(../images/moonbursthead_back.jpg);
	background-repeat: repeat-y;
	background-position: center 0;
	width: 980px;
	margin: 0px auto 0;
}
/* ---------------  ----------------------------------*/
/*skips*/
#skip {
		position:absolute;
		left:-10000px;
		top:0;
	}
/*end skips*/
/* ---------------tiny header ----------------------------------*/
#tiny_header {
	color: #6176B3;
	font-size: .9em;
	text-align:  right;
	letter-spacing: 0.2em;
	width: 920px;
	padding-top: 6px;
	margin-right: auto;
	margin-left: auto;
}
#tiny_header a {
	color: #6176B3;
	text-decoration: none;
}
#tiny_header a:hover {
	color:      #ccc;
	text-decoration: underline;
}
#header {
	background-image: url(../images/moonbursthead_web.jpg);
	text-align: center;
	width:  940px;
	height: 230px;
	margin: 0 auto;
}
/* ---------------  ----------------------------------*/
#content {
	margin:           auto;
	width:            880px;
}

#pageheader {
	font-size: 120%;
	text-align: left;
	clear: both;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
#pageheader h1 {
	color: #009;
}

#footerspace {
	color:             #f49900;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	background-color: white;
	text-align:        right;
	letter-spacing: 0.1em;
	clear: both;
	padding-top: 16px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #03C;
}
#bannerspace {
	color: #f49900;
	float: left;
	clear: both;
	font-size: 0.9em;
	width: 170px;
	margin-left: 8px;
	line-height: 1.3em;
}
#bannerspace2 {
	float: left;
	clear: both;
	width: 160px;
	margin-left: 14px;
	margin-top: 20px;
}


/*------------------------------------------*/
#left {
	font-size: 1.2em;
	line-height: 160%;
	text-align: left;
	width:      200px;
	height:     auto;
	float: left;
	padding-right: 20px;
	padding-top: 6px;
	padding-left: 10px;
}
#left img {
	padding: 2px;
	margin-bottom: 4px;
}
/*------------------------------------------*/
#right  {
	font-size: 1.2em;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 160%;
	text-align: left;
	width:      620px;
	float: left;
	padding-top: 6px;
	}
#right p, #hold_content p, #portfolio p {
	margin-top: 0px;
	margin-bottom: 12px;
}

/*--------------*/

#hold_right {
	line-height: 160%;
	width: 630px;
	float: left;
	margin-left: 150px;
	padding-bottom: 10px;
	font-size: 1.2em;
}
#portfolio  {
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	text-align: left;
	width:      760px;
	float: left;
	padding-top: 6px;
	margin-left: 64px;
	}
#portfolio img {
	border: 1px solid #CCC;
	padding: 3px;
	margin-bottom: 3px;
	margin-top: 6px;
}
#portfolio img:hover {
	border: 2px solid #F90;
	padding: 2px;
}
#right p, #single_content p, #hold_content p {
	margin-top: 0px;
	margin-bottom: 12px;
}
/*---------------------------------*/
#form_box {
	width:    45%;
	height:   auto;
	float: right;
	margin-top: 0;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px dotted #E47438;
}
.field {
	color: #666;
	background-color: #f6faff;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 3px;
	border: solid 1px #c1c8ff; }
.field:hover {
	color:            #666;
	background-color: #f6faff;
	border:           solid 1px #ffa40b; }
.button {
	color:            #666;
	background-color: #F6FAFF;
	margin-top:       2px;
	margin-bottom:    2px;
	padding:          5px;
	border:           solid 1px #eae5d6;
}
.button:hover {
	color:            #fff;
	background-color: #D1D2E6;
	border:           solid 1px #b2a382;
	cursor: pointer;
}
/*----------------------------------------*/

#cpyftr {
	color: #CCC;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	text-align: right;
	letter-spacing: 0.2em;
	width:      880px;
	clear: both;
	margin: 10px auto auto;
	padding-bottom: 10px;
}
/*----------------------------------------*/
#note_box {
	color: #626a97;
	font-size: 110%;
	font-family: Verdana, Arial, Geneva, sans-serif;
	line-height: 16px;
	background-color: #f5f7fd;
	width: 405px;
	float: left;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #b9cef0 #a2b7d9 #a2b7da #b9cef0  }
/*----------------------------------------*/	
.img-box {
	width:            222px;
	float:            right;
	margin-bottom: 12px;
	margin-left: 20px;
}
.img-box img {
	margin-bottom: 6px;
	margin-left: 6px;
	border: 2px solid #FFF;
}
.img-box img:hover {
	margin-bottom: 6px;
	margin-left: 6px;
	border-color: #F90;
}
/*----------------- nav -----------------------*/	
#top_nav_box  {
	text-decoration: none;
	width: auto;
	font-size: 1.1em;
	z-index: 3;
	top: 174px;
	position: relative;
	text-align: center;
}
#top_nav_box li
{
	display: inline;
	list-style: none;
}
#top_nav_box li a
{
	display: inline;
	list-style: none;
	text-decoration: none;
	color: #FFF;
	padding: 7px 24px;
}
#top_nav_box li a:hover {
	color: #FC3;
	background: #009;
}
#base_nav_box {
	color: #0009b4;
	font-size: 0.9em;
	text-align: right;
	width:      880px;
	clear: both;
	margin: 5px auto auto;
	padding-top: 3px;
	/* [disabled]padding-right: 2px; */
}
#base_nav_box a {
	color: #0009b4;
	font-size: 90%;
	text-decoration: none;
	letter-spacing: 0.1em;
}
#base_nav_box a:hover {
	color: #f49900; }
/*----------------------------------------*/
h1 {
	color: #009;
	font-size:   1.3em;
	font-weight: bold;
	background-color: transparent;
	letter-spacing: 0.1em;
	padding-top: 6px;
	padding-bottom: 6px;
}
h2 {
	color: #f49900;
	font-size:   110%;
	font-weight: bold;
	background-color: transparent;
	letter-spacing: 0.1em;
	padding-top: 5px;
	padding-bottom: 6px;
	line-height: 140%;
}
h3 {
	color: #33C;
	font-size:    1.1em;
	font-weight:  bold;
	letter-spacing: 0.1em;
}

/*link syles*/
a {
	color: #33C;
	background-color: transparent;
}
a:hover {
	color:      #f60;
	background-color: transparent; }
.colour_txt {
	color: #00C;
}
a.link2 {
	color: #f5f5f5;
	font-size: 90%;
	background-color: transparent;
	text-decoration: none    }
a.link2:hover {
	color: #00dec2;
	background-color: transparent; }
/*for php reply*/
.thnxtxt1 {
	color: #464646;
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.thnxtxt2 {
	color: #626a97;
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*lists*/

#right ul, #hold_right ul {
	color: #33C;
	font-size: 100%;
	font-weight: bold;
	margin-left: 50px;
	list-style-type: disc;
}
#right li, #hold_right li {
	background-position: 0 6px;
	padding-bottom: 10px;
	list-style: disc;
}
.border {
	border: solid 1px #ff9900;
	padding: 0px;
}

.imgright
{
	float: right;
	margin-left: 16px;
	border: 1px solid #CCC;
	margin-bottom: 2px;
	padding: 2px;
}
.imgleft
{
	float: left;
	margin-right: 16px;
	border: 1px solid #CCC;
	margin-bottom: 2px;
	padding: 2px;
	color: #CCC;
}
#sidebar p
{
	padding-bottom: 6px;
}

.round {
	clear: both;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	border: 1px solid #DFDEF0;
	padding: 6px 12px;
	margin-bottom: 16px;
	width: 560px;
}
.round h2 {
	color: #039;
	font-size: 1em;
	padding-bottom: 12px;
}
.round img {
	margin-left: 18px;
	float: right;
	padding: 2px;
	border: 1px solid #CCC;
	margin-bottom: 6px;
}
.round1 {
	clear: both;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	border: 1px solid #DFDEF0;
	padding: 10px 12px;
	margin-bottom: 16px;
	width: 570px;
	background: #F7FAFF;
}
.round1 h2 {
	color: #F90;
	font-size: 1em;
	padding-bottom: 10px;
}
.round1 em {
	color: #F90;
	font-size: .9em;
	padding-bottom: 10px;
}
.round2 {
	/* [disabled]clear: both; */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	border: 1px solid #DFDEF0;
	padding: 6px 12px;
	margin-bottom: 12px;
	width: 277px;
	float: left;
}
.round2-wrap-left {
	/* [disabled]display: block; */
	width: 304px;
	/* [disabled]clear: both; */
	float: left;
	/* [disabled]margin-left: 10px; */
}
.round2-wrap-right {
	display: block;
	width: 306px;
	/* [disabled]clear: both; */
	float: left;
	margin-left: 10px;
}
.round2 h2 {
	color: #039;
	font-size: 1em;
	padding-bottom: 1px;
}
.round3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	border: 1px solid #999;
	margin-bottom: 16px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 2px;
	display: block;
	width: 612px;
}

.clear {
	clear: both;
}