/* CSS Document */

body {
	background: #f6f6f6;
	color: #514340;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Myriad Pro Light", "Myriad Pro", "Myriad Pro Bold", "Arial", "Arial Light", "Arial Bold";
	font-size: 10.5pt;
}
#header {
	background: url(images/header.png) no-repeat top left;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 1024px;
	height: 101px;
	display: block;
}
#footer {
	background: url(images/footer.png) no-repeat top left;
	margin-top: 0px; 
	padding-top: 0px; 
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
	height: 35px;
	text-align: left;
}

#header ul {
	float:right;
	margin-right: 40px;
	margin-top: 22px;
	color: #FFFFFF;
	display: inline;
	list-style: none;
	font-size: 10.5pt;
	}
#header li {
	display: inline;
	list-style: none;
	}
#header a ul , a:visited ul, a ul li, a:visited ul li {
	display: inline;
	list-style: none;
	color: #FFFFFF;
	text-decoration: none; !Important
	font-size: 10.5pt;
	}	
#header a, a:visited {
	display: inline;
	list-style: none;
	color: #FFFFFF;
	text-decoration: none; !Important
	font-size: 10.5pt;
	}	
	
#footer p {
	padding-left: 40px;
	padding-top: 8px;
	margin-top: 0px;
	font-weight: lighter;
	color: #FFFFFF;
	text-align: left;
	font-size: 10pt;
	}
a, a:visited {
	text-decoration: none; !Important
	}	
a img, a:visited img {
	border: 0px; !Important
	}	
	
	
/* Index Contents */

#phone {
	background: url(images/phone.png) no-repeat top left;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 1024px;
	height: 471px;
}
#highlight {
	background: url(images/highlights.png) no-repeat top left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 1024px;
	height: 154px;
}
#phoneicons {
float: left;
	text-align: left;
	margin-left: 300px;
	padding-top: 70px;
	padding-right: 10px;
	border: 0px; !important
	
}
#phoneicons a img, a:visited img, a img.alignleft, a:visited img.alignleft {
	border: 0px; !important;
	margin: 0px;
	padding: 0px;
	
}

.hidden {
	display:none;
}

#highlightpic {
float: left;
	text-align: left;
	margin-left: 35px;
	padding-top: 15px;
	padding-right: 15px;
	
}
#highlightpic a img, a:visted img {
	border: 0px;
}
#highlightpic img a, img a:visted {
	border: 0px;
}
#highlighttext {
float: left;
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 15px;
	width: 305px;
	color: #514340;
}
#highlighttext h1 {
	padding: 0px;
	margin: 0px;
	color: #f1a108;
	font-size: 12pt;
	}
#highlighttext a h1 , a:visited h1 {
	text-decoration: none;
	color: #f1a108;
	font-size: 12pt;
	}
#highlighttext details, details a, details a:visited {
	padding: 0px;
	color: #f1a108;
	font-size: 10.5pt;
	font-weight: lighter;
		text-decoration: none;
	}

/* Other Page Content */
#content {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 0;
	width: 1024px;
	min-height: 535px;
}
#middle {
background: url(images/twocolumn_bg_02.png) repeat-y;
/* removed because it was blocking the stretchy pages */
 min-height: 470px; 
}
#top {
	background: url(images/twocolumn_bg_01.png) no-repeat;
	height: 37px;
	}
#bottom {
	background: url(images/twocolumn_bg_03.png) no-repeat;
	height: 46px;
	}
#phonev {
	background: url(images/phonev1.png) no-repeat bottom left;
	float: left;
	margin-right: 40px;
	margin-left: 67px;
	padding-top: 0px;
	width: 237px;
	height: 501px;
}
.phonevscreen1 {
	float: left;
	margin-right: 40px;
	margin-left: 22px;
	padding-top: 74px;
	width: 237px;
	height: 498px;
}
#title {
	float: left;
	text-align:left;
	margin-right: 40px;
	margin-left: 67px;
	padding-top: 0px;
	width: 237px;
	height: 498px;
}
#textbox {
	float: left;
	width: 477px;
}
#text {
	float: left;
	text-align: left;
	margin-right: 160px;
	margin-left: 43px;
	margin-top: 0px;
	width: 477px;
	/* this prevented stretching of the page */
	/* height: 498px; */ 
}
#more {
	float: left;
	text-align: left;
	margin-left: 80px;
	margin-top: 5px;
	width: 25px;
}
h2 {
	color: #f1a108;
	font-size: 14pt;
	font: "Myriad Pro Regular";
	font-weight: normal;
	padding-bottom: 2px;
	margin-top: 0px;

}
h3 {
	color: #f1a108;
	font-size: 18pt;
	font: "Myriad Pro Regular";
	font-weight: normal;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;

}
h4 {
	color: #b5b3b1;
	font-size: 12pt;
	font: "Myriad Pro Regular";
	font-weight: normal;
	padding-top: 0px;
	margin-top: 4px;

}
#text p {
text-align: left; 
	font-size: 9.5pt;
	line-height: 12pt;
	font-weight: light;
	padding-bottom: 0px;
	margin-top:0px;
}
#text h7 {
text-align: left; 
	font-size: 9.5pt;
	line-height: 12pt;
	font-weight: light;
	padding-bottom: 0px;
	margin-top:0px;
}
#text ul {
margin-bottom: 2px;
margin-top: 0px;
text-align: left; 
	font-size: 9.5pt;
	line-height: 12pt;
	font-weight: light;
}
#text ul li {
margin: 0; !important
padding: 0; !important
	list-style-type: none;
	font-size: 9.5pt;
	line-height: 12pt;
	font-weight: light;
}
#screenshots {
	float: left;
	text-align: left; 
	width: 525px;
	height: 205px;
	margin-top: 0px; 
	padding-top: 0px;
	display: block; 
}
#screenshots ul {
	display: inline;
	list-style-type: none;
	margin-top: 0px; 
	padding-top: 0px;
	padding-right: 0px;
}
#screenshots li {
	display: inline;
	list-style-type: none;
	margin-top: 0px; 
	margin-right:20px;
	padding-top: 0px;
}
#screenshots * img.screenshot {
        margin-right:20px;
}
#text details, a details, a:visited details {
	padding: 0px;
	color: #f1a108;
	font-size: 10.5pt;
	font-weight: lighter;
	text-decoration:none;
	}
#text p details, p a details, p a:visited details {
	padding: 0px;
	color: #f1a108;
	font-size: 10.5pt;
	font-weight: lighter;
	text-decoration:none;
	}
	#text p details a, p details a:visited {
	padding: 0px;
	color: #f1a108;
	font-size: 10.5pt;
	font-weight: lighter;
	text-decoration:none;
	}
	#text p a, p a, p a:visited {
	padding: 0px;
	color: #f1a108;
	font-size: 9.5pt;
	text-decoration:none;
	}



/* Image Attributes */
img.centered, a img.centered
	{
	display:block;
	margin-left:auto;
	margin-right:auto;
	border: 0px;
	}
img.aligncenter, a img.aligncenter  
	{
	display:block;
	margin-left:auto;
	margin-right:auto;
	border: 0px;
	}
img.alignright, a img.alignright 
	{
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
	border: 0px;
	}
img.alignleft, 
	{
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
	border: 0px; !important
	}
a img.alignleft, a:visited img,alignleft,
	{
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
	border: 0px; !important
	}
#hilighttext a img, a:visited img
	{
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
	border: 0px; !important
	}
.alignright, a .alignright
	{
	float:right;
	margin-left:10px;
	border: 0px;
	}
.alignleft, a .alignleft
	{
	float:left;
	margin-right:10px;
	border: 0px;
	}