a {
    color: #fff;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

span.reference {
    position: fixed;
    left: 10px;
    bottom: 10px;
    font-size: 13px;
    font-weight: bold;
}

span.reference a {
    color: #fff;
    padding-right: 20px;
}

span.reference a:hover {
    color: #ddd;
    text-decoration: none;
}

ul.nav {
    height: 100px;
    background: transparent url(/images/navbar.png) no-repeat center right;
    font-size: 12px;
    z-index: 3;
}

ul.nav2 {
    top: 57px;
    margin-left: 55px;
    height: 10px;
    width: 185px;
    font-size: 12px;
    z-index: 3;
}

div.phone {
    position: absolute;
    top: 101px;
    width: 230px;
    margin-left: 13px;
    color: #000;
    text-align: left;
    z-index: 3;
    -webkit-text-size-adjust: none;
}

/*div.phone2 {
    position: absolute;
    top: 112px;
    width: 230px;
    margin-left: 10px;
    color: #000;
    text-align: left;
    z-index: 3;
    -webkit-text-size-adjust: none;
}*/

div.phone p {
    font-size: 14px;
}

/*div.phone2 p {
    font-size: 10px;
}*/

div.top, div.bottom {
    height: 180px;
    position: relative;
}

div.mid {
    height: 0px;
}

/*
#section1 div.mid{ height: 	0px;	}
#section2 div.mid{ height: 	4px;	}
#section3 div.mid{ height: 	0px;	}
#section4 div.mid{ height: 	7px;	}
#section5 div.mid{ height: 	7px;	}
*/

#section1 div.top {
    __height: 300px;
    ___background: transparent url(../images/apps-page-top.png) no-repeat top left;
    text-align: center;
}

#section1 div.bottom {
    height: 300px;
    background: transparent url(../images/apps-page-bottom.png) no-repeat bottom left;
}

#section2 div.top {
    height: 300px;
    background: transparent url(../images/team-page-top.png) no-repeat top left;
}

#section2 div.bottom {
    height: 300px;
    background: transparent url(../images/team-page-bottom.png) no-repeat bottom left;
}

#section3 div.top {
    height: 150px;
    background: transparent url(../images/home-page-top.png) no-repeat top left;
}

#section3 div.bottom {
    background: transparent url(../images/home-page-bottom.png) no-repeat bottom left;
    height: 450px;
}

#section4 div.top {
    background: transparent url(../images/contact-page-top.png) no-repeat top left;
    height: 450px;
}

#section4 div.bottom {
    background: transparent url(../images/contact-page-bottom.png) no-repeat bottom left;
    height: 150px;
}

#section5 div.top {
    background: transparent url(../images/process-page-top.png) no-repeat top left;
    height: 150px;
}

#section5 div.bottom {
    background: transparent url(../images/process-page-bottom.png) no-repeat bottom left;
    height: 450px;
}

#section1 {
    ___background: url(../images/apps-page-bg.png) repeat-x center left;
}

#section2 {
    background: url(../images/team-page-bg.png) repeat-x center left;
}

#section3 {
    background: #84d6f9;
}

#section4 {
    background: #5c3c17;
}

#section5 {
    background: #CBA756; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#CBA756', endColorstr = '#ED783E');
    background: -webkit-gradient(linear, left top, left bottom, from(#CBA756), to(#ED783E));
    background: -moz-linear-gradient(top, #CBA756, #ED783E);
}

p.box {
    font-size: 13px;
    color: #fff;
}

p.boxdark {
    font-size: 13px;
    color: #000;
}

p.header {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 20px;
    color: #fff;
}

div.boxbg {
    float: left;
    width: 283px;
    height: 273px;
    position: absolute;
}

div.boxbg p {
    margin: 38px 40px 27px 30px;
}

#text21 {
    top: 300px;
    left: 60px;
    background: transparent url(/images/team-page-textnote.png) no-repeat center center;
    z-index: 2;
}

#text22 {
    float: left;
    width: 260px;
    top: 340px;
    left: 380px;
    position: absolute;
    z-index: 2;
}

#text23 {
    float: left;
    width: 260px;
    top: 340px;
    left: 660px;
    position: absolute;
    z-index: 2;
}

/*
#text30 {
    float:left;
    width:260px;
    top:190px;
    left:60px;
    position:absolute;
    z-index:2;
}
*/

#homelogo {
    float: left;
    top: 10px;
    left: 60px; /*  635px; to be middle */
    background: transparent url(../images/home-page-logo.png) no-repeat center center;
    z-index: 2;
}

#facebooklike {
    float: left;
    top: 10px;
    left: 400px; /*  635px; to be middle */
    z-index: 2;
}

#text30 {
    float: left;
    top: 280px;
    left: 60px; /*  635px; to be middle */
    background: transparent url(/images/home-page-textnote2.png) no-repeat center center;
    z-index: 2;
}

#text31 {
    float: left;
    top: 280px;
    left: 658px; /*  635px; to be middle */
    background: transparent url(/images/home-page-textnote3.png) no-repeat center center;
    z-index: 2;
}

#text32 {
    float: left;
    top: 280px;
    left: 360px; /*  635px; to be middle */
    background: transparent url(/images/home-page-textnote.png) no-repeat center center;
    z-index: 2;
}

#text51 {
    background: url("../images/process-page-bubble.png") no-repeat scroll center center transparent;
    height: 371px;
    left: 120px;
    position: absolute;
    top: -233px;
    width: 357px;
}

#text51 p {
    top: 0px;
    left: 0px;
    display: block;
    padding: 50px 135px 0px 15px;
    color: #5C3C17;
}

#text52 {
    background: url("../images/process-page-testtube.png") no-repeat scroll center center transparent;
    height: 393px;
    left: 460px;
    position: absolute;
    top: -260px;
    width: 328px;
}

#text52 p {
    top: 0px;
    left: 0px;
    display: block;
    padding: 16px 100px 0px 75px;
    color: #5C3C17;
}

#text53 {
    background: url("../images/process-page-smallbubble.png") no-repeat scroll center center transparent;
    height: 297px;
    left: 720px;
    position: absolute;
    top: -35px;
    width: 160px;
}

#text53 p {
    color: #5C3C17;
    display: block;
    left: 0;
    padding: 105px 38px 18px 16px;
    top: 0;
}

#section4 {
    text-align: center;
}

#contactus {
    display: inline-block;
    position: relative;
    top: -475px;
    left: 0px;
    width: 940px;
    height: 600px;
    text-align: left;
}

#contactus div.img {
    position: absolute;
    left: 0px;
    margin: 10px;
    top: 50px;
}

#contactus img {
    margin: 10px;
}

#contactus div.p {
    position: absolute;
    bottom: 0px;
    width: 940px;
    height: 427px;
    background: transparent url(../images/contact-page-formbg.png) no-repeat center center;
    color: #000;
    font-size: 12px;
}

#contactus div.p div {
    float: left;
    width: 465px;
    color: #000;
    font-size: 15px;
    padding: 50px 10px 0px 40px;
}

#contactus span {
    display: block;
    color: #5c3c17;
    width: 485px;
    font-size: 22px;
    border-bottom: 1px #5c3c17 solid;
    font-weight: bold;
}

#contactus div.p div.form {
    float: left;
    width: 380px;
    color: #000;
    font-size: 12px;
    padding: 85px 20px 0px 20px;
	border: none;
}

/* contact form */
form.cmxform fieldset {
    margin-bottom: 10px;
    padding: 10px 0px;
    height: 335px;
	border: none;
}

form.cmxform legend {
    padding: 0 2px;
    font-weight: bold;
    _margin: 0 -7px; /* IE Win */
}

form.cmxform label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
}

form.cmxform fieldset p {
    list-style: none;
    padding: 6px 0px 6px 12px;
    margin: 0;
}

form.cmxform fieldset fieldset {
    border: none;
    margin: 3px 0 0;
}

form.cmxform fieldset fieldset legend {
    padding: 0 0 5px;
    font-weight: normal;
}

form.cmxform fieldset fieldset label {
    display: block;
    width: auto;
}

form.cmxform label {
    width: 70px;
}

/* Width of labels */
#cname, #cemail, #cphone, #ccompany, #cmessage {
    width: 270px;
    height: 20px;
}

#cmessage {
    height: 60px;
    font-size: 13px;
}

form.cmxform fieldset fieldset label {
    margin-left: 103px;
}

/* Width plus 3 (html space) */
form.cmxform label.error {
    margin-left: 103px;
    width: 220px;
}

form.cmxform input.submit {
    margin-left: 73px;
    width: 54px;
    height: 23px;
}

form.cmxform p.mes {
    margin: 5px 12px;
	font-size: 16px;
}

/*---------app scroller--------------*/

#wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    __background-color: #ccc;
    overflow: hidden;
}

#mask {
    width: 900%;
    height: 100%;
    __background-color: #eee;
}

.item {
    width: 11.11%; /*for 9 items   100/9 */
    height: 100%;
    float: left;
    __background-color: #ddd;
    position: relative;
}

.content {
    width: 850px;
    height: 300px;
    ____top: 20%;
    margin: 0 auto;
    __background-color: #aaa;
    position: relative;
    top: 80px;
}

.selected {
    __background: #fff;
}

.clear {
    clear: both;
}

.content a {
    float: left;
}

.content p {
    float: left;
    display: block;
    width: 330px;

    color: #000000;
    font-family: "Times New Roman";
    font-size: 17px;
    font-style: normal;
    font-weight: bold;
    margin: 10px;
    padding: 20px 10px;
    text-align: left;

}

.bg_image {
    z-index: 0;
    position: absolute;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.panel {

	font-size: 12px;
    cursor: pointer;
	word-spacing:2px;
 
  
}

.panel.selected {
    /* background-image: url('../images/dot-on.png'); */
	
	text-decoration: underline;
}
span.divider{
	margin-left: 4px;
margin-right: 4px;
}

#points {
    background-color: black;
    height: 40px;
    margin: 0 auto;
   /*  width: 350px; */
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
    position: relative;
    z-index: 1000;
}
.nav-container{
	width:98%;
	margin:0 auto;
	text-align : justify;
	padding-top: 3px;
}

#section11 {
    display: none;
}

.left_block {
    top: 0px;
    display: block;
    position: absolute;
    left: 0px;
    height:100%;
}

.right_block_descr {
    background-repeat: no-repeat;
    bottom: 200px;
    display: block;
    font-size: 22px;
    height: 278px;
    padding: 30px;
    position: absolute;
    right: 10px;
    text-align: left;
    width: 422px;
    ;
}
.right_block_descr_reversed {
    background-repeat: no-repeat;
    bottom: 200px;
    display: block;
    font-size: 22px;
    height: 278px;
    padding: 30px;
    position: absolute;
    right: 10px;
    text-align: left;
    width: 422px;
    ;
    color: #000;
}

.right_block_download {

    background-image: url("/images/enotify-app-iphone-download-bg.png");
    bottom: 40px;
    display: block;
    height: 149px;
    position: absolute;
    right: 48px;
    width: 405px;
}

.right_block_download_2platforms {

    bottom: 40px;
    display: block;
    height: 149px;
    position: absolute;
    right: 48px;
    width: 405px;
}

.descr_title {
    display: block;
    font-size: 30px;
    margin-bottom: 40px;
    text-align: center;
}
.descr_title_reversed {
    display: block;
    font-size: 30px;
    margin-bottom: 40px;
    text-align: center;
    color: #FFF;
}

.download_descr {
    display: block;
    float: left;
    font-size: 23px;
    margin: 40px 35px 10px;
}

.download_descr p {
    font-size: 14px;
    padding-top: 5px;
}

.download_logo {
    top: 47px;
    float: right;
    height: 40px;
    position: relative;
    right: 15px;
    width: 135px;
}

.download_logo_left {
    top: 47px;
    float: left;
    height: 40px;
    position: relative;
	left: 60px;
    right: 15px;
    width: 135px;
}

.download_logo_right {
    top: 47px;
    float: right;
    height: 40px;
    position: relative;
    right: 62px;
    width: 120px;
}

.left_block .words {
    font-size: 18px;
    left: 65px;
    position: absolute;
    top: 25px;
    width: 190px;

    background-image: url("../images/scroll-item-app-2.png");
}

.left_block .fb {
    background-image: url("../images/summerset-app-facebookicon.png");
    display: block;
    float: left;
    height: 51px;
    width: 57px;
    left: 280px;
    position: absolute;
    top: 0px;
}

.left_block .tw {
    background-image: url("../images/summerset-app-twittericon.png");
    display: block;
    float: left;
    height: 51px;
    width: 54px;
    left: 337px;
    position: absolute;
    top: 0px;
}

.left_block .hr {
    background-image: url("../images/summerset-app-loveicon-top.png");
    display: block;
    float: left;
    height: 51px;
    width: 130px;
    left: 391px;
    position: absolute;
    top: 0px;
}

.left_block .v1 {
    background-image: url("../images/summerset-app-cityofstirling.png");
    display: block;
    float: left;
    height: 211px;
    width: 96px;
    left: 0px;
    position: absolute;
    top: 65px;
    background-repeat: no-repeat;
}

.left_block .v2 {
    background-image: url("../images/summerset-app-stirlingtimes.png");
    display: block;
    float: left;
    height: 205px;
    width: 65px;
    left: 96px;
    position: absolute;
    top: 71px;
    background-repeat: no-repeat;
}

.left_block .v3 {
    background-image: url("../images/summerset-app-sundaytimes.png");
    display: block;
    float: left;
    height: 204px;
    width: 73px;
    left: 161px;
    position: absolute;
    top: 72px;
    background-repeat: no-repeat;
}

.left_block .cake {
    background-image: url("../images/summerset-app-cake-bottom.png");
    display: block;
    float: left;
    height: 225px;
    left: 234px;
    position: absolute;
    top: 51px;
    width: 287px;
}


.left_block .enotify_words {
    font-size: 18px;
    left: 30px;
    position: absolute;
    text-align: left;
    top: 25px;
    width: 350px;
}
.left_block .summerset_words {
    font-size: 18px;
    left: 30px;
    position: absolute;
    text-align: left;
    bottom: 40px;
    width: 350px;
    background: #3c3128;
    padding:12px;
    opacity:0.88;
    filter:alpha(opacity=88); /* For IE8 and earlier */
}

.left_block .enotify_icon {
    background-image: url("../images/enotify-app-pdf-icon.png");
    background-repeat: no-repeat;
    display: block;
    height: 122px;
    left: 30px;
    position: absolute;
    bottom: 250px;
    width: 123px;
}

.bg_image img {height:100% !important;}