body
{
	font: normal 14px KufiStandardGK  ,Tahoma, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background : #313840 url(http://dev-wd.com/apple/rw_common/themes/iphone_blog/images/body_grad.png) repeat-x;
	height: 100%;
	color : #333;
}
.centered {
text-align : center;
}
#container {
width : 994px;
min-height : 500px;
margin : 0 auto 15px;
position : relative;
z-index : 0;
text-align : right;
background : transparent url(images/content_bg.png) repeat-y left 298px;
}
.clearer {
clear : both;
height : 0;
margin : 0;
padding : 0;
}
#dheader {
text-indent : -999em;
height : 0;
position : absolute;
}
#content-container {
clear : both;
position : relative;
z-index : 2;
font-size : 0.75em;
padding-bottom : 30px;
min-height : 300px;
margin-bottom : 40px;
padding-top : 30px;
margin-left : 6px;
background : url(images/header_smoke.png) no-repeat 1px 0%;
}
#content-container #dcontent {
margin : 30px 30px 0;
}
.content-bottom {
position : absolute;
left : 0;
bottom : -20px;
width : 994px;
height : 20px;
background : url(images/footer_bg.png) no-repeat left bottom;
z-index : 0;
}
#dfooter {
width : 994px;
padding : 11px 0 20px;
margin : 0 auto;
clear : both;
line-height : 1;
}
#footer p {
margin : 0;
padding : 5px 0 18px;
color : #b4c4c8;
font : 0.7em "Lucida Grande", Lucida;
}
#footer a:link, #footer a:visited {
color : #fff;
}
#footer a.rms:link, #footer a.rms:visited {
display : block;
width : 541px;
height : 24px;
margin : 0 auto;
background : url(images/footer_text.png) no-repeat left top;
text-indent : -999em;
}
#footer a.rms:hover, #footer a.rms:active {
background-position : right bottom;
}
#footer form {
margin : 0;
padding : 0;
}
#footer form p {
width : 175px;
margin : 0 auto;
padding : 0;
height : 25px;
position : relative;
}
#footer form p.js {
background : url(images/footer_selection.png) no-repeat left top;
}
#footer form p select {
display : block;
padding : 0;
width : 175px;
cursor : pointer;
}
#footer form p.js select {
height : 35px;
}
#footer form label {
display : none;
}
#footer form input {
display : block;
width : auto;
position : absolute;
left : 180px;
top : 0;
}
#footer form p.js input {
display : none;
}
#nav-container {
height : 47px;
font-size : 0.75em;
padding : 0;
margin : 0 auto;
width : 994px;
position : relative;
z-index : 10;
background : url(images/menu_map.png) 0% 0%;
}
#nav-container ul {
margin : 0 0 0 17px;
padding : 0;
width : 994px;
height : 47px;
list-style-type : none;
position : absolute;
top : 0;
left : 0;
}
#nav-container li {
display : inline;
float : left;
position : relative;
}
#nav-container li li {
margin : 0;
}
#nav-container ul a:link, #nav-container ul a:visited {
display : block;
float : left;
height : 44px;
text-indent : -999em;
margin-top : 3px;
margin-right : 6px;
background-repeat : no-repeat;
background-image : url(images/menu_map.png);
}
li.Store a:link, li.Store a:visited {
width : 69px;
background-position : -24px -3px;
}
li.RapidWeaver a:link, li.RapidWeaver a:visited {
width : 130px;
background-position : -99px -3px;
}
li.LittleSnapper a:link, li.LittleSnapper a:visited {
width : 128px;
background-position : -234px -3px;
}
li.Socialite a:link, li.Socialite a:visited {
width : 93px;
background-position : -368px -3px;
}
li.Addons a:link, li.Addons a:visited {
width : 94px;
background-position : -467px -3px;
}
li.Downloads a:link, li.Downloads a:visited {
width : 115px;
background-position : -567px -3px;
}
li.Support a:link, li.Support a:visited {
width : 89px;
background-position : -688px -3px;
}
li.Forum a:link, li.Forum a:visited {
width : 77px;
background-position : -783px -3px;
}
li.Company {
margin : 0;
}
li.Company a:link, li.Company a:visited {
width : 103px;
background-position : -866px -3px;
}
li.Store a:hover, li.Store #current, li.Store a:link.currentAncestor, li.Store a:visited.currentAncestor {
background-position : -24px -50px;
}
li.RapidWeaver a:hover, li.RapidWeaver #current, li.RapidWeaver a:link.currentAncestor, li.RapidWeaver a:visited.currentAncestor {
background-position : -99px -50px;
}
li.LittleSnapper a:hover, li.LittleSnapper #current, li.LittleSnapper a:link.currentAncestor, li.LittleSnapper a:visited.currentAncestor {
background-position : -234px -50px;
}
li.Socialite a:hover, li.Socialite #current, li.Socialite a:link.currentAncestor, li.Socialite a:visited.currentAncestor {
background-position : -368px -50px;
}
li.Addons a:hover, li.Addons #current, li.Addons a:link.currentAncestor, li.Addons a:visited.currentAncestor {
background-position : -467px -50px;
}
li.Downloads a:hover, li.Downloads #current, li.Downloads a:link.currentAncestor, li.Downloads a:visited.currentAncestor {
background-position : -567px -50px;
}
li.Support a:hover, li.Support #current, li.Support a:link.currentAncestor, li.Support a:visited.currentAncestor {
background-position : -688px -50px;
}
li.Forum a:hover, li.Forum #current, li.Forum a:link.currentAncestor, li.Forum a:visited.currentAncestor {
background-position : -783px -50px;
}
li.Company a:hover, li.Company #current, li.Company a:link.currentAncestor, li.Company a:visited.currentAncestor {
background-position : -866px -50px;
}
li.Store a:active, li.Store a#current:active, li.Store a.currentAncestor:active {
background-position : -24px -97px;
}
li.RapidWeaver a:active, li.RapidWeaver a#current:active, li.RapidWeaver a.currentAncestor:active {
background-position : -99px -97px;
}
li.LittleSnapper a:active, li.LittleSnapper a#current:active, li.LittleSnapper a.currentAncestor:active {
background-position : -234px -97px;
}
li.Socialite a:active, li.Socialite a#current:active, li.Socialite a.currentAncestor:active {
background-position : -368px -97px;
}
li.Addons a:active, li.Addons a#current:active, li.Addons a.currentAncestor:active {
background-position : -467px -97px;
}
li.Downloads a:active, li.Downloads a#current:active, li.Downloads a.currentAncestor:active {
background-position : -567px -97px;
}
li.Support a:active, li.Support a#current:active, li.Support a.currentAncestor:active {
background-position : -688px -97px;
}
li.Forum a:active, li.Forum a#current:active, li.Forum a.currentAncestor:active {
background-position : -783px -97px;
}
li.Company a:active, li.Company a#current:active, li.Company a.currentAncestor:active {
background-position : -866px -97px;
}
#nav-container ul ul {
position : absolute;
left : 1px;
top : 46px;
height : 25px;
margin : 0;
padding : 0;
width : auto;
}
#nav-container ul ul li {
background : url(images/menu_sub_middle.png) repeat-x left bottom;
height : 25px;
display : block;
float : left;
}
#nav-container ul ul li.dfirst {
height : 25px;
background : url(images/menu_sub_left_end.png) no-repeat left bottom;
left : 0;
}
#nav-container ul ul li.dlast {
height : 25px;
width : 13px;
background : url(images/menu_sub_right_end.png) no-repeat left bottom;
position : relative;
right : 0;
}
#nav-container ul li ul a:link, #nav-container ul li ul a:visited {
text-indent : 0;
width : auto;
height : auto;
margin : 0 10px;
padding-top : 3px;
color : #fff;
text-decoration : none;
font-weight : bold;
background : none;
}
#nav-container ul li.Store ul {
width : 210px;
}
#nav-container ul li.RapidWeaver ul {
width : 580px;
}
#nav-container ul li.RapidWeaver ul li.Overview {
margin-top : 0;
}
#nav-container ul li.LittleSnapper ul {
width : 688px;
}
#nav-container ul li.Addons ul {
width : 385px;
}
#nav-container ul li.Support ul {
left : -165px;
width : 268px;
}
#nav-container ul li.Developers ul {
width : 396px;
}
#nav-container ul li.Company ul {
width : 350px;
left : -239px;
}
#nav-container ul li.Downloads ul {
left : -157px;
width : 300px;
}



























/* REQUIRED BUTTON STYLES: */		
button { 

	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:20px; 
	text-align: center; 
	background: transparent url(btn_blue_sprite.gif) no-repeat right -140px; 
}
	
button.submitBtn span {
	padding: 13px 0 0 15px; 
	height:37px; 
	background: transparent url(btn_blue_sprite.gif) no-repeat left top; 
	color:#fff; 
}
	
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -70px;
}



































