/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(../images/body-tail.gif) top repeat-x #FFFFFF; text-align:center;}
#main { width:953px; margin:0 auto; text-align:left; padding:21px 14px 74px 13px;}

#main .logo{ margin:17px 0 0 21px; display:inline-block;}
#main .slogan{ margin:55px 0 0 5px; display:inline-block;}


#page11 #header {height:382px;}
#page1 #header {height:200px;}
#page11 p{ font-size:14px;}
#footer { height:54px;}
.col, .col-1, .col-2, .col-2-wide, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}


#header .col-1{ width:455px;}
#header .col-2{ width:144px; height:303px; position:relative;}
#header .col-3{ width:303px;}


#content .col-1{ width:228px;}
#content .col-2{ width:417px; margin-left:15px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 14px; }
#content .col-2-wide{ width:665px; margin-left:15px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 14px;}
#content .col-3{ width:228px; margin-left:18px; }

#page8 #content .col-1{ width:660px;}
#page8 #content .col-2{ width:228px; margin-left:18px;}
#page8 p{ padding-top:18px;}

#page9 #content .col-1{ width:228px;}
#page9 #content .col-2{ width:660px; margin-left:18px;}
#page9 p{ padding-top:18px;}
#page9 #header {height:200px;}

#page10 #content .col-1{ width:900px;}
	
	
img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}
.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.name {padding-right: 20px;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.6875em; line-height:1.273em; color:#000000;}

#page1 p{font-size:14px; padding-bottom:10px;}



input, select { vertical-align:middle; font-weight:normal;}

a {color:#158ed4;}
a:hover{text-decoration:none;}
p {padding-top:15px; font-size:11px; line-height: 16px;}
h1{ font-size:18px; letter-spacing:0px; padding-bottom:10px; padding-top:5px; color:#147fbf; font-weight: normal; text-transform: uppercase; letter-spacing: 0px;}
h2{ font-size:18px; letter-spacing:0px; padding-bottom:10px; color:#000000;}
h3{ font-size:14px; letter-spacing:0px; padding-bottom:10px;}
h3 a{color:#147fbf;text-decoration:none;}
h3 a:hover{text-decoration:underline;}
h4 {font-size:14px; padding-bottom:15px;  line-height:1.3;}

.title1{ color:#147fbf; font-weight: normal; text-transform: uppercase; letter-spacing: 0px; }
.strong{ font-weight:600;}
.strong1{ padding-bottom:0;}
.strong2 {padding: 10px 0 10px 0;}
.strong3 { font-size:14px; padding: 10px 0 0 0;}
.strong4 { font-size:14px; padding: 0 0 0 0; color:#158ed4;}
cite{ display:block; font-style:normal;}

.crumbs{ color: #f37100; padding: 6px 0 0 25px; background: none;}
.crumbs a{text-decoration:none;}
.crumbs a:hover{text-decoration:underline;}

/* ============================= main layout ====================== */
.imgindent {margin:0 15px 10px 0; float:left;}
.phone{ float:right; padding-right:17px;}
.phone2{ float:right; padding-right:35px;}
.padding1{ padding-left:10px;}
.padding2{ padding-top:17px;}
.padding3{ padding-top:20px;}
.padding4{ padding-top:12px !important;}
.margin1{ margin-top:8px !important;}
.margin2{margin-bottom:10px;}
.testimonial{ font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 12px; padding-top: 5px;line-height: 1.3em;}
.credit{  font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 12px; line-height: 1.3em; padding-top:3px;}
.center { text-align:center;}
.vcenter { vertical-align:middle;}
.share {float:right;}

.top-tail{ background:url(../images/page-top-tail.gif) top repeat-x;}
.bot-tail{ background:url(../images/page-bot-tail.gif) bottom repeat-x;}
.left-tail{ background:url(../images/page-left-tail.gif) left repeat-y;}
.right-tail{ background:url(../images/page-right-tail.gif) right repeat-y;}
.left-top{ background:url(../images/page-corner-left-top.gif) left top no-repeat;}
.right-top{ background:url(../images/page-corner-right-top.gif) right top no-repeat;}
.left-bot{ background:url(../images/page-corner-left-bot.gif) left bottom no-repeat;}
.right-bot{ background:url(../images/page-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.indent{ padding:12px 13px 13px 12px;}
.indent ol{ padding:12px 13px 13px 17px;}

div#slideshow{ height: 302px; position: relative; width: 451px; }

/* ============================= header ====================== */

#header .menu{ width:100%; overflow:hidden;}
#header .menu li{ float:left;}
#header .menu a{ display:block; width:132px; font-size:1.182em; text-align:center; background:url(../images/menu-item-bg.gif) top repeat-x; color:#ffffff; text-decoration:none;}
#header .menu a span{ display:block; background:url(../images/menu-item-left-bg.gif) left top no-repeat;}
#header .menu a span span{ background:url(../images/menu-item-right-bg.gif) right top no-repeat; padding:13px 0 12px 0;}
#header .menu .first a{ width:134px;}
#header .menu .last a{ width:133px;}
#header .menu .first a span{ background:url(../images/menu-item-left-bg-first.gif) left top no-repeat;}
#header .menu .first a span span{ background:url(../images/menu-item-right-bg.gif) right top no-repeat;}
#header .menu .last a span{ background:url(../images/menu-item-left-bg.gif) left top no-repeat;}
#header .menu .last a span span{ background:url(../images/menu-item-right-bg-last.gif) right top no-repeat;}

#header .menu a:hover, #header .menu .active{ background:url(../images/menu-item-bg-act.gif) top repeat-x;}
#header .menu a:hover span, #header .menu .active span{ background:url(../images/menu-item-left-bg-act.gif) left top no-repeat;}
#header .menu a:hover span span, #header .menu .active span span{ background:url(../images/menu-item-right-bg-act.gif) right top no-repeat;}
#header .menu .first a:hover span, #header .menu .first .active span{ background:url(../images/menu-item-left-bg-act-first.gif) left top no-repeat;}
#header .menu .first a:hover span span, #header .menu .first .active span span{ background:url(../images/menu-item-right-bg-act.gif) right top no-repeat;}
#header .menu .last a:hover span, #header .menu .last .active span{ background:url(../images/menu-item-left-bg-act.gif) left top no-repeat;}
#header .menu .last a:hover span span, #header .menu .last .active span span{ background:url(../images/menu-item-right-bg-act-last.gif) right top no-repeat;}

#header .top1{ height:50px;}
#header .top{ height:130px;}
#header .logo{ margin:17px 0 0 21px; display:inline-block;}
#header .slogan{ margin:55px 0 0 5px; display:inline-block;}


#header .row{ background:url(../images/header-row-tail.gif) top repeat-x; margin-right:3px;}
#header .row .left-bg{ background:url(../images/header-row-left-bg.gif) left top no-repeat;}
#header .row .right-bg{ background:url(../images/header-row-right-bg.gif) right top no-repeat;}
#header .row .indent{ padding:9px 0 0 9px;}
#header .row .col-3 .indent{ padding: 9px 9px 9px 9px;}
#header h3 { font-size:12px; letter-spacing:0; text-transform:uppercase; color:#ffffff; font-weight:bold; text-align:center; padding:10px 0 5px 0;}
#header h4{ font-size:1.091em; text-transform:uppercase; color:#3e3e3e; background:url(../images/header-title-tail.gif) top repeat-x; font-weight:bold;}
#header h4 span{ display:block; background:url(../images/header-title-left-bg.gif) left top no-repeat;}
#header h4 span span{ background:url(../images/header-title-right-bg.gif) right top no-repeat; padding:13px 10px 14px 10px;}

#header .boxh5 {position:absolute; bottom:0; width:100%;}
#header h5{ font-size:1.091em; text-transform:uppercase; color:#f37100; background:url(../images/header-title-tail.gif) top repeat-x; font-weight:bold;}
#header h5 span{ display:block; background:url(../images/header-h5-left-bg.gif) left top no-repeat;}
#header h5 span span{ background:url(../images/header-h5-right-bg.gif) right top no-repeat; padding:13px 10px 14px 10px;}
#header h5 a{color:#f37100;text-decoration:none;}
#header h5 a:hover {color:#000000;text-decoration:none;}


#header .box{ background:#cacaca; padding: 20px 0 0 0; height:280px;}
/*#header .box .left-corner{ background:url(images/header-box-corner-left.gif) left bottom no-repeat;}
#header .box .right-corner{ background:url(images/header-box-corner-right.gif) right bottom no-repeat;}*/
#header .box .indent{ padding:0 12px 13px 10px;}

#header .list li{ line-height:2.182em; background:url(../images/header-list-line.gif) bottom repeat-x; padding-left:1px;}
#header .list .last{ background:none; padding-bottom:5px}
#header .list a{ display:block; position:relative; padding: 3px 3px 3px 20px; background: url(../images/playmovie.png) 0 0% no-repeat; color:#ffffff; text-decoration:none;}
#header .list a:hover{ background-position: 0 -30px; color:#000000;}
#header .list a:active{ background-position: 0 -60px; color:#000000;}

#header .list-2{ border-top: 1px solid #969696; margin: 0 0 25px 0; }
#header .list-2 li{ border-bottom: 1px solid #969696; font-size: 12px; padding: 8px 15px 8px 24px; }
#header .list-2 li a{ color: #302f2f; text-decoration: none; }
#header .list-2 li a:hover{ color: #fdfdfd; }

#header .list7 { padding:5px 5px 0 0 ;}
  
#header p.header-price{ color: #000; font-weight: bold; margin: 0; padding: 0 0 6px 8px; font-size: 24px; }
#header a.btn_free-trial{ background: url(../cssimg/btn_free-trial.jpg) 0 0 no-repeat; display: block; height: 33px; width: 133px; margin: -10px 0 0 10px; }
#header a.btn_free-trial:hover{ background-position: 0 -33px; }
#header p.header-price span{ color: #f37100; }
#header p.header-price small{ font-size: 11px; font-weight: normal; }
#header p.more_videos{ font-size: 11px; text-align: right; padding: 10px 10px 0 0 ; }
#header h2{ letter-spacing: 0; padding: 18px 0 21px 8px; text-transform: none; }
  
#header .col-3{ border: 1px solid #ababab; background: url(../cssimg/bg_gradient-1.png) #fcfcfc top left repeat-x; height: 298px; margin-left:6px;}
#header .block{ width:100%; height:148px;}
#header .bg1{ background:url(../images/header-block1-bg.jpg) left top no-repeat;}
#header .bg2{ background:url(../images/header-block2-bg.jpg) left top no-repeat; margin-top:4px;}
#header .block .indent{ padding:18px 20px 13px 100px;}
#header .block .indent1{ padding:18px 20px 13px 100px;}
#header .block h4{ color:#52a5d1; background:none; padding-bottom:10px;}
#header .block .list1 li{ line-height:1.636em; background:url(../images/list-marker.gif) no-repeat 0 6px; padding-left:8px;}
#header .block .list1 a{ color:#4c4c4c; text-decoration:none;}
#header .block .list1 a:hover{ text-decoration:underline;}

#header .indent h4.test{ color:#52a5d1; background:none; padding-bottom: 0px;}
#header .block p.testimonial{ font-size:11px; font-style:italic; line-height:12px;}
#header p.credit{ font-size:9px;font-style:normal; line-height:10px; padding-top:3px;}


#header .block .link{ display:block; background:url(../images/header-button-tail.gif) top repeat-x; float:right; color:#ffffff; text-decoration:none; font-weight:bold; margin-top:15px;}
#header .block .link span{ display:block; background:url(../images/header-button-left-bg.gif) left top no-repeat;}
#header .block .link span span{ background:url(../images/header-button-right-bg.gif) right top no-repeat; padding:4px 12px 7px 11px;}
#header .block .link:hover{ background:url(../images/header-button-tail-act.gif) top repeat-x;}
#header .block .link:hover span{ background:url(../images/header-button-left-bg-act.gif) left top no-repeat;}
#header .block .link:hover span span{ background:url(../images/header-button-right-bg-act.gif) right top no-repeat;}

#header .block .link0{ display:block; background:url(../images/header-button-tail.gif) top repeat-x; float:right; color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold; margin:0 0 0 0;}
#header .block .link0 span{ display:block; background:url(../images/header-button-left-bg.gif) left top no-repeat;}
#header .block .link0 span span{ background:url(../images/header-button-right-bg.gif) right top no-repeat; padding:4px 12px 7px 11px;}
#header .block .link0:hover{ background:url(../images/header-button-tail-act.gif) top repeat-x;}
#header .block .link0:hover span{ background:url(../images/header-button-left-bg-act.gif) left top no-repeat;}
#header .block .link0:hover span span{ background:url(../images/header-button-right-bg-act.gif) right top no-repeat;}
#header .indent .container1 {width:90px; overflow:hidden;}

#header .button{ float:right; padding-top:15px;}

#header .picture{margin:20px 0 0 15px; padding: 0 0 0 0; float:left;}

#header .watch_the_video{ text-align: center; }
#header .watch_the_video a img{ border: 1px solid #999; }
#header .watch_the_video a:hover img{ border-color: #158ed4; }

/* ============================= headerAd ====================== */

#headerad {background:none; }

.row1{ background:url(../images/header-row-tail1.gif) top repeat-x; margin-right:3px;}
.row1 .left-bg{ background:url(../images/header-row-left-bg1.gif) left top no-repeat;}
.row1 .right-bg{ background:url(../images/header-row-right-bg1.gif) right top no-repeat;}
.row1 .indent{ padding:9px 0 0 9px;}


#headerad h5{ font-size: 20px; text-transform:uppercase; color:#f37100; font-weight:bold; background:none;}
#headerad h5 a{color:#f37100;text-decoration:none;}
#headerad h5 a:hover {color:#000000;text-decoration:none;}

#headerad .col { width:907px; height:140px; overflow:hidden;}
#headerad .col1{ float:left; width:550px; height:140px; overflow:hidden;}
#headerad .col2{float:left; width:357px; height:140px;}
#headerad .box-1 { float: left; width: 50px; padding: 5px 0 0 35px;}
#headerad .box-2 { float: left; width: 155px; padding: 0 0 0 0;}
#headerad .box-3 { float: left; padding: 20px 0 0 10px;}

#headerad .list8 li{ line-height:1.182em;  padding-left:1px;}
#headerad .list8 .last{ background:none; padding-bottom:5px}
#headerad .list8 a{ display:block; position:relative; padding: 3px 3px 3px 20px; background: url(../images/playmovie1.png) 0 10% no-repeat; color:#333; text-decoration:none;}
#headerad .list8 a:hover{ background-position: 0 -37px; color:#000000;}
#headerad .list8 a:active{ background-position: 0 -67px; color:#000000;}

html body .wa-showcases-and-testimonials{ background: url(../cssimg/bg_gradient-1.png) #fdfdfd top left repeat-x; margin: 10px; padding: 30px 0; }
html body .wa-showcases-and-testimonials .content{ float: left; padding: 20px 0 0 50px; width: 431px; }
	html body .wa-showcases-and-testimonials .content h2{ font-size: 26px; text-transform: none; letter-spacing: 0; padding: 0 0 15px 0; }
	html body .wa-showcases-and-testimonials .content p.quote{ color: #616161; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.3em; }
	html body .wa-showcases-and-testimonials .content p.signature{ color: #616161; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.3em; text-align: right; }
	html body .wa-showcases-and-testimonials .content .contact{ padding: 35px 0 0 0; }
		html body .wa-showcases-and-testimonials .content .contact .contact-more{ float: left; width: 231px; }
		html body .wa-showcases-and-testimonials .content .contact .contact-phone{ float: left; width: 200px; }
		html body .wa-showcases-and-testimonials .content .contact .contact-phone h3{ color: #075480; font-size: 22px; font-weight: bold; letter-spacing: 0; text-align: right; }
			html body .wa-showcases-and-testimonials .content .contact .contact-phone h3 span{ display: block; font-size: 14px; padding: 6px 0 0 0; font-weight: normal; }
html body .wa-showcases-and-testimonials .images{ float: left; padding: 0 30px 0 0; text-align: right; width: 397px; }


#templates{ margin: 0 10px 30px 10px; }
#templates .wa-templates{ -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid #dedede; }
#templates .wa-templates h2{ -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: url(../cssimg/bg_gradient-2.png) #ededed top left repeat-x; text-transform: none; letter-spacing: 0; font-size: 13px; padding: 8px 15px; }
#templates .wa-templates .wa-templates-items{ overflow: hidden; position: relative; }
#templates .wa-templates .wa-templates-items-container{ position: relative; top: 0; left: 0; padding: 20px; }
#templates .wa-templates .productItem{ border: 1px solid #dedede; float: left; margin: 0 10px 10px 0; padding: 15px 0 0 0; width: 160px; }
#templates .wa-templates .shop-product-small{ border: 0; }
#templates .wa-templates .shop-product-small .image{ height: 90px; width: 84px; }
#templates .wa-templates .shop-product-small .image img{ height: 90px; width: 84px; }
#templates .wa-templates .shop-product-small h5{ margin: 0; padding: 0 10px; text-align: center; }

#templates .wa-templates .wa-templates-slider-wrapper{ background-color: #ededed; padding: 11px 70px 10px 70px; }
body #templates .wa-templates .wa-templates-slider-wrapper div.ui-widget-content{ background-color: #ededed; border: 0; }
#templates .wa-templates .wa-templates-slider a{ top: -4px; width: 120px; margin-left: -60px; }

/* ============================= content ====================== */
#content{ padding:9px 0 15px 10px;}

.box1{ background:#f37100; color:#ffffff;}
.box1 .left-top{ background:url(../images/box1-corner-left-top.gif) left top no-repeat;}
.box1 .right-top{ background:url(../images/box1-corner-right-top.gif) right top no-repeat;}
.box1 .left-bot{ background:url(../images/box1-corner-left-bot.gif) left bottom no-repeat;}
.box1 .right-bot{ background:url(../images/box1-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box1 .indent{ padding:22px 16px 32px 17px;}
.box1 h3{ text-transform:uppercase; font-size:1.545em; padding-bottom:19px;}

.box2{ background:#ebebeb; color:#505050;}
.box2 .left-top{ background:url(../images/box2-corner-left-top.gif) left top no-repeat;}
.box2 .right-top{ background:url(../images/box2-corner-right-top.gif) right top no-repeat;}
.box2 .left-bot{ background:url(../images/box2-corner-left-bot.gif) left bottom no-repeat;}
.box2 .right-bot{ background:url(../images/box2-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box2 .indent{ padding:15px 15px 18px 17px;}
.box2 h3{ text-transform:uppercase; color:#3e3e3e; font-size:1.091em; padding-bottom:15px;}
.box2 strong{ display:inline;}
.box2 .link{ display:inline-block; font-weight:bold; margin-top:5px;}
.box2 .link1{ color:#787878; font-weight:bold; display:inline-block; margin:13px 0 10px 0;}
.box2 .text1{ color:#656565;}

.box3{ background:#1482c0; color:#ffffff;}
.box3 .left-top{ background:url(../images/box3-corner-left-top.gif) left top no-repeat;}
.box3 .right-top{ background:url(../images/box3-corner-right-top.gif) right top no-repeat;}
.box3 .left-bot{ background:url(../images/box3-corner-left-bot.gif) left bottom no-repeat;}
.box3 .right-bot{ background:url(../images/box3-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box3 .indent{ padding:15px 20px 18px 17px;}
.box3 h3{ text-transform:uppercase; color:#c0deee; font-size:1.091em; padding-bottom:15px;}

#content .list{ margin-top:-5px;}
#content .list li{ line-height:1.636em; background:url(../images/list-marker.gif) no-repeat 0 6px; padding-left:9px;}
#content .list li a{ color:#656565; text-decoration:none;}
#content .list li a:hover{ text-decoration:underline;}
.color2 a{ color:#505050 !important;}
.color3 {color:#FFF; font-weight:bold;}
.border {border:thin #CCC;}


.list2 li{ background:url(../images/list2-item-bg.gif) top repeat-x; padding:12px 0 16px 10px;}
.list2 a{ display:inline-block; padding:5px 0 5px 45px; color:#ffffff; font-weight:bold; font-size:1.364em; text-decoration:none;}
.list2 a:hover{ color:#000000;}
.list2 .item1 a{ background:url(../images/list2-item1-bg.png) no-repeat 0 0;}
.list2 .item2 a{ background:url(../images/list2-item2-bg.png) no-repeat 0 0;}
.list2 .item3 a{ background:url(../images/list2-item3-bg.png) no-repeat 0 0;}
.list2 .item4 a{ background:url(../images/list2-item4-bg.png) no-repeat 0 0;}
.list2 .item5 a{ background:url(../images/list2-item5-bg.png) no-repeat 0 0;}
.list2 .item6 a{ background:url(../images/list2-item6-bg.png) no-repeat 0 0;}
.list2 .item7 a{ background:url(../images/list2-item7-bg.png) no-repeat 0 0;}
.list2 .item8 a{ background:url(../images/list2-item8-bg.png) no-repeat 0 0;}
.list2 .item9 a{ background:url(../images/list2-item9-bg.png) no-repeat 0 0;}
.list2 .item10 a{ background:url(../images/list2-item10-bg.png) no-repeat 0 0;}

.list-3{ padding: 0 0 20px 10px; }
.list-3 li{ font-size: 14px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; margin: 0 0 8px 0; }
.list-3 li img{ margin: 0 10px 0 0; }
.list-3 li.no-image{ padding: 0 0 0 27px; }

.more_videos{ text-align: right; padding-right: 130px; }
.watch_the_video{ padding-left: 0px; }

.polaroid{ background-color: #fff; border: 1px solid #000; padding: 0px; }
.polaroid-2{ background-color: #fff; border: 1px solid #ced2d4; padding: 10px; }
.polaroid-3{ border: 5px solid #bfbfbf; }
.polaroid-4{ background-color: #fff; border: 1px solid #ced2d4; padding: 5px; }
a:hover .polaroid{ border-color: #158ed4; }

h5{ font-size: 12px; text-transform: uppercase; color: #878787; padding: 0 0 20px 0; }

.type2{ font-size:1.091em; line-height:1.5em;} 
.type2 strong{ font-size:1.25em; font-weight:bold; text-decoration:none; padding:0;}
.type2 a{ font-size:1em; padding:0;}
.type3{ font-size:9px; line-height:10px;} 

.list3 li{ line-height:1.636em; background:url(../images/list-marker.gif) no-repeat 0 6px; padding-left:12px;}
.list4 li{ line-height:1.636em; background:url(../images/list-check.gif) no-repeat 0 6px; padding-left:12px;}
.list5 li{ font-weight:bold; line-height:2em; background:url(../images/list-boolet.gif)  no-repeat 0 6px; padding-left:12px;}
.list6 li{ line-height:1.636em; background:url(../images/list-boolet.gif)  no-repeat 0 6px; padding-left:12px;}

.list-7{ padding: 0 0 0 17px; }
.list-7 li{ list-style-image: url(/cssimg/ico_list-7.png); line-height: 18px; padding: 0 0 8px 0; }

.wrap {float:left; padding: 0 15px 15px 0;}
.indent2{ padding:22px 5px 0 5px;}
.indent3{ padding:22px 3px 0 15px;}
.unline{ border-bottom:solid 1px #c0c0c0; padding-bottom:12px; margin-bottom:22px;}
.unline2{ border-bottom:solid 1px #c0c0c0; padding-bottom:20px; margin-bottom:22px;}

.link1{ padding-top:5px; text-align:right;}
.link1 a{ display:inline-block; background:url(../images/form-button-tail.gif) top repeat-x;  text-decoration:none; color:#ffffff; font-weight:bold; margin-top:6px; vertical-align:middle;}
.link1 a span{ display:block; background:url(../images/form-button-left-bg.gif) left top no-repeat;}
.link1 a span span{ background:url(../images/form-button-right-bg.gif) right top no-repeat; padding:5px 10px 5px 10px; vertical-align:middle;}
.link1 a:hover{ background:url(../images/form-button-tail-act.gif) top repeat-x;}
.link1 a:hover span{ background:url(../images/form-button-left-bg-act.gif) left top no-repeat;}
.link1 a:hover span span{ background:url(../images/form-button-right-bg-act.gif) right top no-repeat;}

.link2{ display:block; background:url(../images/link2-tail.gif) top repeat-x; float:right; color:#ffffff; text-decoration:none; font-weight:bold; margin-top:10px;}
.link2 span{ display:block; background:url(../images/link2-left-bg.gif) left top no-repeat;}
.link2 span span{ background:url(../images/link2-right-bg.gif) right top no-repeat; padding:4px 12px 7px 11px;}
.link2:hover{ background:url(../images/link2-tail-act.gif) top repeat-x;}
.link2:hover span{ background:url(../images/link2-left-bg-act.gif) left top no-repeat;}
.link2:hover span span{ background:url(../images/link2-right-bg-act.gif) right top no-repeat;}

.link4{ background:url(../images/list-marker.gif) no-repeat 0 6px; padding-left:9px; font-weight:bold; color:#505050; text-decoration:none;}

/* ============================= footer ====================== */
#footer{ font-size:10px; border-top:solid 1px #e1e1e1; margin:0 12px 0 10px;}
#footer .menu{ float:right; padding-top:20px;}
#footer .menu li{ float:left; background:url(../images/footer-menu-bg.gif) no-repeat 0 0; padding-right:21px;}
#footer .menu .first{ background:none;}
#footer .menu .last{ padding-right:0;}
#footer .menu a{ margin-left:21px; color:#949494;}

#footer .text{ padding:21px 0 0 4px; color:#656565;}
#footer .text a{ font-weight:bold;}

/* ============================= forms ============================= */
#SearchForm{ float:right; color:#4c4c4c; padding:30px 15px 0 0;}
#SearchForm input{ border:solid 1px #b7b7b7; width:205px; padding:2px 0 2px 0; margin:5px 2px 0 0; line-height:1em; font-size:1.273em;}
#SearchForm a{ display:inline-block; background:url(../images/form-button-tail.gif) top repeat-x; text-transform:uppercase; text-decoration:none; color:#ffffff; font-weight:bold; margin-top:6px; vertical-align:middle;}
#SearchForm a span{ display:block; background:url(../images/form-button-left-bg.gif) left top no-repeat;}
#SearchForm a span span{ background:url(../images/form-button-right-bg.gif) right top no-repeat; padding:5px 25px 5px 25px; vertical-align:middle;}
#SearchForm a:hover{ background:url(../images/form-button-tail-act.gif) top repeat-x;}
#SearchForm a:hover span{ background:url(../images/form-button-left-bg-act.gif) left top no-repeat;}
#SearchForm a:hover span span{ background:url(../images/form-button-right-bg-act.gif) right top no-repeat;}

#SubscribeForm input{ border:solid 1px #000000; padding:3px 0 3px 2px; width:187px; font-size:1em;}
#SubscribeForm .link3{ color:#ffffff; display:inline-block; margin-top:10px;}

#SearchForm2 input{ border:solid 1px #000000; padding:3px 0 3px 2px; width:187px; font-size:1em;}
#SearchForm2 .link3{ color:#ffffff; display:inline-block; margin-top:10px;}

#SearchForm3 input{ border:solid 1px #000000; padding:3px 0 3px 2px; width:187px; font-size:1em;}
#SearchForm3 .link3{ color:#ffffff; display:inline-block; margin-top:10px;}

#ContactForm{ margin-top:-7px;}
#ContactForm label{ display:block; height:34px;}
#ContactForm input{ border:solid 1px #7d7d7d; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 0 3px; width:187px;}
#ContactForm textarea{ border:solid 1px #7d7d7d; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:187px; height:145px; overflow:hidden;}
#ContactForm .link2{ margin-left:8px;}

/* ============================= bc-player rollover ============================= */

#bcplayer {position: relative; float:left; margin: 10px 10px 0 0; padding: 0px; width: 220px; height: 155px;}
#bcplayer li {width: 220px; height: 155px; position: absolute; background: url(/images/bc-play-icon.png) 0 0 no-repeat; display: block; list-style: none;}
#bcplayer a {width: 220px; height: 155px; position: absolute; background: url(/images/bc-play-icon.png) 0 0 no-repeat; display: block; list-style: none; background-position: 0 0;}
#bcplayer a:hover {background-position: 0 -155px;}
#bcplayer a:active {background-position: 0 -310px;}



#bcplayer2 {position: relative; float:left; margin: 0 0 0 0; padding: 0px; width: 357px; height: 140px;}
#bcplayer2 li {width: 357px; height: 140px; position: absolute; background: url(/images/bc_interface.png) 0 0 no-repeat; display: block; list-style: none;}
#bcplayer2 a {width: 357px; height: 140px; position: absolute; background: url(/images/bc_interface.png) 0 0 no-repeat; display: block; list-style: none; background-position: 0 0;}
#bcplayer2 a:hover {background-position: 0 -140px;}
#bcplayer2 a:active {background-position: 0 -280px;}

/* ============================= gallery videos============================= */

.videos {margin: 20px 0px 40px 30px;}
.videos .item {margin-right:40px;}
.videos a{ text-decoration:none;}

/* ============================= templates ============================= */

.templates {margin: 0 0 20px 0;}
.templates .item {margin-right:19px;}
.templates a{ text-decoration:none;}

/* ============================= template ads ============================= */
#templateadtop { width: 194px; height: 219px;}
#templateadtop li {width: 194px; height: 219px;  background: url(../images/templates-ads/templates-ad1-top.png) 0 0 no-repeat; display: block;  none;}
#templateadtop a {width: 194px; height: 219px;  background: url(../images/templates-ads/templates-ad1-top.png) 0 0 no-repeat; display: block; none; background-position:0 0;}
#templateadtop a:hover {background-position: 0 -219px;}


#templateadbottom { background:url(../images/templates-ads/templates-ad1-bottom.png) no-repeat; display:block; height: 79px; }
#templateadbottom h5{ font-size:11px; font-weight:700; color:#FFF; line-height:13px;}
#templateadbottom .textbox1 { width: 65px; float:left; margin: 50px 0 20px 20px; text-align:left;}
#templateadbottom .textbox1 a{ color:#C33; text-decoration: underline;}
#templateadbottom .textbox1 a:hover {text-decoration:none;}
#templateadbottom .textbox2 { width: 65px; float:right; margin: 20px 8px 20px 0; text-align:center;}
#templateadbottom .textbox2 a {color:#FFF; text-decoration:none; }
#templateadbottom .textbox2 a:hover {text-decoration:underline;}


#templatead { background:url(../images/templates-ads/templates-ad1.png) no-repeat; display:block; height: 300px; }
#templatead h5{ font-size:11px; font-weight:700; color:#FFF; line-height:13px;}
#templatead .textbox1 { width: 65px; float:left; margin: 270px 0 20px 20px; text-align:left;}
#templatead .textbox1 a{ color:#C33; text-decoration: underline;}
#templatead .textbox1 a:hover {text-decoration:none;}
#templatead .textbox2 { width: 65px; float:right; margin: 240px 8px 20px 0; text-align:center;}
#templatead .textbox2 a {color:#FFF; text-decoration:none; }
#templatead .textbox2 a:hover {text-decoration:underline;}

/* ============================= home ============================= */

#banner1 { background:url(../images/home-banner1.jpg) no-repeat; display:block; height:91px; overflow:hidden; clear:both; margin-bottom: 25px; padding-left: 20px;}
#banner1 h3{font-family:Tahoma, Geneva, sans-serif; font-size:24px; color:#000; font-weight:700; letter-spacing:1px;}
#banner1 .smtxt {font-size:18px;}
#banner1 h5{font-family:Tahoma, Geneva, sans-serif; font-size:15px; color:#000; font-weight:600; letter-spacing: .07em; line-height:normal; padding: 20px 0 15px 0; }
#banner1 .highlight {color:#F90;} 
#banner1 a{text-decoration:underline; color:#000; }
#banner1 a:hover {text-decoration:none; color:#F90;}

#banner2 { background:url(../images/home-banner2.jpg) no-repeat; display:block; height:117px; overflow:hidden; }

#banner4 { background:url(../images/home-banner4.png) no-repeat; display:block; height:134px; overflow:hidden; clear:both; margin-bottom:14px;  text-align:left;}
#banner4 h1 {font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#000; text-transform:none;  line-height: 18px; letter-spacing:normal; padding:20px 0 0 15px;}
#banner4 .reduce {font-size:11px;}
#banner4 h2 {font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#FFF; text-transform:none;  line-height: 18px; letter-spacing:normal; padding:10px 0 0 15px;}
#banner4 a {color:#000; text-decoration:underline;}
#banner4 a:hover {text-decoration: none}
#banner4 h2 a {color:#FFF; text-decoration:underline;}



#banner5 {background:url(../images/home-background-banner5.png) repeat-x; display:block; height:222px; margin-bottom:40px; border: solid #F60 1px; }
#banner5 .col1 {width:390px; float:left; padding: 25px 0 0 30px;}
#banner5 .col2 {background:url(../images/home-banner6.png) no-repeat; display:block; height:224px; overflow:hidden; width: 204px; float:right; text-align:center;}
#banner5 h1 {font-family:Verdana, Geneva, sans-serif; font-size:22px; color:#f56604; text-transform:none; padding-bottom:20px;}
#banner5 h1.column2 {font-size:20px; color: #FFF;  padding: 25px 15px 15px 15px;}
#banner5 h3 {font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#1378ba; font-weight:500; letter-spacing:normal; line-height:18px; }
#banner5 h3 a { color: #1378ba; text-decoration:underline;}
#banner5 h3 a:hover {text-decoration:none;}
#banner5 h3.column2 {color: #f27979; font-weight:500;  padding: 0 15px 0 15px;}

#banner7{ background: url(/cssimg/bg_banner7.png) 0 0 no-repeat; height: 122px; position: relative; }
#banner7 .lnk_free-trial-large{ background: url(/cssimg/btn_free-trial-lg.png) 0 0 no-repeat; display: block; height: 44px; position: absolute; right: 30px; top: 80px; width: 182px; }
#banner7 .lnk_free-trial-large:hover{ background-position: 0 -43px; }
#banner7 h2{ font-size: 31px; font-weight: bold; position: absolute; right: 47px; top: 30px; }
#banner7 h2 span.price{ color: #f37100; }
#banner7 h2 span.time-unit{ font-size: 11px; }
#banner7 #phone-bc{ position: absolute; height: 45px; top: 70px; right: 280px; width: 193px; }

#contactus { width: 204px; height: 29px; float:left; margin: 0 0 -13px 200px; }
#contactus a { width: 204px; height: 29px; background:url(../images/contact-us.png) 0 0 no-repeat; display:block;  background-position: 0 0;}
#contactus a:hover {background-position: 0 -29px;}

#btn-red { width: 81px; height: 25px; float:left; margin: 80px 0 0 105px; }
#btn-red a { width: 81px; height: 25px; background:url(../images/btn-red.png) 0 0 no-repeat; display:block;  background-position: 0 0;}
#btn-red a:hover {background-position: 0 -25px;}


#step1 {width: 219px; height: 300px; float:left;}
#step1 a {width: 219px; height: 300px; background:url(../images/home-step1.jpg) 0 0 no-repeat; display:block; background-position: 0 0;}
#step1 a:hover {background-position: 0 -300px;}

#step2 { width: 219px; height: 300px; float:left;}
#step2 a {width: 219px; height: 300px; background:url(../images/home-step2.jpg) 0 0 no-repeat; display:block; background-position: 0 0;}
#step2 a:hover {background-position: 0 -300px;}

#step3 { width: 219px; height: 300px;float:left; margin-bottom: 27px;}
#step3 a { width: 219px; height: 300px; background:url(../images/home-step3.jpg) 0 0 no-repeat; display:block; background-position: 0 0;}
#step3 a:hover {background-position: 0 -300px;}


/* ============================= Inner template ============================= */

#banner3 { background:url(../images/home-banner3a.png) no-repeat; display:block; height:120px; width:907px; overflow:hidden; clear:both;}
#banner3 .col1{float:left; width:500px; height:120px}
#banner3 .box-1{float:left; width:150px; height:120px; margin: -10px 0 0 -35px; }


#banner3 .col2 {float:left; width:400px; height:120px; overflow:hidden;}
#banner3 .box-2 { float: left; width: 140px; padding: 0 0 0 0; margin: 30px 0 0 105px;}

#banner3 h1 {font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; text-transform:none;  letter-spacing:normal; padding:25px 0 5px 20px; margin:0 0 0 0 ;}
#banner3 .reduce {font-size:11px;}
#banner3 h2 {font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#FFF; text-transform:none;  letter-spacing:normal; padding-left:20px; margin:0 0 0 0 ; border-bottom:none;}
#banner3 h2 a {color:#FFF; text-decoration:underline;}
#banner3 a {color:#000; text-decoration:underline;}
#banner3 a:hover {text-decoration: none}
#banner3 h5 {font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#F60; font-weight:500; }
#banner3 h5 a { color:#F60; text-decoration:none;}
#banner3 h5 a:hover { color:#F60; text-decoration:underline;}	
#banner3 .list9 li{ line-height:1em;  padding-left:1px;}
#banner3 .list9 a{ display:block; position:relative; padding: 6px 3px 3px 30px; background: url(../images/play-video.png) 0 0% no-repeat; color:#333; text-decoration:none;}
#banner3 .list9 a:hover{ background-position: 0 -19px; color:#000000;}

#try-free { width: 75px; height: 35px; float:left; margin: 67px 48px 0 25px; }
#try-free a { width: 75px; height: 35px; background:url(../images/try-free.png) 0 0 no-repeat; display:block;  background-position: 0 0;}
#try-free a:hover {background-position: 0 -35px;}

#contactus2 { width: 153px; height: 23px; float:left; margin: 95px 0 0 48px; }
#contactus2 a { width: 153px; height: 23px; background:url(../images/contact-us2.png) 0 0 no-repeat; display:block;  background-position: 0 0;}
#contactus2 a:hover {background-position: 0 -23px;}


/* ============================= Company template ============================= */

#page1 p.quote1{ color: #616161; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 12px; padding-top: 0;line-height: 1.3em; }


/* ============================= Solutions template ============================= */

#page1 p.size-down { font-size:12px;}
#page1 p.black {color: #000;}
.container-1 {padding:7px 10px 7px 10px;}

/* ============================= Strategy template ============================= */

.right { text-align:right;}



/* ============================= Testimonials Web App ============================= */
.wa-testimonials-list-item{ padding: 0 0 50px 20px; }
	.wa-testimonials-list-item-image{ float: left; width: 185px; }
		.wa-testimonials-list-item-url{ padding: 15px 0 0 0; }
	.wa-testimonials-list-item-content{ float: left; width: 425px; }
		.wa-testimonials-list-item-name{ padding: 0 0 15px 0; }
		.wa-testimonials-list-item-description{ font-style: italic; line-height: 18px; padding: 0 0 20px 0; }
		.wa-testimonials-list-item-client-letter{ padding: 0 0 10px 0; }
		.wa-testimonials-list-item-case-study{ padding: 0 0 10px 0; }