html, body {
	min-height: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	}

#header {
	width: 100%;
	height: 140px;
	float: left;
	position: relative;
	border-top: 5px solid #000000;
	border-bottom: 5px solid #000000;
	background: url('../images/head_fade.png');	
	}
	
#header_content {
	width: 920px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	}
	
#logo_img {
	position: relative;
	float: left;
	height: 113px;
	width: 225px;	
	margin: 15px 0 0 0;
	}
	
#onyx1 {
	margin: 0 30px 0 0;
	padding: 3px;
	height: 220px;
	width: 295px;	
	float: right;
	position: relative;
	border: 1px dotted #339933;
	}
	
#onyx2 {
	margin: 20px 0px 0 0;
	padding: 3px;
	height: 220px;
	width: 295px;	
	float: left;
	position: relative;
	border: 1px dotted #339933;
	}
	
#onyx3 {
	margin: 20px 30px 0 0;
	padding: 3px;
	height: 220px;
	width: 295px;	
	float: right;
	position: relative;
	border: 1px dotted #339933;
	}
	
.onyxlink {
	padding-top: 20px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 14px;
	color: #666666;
	}
	
#onyxbox {
	margin: 20px 0 0 0;
	width: 400px;
	height: 30px;
	position: relative;
	float: left;
	}
	
#mouse_img {
	height: 131px;
	width: 400px;
	float: right;
	position: relative;
	margin: 7px 0 0 0px;
	}
	
#top_nav {
	margin: 10px 15px 0 0;
	float: right;
	position: relative;
	font-size: 16px;
	font-family: Trebuchet MS, sans-serif;
	}
	
#nav_bar {
	width: 100%;
	height: 50px;
	float: left;
	background: url('../images/nav_fade.png');	
	position: relative;
	}
	
#nav_wrap {
	width: 920px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	}
	
#menu  {
	display: inline;
	margin: 15px 0 0 0;
	padding: 0;
	}

ul.menu{
	display: inline;
	float: left;
	list-style: none;
	padding: 0;
	margin-top: 13px;
	}

li.menu {
	display: inline;
	}
	
a.menu {
	padding: 0;
	margin: 0 30px 0 0;
	color: #ffffff;
	position: relative;
	float: left;
	font-weight: bold;
	font-size: 17.5px;
	font-family: arial, sans-serif;
	text-decoration: none;
	}
	
a.menu:hover {
	margin: 0 30px 0 0;
	color: #339933;
	position: relative;
	float: left;
	font-size: 17.5px;
	font-family: arial, sans-serif;
	border-bottom: 1px solid white;
	}
	
#main_image {
	width: 100%;
	height: 250px;
	float: left;
	position: relative;
	background: url('../images/main_img.jpg');
	background-position:center top;
	background-repeat: no-repeat;	
	border-top: 2px solid #999999;	
	border-bottom: 2px solid white;
	}
	
#main_content {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	border-top: 2px solid #cccccc;
	}
	
#content_wrap {
	height:100%;
	width: 940px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	}

#leftcol {
	padding-right: 20px;
	width: 660px;
	height: auto;
	position: relative;
	float: left;
	border-right: 1px solid #339933;
	}
	
#rightcol {
	margin-left: 10px;
	width: 230px;
	height: auto;
	position: relative;
	float: left;
	}
	
.portfolio_box {
	padding: 25px;
	width: 600px;
	height: auto;
	position: relative;
	float: left;
	border: 1px solid blue;
	}

#listbox {
	margin-bottom: 20px;
	width: 650px;
	height: auto;
	position: relative;
	float: left;
	}

#listimage {	
	width: 305px;
	height: auto;
	position: relative;
	float: left;
	}
	
#list {	
	width: 300px;
	height: auto;
	position: relative;
	float: left;
	}
	
.list {
	width: 250px;
	margin: 15px 0 0 10px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	float: left;
	color: #666666;
	font-weight: bold;
	}
	
.list_item  {
	height: 25px;
	}
	
.textarea {
	width: 310px;
	height: auto;
	position: relative;
	float: left;
	}
	
.large_box {
	margin: 0px 0 0 0px;
	width: 670px;
	height: auto;
	position: relative;
	float: left;
	}
	
.large_spacer {
	margin: 0 0 0 30px;
	width: 615px;
	height: 1px;
	position: relative;
	float: left;
	border-top: 1px solid #339933;
	}

.small_spacer {
	margin: 15px 0 0px 15px;
	width: 195px;
	height: 1px;
	position: relative;
	float: left;
	border-top: 1px solid #339933;
	}	
	
.small_box {
	margin: 0px 0 0 0px;
	width: 220px;
	height: auto;
	position: relative;
	float: left;
	}
	
.ft_shade {
	width: 670px;
	height: 25px;
	}
	
.sm_shade {
	width: 230px;
	height: 25px;
	}

#top_box{
	padding: 10px;
	width: 650px;
	height: 175px;
	position: relative;
	float: left;
	}

.right_box {
	padding: 10px 10px 0px 10px;
	width: 210px;
	height: auto;
	position: relative;
	float: left;
	}
	
.left_box{
	padding: 10px;
	width: 650px;
	height: auto;
	position: relative;
	float: left;
	}	

h1 {
	height: 30px;
	width: 100%;
	font-family: Trebuchet MS, sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: #339933;
	}
	
h2 {
	font-family: Trebuchet MS, sans-serif;
	font-size: 20px;
	color: #339933;
	font-weight: 400;
	}
	
h3 {
	margin-top: 10px;
	padding: 0;
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px;
	color: #339933;
	text-align: center;
	font-weight: 400;
	}
	
h4 {
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	color: #339933;
	font-weight: 400;
	}
	
h5 {
	font-family: Trebuchet MS, sans-serif;
	font-size: 14px;
	color: #339933;
	font-weight: 400;
	}
	
h6 {
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0;
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px;
	color: #339933;
	font-weight: 600;
	}	
	
.center {
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	text-align: center;
	color: #666666;
	}
	
.maintext {
	line-height: 1.5;
	margin-bottom: 22px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	text-align: justify;
	color: #666666;
	}
	
.newstext {
	line-height: 1.5;
	margin-bottom: 10px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #666666;
	}
	
.subtext {
	line-height: 1.5;
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #666666;
	}
	
.copytext {
	font-family: Trebuchet MS;
	font-size: 11px;
	text-align: center;
	color: #666666;
	}


.test_nav {
	margin: 15px 0 0 20px;
	font-size: 16px;
	font-weight: bold;
	color: white;
	}

.arrow_l {
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	color: #66cc66;
	}

.arrow_m {
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px;
	color: #99ff99;
	}

.arrow_s {
	font-family: Trebuchet MS, sans-serif;
	font-size: 11px;
	color: #ccffcc;
	}
	
#footer {
	margin-top: 20px;
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	}
	
#footer_content {
	padding-top: 20px;
	height: auto;
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border-top: 1px solid #339933;
	}
	
.socialnet {
	text-align: center;
	height: auto;
	}
	
.seotext {
	font-family: Trebuchet MS;
	font-size: 9px;
	text-align: center;
	color: #999999;
	}
	
.seotextlink{
	font-family: Trebuchet MS;
	font-size: 9px;
	text-align: center;
	color: #999999;
	border: 0;
	font-weight: bold;
	text-decoration: none;
	}
	
.sn_link {
	border: 0;
	text-decoration: none;
	}
	
strong.seo {
    font-weight: normal;
    font-style: normal; 
	color: #339933;
	}

.subscribe {
	width: 200px;
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #666666;
    background-color: #ccffcc;	
	}

.rsslink {
	margin-top: 15px;
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #666666;
	border: 0;
	text-decoration: none;
	}
	
.advert_head {
	margin: 30px 0 0 0;
	font-family: Trebuchet MS, sans-serif;
	font-size: 14px;
	text-align: right;
	color: #333333;
	font-weight: 400;
	}
	
.advert_price {
	margin: 0px 0 0 0px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 30px;
	text-align: right;
	color: #339933;
	font-weight: 600;
	}
	
.trborder {
	height: 10px;
	border-bottom: 1px dotted #999999;
	}
	
.topmarg {
	height: 10px;
	}
	
.listtext {
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	color: #666666;
	}

	
/**  -------------------------   styles for contact page ----------------------------- **/

	
#contact_wrap {
	height: auto;
	width: 675px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	}
	
#contact_box{
	padding: 10px;
	width: 650px;
	height: auto;
	position: relative;
	float: left;
	}

.contact_detail {
	width: 200px;
	height: 40px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	color: #666666;
	}	

.bold {
	font-weight: bold;
	}
	
.form_input {
    background-color: #ccffcc;
	width: 300px;
	}
	
.contact_enquiry {
    background-color: #ccffcc;
	width: 300px;
	height: 200px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	}

.errormsg {
	font-weight: bold;
	font-family: Trebuchet MS, sans-serif;
	font-size: 14px;
	color: red;
	}
	
.confirmmsg {
	font-weight: bold;
	color: #339933;
	font-family: Trebuchet MS, sans-serif;
	font-size: 14px;
	}

.required {
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px;
	color: #339933;
	text-align: right;
	}	


.req_star {
	font-size: 13px;
	color: #339933;
	}

/**  -------------------------   styles for blog ----------------------------- **/	

.form_text {
	width: 150px;
	height: 40px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	color: #666666;
	}	

.blog_input {
    background-color: #ccffcc;
	width: 450px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	}	

.blog_text {
    background-color: #ccffcc;
	width: 450px;
	height: 400px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	}
	
.blog_snippet {
	padding: 20px 0 0 20px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	color: #666666;
	border-bottom: 1px dotted #666666;
	}
	
.spacer {
	height: 20px;
	}
	
.black {
	color: #000000;
	}
	
.blog_title {
	font-family: Trebuchet MS, sans-serif;
	font-size: 18px;
	color: #339933;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
	}
	
.post_detail {
	font-family: Trebuchet MS, sans-serif;
	font-size: 11px;
	}

.post_variable {	
	font-family: Trebuchet MS, sans-serif;
	font-size: 11px;
	color: #339933;
	}
	
#addcomment {
	height: auto;
	width: 675px;
	position: relative;
	float: left;
	}
	
#comments{
	width: auto;
	height: auto;
	margin: 20px 0 0 0;
	position: relative;
	float: left;
	color: #666666;
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	}

.comment_text {
	width: 110px;
	height: 40px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	color: #666666;
	}	

.comment_input {
    background-color: #ccffcc;
	width: 400px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	}	

.comment_text_field {
    background-color: #ccffcc;
	width: 400px;
	height: 100px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	}

.ref_text {
	font-family: Trebuchet MS, sans-serif;
	font-size: 10px;
	text-align: left;
	}
	
/**  -------------------------   styles for special offer ----------------------------- **/

.offertext {
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #666666;
	}
	
.offerprice {
	margin:0;
	padding:0;
	font-family: Trebuchet MS, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: blue;
	}
	
/**  -------------------------   styles for resource page ----------------------------- **/

#left_split {
	margin-top: -20px;
	width: 48%;
	height: auto;
	position: relative;
	float: left;
	}	
	
#right_split {
	margin-top: -20px;
	width: 48%;
	height: auto;
	position: relative;
	float: right;
	}
	
.linktext {
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	color: #339933;
	}
	
.resourcetext_small {
	border-top: 1px solid #cccccc;
	padding-top: 10px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #666666;
	}
	
.resourcetext {
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	text-align: justify;
	color: #666666;
	}

/**  -------------------------   styles for about us page ----------------------------- **/	

.ethostext{
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #339933;
	}