body {
font:normal 14px Georgia;
color:#666666;
margin:0;
padding:0;
}
form, html {
margin:0;
padding:0;
}

a { color: #11abe0; background: transparent; }
a:hover { color: #0d88b2;text-decoration:underline;}
a:link img, a:visited img { border-style: none } /* no border on img links */



  a img { color: white; border:none;}        /* trick to hide the border in Netscape 4 */
  a img { color: inherit; }    /* undo the color change above */
  .float_left{float:left;}
  .float_right{float:right;}
  
.wrapper p
{
    padding:7px 0;
    margin:0;
}

#wrapper {
width:100%;
float:left;
background:url(../images/left-corner.jpg) 0 0 no-repeat;
}

.wrapper {
width:1000px;
margin:auto;
}

.logo_bx 
{
float:left;
width:420px;	
	}
.logo_bx  h1 
{
float:left;
margin:0;
padding:3px 0 0 10px;
font:normal 14px Calibri;
color:#46443d;
font-style:italic; 	
	}
	
	
.live_chat 
{
float:right;
margin:35px 20px 0 0;	
	}
.banner_top 
{
float:left;
width:1000px;
text-align:center;
padding:28px 0 30px 0;	
	}	
.welcome_bx 
{
float:left;
width:570px;
line-height:22px;
	}
.h1class 
{
margin:0 0 10px 0;
padding:10px 0 4px 0;
border-bottom:1px dotted #5c5c5c;	
font:normal 26px Calibri;
color:#7d98bc;
	}	
.h1class span 
{
color:#b25438;	
	}
	
.db_bn 
{
float:right;
width:420px;
	}	
	
.onlin_bx 
{
float:left;
width:420px;
height:132px;
background:url(../images/onlineform_bn.png) top no-repeat;
margin-bottom:10px;
	}	
	
.txt_cls 
{
float:left;
width:260px;
padding:60px 0 0 20px;	
font-size:12px;
	}	
	
.txt_cls2 
{
float:left;
width:260px;
padding:74px 0 0 20px;	
font-size:12px;
	}	
		
.demo_bx 
{
float:left;
width:420px;
height:132px;
background:url(../images/demo_bn.png) top no-repeat;
	}	
a.of_cls 
{
float:right;
width:130px;
height:130px;	
	}	
.services_bx 
{
float:left;
width:1000px;
padding:0 0 33px 0;
	}	
.services_bx  a
{
font-size:10px;
font-weight:bold;
color:#333333;	
text-decoration:none;
	}
.services_bx  a:hover
{
color:#333333;	
text-decoration:none;
	}
	
.bespoke_web 
{
float:left;
width:142px;
text-align:center;
padding:28px 30px 0 0;
	}	
.content_management 
{
float:left;
width:180px;	
text-align:center;
padding:28px 30px 0 0;
	}	
.ecommerce 
{
float:left;
width:132px;
text-align:center;
padding:28px 30px 0 0;
	}	
.blog 
{
float:left;
width:115px;
text-align:center;
padding:28px 30px 0 0;
	}	

.engine 
{
float:left;
width:163px;
text-align:center;
padding:28px 30px 0 0;
}	

.logo_design 
{
float:left;
width:73px;
text-align:center;
padding:28px 0 0 0;
}	
.rp_bx 
{
float:left;
width:1000px;	
padding:0 0 50px 0;
	}
#footer_wrapper 
{
float:left;
width:100%;
height:441px;
background:url(../images/ftr_bg.jpg) top repeat-x;
font-size:12px;
color:#999999;
}

.newsletter 
{
float:left;
width:1000px;
padding:6px 0 52px 0;	
	}
	
.nws_title 
{
float:left;
width:175px;
font-size:20px;
color:#545151;
padding:0 10px 0 58px;	line-height:19px;
	}	
.nws_title span 
{
font-size:12px;
font-style:italic;
color:#666666;	 
	}
.nm_form 
{
float:left;
width:256px;
height:34px;
background:url(../images/frm_line.gif) top repeat-x;
border-left:1px solid #a8acad;
border-right:1px solid #a8acad;
padding:3px 10px 0 10px;
margin-right:13px;
}	

.nw_form 
{
font-size:24px;
width:250px;
font-style:italic;
color:#cccccc;	
background:none;
border:none;
	}
.latest_TM 
{
float:left;
width:246px;
background:url(../images/comma_bg.jpg) 0 25px no-repeat;
padding:0 90px 0 20px;	

	}
.h2classftr 
{
margin:0;
padding:0;
font:normal 20px Calibri;
color:#000000;
	}	
.h2classftr  span 
{
color:#ffffff;	
	}
.latest_TM p 
{
font-size:12px;
color:#999999;
font-style:italic;	
	}
.latest_TM a 
{
font-size:12px;
font-weight:bold;
text-decoration:none;
font-style:normal;	
	}
.latest_Blog 
{
float:left;
width:320px;	
padding-right:68px;
	}
	
.blogtitle 
{
float:left;
width:180px;
margin:0;
padding:0;
font:normal 20px Calibri;
color:#000000;
	}	
.blogtitle  span 
{
color:#ffffff;	
	}
.bl_cls 
{
float:left;
padding:7px 0 0 0;	
	}
.blog_row 
{
float:left;
width:320px;	
border-bottom:1px dotted #999999;
padding:7px 0;
color:#999999;
font-size:12px;
	}	
.bg_date 
{
float:left;
width:75px;	
	}		
.blog_row a 
{
float:left;
width:245px;	
text-decoration:none;	
	}


.our_team
{
float:left;
width:245px;	
	}
.skype_cls 
{
float:left;
padding:5px 0 0 11px;	
	}
.skype_cls span 
{
color:#6699ff;	
	}
.icons 
{
float:left;
width:100%;
padding:28px 0 0 0;	
	}	
.ftr_text 
{
float:left;
width:100%;
font-size:12px;	
text-align:center;
	}
.ftr_text h1 
{
font-size:12px;	
margin:0;
padding:23px 0 0 0;
	}
.sec_banner 
{
float:left;
width:1000px;	
padding:20px 0 7px 0;
	}
.content 
{
float:left;
width:990px;
font:normal 14px Georgia;
color:#666666;
padding:0 0 20px 10px;
min-height:500px;
	}


.site_map 
{
float:left;
width:655px;
color:#525252;	
font-size:11px;
	}
.yah_cls 
{
color:#7c7979;	
font-size:10px;
font-weight:bold;	
letter-spacing:1px;
	}
	
.left_box 
{
float:left;
width:655px;
line-height:24px;	
	}	
	
.right_box 
{
float:right;
width:300px;
padding-top:100px;	
	}	
	
.h1title 
{
	float:left;
	width:100%;
	background:url(../images/tl_line.png) bottom no-repeat;
	padding:10px 0 14px 0;
	font-size:22px;
	color:#585859;
	}
	
.h1title span 
{
	color:#729cd4;
	}
	
.site-types
{
	float:right;
	width:360px;
font:bold 14px Georgia;
font-style:italic;
	}	
.h1title2 
{
float:left;
width:100%;
background:url(../images/line.png) bottom left no-repeat;
padding:30px 0 14px 0;
margin:0;
	}
	
.h1title2 h1
{
float:left;
width:119px;
padding:0;
margin:0;
	}	
	
.right_top
{
float:left;
width:282px;	
background:url(../images/top.png) top no-repeat;
padding:10px 0;
text-align:center;
}	
.right_clm
{
float:left;
width:252px;	
background:url(../images/right_mdl.gif) top repeat-y;
padding:0 10px 0 20px;
}	
	
.right_clm ul 
{
margin:0;
padding:0;
list-style-type:none;	
	}
.right_clm ul li 
{
background:url(../images/round.png) 0 10px no-repeat;
padding:8px 0 8px 24px;
	} 
	
.right_clm ul .active_cls 
{
background:url(../images/act_round.png) 0 10px no-repeat;
padding:8px 0 8px 24px;
	} 
	
	
	
.right_clm ul li a 
{
color:#0791aa;
text-decoration:none;
font:bold 14px Georgia;	
	}
.right_clm ul li a:hover 
{
color:#0791aa;
text-decoration:none;
	} 
.right_clm ul li ul li
{
background:url(../images/arrow_rght.png) 0 13px no-repeat;
padding:10px 0 0px 18px;
}
	
.right_clm ul li ul li a 
{
color:#0791aa;
text-decoration:none;
font:normal 14px Georgia;	
	}

	
.quote_bx 
{
float:left;
width:540px;
background:url(../images/qt_im.gif) top left no-repeat;
padding:0 0 10px 115px;
font:normal 28px Calibri;
color:#767778;
margin-top:15px;
}
		
.span_cls  
{
color:#0791aa;	
	}
.tx_clr 
{
color:#d46f03;	
font-size:16px;
font-style:italic;
	}	
.ft_vls 
{
float:left;
width:100%;
background:url(../images/tl_line.png) top no-repeat;
padding:10px 0 14px 0;
font-size:12px;
font-style:italic;
margin-top:60px;
	}	
.span_underl 
{
color:#11abe0;
text-decoration:underline;	
	}
.portfolio_border
{
	width:221px;
	height:145px;
	background:url(../images/bg.gif) no-repeat;	
	float:left;
	padding:11px 0 11px 12px;
	text-align:left;
	}
.hm_bncls 
{
float:left;
height:304px;
width:1000px;	
	}	
	
.arrow li
{
	list-style:none;
	background:url(../images/e-commerce-site.png) 0px 10px no-repeat;
    padding:1px 0 1px 20px;
}
.arrow li a
{
    text-decoration:none;
    }
.table
{
    float:left;
    font-size:11px;
    line-height:normal;
    }	
.form_button
{
    width:540px;
    float:left;
    text-align:right;
    }
.form_button input 
{
    background-color:#234E6F;
    color:#ffffff;
    font-weight:bold;
    padding:0 15px;
    margin:0;
    border:1px solid #8993B0;
    }
.fomr_box
{
    width:250px;
    float:left;
    padding:10px 0 20px 35px;
    }
legend
{
    padding:0 10px;
    font-weight:bold;
    margin:0;
    }
fieldset
{
    margin:0;
    padding:20px 0 20px 20px;
    }   
.form1
{
    background:url(../images/frm_line.gif);
    padding:2px;
    margin:0 0 10px 0;
    height:20px;
    border:1px solid #8993B0;
    color:#667AAD;
    width:220px;
    }

    
    
.form2
{
    background-color:#F5F9FF;
    padding:2px;
    margin:0 0 10px 0;
    border:1px solid #8993B0;
    color:#667AAD;
    width:220px;
    height:50px;
    }
.testimonials{
	font-style:italic;
	background-color:#F8F8F8;
	padding:7px;
	float:left;
	width:600px;
	margin-bottom:10px;
}
.testimonials img
{
    padding:0 10px 0px 0;
    float:left;
    }
.Testimonials_box
{
    padding:5px;
	border:1px dotted #82A0CC;
    margin-bottom:20px;width:614px;
    }
.text5{
	color:#587FBA;
	font-weight:bold;
}
.text7{
	color:#587FBA;
	font-weight:bold;
	font-size:14px;
}
.pad1
{
    padding-right:10px;
    }
.wb_bx 
{
float:left;
width:100%;	
font:bold 13px Myriad Pro;
color:#666666;
padding-bottom:35px;
	}
	    
.stn_wb 
{
float:left;
width:150px;
text-align:center;
padding:0 20px 0 20px;
	}
.stn_wb span 
{
color:#33cc00;	
	}
.sim_cent 
{
float:left;
width:235px;	
text-align:center;
padding:0 15px 0 0;
	}
.sim_cent span 
{
color:#993333;	
	}
.ecm_web 
{
float:left;
width:210px;	
text-align:center;
	}
.ecm_web span 
{
color:#993333;	
	}

.frm_box 
{
float:left;
width:617px;
background:url(../images/frm_line.jpg) top repeat-y;
padding:0 10px 0 20px;
font:italic 12px Georgia;
color:#999999;
	}
.mandatory 
{
font:italic 20px Georgia;
color:#cc3333;	
	}	
.tdclass1 
{
font:italic 24px Georgia;
color:#636363;	
	}	
	
.tdclass2 
{
font:italic 18px Georgia;
color:#636363;	
	}
.tdclass3 
{
font:italic 14px Georgia;
color:#636363;	
line-height:20px;
	}	
			
.capcha_form 
{
	float:left;
	width:80px;
	background:url(../images/inp_line.gif) top repeat-x;
	border:1px solid #a8acad;
	height:34px;
	padding:3px 10px 0 10px;
	font:italic 25px Georgia;
	color:#636363;
	margin-left:10px;
	}			
.form0 
{
	background:url(../images/inp_line.gif) top repeat-x;
	border:1px solid #a8acad;
	height:32px;
	padding:5px 10px 0 10px;
	font:italic 14px Georgia;
	color:#636363;
	}	
	
.form_lrg
{
	background:url(../images/inp_line.gif) top repeat-x;
	border:1px solid #a8acad;
	padding:8px 10px 0 10px;
	font:italic 14px Georgia;
	color:#636363;
    }	
.form3
{
	border:1px solid #a8acad;
	padding:3px;
	font:italic 14px Georgia;
	color:#636363;
	}
	
.form4 
{
	border:1px solid #a8acad;
	padding:6px 10px 4px 10px;
	font:italic 14px Georgia;
	color:#636363;
	}
a.wb_title 
{
color:#333333;
font-size:18px;
font-weight:bold;
text-decoration:none;	
	}
a:hover.wb_title 
{
text-decoration:none;	
color:#333333;
	}
.prov_cls ul 
{
margin:0;
padding:0;
list-style-type:none;	
	}
	
.prov_cls ul li 
{
background:url(../images/act_round.png) 0 6px no-repeat;
padding:4px 0 4px 24px;
font-size:12px;
color:#666666;
}

.pgr_bdr a
{
border:1px solid #d5d5d5;
color:#90a0df;
text-decoration:none;
padding:2px 5px;	
font:bold 11px Calibri; 
	}
.pgr_bdr a:hover
{
border:1px solid #0022aa;
background-color:#0066cc;
color:#cefafd;
text-decoration:none;
padding:2px 5px;	
font:normal 11px Calibri; 
	}	
	
.pgr_bdr span
{
border:1px solid #0022aa;
background-color:#0066cc;
color:#cefafd;
text-decoration:none;
padding:2px 5px;	
font:normal 11px Calibri; 
	}
a.act_cls 
{
border:1px solid #0022aa;
background-color:#0066cc;
color:#cefafd;
text-decoration:none;
padding:2px 5px;	
font:normal 11px Calibri; 
	}
.act_cls 
{
border:1px solid #0022aa;
background-color:#0066cc;
color:#cefafd;
text-decoration:none;
padding:2px 5px;	
font:normal 11px Calibri; 
	}
.pgr_bdr2 a
{
border:1px solid #d5d5d5;
color:#90a0df;
text-decoration:none;
padding:2px 5px;	
font:bold 11px Calibri; 
	}
.pgr_bdr2 a:hover
{
border:1px solid #0022aa;
background-color:#0066cc;
color:#cefafd;
text-decoration:none;
padding:2px 5px;	
font:normal 11px Calibri; 
	}	
		
.gal_thumb
{
	float:left;
	min-height:175px;
	width:190px;
	text-align:center;
	background:#ececdd url(../images/gallery_bg.gif) 13px 10px no-repeat;
	border:1px solid #c4c4ad;
	margin:0 30px 25px 0;
	padding-top:17px;
	}
.gal_thumb h3
{
	font:normal 11px verdana;
	line-height:15px;
	color:#3c5b89;
	}
.thumb_cls 
{
float:left;
margin:0 10px 15px 0;	
	}
.row_dtt 
{
border-bottom:1px dotted #666666;
padding:10px 0;	
	}
	
.row1
{
	width: 100%;float:left;padding-top:15px;
	}	
.video_thumb
{
	float:left;
	width:305px;
	padding:0 30px 40px 0;
	line-height:normal;
	text-align:left;
	font-size:14px;
	}
.video_thumb2
{
	float:left;
	width:305px;
	padding:0 0 40px 10px;
	line-height:normal;
	text-align:left;
	font-size:14px;
	}
	
	
	
.video_thumb h3, .video_thumb2 h3
{
	font-size:13px;
	line-height:15px;
	color:#005ba1;
	margin:0;
	padding:0;
	height:30px;
	}		
.nd_qt 
{
margin:0;
padding:0 0 15px 40px;
background: url(../images/need_quote.gif) 0 2px no-repeat;
font-size:14px;
float:left;
width:615px;
	}
.in_prs 
{
margin:0;
padding:20px 0 10px 40px;
background: url(../images/in_person.gif) 0 18px no-repeat;
font-size:14px;
float:left;
width:615px;
	}
.by_prhone 
{
margin:0;
padding:20px 0 10px 40px;
background: url(../images/by_phone.gif) 0 18px no-repeat;
font-size:14px;
float:left;
width:615px;
	}
.by_email 
{
margin:0;
padding:20px 0 10px 40px;
background: url(../images/by_email.gif) 0 18px no-repeat;
font-size:14px;
float:left;
width:615px;
	}
.ctc_frm 
{
margin:0;
padding:20px 0 5px 40px;
background: url(../images/contact_icons.gif) 0 15px no-repeat;
font-size:14px;
float:left;
width:615px;
	}
.h2classNQ 
{
margin:0;
padding:0 0 10px 0;
font-size:14px;
	}	
	
.connect_clm 
{
float:left;
width:252px;	
background:url(../images/right_mdl.gif) top repeat-y;
padding:0 10px 0 20px;
	}
.connect_clm ul 
{
margin:0;
padding:0;
list-style-type:none;	
	}
.connect_clm ul li 
{
padding:8px 0 8px 15px;
float:left;
	} 
.connect_clm a 
{
font:normal 15px Calibri;
color:#8e8e8e;
text-decoration:none;
	} 	

.connect_clm img 
{
float:left;	
	} 	
.connect_clm span 
{
float:left;	
padding:4px 0 0 10px;
	} 	
	
.cnaf_cls 
{
float:left;
width:100%;	
text-decoration:none;
	}
.cnaf_cls a
{
text-decoration:none;
color:#636363;
	}
.cnaf_cls a:hover
{
text-decoration:none;
color:#636363;
	}
	
	
.cnaf_cls img
{
float:left;
	}
.cnaf_cls span
{
float:left;
padding:15px 0 0 15px;
font-size:16px;
	}
	
/*========= Bubble ================*/
        .bubbleInfo {
            position: relative;
            top:0;
            left: 0;
        }
        .trigger {
            position: absolute;
        }
     
        /* Bubble pop-up */

        .popup {
        	position: absolute;
        	display: none;
        	z-index: 50;
        	border-collapse: collapse;
        }
.socials
{
float:left;width:32px;height:32px;
padding-right:5px;
	}
.popup h2
{
	width:168px;height:50px;
	background-image: url(../images/bubble.png);padding:14px 0 0 0;margin:0;
	color:#545151;
	font:normal 16px Calibri;
	text-align:center;
	}	
	
	
	
	
	
	
	
	
	
	
	
.tbl_cls 
{
	float:left;
	width:645px;
	font:normal 13px Calibri; 
	}
	
.tbl_cls ul
{
	margin:0;
	padding:6px 0 6px 30px;
	}	
		
.tbl_cls td 
{
	border-bottom:1px solid #bac0c2;
	padding-left:10px;
	}	
	
.step_cls 
{
	float:left;
	width:100%;
	padding:10px 0 40px 0;
	}
	
.step_hvr 
{
	float:left;
	width:84px;
	height:81px;
	background: url(../images/step_bgAV.png) no-repeat;
	font:normal 11px Arial;
	color:#333333;
	text-align:center;
	line-height:22px;
	}	
	
.step_hvr h3 
{
	margin:0;
	padding:8px 0 4px 0;
	font:bold 12px Arial;
	}
	
.step_act 
{
	float:left;
	width:84px;
	height:81px;
	background: url(../images/step_bg.png) no-repeat;
	font:normal 11px Arial;
	color:#0079c0;
	text-align:center;
	line-height:22px;
	}	
	
.step_act h3 
{
	margin:0;
	padding:8px 0 4px 0;
	font:bold 12px Arial;
	}	
.arrow_cls 
{
	float:left;
	padding:8px 12px 0 10px;
	}	

.Bespoke_Design 
{
	float:left;
	width:188px;
	height:379px;
	padding:22px 32px;
	margin:0 0 0 20px;
	background: url(../images/dsn_bg.png) no-repeat;
	font:normal 14px Tahoma;
	color:#336699;
	text-align:center;
	}
	
.Bespoke_Design h2 
{
	margin:0;
	padding:0;
	font:normal 26px Myriad Pro;
	color:#336699;
	}
	
.Bespoke_Design div 
{
	text-transform:uppercase;
	}
	
.Template_Design 
{
	float:left;
	width:196px;
	height:379px;
	padding:22px 28px;
	background: url(../images/dsn_bg.png) no-repeat;
	font:normal 14px Tahoma;
	color:#336699;
	text-align:center;
	margin:0 0 0 70px;
	}
.Template_Design h2 
{
	margin:0;
	padding:0;
	font:normal 26px Myriad Pro;
	color:#336699;
	}
.Template_Design div 
{
	text-transform:uppercase;
	}
	
.dsn_bx 
{
	float:left;
	width:140px;
	border:1px solid #e8e8e8;
	background-color:#fcfcfc;
	padding:14px 0 0 0;
	margin:0 18px 16px 0;
	text-align:center;
	color:#7f7072;
	font:normal 11px Verdana;
	}
.dsn_bx img 
{
	float:left;
	}	
	
	
.im_bg 
{
	float:left;
	width:100px;
	height:112px;
	background: url(../images/dsg_bg.gif) no-repeat;
	padding:4px 11px 0 5px;
	margin:0 0 0 14px;
}

.btn_bx 
{
	float:left;
	width:640px;
	padding:40px 0 0 0;
	}

.req_bx 
{
	float:left;
	width:637px;
	text-align:right;
	color:#cc3333;
	font-style:italic;
	font-size:12px;
	}

.bsnDT_bx 
{
	float:left;
	width:630px;
	padding:0 0 0 17px;
	background: url(../images/bg_line.gif) repeat-y;
	}
	
.bsnDT_bx2 
{
	float:left;
	width:645px;
	padding:0 1px;
	background: url(../images/bg_line.gif) repeat-y;
	}
	
	
.bsnDT_bx h2 
{
	margin:0;
	padding:0 0 10px 0;
	color:#cc0000;
	font:Italic 26px Georgia;
	}
	
.h2class	
{
	margin:0;
	padding:10px 0;
	color:#cc0000;
	font:Italic 22px Georgia;
	}	
	
.form_cls 
{
	background: url(../images/frm_bg.png) repeat-x;
	border:1px solid #a8acad;
	height:35px;
	padding:5px 10px 5px 10px;
	font:italic 14px Georgia;
	color:#636363;
	}	
	
.captcha 
{
	background: url(../images/frm_bg.png) repeat-x;
	border:1px solid #a8acad;
	height:35px;
	width:70px;
	margin-top:5px;
	padding:2px 10px 0 10px;
	font:italic 26px Georgia;
	color:#636363;
	}		
.captcha_im 
{
	float:left;
	padding:10px 10px 0 0;
	}	
	
.td1_class 
{
	text-align:right;
	color:#000000;
	}	
.lbl_class 
{
	color:#9198a1;
	}	

td img {
	cursor:pointer;		
}	

/* simple css-based tooltip */
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}
	
:focus {
  -moz-outline-style:none;
}	

#tooltip {
		width:200px;
		background-color:#3d7483;
		padding:5px;
		font:normal 11px Verdana; 
		color:#fff;
		line-height:16px;}


	
a.ts_cls 
{
	padding:9px 0 0 3px;
	}		
	
.MF_cls td 
{
	border-bottom:1px dotted #bac0c2;
	}