@import 'reset.css';
@import 'font/font.css';
/* USEFULL STYLES */

html {
}

body {
	background:#fff url(../images/bg.png) repeat-x 0 575px;
	font: 12px 'Arial';
	color: #555;
	text-align:center;
	line-height: 1.5;
	padding: 0;
	position: relative;
	margin:0;
}
body.ptype-2, body.ptype-3 {
	background:#fff url(../images/bg2.png) repeat-x 0 0;
}
optgroup {
	padding: 0 0 0 5px;
}
option {
	padding: 0 0 0 5px;
}
em {
	font: italic 12px 'Arial';
}
#content p img {
	float:left;
	margin:0 15px 10px 0;
}
.cln {
	display:block;
	overflow:hidden;
	clear:both;
	zoom:1;
}
.notxt {
	display:block;
	overflow:hidden;
	text-indent:-1000px;
	font-size:0;
	line-height:0;
}
.hide {
	display: none;
}
input.hide {
	display: none !important;
}

.fl {float:left;}
.fr {float:right;}

.tl	{text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}

optgroup {
	font-style: normal;
	font-weight: bold;
	color: #666;
}
/* SITE STYLES */

/* MAIN TEXT */
h1, h2, h3, h4 {
	font-family: Cantarell,Verdana,Tahoma,sans-serif;
	line-height: 1.25;
	font-weight:normal;
	margin-bottom: 10px;
	-webkit-font-smoothing: antialiased;	
}
h1 {
	color: #2c79b9;
	font-size: 20px;
}
h2 {
}
h2, h3, .white h1 {
	color: #417cac;
	font-size: 17px;
	-webkit-font-smoothing: subpixel-antialiased;
}
h3 {
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 10px;
}
h4 {
	font: 14px 'Arial';
	font-weight: bold;
}
a {
	background: url(../images/dots.gif) repeat-x 0 100%;
	color: #2076b8;
	text-decoration: none;
	position:relative;
	-moz-transition: color 0.5s ease-out;
	-webkit-transition: color 0.5s ease-out;
	transition: color 0.5s ease-out;
}
a:hover {
	-moz-transition: color 0.5s ease-out;
	-webkit-transition: color 0.5s ease-out;
	transition: color 0.5s ease-out;
	color: #0090ff;
}
a:active {
	top:1px;
}
p, table {
	margin: 0 0 10px;
	overflow: visible;
	
}

hr, div.hr {
	display: block;
	color:#ececec;
	clear: both;
	background: #ececec;
	height:1px;
	margin: 20px 0 10px;
}
.tel .type {
	display: none;
}

/* MAIN BLOCK STYLES */
.wrapper {
	margin: 0 auto;
	overflow: visible;
	padding: 0;
	position: relative;
	text-align: left;
	width: 960px;
}

/* 	HEADER STYLES  */

#header {
	height:83px;
	z-index:1;
}
#header h2 {
	margin:0;
}
#logo {
	background: transparent url(../images/logo-dark.png) no-repeat 0 0;
	display: block;
	height: 65px;
	left: 0;
	position: absolute;
	top: 27px;
	width: 234px;
	text-indent: -1000em;
	z-index: 2;
}
#logo.light {
	background-image:url(../images/logo-light.png);
}

/* COLUMN STYLES */
.col-1 {
	overflow: hidden;
	margin-right:20px;
	width: 633px;
}
.col-2 {
	overflow: hidden;
	width: 205px;
}
.col-3 {
	overflow: hidden;
	width: 205px;
}
/* CONTENT STYLES  */
#content {
	padding: 578px 0 34px;
	overflow:hidden;
}
.ptype-2 #content,.ptype-3 #content {
	padding-top:25px;
}
.ptype-2 #page-title, .ptype-3 #page-title {
	display:block;
	height:97px;
	position:relative;
	text-align:left;
}
.ptype-2 #page-title h1, .ptype-3 #page-title h1 {
	color:#fff;
	font-size: 37px;
	line-height:97px;
}

#content ul {
	margin: 0 0 10px 0;
}
#content ul li {
	padding:0 0 5px 21px;
	background:url(../images/bullet.gif) 15px -49px no-repeat;
	list-style: none;
}

/* CAROUSEL STYLES */
.carousel-outer {
	height:243px;
	top:427px;
	overflow:hidden;
	position:absolute;
	left:0;
	width:100%;
	z-index:1;
}
.ptype-2 .carousel-outer, .ptype-3 .carousel-outer {
	display:none;
}
#carousel {
	background:url(../images/carousel-sprites.png) no-repeat 0 5px;
	position:absolute;
	left:50%;
	margin-left:-602px;
	width:1204px;
}
#carousel .content {
	background:url(../images/carousel-sprites.png) repeat-x 0 -250px;
	height:243px;
	margin:0 70px;
}
#carousel .right {
	background:url(../images/carousel-sprites.png) repeat-x 100% -504px;
	height:243px;
	position:absolute;
	right:0;top:0;
	width:70px;
	z-index:0;
}
#carousel nav, #carousel ul.tabs {
	overflow:hidden;
}
#carousel ul.tabs li {
	background:url(../images/tab-sprites.png) no-repeat 100% 100px;
	display:block;
	float:left;
	height:38px;
	line-height:38px;
}
#carousel ul.tabs a {
 	background: url(../images/tab-sprites.png) no-repeat 100% 100px;
	color:#fff;
	font:14px Cantarell;
	display:block;
	line-height:38px;
	height:36px;
	padding:2px 8px 0 18px;
	text-shadow: 1px 1px 0 #a1a1a1;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
	margin-right:10px;
}
#carousel ul.tabs li:hover, #carousel ul.tabs li.active {
	background-position:100% -54px;
}
#carousel ul.tabs li:hover a, #carousel ul.tabs li.active a {
	background-position:0 0;
	color:#006fb8;
	text-shadow: 0 0 0;
}
#carousel ul.tabs a:active {
	top:auto;
	line-height:40px;
}
#carousel .carousel ul {
	overflow:hidden;
	margin:0;
}
#carousel .carousel li {
	display:block;
	height:155px;
	float:left;
	padding-right:20px;
	width:307px !important;
	
	position:relative;
	-webkit-backface-visibility: hidden;
}
#carousel .carousel li img {
	display:block;
	height:145px;
	float:left;
	width:130px;
}
#carousel .carousel li dl {
	margin-left:150px;
}
#carousel .carousel dl.post {
	margin-left:0;
}
#carousel .carousel dt {
	color:#245b88;
	font: 14px Cantarell,Arial;
	text-transform:uppercase;
}
#carousel .carousel li .post dt {
	height:48px;
}
#carousel .carousel .post dt {
	padding-bottom:10px;
}
#carousel .carousel  p {
	font: 11px Cantarell;
	line-height:1.5;
}
#carousel .carousel li .post p {
	height:48px;
}
#carousel .carousel li a.more {
	font: 11px Cantarell;
	text-transform:uppercase;
}

#carousel .carousel {
	z-index:10;
	padding-top:20px;
}
#carousel #chat-form {
	padding-top:20px;
}
#carousel #chat-form small {
	color:#393939;
	font: 11px Cantarell;
}

#carousel .carousel a.prev, #carousel .carousel a.next {
 	background:url(../images/hebs-sprites.png) no-repeat 0 -180px;
	display:block;
	height:37px;
	text-indent:-1000em;
	position:absolute;
	left:-46px;
	top:62px;
	width:19px;
}
#carousel .carousel a.prev:hover {
	background-position:0 -220px;
}
#carousel .carousel a.next {
	background-position:-30px -180px;
	left:auto;
	right:-46px;
}
#carousel .carousel a.next:hover {
	background-position:-30px -220px;
}

/* GALLERY STYLES */
.gallery {
	overflow: hidden;
	margin: 0 !important;
}
ul.gallery  {
	padding-bottom:20px!important;
}
.gallery li {
	background: none !important;
	display: block;
	float: left;
	padding: 0 !important;
	margin: 0 5px 5px 0;
}
.gallery li a {
	background: transparent url(../images/loading.gif) no-repeat 50% 50%;
	display: block;
	border: 1px solid #ececec;
	padding: 1px;
	height: 136px;
	width: 207px;
}
.gallery li a:hover {
	border-color: #247dcb;
}

/* 	MENU STYLES  */
.menu {
	display: block;
	overflow: hidden;
}
.menu li {
	display: block;
	float: left;
}
.menu li a {
	font-family:Cantarell,Verdana;
}
#top.menu {
	left:268px;
	position:absolute;
	top:42px;
}
#top.menu li {
	margin-right:17px;
}
#top.menu a {
	color:#565656;
}
#top.menu a:hover, #top.menu a.active {
	color:#989898;
}

#main {
	background: transparent url(../images/hebs-sprites.png) no-repeat 50% 0;
	height:36px;
	overflow:hidden;
	position: relative;
	z-index:1;
}
#main h2 {
	color:#6e6e6e;
	float:left;
	font-size:15px;
	line-height:34px;
	-webkit-font-smoothing: antialiased;
}
#main .menu {
	margin-left:267px;
	overflow:hidden;
	width:693px;
}
#main .menu ul {
	overflow:hidden;
}
#main .menu li {
	height: 34px;
	padding-right:13px;
}
#main .menu li.m01 {
	width:100px;
}
#main .menu li.m02 {
	width:196px;
}
#main .menu li.m03 {
	width:168px;
}
#main .menu li.m04 {
	width:128px;
}
#main .menu li.last {
	float:right;
	padding-right:0;
	text-align:right;
	width:auto;
}
#main .menu a {
	background-position:0 23px;
	display:block;
	float:left;
	font-size:13px;
	line-height: 34px;
	letter-spacing: -0.06em;
	-webkit-font-smoothing: antialiased;
}
#main .menu a:hover, #main .menu a.active {
	color:#f78e01;
}
/* SOCIAL STYLES */
.social {
	position:absolute;
	right:0;
	top:37px;
}
.social li {
	float:left;
	margin-left:6px;
	padding:2px;
}
.social li.active {
	background:#f79510;
}
.social li a {
	background:url(../images/social-sprites.png) no-repeat 0 0;
	display:block;
	height:24px;
	width:24px;
}
.social li a:hover, .social li a.active {
	background-position:0 -25px;
}
.social li a#tw {
	background-position:-30px 0;
}
.social li a#tw:hover, .social li a#tw.active {
	background-position:-30px -25px;
}
.social li a#lin {
	background-position:-60px 0;
}
.social li a#lin:hover, .social li a#lin.active {
	background-position:-60px -25px;
}
.social li a#rss {
	background-position:-90px 0;
}
.social li a#rss:hover, .social li a#rss.active {
	background-position:-90px -25px;
}
/* BUTTON STYLES */
.button {
	background:url(../images/btn-sprites.png?v2) no-repeat 0 0;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: block;
	font: 18px 'Haettenschweiler';
	line-height: 33px;
	padding: 0 20px 7px 15px;
	text-align: center;
	text-transform:uppercase;
	text-shadow: 0 1px 0 #0d3e75;
	-webkit-font-smoothing: antialiased;
}
a.button {
	background-position:100% -40px;
	float: left;
	height: 40px;
	padding:0;
}
a.button span {
	background: transparent url(../images/btn-sprites.png?v2) no-repeat 0 0;
	display: block;
	color:#fff;
	line-height: 33px;
	padding:0 0 7px 15px;
	text-align:center;
	text-shadow: 0 1px 0 #0d3e75;
	margin-right:20px;
}
a.button:hover {
	background-position:100% -120px;
}
a.button:hover span {
	background-position:0 -80px;
}
a.button:active {
	background-position:100% -40px;
}
a.button:active span {
	background-position:0 -0;
}
a.details {
	background-position:0 -440px;
	width:132px;
}
a.details:hover {
	background-position:0 -480px;
}
.signup-form {
	float:left;
}
.signup-form .text {
	float:left;
	margin-right:7px;
}
#signup.button {
	background-position:0 -160px;
	text-indent:-1000em;
	height:40px;
	display:inline;
	padding:0;
	width:93px;
}
#signup.button:hover {
	background-position:-100px -160px;
}
#signup.button:active {
	background-position:0 -160px;
}
.form .controls .button {
	background-position:0 -200px;
	text-indent:-1000em;
	width:135px;
}
.form .controls .button:hover {
	background-position:0 -240px;
}
.form .controls .button:active {
	background-position:0 -200px;
	margin-top:3px;
}

.get-started ul li {
	background:none !important;
	float:left;
	display:block;
	margin:0 20px 0 0;
	padding:0 !important;
}
.get-started ul li a {
	background: url(../images/hebs-sprites.png) no-repeat 0 -81px;
	display:block;
	height:45px;
	text-indent:-1000em;
	width:268px;
}
.get-started ul li a.br {
	background-position:-285px -81px;
	width:278px;
}
.get-started ul li a:active {
	background-position:0 -130px;
}
.get-started ul li a.br:active {
	background-position:-285px -130px;
}
/* SIDEBAR STYLES */
.body {
	float:left;
	margin: 0;
	width: 633px;
}
.ptype-3 .body {
	width:960px;
}
#footer .body {
	width:633px;
}
.sidebar {
	margin: 0 0 0 651px;
}
.block {
	background:url(../images/block-sprites.png) 0 0 no-repeat;
	padding:6px 0 0;
	margin-bottom:20px;
}
.block .cont {
	background:url(../images/block-sprites.png) -310px 0 repeat-y;
	overflow:hidden;
	padding: 0 20px;
}
.block .bottom {
	background:url(../images/block-sprites.png) -620px 100% no-repeat;
	padding:0 0 6px;
}
.block p {
	margin:0;
	padding:0 0 10px;
}
.white {
	background-position:-940px 0;
	font-size:11px;
}
.white .cont {
	background-position:-1905px 0;
	padding: 10px 0 15px 20px;
}
.white .bottom {
	background-position:-2870px 100%;
}
.white .sidebar {
	margin-right:20px;
}

.block h1 {
	font-size:15px;
	margin-bottom:5px;
}
.block .body {
	width: 613px;
}
.block .sidebar {
	margin-left:633px;
}
.white strong {
	color:#2076b8;
	font-weight: normal;
	font-size: 13px;
}
.grey a, .carousel dd a {
	color:#f78e00;
}
.grey a:hover, .carousel dd a:hover {
	color:#f76300;
}
.block small {
	font-size:10px;
}

/* SIDEBAR BLOGFEED */

#content #blog-feed-sidebar li {
	background:none;
	padding:5px 0;
}
#content #blog-feed-sidebar p {
	padding:5px 0;
	font-size:11px;
	line-height:13px;
}
#content #blog-feed-sidebar a.rm {
	font-size:10px;
	text-transform:uppercase;
}
#content #blog-feed-sidebar h6 {
	font:normal 12px Cantarell,Arial;
	color:#245B88;
}

/* SUBMENU STYLES */

.submenu .cont {
	padding:0;
}
.submenu h3 {
	padding-left:20px;
}
.submenu h3 a {
	background:none;
}
.submenu a {
	color:#2076b8;
}
.submenu a:hover {
	color:#0090ff;
}
#content .submenu li {
	background-position:-11px 8px;
	clear:both;
	display: block;
	float:left;
	padding:2px 10px 3px 40px;
	-moz-transition: background-color 0.5s ease-out;
	-webkit-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}
#content .submenu li.sub-sub {
	background-position:9px 8px;
	padding:2px 10px 3px 60px;
}
#content .submenu li.sub-sub.active, #content .submenu li.sub-sub:hover {
	background-position:51px -17px;
}
.submenu li a {
	color:#5c5c5c;
}
#content .submenu li.active, #content .submenu li:hover {
	background:#0071b9 url(../images/bullet.gif) no-repeat 31px -17px;
	-moz-transition: background-color 0.5s ease-out;
	-webkit-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}
.submenu li:hover a, .submenu li.active a {
	color:#fff;
}

/* INPUT STYLES */
/*input.text {
	padding: 5px;  
  font-size: 15px;  
  text-shadow: 0px 1px 0px #fff;  
  outline: none;  
  background: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#ffffff));
  background: -moz-linear-gradient(top,  #d5d5d5,  #ffffff);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #eee;
	-webkit-box-shadow: inset 0 0 2px #c9c9c9, 0 0 2px #666;
	-moz-box-shadow: inset 0 0 2px #c9c9c9, 0 0 2px #666;
	box-shadow: inset 0 0 2px #c9c9c9, 0 0 2px #666;
}
input.text:focus {  
    -webkit-box-shadow: inset 0 0 2px #c9c9c9, 0 0 2px #666, 0px 0px 5px #2C79B9;  
    -moz-box-shadow: inset 0 0 2px #c9c9c9, 0 0 2px #666, 0px 0px 5px #2C79B9;  
    box-shadow: inset 0 0 2px #c9c9c9, 0 0 2px #666, 0px 0px 5px #2C79B9;  
}*/
/* FOOTER STYLES */
#footer {
	background:url(../images/footer-bg.png) repeat 0 0;
	width:100%;
}
#footer .inner {
	background:url(../images/footer-top-bg.png) repeat-x 0 0;
	padding: 20px 0;
}
#footer nav li {
	clear:both;
	float:left;
	cursor:pointer;
	color:#5c5c5c;
	overflow:hidden;
	padding:3px 4px;
	line-height:1.2;
	-moz-transition: background 0.5s ease-out;
	-webkit-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
}
#footer nav li a {
	color:#5c5c5c;
	font-size:10px;
}
#footer nav li a:hover, #footer nav li.active a, #footer nav li:hover a {
	color:#fff;
}
#footer nav li:hover, #footer nav li.hover, #footer nav li:hover, #footer nav li.active {
	background-color:#0071b9;
	-moz-transition: background 0.5s ease-out;
	-webkit-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
}
#footer nav {
	float:left;
	padding: 0 15px 20px 0;
}
#footer nav h3 {
	font:13px Cantarell;
	font-weight:normal;
	height: 25px;
	padding-left:4px;
}
#footer nav.f1 {
	width:137px;
}
#footer nav.f2 {
	width:180px;
}
#footer nav.f3 {
	width:155px;
}
#footer nav.f4 {
	padding:0 0 20px;
	width:115px;
}
#footer .logo {
	background:url(../images/hebs-sprites.png) no-repeat 0 -40px;
	height:30px;
	margin:0 0 5px;
	text-indent:-1000em;
	width:140px;
}
#footer dl {
	font-size:11px;
	float:left;
	margin: 0 8px 10px 0;
}
#footer dt {
	text-transform:uppercase;
}
#footer .sidebar .plus {
	background:#0071b9 url(../images/plus.gif) no-repeat 100% 0;
	color:#fff;
	float:left;
	display:block;
	padding: 0 20px 0 10px;
}
#footer .sidebar .plus:hover {
	background-color:#3f99d4;
}
#footer .copy {
	border-top:1px solid #cdcdcd;
	font-size:10px;
	overflow:hidden;
	padding:5px 0;
}
#footer .copy p {
	float:left;
}
#footer .copy nav {
	float:right;
	padding:0;
}
#footer .copy nav li {
	background:none;
	border-right:1px solid #6f6f6f;
	clear:none;
	float:left;
	padding: 0 10px;
}
#footer .copy nav li.last {
	border:0;
	padding:0 0 0 10px;
}
#footer .copy nav li a:hover {
	color:#2076B8;
}


/* PROJECTS CAROUSEL STYLES */

.bx_wrap {
	overflow:hidden;
	height:579px;
}

#projects-carousel {
	height:576px;
	position:absolute;
	top:0;
	width:100%;
	z-index:0;
	overflow: hidden;
}
#projects-carousel ul {
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
#projects-carousel ul.pr-ul {
	width:100%;
}
#projects-carousel ul ul {
	margin:0;
	max-width: auto;
	overflow:hidden;
}
#projects-carousel .socials {
	position:absolute;
	left:400px;
	top:180px;
}
#projects-carousel li {
	float:left;
	height:579px;
	padding:119px 0 0 0;
	position:relative;
	overflow:hidden;
	width:100%;
	-webkit-backface-visibility: hidden;
}
#projects-carousel ul ul li {
	left:auto;
	padding:0;
	margin:0;
	height:auto;width:auto;
	max-width:auto;
}
#projects-carousel li .pr-cont {
	float:left;
	width:420px;
}
#projects-carousel .controls li {
	background:none !important;
	padding:0 !important;
}

#projects-carousel .pr-screen {
	position:absolute;
	height:265px;
	margin: 20px 0;
	top:0;right:0;
	width:540px;
}
#projects-carousel .prev, #projects-carousel .next {
	background: url(../images/arrows-sprites.png) no-repeat 0 0;
	height:80px;
	position:absolute;
	left:0;
	top: 50%;
	margin-top:-40px;
	text-indent:-1000em;
	width:46px;
	
	z-index:100;
}
#projects-carousel .prev:hover {
	background-position:0 -90px;
}
#projects-carousel .next {
	background-position:-54px 0;
	left:auto;
	right:0;
}
#projects-carousel .next:hover {
	background-position:-54px -90px;
}

.pr-ul .controls .button {
	background-position:0 -280px;
	text-indent:-1000em;
	width:135px;
}
.pr-ul .controls .button span {
	background:none;
}
.pr-ul .controls .button:hover {
	background-position:0 -320px;
}

/* PROJECT 1 STYLES */
#p01 {
	background:#fef4ea url(../projects/images/p01/bg.jpg) repeat-x 0 0;
}
#p01 .pr-screen {
	background:url(../projects/images/p01/awards.png) no-repeat 0 0;
}
#p01 h2 {
	background:url(../projects/images/p01/h1-bg.png) no-repeat 0 0;
	display:block;
	height:75px;
	margin:0 0 10px;
	text-indent:-1000em;
	width:339px;
}
#p01 .pr-cont {
	padding:20px 0 0;
}
#p01 .socials {
	left: 300px;
	top:200px;
}
#p01 .pr-cont a {
	background: url(../projects/images/p01/a-bg.gif) repeat-x 0 100%;
	color:#937351;
	font:13px Cantarell;
}
#p01 a:hover {
	color:#f38620;
}
#p01 .pr-cont ul {
	margin:0 0 10px;
}
#p01 .pr-cont li {
	background: url(../projects/images/p01/ul-arr.gif) no-repeat 14px 6px;
	display:block;
	float:none;
	padding:0 0 10px 22px;
}
#p01 .socials {
	left:175px;
	top:260px;
}

#projects-carousel .controls {
	clear:both;
}
#projects-carousel .controls li {
	padding-left:20px !important;
}

#p02 {
	background:#cbf1fa url(../projects/images/p02/bg.png) repeat-x 0 0;	
}
#p02 .pr-screen {
	display:none;
}
#p02 .wrapper {
	width:1200px;
}
#p02 .pr-cont {
	background:url(../projects/images/p02/body-bg.jpg) no-repeat 0 0;
	height:312px;
	text-indent:-1000em;
	width:1200px !important;
}
#projects-carousel #p02 .controls {
	position:absolute;
	top:265px;
	left:306px;
}
#p02 .socials {
	left:480px;
	top:273px;
}

#p03 {
	background:#000 url(../projects/images/p03/bg.jpg) 50% 0 no-repeat;	
}
#p03 .pr-cont {
	background:url(../projects/images/p03/body-bg.png) no-repeat 0 0;
	height:150px;
	overflow:hidden;
	width:420px !important;
	margin:60px 0 0 125px;
}
#p03 .pr-cont h2 {
	visibility:hidden;
}
#p03 .wrapper {
	width:1200px;
}
#p03 .controls {
	position:relative;
	left:225px;
	top:-35px;
}

#p04 {
	background:#46998a url(../projects/images/p04/bg.jpg) 50% 0 no-repeat;	
}
#p04 .pr-cont h2 {
	
}
#p04 .pr-cont h2 a {
	position:absolute;
	left:0;
	top:0;
	width:440px;
	height:300px;
	border:0;
	background:none;
	text-decoration:none;
}
#p04 .wrapper {

}
#p04 .controls {
	position:relative;
	left:495px;
	top:45px;
}
#p04 ul.controls li {
	display:block;
	padding-left:17px !important;
	background:url(../projects/images/p04/bullet.png) 0 6px no-repeat !important;
	color:#2c5d54;
	font-size:14px;
	margin:4px 0  !important;
}
#p04 .buttons {
	margin-top:10px;
	zoom:1;
	margin-left:-15px;
	width:480px !important;
}
#p04 .buttons span,
#p04 .buttons a {
	display:block !important;
	float:left;
	height:29px;
	line-height:29px;
	padding:0;
	margin:0 5px 5px 0;
	overflow:hidden;
	background:transparent url(../projects/images/p04/buttons.png) 0 0 no-repeat !important;
}
#p04 .buttons #bb4 {
	margin-left:40px !important;
}
#p04 .buttons a {
	margin:0 0 0 20px;
	padding:0 20px 0 0;
	background-position:100% 0 !important;
	color:#866c37;
	border:0;
	font-size:12px;
}
#p04 .buttons a:hover {
	color:red;
}
#p04 .socials {
	left:420px;
	top:270px;
}

li#p05 {
	background:#e2ebb6 url(../projects/images/p05/bg.jpg) 50% 0 repeat-x;
	padding:0;
}
#p05 .inner {
	float:none;
	padding: 119px 0 155px 0;
	background:url(../projects/images/p05/slide.jpg) 50% 0 no-repeat;
}
#p05 .wrapper {
	width:1200px;
}
#p05 .pr-cont {
	height:150px;
	overflow:hidden;
	width:620px !important;
	margin:180px 0 0 420px;
}
#p05 .pr-cont h2 {
	display:none;
}
#p05 .pr-cont p {
	color:#7d634c;
	font:normal 14px Arial;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
}
#p05 .socials {
	left:420px;
	top:240px;
}
#p05 .details {
	position:absolute;
	left:920px;
	top:235px;
}

#p06 {
	background:#eee url(../projects/images/p06/bg.png) 50% 0 repeat-x;
}
#p06 .wrapper {
	width:1200px;
	height:465px;
	background:url(../projects/images/p06/slide.jpg) 50% 0 no-repeat;
}
#p06 .pr-cont {
	height:150px;
	overflow:hidden;
	width:620px !important;
	margin:180px 0 0 420px;
}
#p06 .pr-cont h2 {
	display:none;
}
#p06 #txt1, #p06 #txt2 {
	position:absolute;
	left:443px;
	top:160px
}
#p06 #txt2 {
	left:770px;
}
#p06 .pr-cont p {
	padding:0;
	width:300px;
	color:#666;
	font:normal 14px 'Myriad Pro', Arial;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
}
#p06 .socials {
	left:443px;
	top:260px;
}
#p06 .details {
	position:absolute;
	left:770px;
	top:255px;
}

li#p07 {
	background:#89ea57 url(../projects/images/p07/bg.png) 50% 0 repeat-x;
	padding:0;
}
#p07 .inner {
	float:none;
	padding: 119px 0 155px 0;
	background:url(../projects/images/p07/slide.jpg) 50% 0 no-repeat;
}
#p07 .wrapper {
	width:1200px;
}
#p07 .pr-cont {
	width:540px !important;
	margin:150px 0 0 124px;
}
#p07 .pr-cont h2 {
	display:none;
}
#p07 .pr-cont p {
	color:#4b4b4b;
	font:normal 18px 'Myriad Pro',Arial;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
}
#p07a {
	background:url(../projects/images/p07/leaf.png) 100% 0 no-repeat;
	width:350px;
	padding:30px 0 0 0;
}
#p07a a {
	color:#764d3c;
	text-decoration:underline;
	font:normal 18px Cantarell;
	text-transform:uppercase;
	background:none;
}
#p07 .socials {
	left:540px;
	top:240px;
}



.slide0 #top.menu a {
	color:#006cb2;
}
.slide0 #top.menu a:hover, .slide0 #top.menu a.active {
	color:#f89600;
}

.slide1 #top.menu a {
	color:#d37c36;
}
.slide1 #top.menu a:hover, .slide1 #top.menu a.active {
	color:#853c01;
}

.slide2 #top.menu a {
	color:#006cb2;
}
.slide2 #top.menu a:hover, .slide2 #top.menu a.active {
	color:#2688c3;
}

.slide3 #top.menu a {
	color:#f78c00;
}
.slide3 #top.menu a:hover, .slide3 #top.menu a.active {
	color:#aaa;
}

.slide4 #top.menu a {
	color:#fff;
}
.slide4 #top.menu a:hover, .slide4 #top.menu a.active {
	color:#f78c00;
}

/*TEAM PHOTOS*/

div.teamphotos {
    clear: both;
    float: left;
    overflow: hidden;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-top: 3px;
	width:190px; 
	height:281px; 
	border:0;
}

/* FEEDS */

#feeds {
	position:absolute;
	height:579px;
	width:100%;
	top:-600px;
	left:0;
	overflow:hidden;
	z-index:0;
}
#feeds section {
	position:relative;
	height:579px;
	background:#74819a url(../images/feeds-bg.jpg) 50% 0 repeat-x;
}
#feeds section#twitter-feed {
	background-position:0 -580px;
	background-color:#5a8898;
}
#feeds section#linkedin-feed {
	background-position:0 -1160px;
	background-color:#4792af;
}
#feeds section#blog-feed {
	background-position:0 -1740px;
	background-color:#3c5667;
}
#feeds header {
	width:960px;
	margin:0 auto;
	padding:130px 0 3px 0;
	border-bottom:1px solid #a8d0dc;
	text-align:left;
	overflow:hidden;
	clear:both;
}
#feeds header h5 {
	font:normal 30px Myriad,Cantarell,Arial;
	color:#fff;
	float:left;
	padding:0;
	margin:0;
	line-height:30px;
}
#feeds header a {
	float:right;
	color:#215474;
	margin:10px 0 0 20px;
	background:none;
	text-decoration:none;
	border-bottom:1px dotted #a8d0dc;
	padding:0;
	line-height:14px;
}
#feeds header a:hover {
	color:#fff;
	border-color:#fff;
}

#feeds ul {
	width:960px;
	margin:0 auto;
	text-align:left;
}
#feeds li {
	display:block;
	float:left;
	width:320px;
	color:#fff;
	padding:20px 0;
	position:relative;
}
#feeds div {
	font-size:9px;
	text-transform:uppercase;
}
#feeds .t {
	background:#0071b8;
	color:#fff;
	padding:1px 4px;
	margin-right:4px;
}
#feeds p {
	margin:10px 20px 10px 0;
	padding:0;
	height:11em;
	line-height:1.2em;
	overflow:hidden;
}
#feeds p a {
	color:#fff;
}
#feeds p a:hover {
	background:#29d;
}
#feeds div a {
	color:#fff;
	text-decoration:none;
	background:none;
	padding:1px 4px;
}
#feeds div a:hover {
	background:#29d;
}
#feeds div h6 {
	color:#a8e9ff;
	font:normal 14px/18px Myriad,Cantarell,Arial;
	padding:5px 20px 0 0;
}
#feeds footer {
	
}
#feeds a.b {
	display:block;
	position:absolute;
	top:200px;
	left:0;
	width:192px;
	height:32px;
	overflow:hidden;
	text-transform:uppercase;
	font:normal 15px/32px Impact;
	color:#92d0e6;
	text-align:center;
	text-decoration:none;
	background:url(../images/feeds-buttons.png) no-repeat;
	padding:0;
	margin:0;
	
	-webkit-font-smoothing: antialiased;
}
#feeds a.b:hover {
	color:#fff;
	background-position:0 -32px;
}

/* *** Blog Styles *** */

.entry {
	position:relative;
}
.glbutton {
	position:absolute;
	left:372px;
	top:0;
}


/*** websitealive9.com***/
.livechat {
	cursor:pointer;
	}
	
/*Mobile Design Image*/

.mobile {
	background:url(../../images/iphone.png) no-repeat 0 0;
	height:360px;
	margin-right:15px;
	margin-bottom:10px;
	width:183px;
	float:left;
}

.seo_pic {
	background:url(../../images/paid_search_ss.jpg) no-repeat 0 0;
	height:408px;
	margin-top:10px;
	width:663px;
	display: b;
}


/* Adobe Logo */
.adobe_logo{
	background: url(../images/adobe_logo.png) 0 0 no-repeat;
	width: 101px;
	height: 127px;
	display: block;
	margin-right: 4px;
	margin-bottom: 4px;
	float: left;
}

.second_social{
	position: relative !important;
	top: 0px;
	background: none !important;
}

.second_social li{
	background: none !important;
}