*, h1, h2, h3, h4, h5, p, ul, li, img {
margin:0px; 
padding:0; 
border:0; 
font: 100% Arial, Helvetica, sans-serif;
font-size: 14px;
color: #9B9A9B;

}


h1{ font-size:24px; color:#FFFFFF;}
h2{ margin-left:8px; color:#A9A9D5; font-size:18px; padding:4px; padding-bottom:10px;}
h3{ color:#A9A9D5; font-size:15px;}
h4{}

a {}
a:hover {
color:#A9A9D5;}

.floatleft{ float:left; padding-left:10px; padding-right:5px;}
.floatright{ float:right;}
.clearleft { clear:left; }
.clearright { clear:right; }
.clearboth { clear:both; }



p { padding:15px;}

body  {
	
	background: #CCCCCC;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

.surround{
background-color: #FFFFFF;
padding:20px;
width:798px;
margin:10px;
margin-left: auto; 
margin-right: auto;
}



.container{
	background-image: url(../images/left.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width:778px;
	text-align:left;
	
}

.container2{
width:778px;
	background-image: url(../images/right.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	

}



.footer{
background:#FFFFFF;
width:778px;
text-align:left;
padding-left, padding-right:10px;
}


.content{ padding:10px; padding-left:14px; padding-right:11px;}


/* top menu*/
.navbar{ background-color:#A9A9D5; margin-left:9px; height:97px; margin-right:6px;}


.navbar ul{list-style:none;} 
.navbar li{
margin: 0px;

	size:14px;
	float:left;
	padding-top:43px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 12px;
	background-image: url(../images/bar_pin.jpg);
	background-repeat: no-repeat;
	background-position: right center;
} 
.navbar li a{ 
color: #FFFFFF;
text-decoration:none;
font-weight:bold;
display: block;
padding-right:14px;
}
.navbar li a:hover{
	color: #CCCCCC;
	background-image: url(../images/hover.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#index a#indexlink{ background-image: url(../images/hover.jpg); background-repeat: no-repeat; background-position: right bottom;}
#test a#testlink{ background-image: url(../images/hover.jpg); background-repeat: no-repeat; background-position: right bottom;}
#tariffs a#tarifflink{ background-image: url(../images/hover.jpg); background-repeat: no-repeat; background-position: right bottom;}
#contact a#contactlink{ background-image: url(../images/hover.jpg); background-repeat: no-repeat; background-position: right bottom;}

	
	
	
.strap{
float:right;
text-align:right;
padding:5px;
margin:0px;
width:758px;

}






.rights_reserved{
	font-size: 10px;
	text-align: right;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}


/* forms */



.formlabel {
margin-left:8px;
	width:160px;
	float:left;
	clear: left;
	font-size: 14px;	
}

.forminput {

}

input, textarea, select {
border: 1px solid #CCCCCC;
font-size:14px;}
.formbutton input {margin-left:5px;}
#form div{ padding:7px;}
/* forms */


.tariff-div{
padding:10px;
}

.tariff_table{
text-align:center; color:#666666; 
border-collapse: collapse;
border-spacing: 0px;
vertical-align:top;

}

.tariff_table td{
	border: 1px solid #D4D0C8;
	padding:2px;
}
.tariff_table th{
	border: 1px solid #D4D0C8; background:#A9A9D5; color:#FFFFFF; font-weight:bold; 	padding:2px;
}
.table-list{
text-align:left;
vertical-align:top;

}



.table-list li{
padding:7px;
padding-bottom:10px;
}



.testimonials{
font-style:italic;
padding:20px;
font-weight:bold;
padding-bottom:5px;
margin-bottom:0px;

}
.name{
padding:0px;
margin:0px;
padding-left:20px;
font-weight:bold;
color:#A9A9D5;

}

.name a{
padding:0px;
margin:0px;
font-weight:bold;
color:#A9A9D5;
text-decoration:none;

}



.telephone{
font-size:20px;
font-weight:bold;
}