/*----------------------------WEDCOLORS------------------------------

   border:1px solid #DEDEFF
   top link border  #4DFF00
	
	top link green 	#69BD45
	bot link per	#CCCCFF

	link green 	#00CC33

	dark blue		#330099	
	dark pink		#FF1491
	wight per		#FCFCFF
	mid per			#C3C3E2
	dark per		#9980CC
	mid green		#69BD45
F2F200
	yelow			#FFFF00
	dark orang		#FF3300
	dark blue		#330099	
	terkwis			#02E0D3
	dark pink		#FF1491
*/



/*----------------------------LINKD--------------------------------*/

/*---main_links---*/

#HyperLink1, #HyperLink2, #HyperLink3, #HyperLink4, #HyperLink5 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:3em;
	border-color:#4DFF00;
	border-style:solid;
	border-width:thin;
	padding:3px 5px 3px 5px;
	text-decoration:none;
}

a.home:link, a.home:visited {color:#00CC33;}
a.home:hover{text-decoration:underline;color:#FF1491;}

a.sample_websites:link, a.sample_websites:visited {	color:#00CC33;}
a.sample_websites:hover{text-decoration:underline; color:#F2F200;}

a.sample_price:link, a.sample_price:visited {color:#00CC33;}
a.sample_price:hover{text-decoration:underline; color:#02E0D3;}

a.customized_sites:link, a.customized_sites:visited {color:#00CC33;}
a.customized_sites:hover{text-decoration:underline; color:#330099;}

a.contact_us:link, a.contact_us:visited {color:#00CC33;}
a.contact_us:hover{text-decoration:underline; color:#FF3300;}



/*---side_links---*/


.HyperLinkBox1, .HyperLinkBox2,
.HyperLinkBox3, .HyperLinkBox4,
.HyperLinkBox5, .HyperLinkBox6,
.HyperLinkBox7, .HyperLinkBox8,
.HyperLinkBox9, .HyperLinkBox10 {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;									
	line-height:2.5em;
	padding:0 0 0 3px;
	margin:0;
	border-bottom: 1px solid #DEDEFF;

}

a.HyperLinkBox1:link, a.HyperLinkBox2:link,
a.HyperLinkBox3:link, a.HyperLinkBox4:link,
a.HyperLinkBox5:link, a.HyperLinkBox6:link,
a.HyperLinkBox7:link, a.HyperLinkBox8:link,
a.HyperLinkBox9:link,  a.HyperLinkBox10:link {
	display:block;
	text-decoration:none;
	color:#9980CC;
}

a.HyperLinkBox1:hover, a.HyperLinkBox2:hover,
a.HyperLinkBox3:hover, a.HyperLinkBox4:hover,
a.HyperLinkBox5:hover, a.HyperLinkBox6:hover,
a.HyperLinkBox7:hover, a.HyperLinkBox8:hover,
a.HyperLinkBox9:hover, a.HyperLinkBox10:hover {
	display:block;
	text-decoration:none;
	color:#330099;
	background-color:#FCFCFF;
	border-bottom: 1px solid #330099;
}
				 
a.HyperLinkBox1:visited, a.HyperLinkBox2:visited,
a.HyperLinkBox3:visited, a.HyperLinkBox4:visited,
a.HyperLinkBox5:visited, a.HyperLinkBox6:visited,
a.HyperLinkBox7:visited, a.HyperLinkBox8:visited,
a.HyperLinkBox9:visited, a.HyperLinkBox10:visited {
	display:block;
	text-decoration:none;
	color:#330099;
}


/*---link---*/

a:link, a:visited, a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9980CC;
	text-decoration:none;
}
a:hover{
	color:#330099;
	text-decoration:underline;
}


a.copyright:link, a.copyright:visited, a.copyright:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9980CC;
	text-decoration:none;
}
a.copyright:hover{
	color:#330099;
	text-decoration:underline;
}


/*----------------------------OTHER--------------------------------*/


/*---textfield_layout---*/

.textfield {
	background-color:#FFFFFF;
	border:1px solid #DEDEFF;
	color: #9980CC;
	width:200px;
	margin-left:5px;
}

.textfield:hover{
	border:1px solid #9980CC;
}

.textfield:active, textfield:focus {
	border:1px solid #FF1491;
}

#information {
	position:relative;
	width:200px;
	height:100px;
	overflow:auto;
}

/*---submit---*/

.submit {
	padding:.05em;
	background-color:#FFFFFF;
	border:1px solid #DEDEFF;
	font:80% Tahoma Verdana, Arial, sans-serif;
	color:#9980CC;
}

.submit:hover {
	border:1px solid #9980CC;
	color:#330099;
}

.reset {
	padding:.05em;
	background-color:#FCFCFF;
	border:1px solid #330099;
	font:80% Tahoma Verdana, Arial, sans-serif;
	color:#330099;
}

.reset:hover {
	border:1px solid #9980CC;
	color:#330099;
}

/*---contact_fieldset---*/


fieldset:hover, fieldset:active, fieldset:focus {
	border-color:#9980CC;
}



/*---label---*/

label, label span {
	display:block;
	padding-bottom:.25em;
}

label {
	float:left;
	width:100%;
}

label span {
	float:left;
	width:40%;
	text-align:right;
}