body {
	margin: 0;
	padding: 0;
	background: url(../images/bg.gif) repeat-x top #2C4966;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height:18px
}


h1,h2,h3{ margin:0; padding:0}

.margin-top10{margin-top:10px}
.margin-bot10{margin-bottom:10px}
.bg-white{ background:#FFF; }
.bg-gry{ background:#F7F6F6; }
.nobrd{ border:0;}

.blackbold{ text-transform:uppercase; color:#000000; font-weight:bold; font-size:12px;}
.black{color:#000000}
.blue{color:#477DA2}
.lightblue{color:#499FDB}
.smalltext{ font-size:11px}


A { color:#565656; text-decoration:none; font-size: 12px; }
A:hover{ color: #000;text-decoration:underline ;}


h1{ font-size:18px; margin:0; padding:0; color:#747474; font-family:Trebuchet MS; font-weight:normal; text-transform:uppercase;}
h3{ font-size:14px; margin:0; padding:0; color:#375672}


 ul.link{ margin:0; padding:0}
 ul.link li{ margin:0 10px; padding:0 10px; line-height:30px; border-bottom:1px solid #FFF; list-style:none}
.hline{	background: url(../images/hline.gif) repeat-x bottom left;}


A.blacklink { color:#000; text-decoration:none; font-size: 12px; }
A.blacklink:hover{ color: #000;text-decoration:underline ;}

A.blackboldlink { color:#000; text-decoration:none ;  font-size: 12px; font-weight:bold;}
A.blackboldlink:hover{ color: #6D824D; text-decoration: underline}

.top{background: url(../images/top-bg.gif) repeat-y top;height:96px;}

/* toplink classes */
.toplink a{ text-decoration: none; padding-left: 8px; margin-right: 8px; font-size: 11px; color:#000}
.toplink a:hover{ text-decoration: underline; padding-left: 8px; margin-right: 8px; font-size: 11px; color: #000}

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

.quick-quote b{ color:#D78D18; font-weight:bold; font-size:14px;}
.quick-quote input, textarea{ border:1px solid #F0F0F0; background-color:#F7F7F7}

.portfolio{ background:url(../images/portfoio.gif) top left no-repeat #CFE1ED; padding:0 10px; margin:10px 0 0 0; border-bottom:1px solid #B2C9D9}
.testimonial{ background: url(../images/bg-testimonial.gif) bottom left no-repeat #E7F0F6; padding:0 12px; margin:0; color:#7D7D7D; font-size:11px;}

.professional{ background: url(../images/hire-professional.gif) bottom left no-repeat;  margin:10px 0; color:#FFF; }
.professional a{ font-weight:bold; font-size:12px; color:#FFFFFF ;  text-decoration:none ;}
.professional a:hover{ font-weight:bold;  color:#324C62;  text-decoration:none ;}

.basicplan{ background:url(../images/bg-plan.jpg) top left no-repeat; font-size:11px;}

.footer { color:#96A4B3; font-size:11px;}

.footer a {
	color: #96A4B3;
	text-decoration:none;
	padding:0 8px;
	 font-size:11px;
}
.footer a:hover {
	color: #FFF;
	text-decoration: none;
}

/********************************************************
FOR HORIZONTAL MENU CLASSES - USE "horizontal"
********************************************************/

.horizontal ul{list-style-type: none; padding: 0px; margin: 0px auto; display: block; height: 36px; border: 1px solid #d30000; width: 580px;}
.horizontal li{float: left; display: inline}
.horizontal li a{text-decoration: none; height: 1.2em; float: left; display:block; padding: .1em 1px}
.horizontal li li a{}
.horizontal li ul{position: absolute;   margin-top: 1.3em; margin-left: -1px; width: 129px; display: block; height: auto}
.horizontal li li ul{position: absolute; background-color: #0000CC; margin-top: .1em; margin-left: 125px}
.horizontal li ul li a{width: 125px}
.inaccesible li ul{display: none}

/********************************************************
Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class
********************************************************/
.arrow a span{padding-left: 0; color: #D2EAF4; background: url(arrow-menu.gif) no-repeat right;}
.arrow a:hover span{}
.arrow a span.noshow{visibility: hidden; color: #D2EAF4}

/********************************************************
COLORS OF MENU
********************************************************/
.blackwhite li a{ color: black; padding: 8px 10px;}
.blackwhite li a:hover{background-color:#D2EAF4; color: #1B8DC2}