/***************************
DO ALL OF THE INITIAL SETUP
***************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	
	background-color: #8b9eb8 !important;
	background-image: url('images/bg_glow.png'), url('images/bg_gradient.png'), url('images/bg_footer.png');
	background-repeat: no-repeat, repeat-x, repeat-x;
	background-position:center top, center top, center bottom;
	background-attachment: fixed;
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

select {
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

textarea {
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

input {
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 2.6em;
	font-weight: normal;
}

h2 {
	font-size: 1.8em;
	font-weight: normal;
}

ol, ul, li {
	list-style: none;
}

p {
}

blockquote {
	font-style: italic;
}

a {
	color: #3B84D6;
}

a:hover {
	text-decoration: none;
}

small {
}

hr {
	display: none;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: left;
	margin: 0 0 0 15px;
}


/***************************
THE PAGE DIV SETUP
***************************/

#page {
	margin: 0px auto;
	width: 950px;
	position: relative;
}

/***************************
THE NAV BAR SETUP
***************************/

ul#nav {
	background: url('images/nav_end.png');
	background-position: 510px;
	background-repeat: no-repeat;
	width: 950px;
	height: 65px;
	position: relative;
}
/*
#nav ul {

}
*/
ul#nav li a {
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	text-indent: -9999px;
}

ul#nav li#main_link a {
	left: 0;
	width:150px;
	background-image: url('images/main_link.png');
	background-repeat: no-repeat;
}

ul#nav li#iphone_link a {
	left: 150px;
	width:185px;
	background-image: url('images/iphone_link.png');
	background-repeat: no-repeat;
}

ul#nav li#ipad_link a {
	left: 335px;
	width:175px;
	background-image: url('images/ipad_link.png');
	background-repeat: no-repeat;
}

ul#nav li a:hover {
	background-position: 0 -75px;
}

ul#nav li a:active {
	background-position: 0 -150px;
}

ul#nav li a.current {
	background-position: 0 -150px;
	text-indent: -9999px;
}

/***************************
THE HEADER DIV SETUP
***************************/

#header_iphone {
	margin-top: 15px;
	width: 950px;
	height: 300px;
	//background:url('images/subheader_iphone.png');
}

#header_osx {
	margin-top: 15px;
	width: 950px;
	height: 300px;
	background:url('images/subheader_osx.png');
}

/***************************
THE CONTENT DIV SETUP
***************************/

#content {
	padding: 45px;
	padding-top: 20px;
	width: 860px;
	background:url('images/content_bkg.png') repeat-y;
}

#entry {
	clear: both;
	height: 410px;
	margin-top: 20px;
	position: relative;
}

#entry .screenshot {
	text-align: center;
	display: block;
	width: 340px;
	height: 410px;
	position: absolute;
	background: url('images/screenshots/shadow.png') no-repeat;
}

#entry .screenshot img {
	width: 240px;
	height: 343px;
	margin-top: 25px;
	top: 2px;
}

#entry .description {
	margin-left: 342px;
	width: 400px;
	padding-top: 40px;
	//background: url('image/separator_horizontal.gif') repeat-x;
}

#entry .description h3 {
	margin-left: 4px;
	font-size:18px;
	background: url('image/separator_horizontal.gif') repeat-x;
	background-position:bottom;
}

#entry .description p {
	margin-left: 4px;
	margin-top: 10px;
}

#entry .description dl {
	margin-top: 20px;
}

#entry .description dl dt {
	float: left;
	display: block;
	width: 33px;
	height: 33px;
	text-align: center;
}

#entry .description dl dd {
	margin-left: 40px;
	margin-bottom: 18px;
}

/***************************
THE FOOTER DIV SETUP
***************************/

#footer {
	margin-top:0;
	width: 950px;
	height: 100px;
	background:url('images/footer_bkg.png') repeat-y;
}

/***************************
THE FOOTERADS DIV SETUP
***************************/

#footerads {
	margin: auto;
	margin-top: 25px;
	clear: both;
	width: 950px;
	height: 60px;
}