@charset "UTF-8";
/* CSS Document */

body{
	background: #141414;
	font: normal normal normal 13px/19px Helvetica, Arial, sans-serif;
	color:#dcdcdc;
}
header, section, footer, article{
	display:block;
}
.clear{
	clear:both;
}
h1{
	font: normal normal normal 36px/42px Helvetica, Arial, sans-serif;
	color:#85b4d6;
	padding: 0 0 20px 0;
}
h2{
	font: normal normal normal 28px/30px Helvetica, Arial, sans-serif;
	padding: 0 0 20px 0;
}
h3{
	font: normal normal normal 28px/30px Helvetica, Arial, sans-serif;
	color:#85b4d6;
	padding: 0 0 20px 0;
}
h4{
	font: normal normal normal 18px/30px Helvetica, Arial, sans-serif;
	color:#85b4d6;
	padding:0 0 10px 0;
}
.accent{
	color: #f6861f;
}
a{
	color: #f6861f;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
header{
	margin: 0 auto;
	width: 1000px;
	height: 301px;
	background: url("../images/header.jpg") no-repeat top left;
}
.mainBody{
	margin: 0 auto 15px;
	width: 1000px;
	min-height: 675px;
	background: url("../images/ipadScreenShot.jpg") no-repeat right 20px;
	
}
.mainBody p{
	padding: 0 0 10px 0;
}
.intro{
	margin:0;
	padding:0 0 30px 0;
}
.intro ul{
	margin:0 0 0 20px;
}
.intro li{
	padding: 0 0 10px 15px;
	background: url("../images/bullet.gif") no-repeat 0px 5px;
	
}
.content{
	width: 410px;
	margin:0;
	padding: 60px 0 20px 40px;
}
footer{
	min-height:100px;
	background: url("../images/footerBg.gif");
}
.footwrap{
	margin: 0 auto;
	width:920px;
	padding: 20px 40px 40px;
	background: url("../images/footTop.gif") no-repeat top left;
}
.footwrap section{
	float: left;
	width: 280px;
	font-size:13px;
	line-height:20px;
	color:#888;
}
.about{
	padding: 0 19px 0 0;
	background: url("../images/vertRule.gif") repeat-y top right;
}
.about p{
	padding: 10px 0;
}
.about img{
	float: left;
	padding: 0 3px;
}
.news{
	padding: 0 19px;
}
.news ul{
	margin:0 0 0 0;
}
.news li{
	padding: 0 0 10px 15px;
	background: url("../images/bulletArrow.gif") no-repeat 0px 5px;
	border-bottom: solid 1px #000;
}
.contact{
	padding: 0 0 0 19px;
	background: url("../images/vertRule.gif") repeat-y top left;
}
p.sp{
	width:185px;
	float:left;
	padding:20px 0;
}
.contact img{
	float:right;
	padding: 26px 0 0 0;	
}

/*** Dialog ****/
#dialog-modal{
	display: none;
	padding-bottom: 80px;
}
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	background: #333 url(images/gray.png) 50% 50% repeat-x;
	opacity: .5;
	filter: Alpha(Opacity=30);
}
.ui-dialog{
	padding: 20px 20px 60px;
	background: #333;
	border: solid 1px #aaa;
	-webkit-box-shadow: 5px 5px 3px 0 rgba(0,0,0,.5);
	box-shadow: 5px 5px 3px 0 rgba(0,0,0,.5);
	
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.ui-dialog-title{
	font: normal normal normal 24px/30px Helvetica, Arial, sans-serif;
color: #85b4d6;
}
.ui-button{
	display: block;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -50px;
	width: 100px;
	height: auto;
	background: none;
	background: #000;
	color: #fff;
	border: solid 1px #999;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	padding: 5px 0;
	cursor: pointer;
}