/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#a7a7a7;
	min-width:980px;
	background:#fff;
  	font-size:0.8125em;
	line-height:1.4615em;
}

.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat;}

.main {
	width:980px; 	
	padding:0;
	margin:0 auto;
}

a {color:#1799cf; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3 {float:left;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:19px;}
.p3 {margin-bottom:23px;}
.p4 {margin-bottom:32px;}
.p5 {margin-bottom:42px;}
.p6 {margin-bottom:28px;}

.ind-bot {margin-bottom:15px;}
.title-ind {margin-bottom:4px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.color-1 {color:#383343;}
.color-2 {color:#575757;}
.color-3 {color:#ef5a2e;}
.color-4 {color:#a97101;}
.color-5 {color:#ef721c;}
.color-6 {color:#efa922;}

/*********************************boxes**********************************/
.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.img-indent {float:left; margin:0 10px 0px 0;}	
.img-indent2 {float:left; margin:0 19px 0px 0;}	
.img-indent3 {float:left; margin:0 16px 0px 0;}

.buttons a:hover {cursor:pointer;}

.sf-menu li a,
.list-1 li a,
.list-2 li a,
.link,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {height:226px; width:100%; background:url(../images/header-bg.gif) 0 0 repeat-x; font-family:Arial, Helvetica, sans-serif; position:relative; z-index:10;}
header .inner {background:url(../images/header-inner-bg.gif) 0 0px repeat-x #fff; padding:40px 0 10px;position:relative;}
.alignright {text-align:right;}
.row-1 {color:#474050; padding-top:28px;}
.row-1 span {display:inline-block; margin-right:8px;}
.row-1 a {margin:0 6px 0 7px; display:inline-block;}
.row-1 .last-item {margin-right:2px;}
.row-2 {padding-top:20px; position:relative;}

.banner {width:310px; position:absolute; right:41px; bottom:146px;}
.banner strong {font-size:45px; color:#443b52; font-family: 'Coda', arial, serif; line-height:1.2em; letter-spacing:2px; word-spacing:-3px;}
.banner span {font-size:41px; color:#858585; text-transform:uppercase; line-height:1.1em; display:inline-block; margin:-14px 0 10px; font-family: 'PT Sans', arial, serif; font-weight:bold;}
.pagination {position:absolute; z-index:10; overflow:hidden; right:0; bottom:24px;}
.pagination li {float:left; margin-right:2px;}
.pagination li a {background:url(../images/pagination-button.gif) right 0 no-repeat; display:inline-block; width:19px; height:19px;}
.pagination li a:hover {background:url(../images/pagination-button.gif) left 0 no-repeat;}

.buttons li {float:left;}
.buttons li a {width:237px; padding:27px 0 0px; text-align:center; display:block; font-size:30px; line-height:1.23em; color:#fff; text-decoration:none; height:131px; font-family:'pt sans narrow', arial, sans-serif; font-weight:bold;}
.buttons li.net {background:url(../images/button1-bg.gif) 0 0 repeat-y;}
.buttons li.it {background:url(../images/button2-bg.gif) 0 0 repeat-y;}
.buttons li.rem {background:url(../images/button3-bg.gif) 0 0 repeat-y;}
.buttons li.hard {background:url(../images/button4-bg.gif) 0 0 repeat-y;}

.buttons li .net {background:url(../images/button1-bg.gif) 0 0 repeat-y;}
.buttons li .it {background:url(../images/button2-bg.gif) 0 0 repeat-y;}
.buttons li .rem {background:url(../images/button3-bg.gif) 0 0 repeat-y;}
.buttons li .hard {background:url(../images/button4-bg.gif) 0 0 repeat-y;}

.buttons li .net:hover {background:url(../images/button1-bg.gif) 0px bottom no-repeat;}
.buttons li .it:hover {background:url(../images/button2-bg.gif) 0px bottom no-repeat;}
.buttons li .rem:hover {background:url(../images/button3-bg.gif) 0px bottom no-repeat;}
.buttons li .hard:hover {background:url(../images/button4-bg.gif) 0px bottom no-repeat;}

#buttons {margin-top:-25px;}
#slider {padding-top:6px;}

h1 {position:absolute; top:41px; z-index:999;}
h1 a {display:block; width:200px; height:135px; text-indent:-5000px; background:url(../images/logo.gif) 0 0 no-repeat;}

.sf-menu {float:right; padding:0px 0px 0 0;}
.sf-menu li {float:left; line-height:1.2em; background:url(../images/menu-spacer.gif) right 17px no-repeat; position:relative;}
.sf-menu > li > a {display:block; color:#191919; font-size:21px; width:139px; text-align:center; padding:19px 0 17px; text-transform:uppercase; font-family: 'PT Sans Narrow', arial, serif; margin-right:1px; line-height:1.23em;}
.sf-menu > li > .active, .sf-menu > li > a:hover {color:#fff; background:#37313f; font-weight:bold;} 
.sf-menu .item {background:none;}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			139px; /* left offset of submenus need to match (see below) */
	z-index:999;
	padding:9px 0 14px 0px;
}
.z-index {z-index:99;}
.sf-menu ul li {
	width:			100%;
	text-align:center;
	margin-bottom:1px;
}
.sf-menu ul li a {font-size:18px; color:#959595; background:#1d1d1d; padding:21px 0 20px 0px; display:block; font-weight:normal; font-family:'pt sans narrow', arial, sans-serif; text-transform:uppercase;}
.sf-menu ul li a:hover {background:#37313f; color:#fff; cursor:pointer;}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			54px; /* match top ul list item height */
	z-index:		99;
	position:absolute;
}
.sf-menu li li:hover {background:none;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li ul ul {background:none; padding:0;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			140px; /* match ul width */
	top:			0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
.sf-menu ul ul {width:148px;}
/*** DEMO SKIN ***/

.sf-menu li li li a {color:#fff; font-size:16px;}
.sf-menu li li li a:hover {color:#fff; background:#efa055;}

.sf-menu > li.sfHover > a ,
 .sf-menu > a:hover, .sf-menu a:active {
	color:#fff; background:#37313f; font-weight:bold;
}
.sf-menu li li.sfHover a{background:#37313f;}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*********************************content*************************************/
#content {width:100%; padding:39px 0 54px; position:relative; z-index:0;}

.line-hor {background:url(../images/line-hor.gif) 0 0 repeat-x; height:3px;} 
.dotted-line {background:url(../images/line-hor-dotted.gif) 0 0 repeat-x; height:1px; margin-bottom:10px;}

.paddding-top {padding-top:12px;}


h3 {font-family: 'PT Sans Narrow', arial, sans-serif; font-size:38px; line-height:1.2em; margin:0px 0 11px; color:#3c3644;}
h2 {font-size:24px; font-family:'PT Sans Narrow', arial, sans-serif; color:#383343; line-height:1.23em;}
h2 span {display:inline-block; margin-top:-6px;}
h4 {font-size:32px; line-height:1.23em; color:#3c3644; font-weight:normal; font-family:'PT Sans Narrow', arial, sans-serif; margin-bottom:10px;}
h4 span {display:inline-block; margin-top:-10px;}
h5 {font-size:34px; line-height:1.23em; display:inline-block; font-family:'PT Sans Narrow', arial, sans-serif;}
h5 span {display:inline-block; margin-top:-15px;}
h6 {color:#2f2434; font-size:24px; font-family:'PT Sans Narrow', arial, sans-serif; font-weight:normal; line-height:1.23em; margin-bottom:16px;}

.big-text {font-size:14px;}

.arrow {background:url(../images/arrow.png) right 29px no-repeat;}
.number1, .number2 {width:55px; background:url(../images/number1.png) 0 0 no-repeat; display:inline-block; color:#fff; font-size:48px; text-align:center; line-height:1.23em; font-family: 'PT Sans', arial, serif; float:left; margin-right:16px;}
.number1 span, .number2 span {display:inline-block; margin-top:-3px;}
.number2 {background:url(../images/number2.png) 0 0 no-repeat;}
.shape {background:url(../images/shapes.png) 480px 0px no-repeat;}
.consult-block {color:#fff; background:url(../images/consult-bg.gif) 0 0 repeat-y; padding:27px 16px 42px 36px;}
.consult-block strong {font-family: 'PT Sans Narrow', arial, serif; font-size:30px; line-height:1.23em; display:inline-block; margin-bottom:15px;}
.consult-block span {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:21px; line-height:1.2em; display:inline-block; margin-top:-5px;}

.scroll {overflow:auto; height:180px; position:relative;}
.scroll .padding-right {height:1%; padding-right:50px;}

.box {width:100%; min-height:295px; background:url(../images/bg-box.png) 0 0 repeat;}
.box .padding {padding:50px 65px 30px 68px;}

.button {display:inline-block; color:#000; background:url(../images/button-tail.gif) 0 0 repeat-x;}
.button:hover {color:#fff;}

.list-1 li {line-height:30px; padding-left:19px; background:url(../images/lsit1-marker.gif) 0 11px no-repeat;}
.list-1 li a {color:#fd8d2b; font-style:italic; font-size:14px; display:inline-block;}
.list-1 li a:hover {color:#383343;}

.list-2 {padding:3px 0 10px;}
.list-2 li {font-size:14px; line-height:37px; padding-bottom:1px; height:36px;}
.list-2 li a {display:block; color:#fff; background:url(../images/marker-1.gif) 0 10px no-repeat; line-height:1.23em; height:26px; padding:9px 0 0 25px; position:relative;  border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; 
-webkit-border-radius:6px 6px 6px 6px; font-style:italic; position:relative;}
.list-2 li a span {background:url(../images/list2-marker.gif) 0 5px no-repeat; padding-left:22px;}
.list-2 li .l1 {background:url(../images/list2-item1-bg.gif) 0 0 repeat-x;}
.list-2 li .l2 {background:url(../images/list2-item1-bg.gif) 0 bottom repeat-x;}
.list-2 li .l3 {background:url(../images/list2-item3-bg.gif) 0 0 repeat-x;}
.list-2 li .l4 {background:url(../images/list2-item3-bg.gif) 0 bottom repeat-x;}
.list-2 li a:hover {background:#000;}

.list-3, .list-4 {list-style:none; line-height:30px; background:url(../images/list3-bg.gif) 0 top repeat-x;}
.list-3 li, .list-4 li {font-size:12px; padding:0 0 0px 9px; background:url(../images/list3-bg.gif) 0 bottom repeat-x;}
.list-3 li a, .list-4 li a {color:#121212; font-size:13px; text-decoration:none; background:url(../images/list3-marker.gif) left 14px no-repeat; padding:0 0 0px 9px; display:inline-block; font-family:Arial, Helvetica, sans-serif;}
.list-3 li a:hover {color:#888;}

.list-4 li a {color:#747474;}
.list-4 li a:hover {color:#111;}

.link:hover {text-decoration:underline;} 

.link-1 {display:inline-block; font-size:13px; background:url(../images/link1-marker.gif) 0 0 repeat-x; width:93px; text-align:center; color:#fff; text-decoration:none; padding:8px 0 7px; border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius:6px 6px 6px 6px;}
.link-1:hover {background:#333;}  

dl span {float:left; width:74px;}
dl a {font-size:14px; color:#fd8d2b;}

#contact-form {
	overflow:hidden;
}
	#contact-form fieldset {
		}
		#contact-form .rowElem {
			min-height:40px;
			position:relative;
			}
			#contact-form input {
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#a7a7a7; 
				margin-right:9px; 
				border-top:solid 1px #999999; 
				border-left:solid 1px #999999; 
				border-right:solid 1px #e4e4e4; 
				border-bottom:solid 1px #e4e4e4;  
				padding:4px 2px 5px 9px; 
				width:257px;
				font-size:13px;
				}
			#contact-form .textarea-box {
				position:relative;
			}
			#contact-form textarea {
				overflow:auto;
				color:#a7a7a7; 
				margin-right:9px; 
				border-top:solid 1px #999999; 
				border-left:solid 1px #999999; 
				border-right:solid 1px #e4e4e4; 
				border-bottom:solid 1px #e4e4e4;
				padding:5px 4px 6px 9px; 
				width:255px;
				height:206px;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:13px;
				}
				#contact-form .button2 {
					margin-left:22px;
					display:inline-block;
					padding-bottom:2px;
					color:#f65025;
					font-size:13px;
					display:inline-block;
					line-height:1.23em;
				}
				#contact-form .button1 {
					color:#4d4265;
					padding-bottom:2px;
					font-size:13px;
					line-height:1.23em;
					display:inline-block;
				}
				#contact-form label {
					padding:0 0 2px 5px;
					display:none
				}
				#contact-form .rowElem label {
					margin-top:5px;
					position:relative;
					margin-right:20px;
				}
				#contact-form .textarea-box label {
				}
#contact-form .error {
				color:red;
				font-size:11px;
			}
			#contact-form .buttons {width:268px; padding-top:14px;}

div#contact_form .download-box {
	margin-top:20px;
}
#back {
	display:inline-block;
	background:#000;
	padding:10px 16px 10px 16px;
	font-size:1em;
	line-height:1.2307em;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	margin-top:24px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}

.map iframe {width:381px; height: 370px; overflow:hidden;} 

#subscribe-form a {width:78px; text-align:center; height:18px; padding-bottom:5px; display:inline-block; float:left; font-size:18px; line-height:1.2em; font-family:'PT Sans Narrow', arial, sans-serif; font-weight:bold; text-decoration:none; background:url(../images/subscribe-button-bg.gif) 0 bottom repeat-x; color:#fff; text-transform:uppercase;}
#subscribe-form a:hover {background:url(../images/subscribe-button-bg.gif) 0 top repeat-x;}
#subscribe-form input {width:222px; float:left; border:solid 1px #e6e6e6; padding:3px 3px 4px; margin:-1px 2px 0 0;}
 

/****************************footer************************/
footer {width:100%; background:#161616; height:286px; padding-top:34px; background:url(../images/footer-bg.gif) 0 0 repeat-x;}
footer strong {color:#36313f; font-size:16px; display:inline-block; line-height:1.23em; margin-top:3px;}

footer .logo {
	display:inline-block;
	width:90px;
	height:74px;
	background:url(../images/thebuzz-footer.png) 0 0 no-repeat;
	position:absolute;
	right:5px;
	top:160px;
}
footer span {color:#1d1d1d; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; display:inline-block; padding-top:8px;}
footer span a {color:#1d1d1d;}


.list-services {float:right; padding:14px 0 0;}
.list-services li {float:left; padding:0 0 0 6px;}

/*******************exceptions************************/
#page1 header {height:814px;}
#page2 #content {}
#page3 #content {}
#page4 #content {}