html, body, div, span, applet, object, iframe,p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0;outline: 0;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
/* Class below is responsible for rounding in nonIE browser, if you want css to validate, remove line below --------- */
.rounded {-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari */}
/*---------------------------------------------------------------------------------------
--- BASICS
---------------------------------------------------------------------------------------*/
html { min-height:101%;}
body {color: #333; font-size: 12px; font-family: Verdana, Helvetica, sans-serif; line-height:20px; margin: 0; padding: 0; background:#ffffff url(../images/images/background/bkg_buzz_telecom.gif) repeat-x 0 -41px;padding-bottom:30px; }
a {color:#000;}
a:hover {color:#000;}
a:active {color:#000;}
a:visited {color:#000;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;} /* for IE/Mac */
.padd10 {padding-right:10px;}
h1 {font-size:30px;margin:0px;}
h2 {font-size:20px;margin:5px 0px;}
h3 {font-size:16px;margin:0px;}
/* ------------------------------------------------------------------------------------
STRUCTURE */
#container_top { bottom #fff;width:100%;}
#content_top { bottom #fff;width:960px;margin: 0px auto;height:180px;position:relative;}
#content {width:961px;margin:0px auto;background:#fff;border-left:1px solid #DDD;border-right:1px solid #DDD;text-align:left;}
#footer {background:#323232;width:960px;margin-top:10px;}
#footer a {text-decoration:none;}
#footer {background:#eee;}
/* ---- secondary paragraphs */
.section {padding:20px;}
.section img {padding:5px;border:1px solid #eee;margin:9px;}
.section p {padding:12px 1px 5px 220px; font-size:12px;}
/* ------------------------------------------------------------------------------------
CUSTOM */
/* LOGO --------- */
div#logo h1 {margin:0px;margin-left:0px;}
div#logo h1 a {display:block;background:url(../images/buzz/images/buzz-telecom-logo.png) no-repeat left bottom; width:113px;height:121px;text-indent:-9999px;}
/* Login form (client area) --------- */
div#clientarea {position:absolute;top:-66px;right:0px;background:url(../img/client.png) no-repeat bottom;width:263px;padding-bottom:30px;padding-top:2px;}
#login {color: #fff;font-size: 10px;text-align: right;margin: 2px;}
input#submit {margin-top:30px;margin-right:10px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;}
#login div {width:190px;float:left}
#login label {display:block;}
input#client_login {margin-right: 5px;border:1px solid #606060;background:transparent;width:100px;margin-bottom:5px;color:#fff;padding:3px;}
input#client_pswd {margin-right: 5px;border:1px solid #606060;background:transparent;width:100px;color:#fff;padding:3px;}
/* First page promo top --------- */
div#promodesc {width:460px;padding:10px;padding-left:50px;padding-top:30px;font-size:12px;}
div#promodesc h1 {font-size:34px;font-family: "Trebuchet MS", sans-serif;font-style: normal;font-weight: bold;text-transform: normal;letter-spacing: -1px;}
div#promodesc h2 {font-size:18px;margin-top:10px;font-family: "Trebuchet MS", sans-serif;font-style: normal;font-weight: bold;text-transform: normal;letter-spacing: -1px;}
div#promodesc p {margin-top:20px;width:400px;background:url(../img/dot.jpg) top repeat-x #639426;padding:7px;border:1px solid #426403;line-height:18px;font-size:14px;}
div#promoimg {width:400px;padding:20px;background:url(../img/promoimage.jpg) no-repeat bottom;height:280px;}
div#promo {background:url(../img/contentbg.jpg) bottom repeat-x #8cbb51;color:#fff;}
div#buttons {width:370px;margin-top:40px;margin-left:0px;}
/* Buttons Tour and Demo --------- */
a#tour {display:block;width:169px;height:43px;background:url(../img/tour.jpg) top;text-indent:-9999px;}
a:hover#tour {display:block;width:169px;height:43px;background:url(../img/tour.jpg) 0px 43px;}
a#test {display:block;width:169px;height:43px;background:url(../img/test.jpg) top;text-indent:-9999px;}
a:hover#test {display:block;width:169px;height:43px;background:url(../img/test.jpg) 0px 43px;}
/* Features on home page with icons --------- */
div#features {background:url(../img/descbg.jpg) repeat-x top #fff;width:960px;padding-bottom:10px;}
div#features h2 {margin:0px;padding:20px 20px;}
ul#feat {width:600px;margin-top:0px;margin-left:10px;}
ul#feat li {float:left;display:block;width:200px;padding-left:75px;margin:10px;margin-bottom:20px;}
ul#feat li h3 {margin:0px;text-transform:uppercase;}
#f_clock {background:url(../img/fico_clock.jpg) top left no-repeat;}
#f_monitor {background:url(../img/fico_monitor.jpg) top left no-repeat;}
#f_pen {background:url(../img/fico_pen.jpg) top left no-repeat;}
#f_search {background:url(../img/fico_search.jpg) top left no-repeat;}
#f_secure {background:url(../img/fico_secure.jpg) top left no-repeat;}
#f_stamp {background:url(../img/fico_stamp.jpg) top left no-repeat;}
/* From the blog box --------- */
div#recentonblog h2 {padding-left:0px;}
div#recentonblog h3 a {color:#999;text-decoration:none;}
div#recentonblog ul li {margin:0px 0px 10px 0px;padding:5px 0px;border-bottom:1px dashed #eee;}
div#recentonblog ul li p {padding:10px 0px;}
div#recentonblog {width:300px;border-left:0px solid #eee;border-bottom:0px solid #eee;padding-left:20px;padding-right:20px;padding-bottom:10px;background:url(../img/recentbg.jpg) no-repeat left bottom ;}
span.date {color:#999;padding-left:20px; background:url(../img/date.jpg) no-repeat left top;display:block;height:15px;margin-top:5px;font-size:9px;}
a.more {color:#999;padding-right:10px; background:url(../img/more.jpg) no-repeat right center;text-decoration:none;}
/* Testimonials --------- */
div#testimonials h2 {margin:0px;padding:0px 0px 10px 12px;}
div#testimonials {color: #323232;background:url(../img/descbg.jpg) repeat-x top #fff;margin:0 0 24px;padding:15px 10px 10px;width:940px;height:80px;}
div.avatar {background:url(../img/avatar_bg.jpg) no-repeat; width:46px; height:44px;float:right;}
div.avatar img {padding-left:6px;padding-top:4px;}
blockquote {color:#868686;font-family: "Trebuchet MS", serif;font-size: 20px;letter-spacing: normal;padding:0px 0px 0px 25px;line-height:22px;background:url(../img/quotetop.jpg) no-repeat top left #fff;}
blockquote span {background:url(../img/quotebottom.jpg) no-repeat top right;padding-right:25px;}
div#testimonialslist p {margin-right:30px;margin-top:5px;color:#6a6a6a;font-family: Verdana, serif;font-size: 13px;margin-left:10px;background:#fff;}
div#testimonialslist {margin-top:10px;}
.tstm_author {background-image:none;background-color:#fff;font-size:12px;font-weight:normal}
.pics_container {overflow:hidden;height:263px;width:372px;padding-top:24px;padding-left:10px;}
.pics img {top:0;left:0;position:relative;z-index:1}
.pics {position:relative;z-index:1}
/* Footers boxes --------- */
.column {width:380px;padding:10px 20px;}
.columnleft {width:300px;padding:10px 20px;}
.columnright {width:580px;padding:10px 10px;}
#quickcontact img {padding:5px; border:0px solid #808080;background:#474747;margin-right:20px;}
#quickcontact a {color:#fff;}
#bottom {background:url(../img/bottombg.jpg) repeat-x top #323232;width:962px;color:#fff;}
#bottomline {background:url(../img/bottom.jpg) repeat-x bottom #323232;width:942px; padding:8px 10px;color:#6a6a6a;border-top:1px dashed #6e6e6e;}
#bottomline a {color:#f8f400;text-decoration:none}
#bottom h2 {color:#fff;margin-bottom:10px;}
/* BLOG --------- */
#blog {width:960px;}
#head {background:url(../img/contentbg.jpg) bottom repeat-x #8cbb51;color:#fff;border-bottom:1px solid #496f1a;}
#head h2 {padding:10px;margin:0px;}
#posts {width:650px;padding:10px;padding-top:20px;padding-right:10px;}
.post_content {width:600px;min-height:100px;}
.post_content .entry {padding:20px 10px 20px 15px;}
.post_content h2 {padding-left:10px;color:#578c15;}
.post_content h2 a {text-decoration:none;color:#578c15;}
.post {background:url(../img/post_bottom.jpg) no-repeat bottom center;padding-bottom:40px;}
.post_meta {background:url(../img/whitedot.jpg) top repeat-x #eee;padding:2px 5px;border:1px solid #ddd;color:#a1a1a1;margin:5px 0px;}
.post_meta a.categorylink {background:#fff;text-decoration:none;}
.post_meta a {text-decoration:none;color:#323232;}
.entry blockquote{font-size:13px;padding:0px 5px 0px 20px;margin:15px;}
.post_date {margin-top:40px;background:url(../img/datebg.jpg) no-repeat;width:49px;height:56px;padding-top:6px;color:#868686;line-height:16px;}
.post_date .day {font-family: Georgia, "Times New Roman", Times, serif;font-size:26px;text-align:center}
.post_date .month {font-family: Georgia, "Times New Roman", Times, serif;font-size:12px;text-align:center}
.post_date .hour {font-family: Georgia, "Times New Roman", Times, serif;font-size:14px;text-align:center;margin-top:-5px;}
.pagination{margin-top:0px; }
.pagination a, .pagination span{background: #fff;padding:5px;margin:2px;border:1px solid #d9d9d9;text-decoration:none;}
.entry img {padding:5px; border:0px solid #eee; margin:0px; margin-bottom:20px;}
.entry cite a {color:#999;text-decoration:none;}
.entry a {color:#666; margin-left:0px; padding-top:5px;}
.entry ul, .entry ol {padding-left:260px; margin: 3px 12px; list-style:circle}
.entry h2.title a {margin-left:22px; text-decoration:none;color:#578C15;font-size:22px;}
.entry h2.title {margin-bottom:15px; margin-top:0px;}
.entrytwo img {padding:5px; border:1px solid #eee;margin:5px;}
.entrytwo cite a {color:#999;text-decoration:none;}
.entrytwo a {color:#666; margin-left:0px; padding-top:5px;}
.entrytwo ul, .entrytwo ol {padding-left:260px; margin: 3px 12px; list-style:circle}
.entrytwo h2.titletwo a {margin-left:23px; text-decoration:none; color:#578C15;font-size:28px; margin-bottom:1px;}
.entrytwo h2.titletwo {margin-bottom:15px; margin-top:5px;}
/* Blog sidebar --------- */
/* --- sidebar --- */
div.sidebar div, div.sidebar ul, div.sidebar li, div.sidebar li form { margin: 0; padding: 0; }
div.sidebar h3 { margin: 0 0 8px 0; padding: 0; }
div.sidebar h3 a { color: #333; text-decoration: none; }
div.sidebar h3 a:hover { color: #0088cc; text-decoration: underline; }
div.sidebar h3 .rsswidget img { height: 0; visibility: hidden; display: none; } /* hides rss feed icon */
div.sidebar ul li { list-style: none; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #ddd; }
div.sidebar ul ul { margin: 0; padding: 0; list-style-type: none; }
div.sidebar ul ul li { margin: 0; padding: 0; border-style: none; }
div.sidebar ul li.widget_text div, div.sidebar ul li.widget_polls div { line-height: 21px; }
div.sidebar ul li.widget_popular_posts ul li a,
div.sidebar ul li.widget_recent_entries ul li a,
div.sidebar ul li.widget_page_link_manager ul li a,
div.sidebar ul li.widget_categories ul li a,
div.sidebar ul li.widget_archive ul li a,
div.sidebar ul li.widget_links ul li a,
div.sidebar ul li.widget_rss ul li a
{ color: #333; display: block; margin: 0; padding: 4px 18px 4px 0; background: url(../images/buzz/images/images/icon-arrow.gif) no-repeat scroll 187px 5px; }
div.sidebar ul li.widget_popular_posts ul li a:hover,
div.sidebar ul li.widget_recent_entries ul li a:hover,
div.sidebar ul li.widget_page_link_manager ul li a:hover,
div.sidebar ul li.widget_categories ul li a:hover,
div.sidebar ul li.widget_archive ul li a:hover,
div.sidebar ul li.widget_links ul li a:hover,
div.sidebar ul li.widget_rss ul li a:hover
/* --- left nav color change --- */
{ color: #000; background: url(../images/buzz/images/icon-arrow-on.gif) no-repeat scroll 187px 5px; }
div.sidebar ul ul ul { margin: 0; padding: 0; list-style-type: none; }
div.sidebar ul ul ul li { margin: 0; padding: 0; border-style: none; list-style-type: none; }
div.sidebar { float: left; width: 200px; height: 500px; overflow: hidden; margin: 0; padding: 0px 22px 0px 23px; background-color: #fff; }
div#primary { padding-top: 22px; background: #fff url(images/background-sidebar.gif) repeat-x left top; }
/* Price page and table --------- */
#pricefaq li {display:block;float:left;width:240px;padding:20px;border:1px solid #eee;margin:5px;}
table#prices {width:100%;margin-bottom:20px;margin-top:20px;}
table#prices td {background:url(../img/tabletdbg.jpg) repeat-y left #8cbb51;text-align:center;border:0px}
table#prices td.tdname {background:url(../img/tdname.jpg) top left no-repeat #323232;padding:5px 0px 5px 5px;width:190px;vertical-align:middle;color:#fff;text-align:left;}
table#prices th {font-size:16px;text-align:center;background:url(../img/thbg.jpg) bottom repeat-x;color:#fff;height:25px;vertical-align:bottom;padding-bottom:3px;border:0px}
span.yes {display:block;background:url(../img/yes.jpg) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;;margin-top:4px;}
span.no {display:block;background:url(../img/no.jpg) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;}
span.option {display:block;background:url(../img/option.jpg) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;}
table#prices td.totalprice {color:#fff;font-size:18px;padding-top:7px;background:url(../img/tabletdprices.jpg) repeat-x top #8cbb51}
/* Tour page --------- */
#tour {background:url(../img/toursidebar.jpg) repeat-y left}
#sidebar_tour {width:235px;padding-top:20px;}
#sidebar_tour li.current {background:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:10px 0px 10px 10px;} /* Use this class for hover --------- */
#sidebar_tour li {padding:10px 0px 10px 10px;border-bottom:1px solid #ddd;}
#sidebar_tour a {text-decoration:none}
#tour_content {margin-left:30px;padding-top:20px;width:650px;padding-bottom:30px;}
#tour_content ul#count {margin-top:20px;}
#tour_content ul#count li {font-size:25px;padding:10px;padding-left:65px;height:40px;padding-top:15px;}
.one {background:url(../img/1.jpg) top left no-repeat;}
.two {background:url(../img/2.jpg) top left no-repeat;}
.three {background:url(../img/3.jpg) top left no-repeat;}
.four {background:url(../img/4.jpg) top left no-repeat;}
.five {background:url(../img/5.jpg) top left no-repeat;}
/* Contact Form --------- */
.message {display:none;}
.contact {text-align:right; width:400px;}
.contact ul {list-style-type:none;}
.contact li {list-style-type:none;margin:5px 0px;}
.contact li.special {display:none;}
.contact label {float:left;padding-top:4px;}
.contact input {width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
.contact textarea {width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
input#send {margin-top:30px;margin-right:10px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;}
#alert {margin-top:5px;width:390px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px;}
#contact_info{text-align:center;width:450px;margin-top:5px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px;}
/* Genreal Form --------- */
.form {text-align:right; width:400px;}
.form ul {list-style-type:none;}
.form li {list-style-type:none;margin:5px 0px;}
.form li.special {display:none;}
.form label {float:left;padding-top:4px;}
.form input {width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
.form textarea {width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
.form select {width:272px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}