html, body{
	height:100%;
}
#custom-body{
	background-image:url('media/background.png');
    background-repeat:repeat;
    background-position:center center;
    background-attachment:scroll;
}
#home-2{
	background-image:url('media/city.jpg');
	background-size: 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

#home-3{
	background-image:url('media/sea_vessels.jpg');
	background-size: 100%;
    background-repeat: no-repeat;
    background-position: left top;
}
#home-4{
	background-image:url('media/IMG_0445.jpg');
	background-size: 100%;
    background-repeat: no-repeat;
    background-position: left top;
}
.ui-header{
	background-color:#EEE!important;
}
.capty-wrapper{
	width:100%!important;
	height:100%!important;
}
.ui-page {
    background: transparent;
}
.ui-select {
	padding:0px;
}

#special{
	padding:0px;
}

#custom-fieldset.ui-controlgroup{
	margin:0px;
}
#custom-fieldset .ui-controlgroup-controls {
    width: 100%;
}

#service-select-button {
	padding-left:0;
	padding-right:0;
	width:100%!important;
}

#custom-fieldset .ui-controlgroup-controls .ui-btn {
	width: 32.5%;
	padding-left:0;
	padding-right:0;
}
#custom-fieldset > div > div > div {
	width:32.5%;
}
#custom-fieldset > div {
	margin-left:1%;
}
.ui-navbar > ul > li > a{
	height:36px;
	padding:10px;
}
#contact-form .ui-btn{
	max-width:200px;
	margin: 0 auto;
}
#container {
    text-align: justify;
	padding:1em 0 0 0;
}
#container > div {
    width: 24%;
    display: inline-block;
    vertical-align: top;
}
#container:after {
    content: "";
    width: 100%;
    display: inline-block;
}

/* CSS Styling for Wide Web pages (>900 pixels)*/
@media all and (min-width: 900px) {
	h1 {
	font-family: 'Cinzel', sans-serif;
	font-size:40px!important;
	font-weight: 700;
	margin-top:10px;
	margin-bottom:10px;
	}
	h2 {
	text-align:left;
	font-family: 'Rufina', sans-serif;
	text-shadow:none;
	font-size:30px!important;
	font-weight: 400;
	margin-top:5px;
	margin-bottom:5px;
	}
	h3 {
	font-family: 'Rufina', sans-serif;
	text-shadow:none;
	font-size:26px!important;
	font-weight: 400;
	text-align:justify;
	margin-top:10px;
	margin-bottom:10px;
	}
	h4 {
	font-family: 'Rufina', sans-serif;
	text-shadow:none;
	font-size:20px!important;
	font-weight: 400;
	text-align:justify;
	margin-top:5px;
	margin-bottom:5px;
	}
}
/* CSS Styling for Small Web pages (<900 pixels)*/
@media all and (max-width: 899px) {
	h1 {
	font-family: 'Cinzel', sans-serif;
	font-size:4.2vw!important;
	font-weight: 700;
	margin-top:10px;
	margin-bottom:10px;
	}
	h2 {
	text-align:left;
	font-family: 'Rufina', sans-serif;
	font-size:4vw!important;
	font-weight: 400;
	margin-top:2px;
	margin-bottom:2px;
	}
	h3 {
	font-family: 'Rufina', sans-serif;
	text-shadow:none;
	font-size:3.6vw!important;
	font-weight: 400;
	text-align:justify;
	margin-top:3px;
	margin-bottom:3px;
	}
	h4 {
	font-family: 'Rufina', sans-serif;
	text-shadow:none;
	font-size:3.2vw!important;
	font-weight: 400;
	text-align:justify;
	margin-top:3px;
	margin-bottom:3px;
	}
	#container > div {
    width: 23%;
	}
}

/* Swipe 2 required styles */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

/* END required styles */