html, body, div, p, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, input, textarea, select, button { 
	padding: 0;
	margin: 0;
}

html {
	font: normal 12px Arial, sans-serif; 
	color: #333333;
}

html, body {
	height: 100%;
}		
	
html {	
	background: #dde1e4 url("../images/page-bg-repeat.gif") repeat-y 50% 0;
}		

body {
	background:  url("../images/page-bg-gradient.gif") repeat-x 0 0;
}
	
h1 {
	margin: 0px 0px 20px 0px;
	font-weight: normal;
	font-size: 40px;
	color: #666666;
}	

h1 small {
	display: block;
	margin: -10px 0px 0px 0px;
	font-size: 12px;
	color: #999999;
}	
	
h2 {
	margin: 0px 0px 10px 0px;
	font-weight: normal;
	font-size: 18px;
}	

img {
	border: 0;
}	

* {
	outline: none;
}

a {
	text-decoration: underline;
	color: #0d6996; 
}

a:hover {
	text-decoration: none;
}

input[type="text"], input[type="password"], textarea, select {
	font: normal 12px Arial, sans-serif;
	color: #666666;
}	
	
#main {
	min-width: 1000px;
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	overflow: hidden;
	position: relative;
	margin: 0px auto -75px auto; 
	background: url("../images/page-bg-top.jpg") no-repeat 50% 0;
}			
	
.wrapper {
	width: 980px;
	margin: 0 auto;
}	
			
#header {
	float: left;
	width: 100%;
	height: 27px;
	position: relative;
	margin: 20px 0px 0px 0px;
	z-index: 50;
}	
	
.logo {
	float: left;
	height: 22px;
	display: inline;
	overflow: hidden;
	position: relative;
	margin: 0px 20px 0px 0px;
}	

.logo img {
	position: relative;
}

.nav {
	float: left;
	display: inline;
}	
	
.nav ul {
	float: left;
	list-style: none;
}
	
.nav ul li {
	float: left;
	display: inline;
	margin: 0px 0px 0px 18px;
}	

.nav ul li span {
	float: left;
	padding: 0px 0px 0px 10px;
	background: url("../images/nav-bg-left.png") no-repeat 0 -27px;
	cursor: pointer;
}	
	
.nav ul li span em {
	float: left;
	padding: 0px 10px 0px 0px;
	background: url("../images/nav-bg-right.png") no-repeat 100% -27px;
	font-style: normal;
}

.nav ul li span em b {
	float: left;
	background: url("../images/nav-bg-repeat.png") repeat-x 0 -27px;
	font-weight: normal;
}

.nav ul li span em b a {
	float: left;
	height: 27px;
	display: inline;
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 10px;
	background: url("../images/arrow.gif") no-repeat 0 8px;
	text-decoration: none;
	line-height: 24px;
	font-size: 21px;
	color: #333333;
}

.nav ul li span em b a:first-child {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
}

.nav ul li span:hover {
	background-position: 0 0;
}

.nav ul li span:hover em {
	background-position: 100% 0;
}

.nav ul li span:hover em b {
	background-position: 0 0;
}

.nav ul li span:hover em b a {
	color: #333333 !important;
}

.nav ul li.active span {
	background-position: 0 0;
}

.nav ul li.active span em {
	background-position: 100% 0;
}

.nav ul li.active span em b {
	background-position: 0 0;
}

.nav ul li.active span em b a {
	color: #333333 !important;
}
	
#content {
	float: left;
	width: 100%;
	position: relative;
	padding: 45px 0px 45px 0px;
	z-index: 40;
}

#projects {
	float: left;
	width: 100%;
	position: relative;
	margin: -47px 0px 0px 0px;
}
	
#projects #slider {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;	
	z-index: 0;
}	
	
#projects #slider ul {
	list-style: none;
}
	
#projects #slider ul li {
	float: left;
	width: 100%;
	height: 550px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
	
#projects #slider .slide {
	display: none;
	position: relative;
}	

#projects #slider .slide table {
	width: 100%;
}	

#projects #slider .slide table td {
	height: 550px;
}	

#projects #slider .slide div {
	width: 100%;
	position: absolute;
	left: 0px; bottom: 10px;
	z-index: 30
}
	
#projects #slider .slide div h1 {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	font-size: 34px;
	color: #ffffff;
}
	
#projects #slider .hidden-info {
	display: none;
}	

#projects .prev-slide {
	position: absolute;
	left: 3px; top: 340px; 
	padding: 5px 10px 5px 20px;
	background: url("../images/sldie-nav-bg.png") repeat 0 0;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	z-index: 50;
}
	
#projects .prev-slide div {
	float: left;
	padding: 0px 0px 0px 22px;
	background: url("../images/sldie-prev.png") no-repeat 0 9px;
	letter-spacing: -2px;
	font-weight: bold;
	font-size: 40px;
}	
	
#projects .prev-slide p {
	float: right;
	width: 95px;
	padding: 8px 0px 0px 10px;
	font-size: 11px;
	color: #7a7a7a;
}
	
#projects .next-slide {
	position: absolute;
	right: 0px; top: 340px; 
	padding: 5px 20px 5px 10px;
	background: url("../images/sldie-nav-bg.png") repeat 0 0;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	z-index: 50;
}
	
#projects .next-slide div {
	float: right;
	padding: 0px 22px 0px 0px;
	background: url("../images/sldie-next.png") no-repeat 100% 9px;
	letter-spacing: -2px;
	font-weight: bold;
	font-size: 40px;
}	
	
#projects .next-slide p {
	float: left;
	width: 95px;
	padding: 8px 10px 0px 0px;
	font-size: 11px;
	color: #7a7a7a;
}
	
#projects .disabled {
	display: none !important;
} 	
	
.project-info {
	float: left;
	width: 285px;
	display: inline;
	margin: -25px 30px 0px 0px;
	font-size: 18px;
}	
	
.project-description {
	float: left;
	width: 285px;
	display: inline;
	margin: -25px 30px 0px 0px;
	line-height: 18px;
	font-size: 13px;
	color: #666666;
}
	
.banner {
	float: left;
	margin: -25px 0px 0px 0px;
}	
		
.left-column {
	float: left;
	width: 285px;
	position: relative;
	z-index: 20;
}
	
.right-column {
	float: right;
	width: 665px;
	position: relative;
	z-index: 10;
}	
	
.menu {
	float: left;
	width: 100%;
	margin: 0px 0px 100px 0px;
}	
	
.menu ul {
	list-style: none;
}
	
.menu ul li {
	float: left;
	display: inline;
	margin: 3px 4px 0px 0px;
}	

.menu ul li a {
	float: left;
	height: 22px;
	padding: 0px 6px 0px 6px;
	border: 1px solid #c6c6c6;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
	border-radius: 3px;
	background: #cccccc;
	text-shadow: #999999 1px 1px 1px;
	text-decoration: none;
	line-height: 20px;
	font-size: 18px;
	cursor: pointer;
	color: #ffffff;
}	
	
.menu ul li a:hover {
	background-color: #bcd502;
	border-color: #bcd502;
}

.menu ul li.active ul {
	display: block;
}

.menu ul li.active a {
	background: #bcd502;
	border-color: #bcd502;	
}

.menu ul li ul {
	float: left;
	width: 100%;
	display: none;
	margin: 0px -5px 0px 0px;
	padding: 5px 0px 5px 5px;
}

.menu ul li ul li {
	margin: 3px 4px 0px 0px;
}

.menu ul li ul li a {
	height: auto;
	padding: 1px 3px 2px 3px;
	border-width: 0px;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
	border-radius: 1px;
	background: none !important;
	text-shadow: none;
	line-height: 12px;
	font-size: 12px;
	color: #666666;
}

.menu ul li ul li a:hover {
	background: #bcd502 !important;
	color: #ffffff;	
}

.menu ul li ul li.active {
	width: auto;
	margin: 3px 4px 0px 0px;
}

.menu ul li ul li.active a {
	background: #bcd502 !important;
	color: #ffffff;
}

.company-strategy {
	float: left;
	width: 255px;
	padding: 0px 0px 0px 30px;
}
	
.company-strategy p {
	line-height: 20px;
	color: #666666;
}	

.projects-list {
	float: left;
	width: 665px;
}
	
.projects-list ul {
	list-style: none;	
	margin: -15px 0px 0px 0px;
}	
	
.projects-list ul li {
	width: 200px;
	display: inline-block;
	margin: 15px 120px 0px 0px;
	vertical-align: top;
}	
	
.projects-list ul li div {
	width: 200px;
	height: 200px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}	
	
.projects-list ul li div span {
	display: block;
}	

.projects-list ul li p {
	margin: 20px 0px 5px 0px;
}	

.projects-list ul li small {
	display: block;
	color: #999999;
}	
	
.vacancy {
	float: left;
	width: 255px;
	padding: 0px 0px 0px 30px;
}	
	
.vacancy h1 {
	float: left;
}
	
.vacancy .bubble {
	float: left;
	width: 33px;
	height: 32px;
	display: inline;
	position: relative;
	margin: -10px 0px 0px 10px;
	padding: 0px 0px 0px 4px;
	background: url("../images/bubble.png") no-repeat 0 0;
	text-align: center;
	line-height: 32px;
	font-size: 15px;
	color: #ffffff;
}	
	
.vacancy ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: -20px 0px 0px 0px;
}	
	
.vacancy ul li {
	float: left;
	width: 100%;
	margin: 20px 0px 0px 0px;
	color: #999999;
}
	
.vacancy ul li span {
	font-size: 11px;
}	
	
.vacancy ul li span img {
	margin: 0px 3px 0px 0px;
	vertical-align: middle;
}	

.vacancy ul li p {
	margin: 4px 0px 0px 0px;
}
	
.company {
	float: left;
	width: 375px;
	margin: 0px 0px 20px 0px;
	padding: 0px 290px 0px 0px;
	line-height: 25px;
	font-size: 18px;
}	
	
.stylemix {
	float: left;
	position: relative;
	margin: 0px 0px 20px -40px;
}	
	
.public-relations {
	float: left;
	width: 375px;
	font-size: 14px;
	line-height: 25px;
	color: #666666;
}	
	
.testimonials {
	float: right;
	width: 220px;
	color: #666666;
}	

.testimonials .message {
	line-height: 18px;
}
	
.testimonials .author {
	margin: 15px 0px 0px 0px;
	font-size: 11px;
}	
	
.testimonials .author img {
	float: left;
	display: inline;
	margin: 0px 22px 0px 0px;
}	
	
.testimonials .author p {
	display: table;
}		

.testimonials .author p b {
	font-weight: normal;
	color: #333333;
}
	
.contact-info {
	float: left;
	width: 285px;
	margin: 0px 0px 20px 0px;
	color: #666666;
}	
	
.contact-info div {
	margin: 0px 0px 25px 0px;
}	
	
.contact-info div p {
	margin: 5px 0px 0px 0px;
	font-size: 18px;
	color: #333333;
}	
	
.stamp {
	float: left;
	width: 150px;
	height: 30px;
	display: inline;
	margin: 0px 0px 0px 35px;
	padding: 12px 12px 12px 12px;
	background: url("../images/stamp.png") no-repeat 0 0;
	text-transform: uppercase;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
}	
	
.stamp a {
	background: url("../images/dash.gif") repeat-x 0 100%;
	text-decoration: none;
	color: #b16347;
}	
	
.stamp a:hover {
	background: none;
}	
	
.map {
	float: left;
	width: 945px;
	height: 485px;
	display: inline;
	margin: 0px 0px 0px 0px;
}

.hint {
	float: left;
	width: 295px;	
	display: inline;
	margin: 0px 30px 0px 10px;
	line-height: 25px;
}
	
.directions	{
	float: left;
	width: 295px;	
	line-height: 20px;
	font-size: 14px;
	color: #666666;
}
	
.directions p {
	margin: 0px 0px 10px 0px;
}	
	
.push {
	clear: both;
	height: 75px; 
}	
	
#footer {
	height: 54px;
	position: relative;
	padding: 20px 0px 0px 0px;
	border-top: 1px solid #d3d6d6;
	font-size: 11px;
	z-index: 50;
}
	
#footer	a {
	color: #333333;
}

#footer	p {
	margin: 0px 0px 4px 0px;
}
	
.copyright {
	float: left;
	width: 285px;
	display: inline;
	margin: 0px 30px 0px 0px;
}

.address {
	float: left;
	display: inline;
}

.contact-form h1 {
	margin: 0px 0px 14px 0px;
	font-size: 20px;
	color: #333634;
}

.contact-form table td {
	padding: 0px 0px 6px 0px;
}

.contact-form .input {
	width: 350px;
	padding: 5px 9px 4px 9px;
	border: 1px solid #e3e3eb;
	border-top: 1px solid #aaadb2;
	font-size: 13px;
}

.contact-form .textarea {
	width: 350px;
	height: 110px;
	padding: 5px 9px 4px 9px;
	border: 1px solid #e3e3eb;
	border-top: 1px solid #aaadb2;
	font-size: 13px;
}

.contact-form .submit {
	width: 100px;
	height: 25px;
	margin: 10px 10px 0px 0px;
	border-width: 0px;
	background: url("../images/submit-bg.png") no-repeat 0 0;
	font-family: Arial;
	color: #ffffff;
}

.contact-form .submit::-moz-focus-inner {
	padding: 0px; border-width: 0px;
}		

.contact-form .reset {
	width: 110px;
	height: 25px;
	margin: 10px 0px 0px 0px;
	border-width: 0px;
	background: url("../images/reset-bg.png") no-repeat 0 0;
	font-family: Arial;
	color: #666666;
}

.contact-form .reset::-moz-focus-inner {
	padding: 0px; border-width: 0px;
}		


/* Qroom */

.qroom {
	background: url("../images/portfolio/qroomBg.png") repeat 0 0;
}

.qroom td {
	vertical-align: bottom;
}

.qroom h1 {
	color: #000000 !important;
}


/* WebberId */

.webberid {
	background: #eef0f5 url("../images/portfolio/webberidBg.jpg") no-repeat 50% 50%;
}

.webberid td {
	vertical-align: bottom;
}

.webberid  h1 {
	color: #000000 !important;
}

/* Buzzer */

.buzzer {
	background: #00759b url("../images/portfolio/buzzerBg.jpg") no-repeat 50% 50%;
}

/* Beko */

.beko {
	background: #ffffff url("../images/portfolio/bekoBg.gif") repeat-x 0 100%;
}

.beko td {
	vertical-align: bottom;
}

/* Comedy Light */

.comedyLight {
	background: #ffffff url("../images/portfolio/comedyLightBg.jpg") no-repeat 50% 0;
}

.comedyLight td {
	vertical-align: bottom;
}

/* Compribor */

.compribor {
	background: #ffffff url("../images/portfolio/compriborBg.jpg") no-repeat 0 100%;
}

.compribor h1 {
	color: #000000 !important;
}

/* YoMusic */

.yoMusic {
	background: #fea002 url("../images/portfolio/yoMusicBg.jpg") no-repeat 50% 0;
}

/* Blumedia */

.blumedia {
	background: url("../images/portfolio/blumediaBg.png") no-repeat 50% 0;	
}

.blumedia  h1 {
	color: #000000 !important;
}

/* Lokadot */

.lokadot  h1 {
	color: #000000 !important;
}

/* AppsGeyser */

.appsGeyser  h1 {
	color: #000000 !important;
}

.appsGeyser td {
	vertical-align: bottom;
}


/* Posh */

.posh {
	background: url("../images/portfolio/poshBg.jpg") no-repeat 50% 0;	
}

.posh td {
	vertical-align: bottom;
}




.hidden {
	display: none;
}

.popup {
	float: left;
	width: 438px;
	padding: 10px 0px 0px 0px;
	background: url("../images/popup-bg.png") no-repeat 0 0;
}

.popup-wrap {
	float: left;
	width: 438px;
	padding: 0px 0px 10px 0px;
	background: url("../images/popup-bg.png") no-repeat 50% 100%;
}

.popup-content {
	float: left;
	width: 370px;
	padding: 7px 34px 7px 34px;
	background: url("../images/popup-bg.png") repeat-y 100% 0;
}





.bright .logo img {
	top: -22px;
}

.bright .nav ul li span em b a {
	color: #ffffff;
}

.bright #projects .prev-slide div {
	
}

.bright #projects .prev-slide *, .bright #projects .next-slide * {
	color: #ffffff;
}

.bright  #projects .prev-slide div {
	background-position: 0 -61px;
}

.bright  #projects .next-slide div {
	background-position: 100% -61px;
}

.soc-icons{
	margin: 10px 0;
}
.soc-icons a {

	margin-right: 10px;
}

/* Caravan illustrations */

.caravanIllustrations {
	background: #ffffff url("../images/portfolio/caravansIllustrationsBg.jpg") no-repeat 50% 0;	
}

.caravanIllustrations  h1 {
	color: #000000 !important;
}

.caravanIllustrations td {
	vertical-align: bottom;
}

/* ABC */

.abc {
	background: #ffffff url("../images/portfolio/abcBg.png") repeat-x 50% 0;	
}

.abc  h1 {
	color: #000 !important;
}

.abc td {
	vertical-align: bottom;
}

/*Beeline*/
.beeline {
	background: url("../images/portfolio/beelineBg.jpg") no-repeat 50% 0;
}
/*********/