@charset "utf-8";

html {
   height:100%;
   max-height: 100%;
   margin:0;
   padding:0;
   overflow: hidden;
}

body {
   margin:0;
   padding:0;
   height:100%;
   max-height: 100%;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 12px;
   background: #000 none;
   overflow: hidden;
   color: #000;
}

div, h1, h3, ul, img, p {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

a:link, a:visited, a:hover, a:active {
	outline: 0;
	color: #0071bc;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* ____________________________________________________________ +++ Backgrounds +++ _________________ */

div#everything {
	width: 100%;
	display: block;
	height: 100%;
	max-height: 100%;
	overflow: auto;
	position: relative;
	z-index: 300;
	/*background: transparent url(../img/white940.gif) 50% 0 repeat-y;*/
}

div#home, div#testimonials, div#portfolio, div#services, div#aboutus, div#contact {
	margin: 0 auto;
	padding: 0;
	width: 940px;
	background: #fff none;
	display: block;
/*	overflow: auto;*/
	position: relative;
}

div#home {
	background: #000 url(../img/bkg/violin.jpg) 0 0 no-repeat;
}

div#services {
	background: #000 url(../img/bkg/musicsheet.jpg) 0 0 no-repeat;
}

div.pad2 {
	display: block;
	height: 54px;
	clear: both;
}

div#home div.pad2 {
	height: 540px;
}

div#portfolio div.pad2 {
	height: 280px;
}


/* ____________________________________________________________ +++ Header +++ _________________ */

div#header {
	padding: 16px 14px 0 14px;
	width: 912px;
}

div#logowhite, div#logoblack, div#logoblue {
	width: 397px;
	width: 310px;
	height: 61px;
	float: left;
}

div#straplinewhite, div#straplineblack {
	width: 377px;
	height: 23px;
	float: right;
}

div#logowhite h1, div#logoblack h1, div#logoblue h1 {
	width: 397px;
	width: 310px;
	height: 61px;
	background: transparent url(../img/logo/logoh-white.png) 0 0 no-repeat;
	text-indent: -9999px;
}

div#logoblack h1 {
	background: transparent url(../img/logo/logoh-black.png) 0 0 no-repeat;
}

div#logoblue h1 {
	background: transparent url(../img/logo/logoh-blue.png) 0 0 no-repeat;
}

div#straplinewhite h3, div#straplineblack h3 {
	width: 377px;
	height: 23px;
	background: transparent url(../img/strapline-white.png) 0 0 no-repeat;
	text-indent: -9999px;
}

div#straplineblack h3 {
	background: transparent url(../img/strapline-black.png) 0 0 no-repeat;
}

/* ____________________________________________________________ +++ Content +++ _________________ */

div#content {
	clear: both;
	width: 940px;
	padding: 30px 0 54px 0;
}

/* _________________ +++ Headings +++ _________________ */

div#content h1 {
	margin: 0 0 22px 14px;
	text-indent: -9999px;
}

h1#h1testimonials {
	background: transparent url(../img/headings/testimonials.png) 0 0 no-repeat;
	width: 168px;
	height: 23px;
}

h1#h1portfolio {
	background: transparent url(../img/headings/portfolio.png) 0 0 no-repeat;
	width: 110px;
	height: 23px;
}

h1#h1aboutus {
	background: transparent url(../img/headings/about-us.png) 0 0 no-repeat;
	width: 125px;
	height: 23px;
}

h1#h1ourservices {
	background: transparent url(../img/headings/our-services.png) 0 0 no-repeat;
	width: 170px;
	height: 23px;
}

h1#h1contact {
	background: transparent url(../img/headings/contact.png) 0 0 no-repeat;
	width: 108px;
	height: 23px;
}

div#home h3 {
	height: 23px;
	width: 751px;
	margin: 14px 0 22px 14px;
	text-indent: -9999px;
	background: transparent url(../img/headings/wecreatewebsites.png) 0 0 no-repeat;
}

div.portfoliowork h3 {
	height: 22px;
	margin: 0 0 22px 14px;
	text-indent: -9999px;
}

h3#martinafiljak {
	background: transparent url(../img/headings/martinafiljak.png) 0 0 no-repeat;
}

h3#marijapavlovic {
	background: transparent url(../img/headings/marijapavlovic.png) 0 0 no-repeat;
}

h3#simoneleitao {
	background: transparent url(../img/headings/simoneleitao.png) 0 0 no-repeat;
}

h3#christophseybold {
	background: transparent url(../img/headings/christophseybold.png) 0 0 no-repeat;
}

div#ourservices h3 {
	height: 17px;
	margin: 0 0 22px 14px;
	text-indent: -9999px;
}

h3#vision {
	background: transparent url(../img/headings/vision.png) 0 0 no-repeat;
}

h3#mission {
	background: transparent url(../img/headings/mission.png) 0 0 no-repeat;
}

h3#whatwedo {
	background: transparent url(../img/headings/whatwedo.png) 0 0 no-repeat;
}

/* ____________________________________________________________ +++ Testimonials +++ _________________ */

div#home div#content p {
	padding: 40px 14px 14px 14px;
	color: #fff;
	font-size: 16px;
	width: 340px;
	line-height: 31px;
	text-align: justify;
}

/* ____________________________________________________________ +++ Testimonials +++ _________________ */

div#musiciansquotes {
	margin-bottom: 300px;
}

div#musiciansquotes p {
	text-align: justify;
	padding: 0 14px 14px 14px;
}

/* ____________________________________________________________ +++ Portfolio +++ _________________ */

div#portfolio div.portfoliogallerydiv p {
	margin: 0;
	padding: 0;
	width: 457px;
	height: 197px;
	text-indent: -9999px;
	float: left;
}

div#portfolio div.portfoliogallerydiv p.workfloat {
	float: right;
}

div#portfolio div.portfoliogallerydiv p a {
	margin: 0;
	padding: 0;
	display: block;
	width: 457px;
	height: 197px;
	background: transparent none;
}

div#portfolio p#work1 {
	background: transparent url(../img/portfolio/martinafiljak.jpg) 0 0 no-repeat;
}

div#portfolio p#work1 a:hover {
	background: transparent url(../img/portfolio/martinafiljak_h.png) 0 100% no-repeat;
}

div#portfolio p#work2 {
	background: transparent url(../img/portfolio/simoneleitao.jpg) 0 0 no-repeat;
}

div#portfolio p#work2 a:hover {
	background: transparent url(../img/portfolio/simoneleitao_h.png) 0 100% no-repeat;
}

div#portfolio p#work3 {
	background: transparent url(../img/portfolio/christophseybold.jpg) 0 0 no-repeat;
	margin-top: 26px;
}

div#portfolio p#work3 a:hover {
	background: transparent url(../img/portfolio/christophseybold_h.png) 0 100% no-repeat;
}

div#portfolio p#work4 {
	background: transparent url(../img/portfolio/marijapavlovic.jpg) 0 0 no-repeat;
	margin-top: 26px;
}

div#portfolio p#work4 a:hover {
	background: transparent url(../img/portfolio/marijapavlovic_h.png) 0 100% no-repeat;
}

/* _________________ +++ Portfolio works +++ _________________ */

div#portfoliowork {
	float: right;
	width: 457px;
	margin-left: 26px;
}

div.portfoliowork div {
	float: right;
	width: 457px;
	margin: 0 14px 0 26px;
}

div.portfoliowork p {
	text-align: justify;
	padding: 0 0 14px 14px;
}

div.portfoliowork p.back2portfolio {
	padding-top: 21px;
}

/* ____________________________________________________________ +++ Our services +++ _________________ */

div#ourservices {
	background: transparent url(../img/white1.png) 0 0 repeat;
	padding: 14px 0;
	margin-bottom: 200px;
}

div#ourservices h3 {
	margin: 0 0 14px 14px;
}

div#ourservices p {
	padding: 0 14px 14px 14px;
	margin: 0;
	color: #000;
}

/* ____________________________________________________________ +++ About us +++ _________________ */

div#aboutus div#content div {
	float: left;
	width: 457px;
}

div#aboutluka {
	margin-right: 26px;
}

div#aboutus h3#tomo {
	padding: 0;
	margin: 22px 0 0 14px;
	text-indent: -9999px;
	background: transparent url(../img/headings/tomislavuvodic.png) 0 0 no-repeat;
	width: 165px;
	height: 19px;
}

div#aboutus h3#luka {
	padding: 0;
	margin: 22px 0 0 14px;
	text-indent: -9999px;
	background: transparent url(../img/headings/lukamaras.png) 0 0 no-repeat;
	width: 119px;
	height: 19px;
}

div#aboutus p {
	padding: 14px 24px 14px 14px;
	text-align: justify;
}

/* ____________________________________________________________ +++ Contact +++ _________________ */

div#contact div#content p {
	padding: 0px 14px 14px 14px;
}

div#contact div#content p.labeltxt {
	padding: 0px 14px 4px 14px;
}

div#contact input, div#contact textarea {
	border: 1px solid #000;
}

div#contact input#sendbut {
	border: 2px outset #000;
}

/* ____________________________________________________________ +++ Main Menu +++ _________________ */

div#mainmenu {
	clear: both;
	height: 54px;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	background-color: transparent;
	position: absolute;
	bottom: -1px;
	display: block;
	z-index: 400;
	overflow: auto;
}


div#mainmenuw, div#mainmenub {
	height: 54px;
	padding: 0;
	margin: 0 auto;
	width: 944px;
	background-color: #000;
}

div#mainmenub {
	background-color: #fff;
	width: 923px;
}

div#mainmenuw ul, div#mainmenub ul {
	list-style: none;
	color: #fff;
	padding: 16px 14px 16px 120px;
	margin: 0 0 0 -8px;
	height: 22px;
	width: 797px;
	background-color: #000;
}

div#mainmenub ul {
	background-color: #fff;
}

div#mainmenuw ul li, div#mainmenub ul li {
	list-style: none;
	color: #fff;
	float: left;
	height: 22px;
	text-indent: -9999px;
	padding: 0 6px 0 16px;
	background: transparent url(../img/menu/slash.png) 0 0 no-repeat;
}

div#mainmenub ul li {
	background: transparent url(../img/menu/slash.png) 0 -29px no-repeat;
}

div#mainmenuw ul li a, div#mainmenub ul li a {
	height: 22px;
	display: block;
}

div#mainmenuw ul li a {
	color: #fff;
	border-bottom: 0;
}

div#mainmenuw ul li a:hover {
	border-bottom: 1px solid #fff;
}

div#mainmenuw ul li#menuitem1 {
	background: transparent none;
	padding: 0 6px 0 0;
}

div#mainmenuw ul li#menuitem1 a {
	background: transparent url(../img/menu/home.png) 0 0 no-repeat;
	width: 58px;
}

div#mainmenuw ul li#menuitem2 a {
	background: transparent url(../img/menu/portfolio.png) 0 0 no-repeat;
	width: 83px;
}

div#mainmenuw ul li#menuitem3 a {
	background: transparent url(../img/menu/testimonials.png) 0 0 no-repeat;
	width: 122px;
}

div#mainmenuw ul li#menuitem4 a {
	background: transparent url(../img/menu/our-services.png) 0 0 no-repeat;
	width: 123px;
}

div#mainmenuw ul li#menuitem5 a {
	background: transparent url(../img/menu/about-us.png) 0 0 no-repeat;
	width: 90px;
}

div#mainmenuw ul li#menuitem6 a {
	background: transparent url(../img/menu/contact.png) 0 1px no-repeat;
	width: 77px;
}

div#mainmenub ul li a {
	color: #000;
	border-bottom: 0;
}

div#mainmenub ul li a:hover {
	border-bottom: 1px solid #000;
}

div#mainmenub ul li#menuitem1 {
	background: transparent none;
	padding: 0 7px 0 0;
}

div#mainmenub ul li#menuitem1 a {
	background: transparent url(../img/menu/home.png) 0 -29px no-repeat;
	width: 58px;
}

div#mainmenub ul li#menuitem2 a {
	background: transparent url(../img/menu/portfolio.png) 0 -29px no-repeat;
	width: 83px;
}

div#mainmenub ul li#menuitem3 a {
	background: transparent url(../img/menu/testimonials.png) 0 -29px no-repeat;
	width: 122px;
}

div#mainmenub ul li#menuitem4 a {
	background: transparent url(../img/menu/our-services.png) 0 -29px no-repeat;
	width: 123px;
}

div#mainmenub ul li#menuitem5 a {
	background: transparent url(../img/menu/about-us.png) 0 -29px no-repeat;
	width: 90px;
}

div#mainmenub ul li#menuitem6 a {
	background: transparent url(../img/menu/contact.png) 0 -28px no-repeat;
	width: 77px;
}