body {

	position:relative;

	margin:0;

	padding:0;

	color:#FFFFFF;

	background:#FFFFFF ;

	font-family:'Trebuchet MS',trebuchet,tahoma,sans-serif;

	min-width:777px;

}



#index {

	min-width:821px;

	background:#999999 url(-images/bg_index.gif)

	}

form {

	margin:0;

	padding:0;

	}

img {

	border:none

	}

a {

	text-decoration:none;

	color:#646464

	}

input {

	vertical-align:middle;

	}

select {

	font:82% 'Trebuchet MS',tahoma,arial,sans-serif

	}

.clear {

	clear:both

	}

.floatleft {

	float:left

	}

.floatright {

    
	float:right;

	}
#smart-footer {

	text-align:right;

	}
.upper {

	text-transform:uppercase;

	}

input.text,

textarea,

* html .file {

	border:1px solid #767272;

	font-size:82%;

	font-family:'Trebuchet MS',tahoma,sans-serif;

	color:#FFFFFF;

	padding:1px 0 1px 4px;

	line-height:18px;

	}



	

	

.main {

	position:relative;

	width:770px;

	margin:0 auto;

	}
	
	#main1 {

	position:relative;

	width:800px;

	margin:0 auto;

	}
	
	
	
	
	#main1 .text{
	
	
	margin: 0 50px;
	
	
	
	}
	
	
	
	
	

	
	
	
	

#header {

	width:100%;

	height:140px;

	border-bottom:3px solid #DADADA;
	

	background:#F8F8F8 url(-images/bg-header4.jpg) repeat-x center;

	


	}

#header .logo,

#header .guarantee,

#header .nda,

#header .number-one,

a.need-design,

a.need-design-fixed {

	display:block;

	position:absolute;

	overflow:hidden;

	text-indent:-999px;

	}

#header .logo {

	width:195px;

	height:105px;

	background:url(-images/smart_green3.gif) no-repeat;

	top:3px;

	left:20px;

	}



#header .number-one {

	width:80px;

	height:26px;

	background:url(-images/logo.dong.gif) no-repeat;

	top:72px;

	left:677px;

	}

#header .guarantee {

	width:93px;

	height:21px;

	background:url(-images/guarantee.gif) no-repeat left top;

	top:31px;

	left:624px;

	}

#header .nda {

	width:46px;

	height:47px;

	background:url(-images/nda.gif) no-repeat left top;

	top:19px;

	left:725px;

	}


#header ul {

	position:absolute;

	top:120px;

	left:20px;

	margin:0;

	padding:0 0 0 28px;

	}

#header ul li {

	float:left;

	margin: 1px;

	padding:0 28px 0 0;

	list-style:none;

	}

#header ul li.last {

	padding:0 0 0 320px

	}

#header ul li.order a {

	color:#75A12A !important;

	background-position:0 -8px !important

	}

#header ul li a {

	color:#767272;

	white-space:nowrap;

	display:block;

	height:8px;

	overflow:hidden;

	text-indent:-999px

	}

#header ul li a.home {

	width:32px;

	background:url(-images/a-home.gif)

	}

#header ul li a.guides {

	width:41px;

	background:url(-images/a-guides.gif)

	}

#header ul li a.links {

	width:88px;

	background:url(-images/a-links.gif)

	}
#header ul li a.guides {

	width:41px;

	background:url(-images/a-guides.gif)

	}
	#header ul li a.links {

	width:88px;

	background:url(-images/a-links.gif);
	display: none;

	}


#header ul li a.about {

	width:38px;

	background:url(-images/a-about.gif)

	}


#header ul li a.examples {

	width:57px;

	background:url(-images/a-examples.gif)

	}

#header ul li a.client-area {

	width:71px;

	background:url(-images/a-client-area.gif);

	}
	#header ul li a.policy {

	width:92px;

	background:url(-images/a-policy.gif)

	}
		

	


#header ul li a.order {

	width:72px;

	background:url(-images/a-order.gif);

	background-position:0 -8px

	}

#header ul li a:hover {

	color:#75A12A;

	background-position:0 -8px

	}

	

#flash {

	width:100%;

	height:255px;

	background:#F2F2F2 url(-images/bg-flash.gif) repeat-x center top;

	}

*+html #flash {

	height:255px;

	}

*+html #flash {

	overflow:hidden;	

	height:255px;	

}
#flash1 {

	overflow:hidden;	

	height:550px;	

}
*+html #flash-container {

	width:770px;

	padding: 0 0 0 52px;

}
*+html #flash-container1 {

	width:800px;

	padding: 0 0 0 0px;

}
*+html #flash embed

{

	top:0px;

}		

#flash embed {

	position:absolute;

	top:0px;

	left:26px;

	z-index:10

	}

* html #flash {

	overflow:hidden;	

	height:255px;	

}


* html #flash-container {

	width:770px;

	padding: 0 0 0 52px;

}

* html #flash embed

{

	top:-2px;

}	

#index #middle {

	width:100%;

	background:#FFFFFF url(-images/bg-grey-gr.gif) repeat-x center top;

	padding:0

	}

#index #middle .gradient {

	float:none;

	width:auto;

	padding:0 0 18px 0;

	min-height:300px;

	background:url(-images/bg-bottom-gr.gif) repeat-x 0 100%

	}

* html #index #middle .gradient {

	height:300px

	}

#index #middle .main {

	padding:0 27px;

	width:716px

	}





/* footer */

#footer {

	float:left;

	width:100%;

	height:115px;

	color:#313131;

	}

#footer .main {

	padding:20px 27px 0 27px;

	width:716px;

	font-size:82%;

	line-height:150%;

	}

#index #footer {

	height:91px;

	color:#64FD1A;

	}

#index #footer .main {

	color:#00CC00;

	}


#index #footer .scissors {

	background:url(-images/hr2.gif)

	}


#index h1,

#index h2,

#index p.h2 strong {

	color:#319500;

	font-weight:normal;

	}

#index h1 {

	margin:0 0 13px 0;

	padding:28px 0 0 0;

	font-size:140%;

	position:relative;

	z-index:999;

	}

#index h1 acronym {

	color:#39AD01;/*#FFDC86;*/

	border-bottom:1px dotted #39AD01;/*#FFDC86;*/

	

	}

#index h2,

#index p.h2 {

	margin:13px 0 4px 0;

	font-size:107%;

	}

p {

	margin:0 0 6px 0;

	font-size:82%;

	text-align:justify;

	}

#index p {

	color:#333;

	}

#index p a {

/*	font-weight:bold;*/

	}

#index #middle a,

#index #footer a {

	color:#00CC00;

	}

#middle a,

#footer a,

#content a,

#breadcrumbs a {

	color:#339C01;

	text-decoration:underline;

	}

#middle a:hover,

#footer a:hover,

#content a:hover,

#breadcrumbs a:hover {

	text-decoration:none

	}

.colour {

	color:#C97200 !important;

	}

.colour2 {

	color:#70A90D;

	}

#index p i {

	font-style:normal;

	font-weight:bold;

	}

.d-line {

	width:100%;

	height:1px;

	overflow:hidden;

	margin:23px 0 19px 0;

	background:url(-images/bg-dotted1.gif) repeat-x left top;

	}

#breadcrumbs {

	width:100%;

	background:#fff url(-images/bg-flash.jpg) repeat-x 2px 0;

	border-bottom:1px solid #D9D9D9;

	overflow:hidden;

	}

#breadcrumbs .main {

	padding:18px 0 18px 27px;

	width:743px;

	font-size:82%;

	}

#breadcrumbs a {

	margin:0 5px;

	}

#breadcrumbs strong {

	color:#C97200;

	}

#breadcrumbs .box {

	float:right;

	width:207px;

	text-align:center;

	background:#fff url(-images/bg-box.gif) repeat-y left;

	margin:-10px -5px -10px 0;

	position:relative;

	}

#breadcrumbs .box div {

	background:url(-images/bg-box-top.gif) no-repeat left top;

	width:100%;

	}

#breadcrumbs .box div div {

	background:url(-images/bg-box-bottom.gif) no-repeat left bottom;

	padding:10px 0;

	}

#content {

	float:left;

	width:100%;

	background:#E6E6E6 url(-images/bg-content.gif) repeat-x top;

	width:100%;

	}

#content .gradient {

	float:left;

	width:100%;

	padding:20px 0 3px 0;

	min-height:300px;

	background:url(-images/bg-bottom-gr.jpg) repeat-x 0 100%

	}

* html #content .gradient {

	height:300px

	}

#content .main {

	padding:0;

	width:770px

	}



/* main bordered box */

.main-block {

	width:777px;

	overflow:hidden;

	margin:0 -5px 17px -2px;

	position:relative;

	}

.main-block .top {

	width:100%;

	height:10px;

	background:url(-images/bg-main-box-top-gr.png) no-repeat left top;

	overflow:hidden;

	}

.main-block .bottom,

.main-block .bottom-gr {

	clear:both;

	width:100%;

	height:12px;

	background:url(-images/bg-main-box-bottom.png);

	overflow:hidden;

	}

.main-block .bottom-gr {

	background:url(-images/bg-main-box-bottom-gr.png);

	}

.main-block .block-content {

	width:769px;

	padding:0 4px;

	float:left;

	background:url(-images/bg-main-box.png) repeat-y left;

	}

.block-content .content {

	float:left;

	background:url(-images/bg-block-content-content.gif) repeat-x top;

	padding:0 27px 9px 27px;

	width:715px;

	}

.block-content .content .left-column {

	float:left;

	width:469px;

	margin-top:0;

	}

.block-content .content .right-column {

	float:right;

	width:223px;

	}

.block-content .content h1,

.block-content .content .heading-caps-top,

.block-content .content .heading-caps {

	display:block;

	font-size:22px;

	color:#608D0F;

	text-transform:uppercase;

	margin:0 0 29px 0;

	padding:5px 0 0 0;

	}
#alternative{

    font-family:'Arial',sans-serif;

	font-size:20px;
	margin:20px 0 20px 3px;
	padding:5px 0 0 0;
	
	
	

	color:#64FD1A;




}
#alternative p{
margin:20px 0 26px 0;





}