@font-face {
	font-family: Lowvetica;
	src: url('Lowvetica.ttf');
}

@font-face {
	font-family: LowveticaBold;
	src: url('LowveticaUltraBold.ttf');
}

@font-face {
	font-family: HelveticaNeue-T;
	src: url('fontscore.com_h_helvetica-neue-lt-std-35-thin.otf');
}


body{
	margin: 0;
	padding: 0;	
	color: #000000;
	font: 17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #f7f5f0;
}


.titleSection{
	margin-bottom: 10px;
}

.emailLink{
	color: #707172;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 35px;
}

.titleSectionMore{
	margin-bottom: 15px;
}

#mainTitle{
	letter-spacing: 1px;
	font: 25px/25px LowveticaBold;
	margin-top: 25px;
	color: #bababa;
}


/* @group text colour */

.whiteText{
	color: rgba(255, 255, 254, 1);
}

.transparentWhite{	
	color: rgba(255, 255, 254, 0.6);	
}

.gray{	
	color: rgb(127, 127, 127);	
}

.darkGray{	
	color: rgb(127, 127, 127);	
}

.black{	
	color: rgb(0, 0, 0);
	font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
}

.red{	
	color: rgb(255, 88, 2);	
	font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
/*	font: 17px/18px "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;*/
}

.smaller{
	font-size: smaller;
}

/* @end */

#iPad{
	z-index: 10;
	position: relative;
/*	background-color: rgba(254, 255, 254, 0.53);*/
}

#deviceImages1 {
    position:absolute;
    top:0;
    left:0;
    z-index:20;
}

#deviceImages2, #deviceImages3, #deviceImages4, #deviceImages5, #deviceImages6 {
	position:absolute;
	top:0;
	left:0;
    z-index:19;
    display:none;
}

#deviceButton{

	width: 560px;
	height: 0px;
	z-index: 11;
	position: absolute;
	top: 260px;
	
/*	background-color: rgba(160, 52, 136, 0.35);*/
	text-align: left;
	display: table;
}

#middleCell{
	width: 100%;
}

#textBoxFrame{
	width: 380px;
	height: 33px;
	border: 1pt solid #ababab;
	padding: 6px;
}



input[type="text"]{
	border-style: none;
		width: 370px;
	background-color: #bee0eb;
	height: 22px;
	color: #cb3d1b;
	font: 11pt/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 5px;
}

#goButton{
	padding-left: 5px;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

#socialBlock{
	margin-top: 12px;
	margin-bottom: 20px;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 400px;
	text-align: center;
}

#mainContainer{
	min-width: 1150px;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0;	
	text-align: center;
	font: 17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: url(images/webpageBkg.jpg) no-repeat white;
	height: 475px;
	position: relative;
}

.mainText{
	margin-top: 30px;
		color: #3c3c3c;
		font: 17px HelveticaNeue-T;
	}


#badge{
	position: absolute;
	z-index: 500;
	left: 300px;
	top: 30px;
}

#leftColumn{
	font: 25px/25px Lowvetica;
	width: 435px;
	margin-top: 268px;
	float: left;
	text-align: left;
	padding-left: 70px;
}


.hiliteTitle{
	color: white;
	background-color: #000000;
}


#sectionComment{
	position: relative;
	top: 620px;
	width: 300px;
	text-align: center;
	left: 140px;
	z-index: 200;
/*	background-color: rgba(171, 171, 41, 0.57);*/
		
	font: 16px HelveticaNeue-T;
}



#devices{
	width: 550px;
	height: 617px;
	margin-right: 50px;
	margin-top: 62px;
/*	background-color: rgba(254, 255, 0, 0.48);*/
	right: 50px;
	float: right;
}

#emailTable{

	display: table;
	margin: 5px 0 0;
	padding: 0;
/*	background-color: #9a9a67;*/
}


#weatherIcon{
	margin-left: 100px;
	margin-bottom: 20px;
}


#moodooFooter{
/*	height: 50px;
	width: 200px;*/
	
	position: relative;
	bottom: 0;
	top: 750px;
	height: 50px;
	text-align: center;
	padding-top: 10px;
	border-top: 1px dotted #bfbfbf;
	margin-right: 80px;
	margin-left: 80px;
	color: #9d9d9d;
	font-size: 13px;
}



#movieButton{

	margin-top: 50px;
	position: relative;
	top: 600px;
	left: 30px;
}

.hiddenImage{
	visibility: hidden;
	height: 1px;
}