body{
	font-family:Arial, sans;
	margin:0px;
	padding:0px;
	font-size:14px;
	width:100%;
	height:100%;
	line-height:22px;
	color:#777777;
	background:#006;
}

#myDiv{
	position:absolute;
	height:700px;
	width:940px;
	}
a:link    {color:#009AFF;}
a:visited {color:#009AFF;}
a:hover   {color:#000000;}
a:active  {color:#009AFF;}

.link{}

a.link:link    {color:#111111;}
a.link:visited {color:#111111;}
a.link:hover   {color:#009AFF;}
a.link:active  {color:#111111;}  

 /* Header */
 #mainHeader{
	position:absolute;
	overflow: visible;
	top:0px;
	left:270px;
	width:auto;
	height:100px;
	background-color:transparent;
	background-repeat:repeat-x;
	z-index:9999;
 }
  #title{
	  font-family:"helvetica neue", Helvetica, Arial,  sans-serif;
	position:absolute;
	top:85px;
	left:20px;
	height:15px;
	width:100px;
	color:#FFF;
	font-size:12px;
	letter-spacing:0.09em;
	font-weight:400;
}
 
  #back{
	position:absolute;
	top:124px;
	left:40px;
	width:150px;
	height:50px;
	z-index:9999;
}
#back img {
	width:150px;
	height:auto;
	}


 #logoImage{
	position:absolute;
	top:0px;
	left:0px;
	width:240px;
	height:75px;
	margin-top:30px;
}

	#logoImage img {
	width:240px;
	height:auto;
	}

/* Menu holder */
#menuHolder{
	overflow:hidden;
	position:relative;
	width:100%;
}

/* Product holder */
#myDiv{
	margin:0px;
	padding:0px;
	margin:auto;
}

/* sliders holder */
#mainSlidersHolder{
	overflow:visible;
	position:relative;
	width:100%;
	z-index:10;
}

#preview{
	padding-top:15px;	
	margin:auto;
	margin-bottom:30px;
	width:200px;
	color:#009AFF;
	text-align:center;
	font-size:18px;
	font-family:myFont, Arial;
}

#slidersHolder{
	overflow:visible;
	position:relative;
	width:100%;
}

/* Thumbs holder */
#mainThumbsHolder{
	overflow:hidden;
	position:relative;
	background-color:#DDDDDD;
	width:100%;
	padding-bottom:20px;
}

#examples{
	margin:auto;
	margin-top:15px;
	width:200px;
	color:#009AFF;
	text-align:center;
	font-size:18px;
	font-family:myFont, Arial;
}

#thumbsHolder{
	position:relative;
	height:200px;
	margin:auto;
	margin-top:0px;
	background-color:"#00FF00"
}

.specialNotesHeaderText{
	font-family:myFont, Arial;
	font-size:22px;
	color:#000000;
	text-align:center;
	margin:0px;
	padding:0px;
	margin-left:6px;
	margin-right:6px;
	padding-top:20px;
	margin-bottom:20px;
}

.bold{
	font-weight:bold;
}

.blue{
	color:#009AFF;
}

.white{
	font-weight:bold;
	color:#CCCCCC;
}

.black{
	font-weight:bold;
	color:#000000;
}

.dark{
	color:#111111;
}

.bolded{
	color:#999999;
	font-weight:bold;
}

/* Info */
#mainInfoHolder{
	position:relative;
	overflow: visible;
	margin:0px;
	padding:0px;
}

#whatIsMainText{
	position:relative;
	margin-top:-5px;
}

#mainFeatureTableHolder{
	position:relative;
	margin:auto;
}

table{
	border-collapse:collapse;
	text-align:left;
	width:100%;
	margin:0px;
	padding:0px;
}

tr{
	 border-top:0px;
	 text-align:left;
	 margin:0px;
	padding:0px;
}

td{
	text-align:left;
	vertical-align:top;
	margin:0px;
	padding:0px;
}

td p{
	margin:0px;
	padding:0px;
	margin-bottom:4px;
}

#specialNotesMainHolder{
	background-color:#DDDDDD;
	color:#777777;
	margin-top:30px;
}

#specialNotes{
	position:relative;
	margin:0px;
	padding:0px;
}

.firstTd{
	width:47%;	
}

.secondTd{
	width:6%;
}

/* Classes */
.plusImage{
	position:relative;
	margin-right:6px;
	width:7px;
	height:7px;
	top:-1px;
}

#lastP{
	padding-bottom:20px;
}

.headerText{
	overflow:hidden;
	margin:auto;
	color:#777777;
	text-align:center;
	font-size:22px;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:40px;
	font-family:myFont, Arial;
}

.specialNotesHeaderText{
	font-family:myFont, Arial;
	font-size:22px;
	color:#009AFF;
	text-align:center;
	margin:0px;
	padding:0px;
	margin-left:6px;
	margin-right:6px;
	padding-top:20px;
	margin-bottom:20px;
}


/* for ipad landscape view */
@media screen and (max-width: 1024px) {

 #myDiv{
	position:absolute;
	height:700px;
	width:940px;
	top:50%;
	margin-top:-350px;
	
	}
	
 #mainHeader{
	position:absolute;
	overflow: visible;
	top:0px;
	left:270px;
	width:300px;
	height:100px;
	background-color:transparent;
	background-repeat:repeat-x;
	z-index:9999;
 }
 
 #logoImage{
	position:absolute;
	top:0px;
	left:0px;
	width:240px;
	height:75px;
	margin-top:30px;
}

 #logoImage img {
	width:240px;
	height:auto;
	}
	
#back{
	position:absolute;
	top:40px;
	left:auto;
	right:40px;	
	width:112px;
	height:38px;
	z-index:9999;
}
#back img {
	width:112px;
	height:auto;
	}

}

/* for ipad portarit view */
@media screen and (max-width: 780px) {


 #myDiv{
	position:absolute;
	height:700px;
	width:940px;
	top:50%;
	margin-top:-300px;
	
	}
	
 #logoImage{
	position:absolute;
	top:0px;
	left:0px;
	width:180px;
	height:56px;
	margin-top:30px;
}

#logoImage img {
	width:180px;
	height:auto;
	}
	

#back{
	position:absolute;
	top:40px;
	left:auto;
	right:40px;	
	width:112px;
	height:38px;
	z-index:9999;
}
#back img {
	width:112px;
	height:auto;
	}


/* for iphone landscape view */
@media screen and (max-width: 667px) {
	


 #myDiv{
	position:absolute;
	height:700px;
	width:940px;
	top:50%;
	margin-top:-210px;
	
	}
#logoImage{
	position:absolute;
	top:0px;
	left:0px;
	width:156px;
	height:48px;
	margin-top:10px;
	margin-left:-25px;
}

	#logoImage img {
	width:156px;
	height:auto;
	}

#back{
	position:absolute;
	top:20px;
	left:auto;
	right:20px;	
	width:97px;
	height:38px;
	z-index:9999;
}
#back img {
	width:97px;
	height:auto;
	}



/* for iphone portrait view */
@media screen and (max-width: 375px) {

 #myDiv{
	position:absolute;
	height:700px;
	width:940px;
	top:50%;
	margin-top:-130px;
	
	}
#logoImage{
	position:absolute;
	top:0px;
	left:0px;
	margin-left:-30px;
	width:89px;
	height:27px;
	margin-top:10px;
}

#logoImage img {
	width:89px;
	height:auto;
	}

#back{
	position:absolute;
	top:15px;
	left:auto;
	right:10px;	
	width:55px;
	height:38px;
	z-index:9999;
}
#back img {
	width:55px;
	height:auto;
	}


}