/*  2005.09.01
	Thomas Coats
*/

body
{
	background: #ffffff;
	font-family: arial, geneva, helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	margin: 0px;
	padding: 0px;;
}

px14
{
    font-size: 14px;
}


h3nm
{
    font-size: 13px;
}
h2nm
{
    font-size: 16px;
}


p   { font-size: 12px; }
a   { color: #662424; }

#header
{
	margin: 20px 0px 0px 0px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top center;
}

#header h1  { display: none; }


#container
{
	margin: 5px auto 30px auto;
	text-align: left;
	width: 604px;
	padding: 0;
}

#nav,
#page-content,
#main_end
{
    padding: 0px;
    margin: 0px; 
}

#site_nav,
#site_nav a,
#site_nav
{
    color: #888888;
    font-size: 11px;
    letter-spacing: 1pt;
}

#site_nav
{
    text-align: center;
    margin-bottom: 5px;
}

#site_nav a       { text-decoration: none; }
#site_nav a:hover { text-decoration: underline; }



#page_nav
{
    height: 40px;
    width: 600px;
    left: 1px;
    position: relative;
    background-image: url(nav_bg.png);
    background-repeat: repeat-x;
    background-position: top left;
}

#page_nav ul
{
    text-align: right;
    list-style-type: none;
}

#page_nav ul li  { float: left; }

#page_nav ul,
#page_nav ul li,
#page_nav ul li p,
#page_nav ul li a
{
    height: 38px;
    display: block;
    padding: 0px;
    margin: 0px; 
}

#page_nav ul li p,
#page_nav ul li a
{
    background-position: right top;
    background-repeat: no-repeat;
}

#page_nav ul li a:hover
{
    background-position: right bottom;
}

#page_nav ul li p span,
#page_nav ul li a span
{ display: none; }

#page_nav li#download p     { width: 85px; }
#page_nav li#windows a      { width: 122px; }
#page_nav li#macintosh a    { width: 132px; }
#page_nav li#purchase a     { width: 124px; }

#page_nav li#download p  { background-image: url(nav_download.png); }
#page_nav li#windows a   { background-image: url(nav_windows.png); }
#page_nav li#macintosh a { background-image: url(nav_macintosh.png); }
#page_nav li#purchase a  { background-image: url(nav_purchase.png); }


a img { border: 0; }

#page-content
{
	width: 100%;
	background-image: url(body_bg.png);
	background-repeat: repeat-y;
}

#main
{
    width: 598px;
    left: 2px;
    font-weight: bold;
    position: relative;
    background-image: url(main_bg.png);
	background-repeat: repeat;
    border-top: 1px solid #fffaf8;
    padding: 0px 0px 40px 0px;
}

#main p
{
    margin: 13px 40px;
    padding: 0px;
    text-align: justify;
    font-size: 12px;
    color: #2c2c2c;
    line-height: 17px;
}
#main p.blurb       { padding: 25px 0px 0px 0px; }
div.centered        { margin: 13px 60px; }
h3                  { margin: 13px 40px; }

#news p
{
    text-indent: -50px;
    padding-left: 50px;
}

#news
{
    padding-top: 15px;
}

#main_end
{
    width: 100%;
    height: 5px;
    background-image: url(body_end.png);
	background-repeat: no-repeat;
    background-position: top left;
    clear: both;
}

#main img.float_left2
{
    margin: 30px 30px;
    float: left;
}


#main img.float_left
{
    margin: 20px 30px;
    float: left;
}

#main img.float_right
{
    margin: 20px 30px;
    float: right;
}

#main h2
{
    margin: 13px 40px;
    font-size: 16px;
}

#main h3
{
    font-size: 13px;
}

div#screenshot_start
{
    clear: both;
    height: 10px;
    width: 100%;
}

div.screenshots
{
    margin: 40px 0px;
    padding: 0px;
    clear: both;
    display: block;
    width: 100%;
    height: 114px;
    background-image: url(screen_bg.png);
    background-repeat: repeat-x;
    background-position: top left;
}

div.screenshots ul
{
    list-style-type: none;
    position: relative;
    top: 12px;
    height: 72px;
}

div.screenshots ul li
{
    float: left;
    margin: 10px 15px;
    padding: 0px;
}

div.screenshots ul li,
div.screenshots ul li p,
div.screenshots ul li a { display: block; }

div.screenshots img { clear: both; }

div#screenshot_end
{
    clear: both;
    height: 40px;
    width: 100%;
}


div.flashgame
{
    clear: both;
    background-image: url(main_bg_hi.png);
    padding: 5px;
    height: 1%;
    font-size: 13px !important;
    line-height: 13px !important;
}

div.flashgame p
{
    padding-left: 160px !important;
    font-weight: normal;
    font-size: 14px !important;
    line-height: 14px !important;
}

div.flashgame hr
{
    clear: both;
    width: 580px;
}



div.game
{
    clear: both;
    background-image: url(main_bg_hi.png);
    padding: 5px;
    height: 1%;
}

div.game p
{
    padding-left: 160px !important;
    font-weight: normal;
    font-size: 11px !important;
    line-height: 13px !important;
}

div.game hr
{
    clear: both;
    width: 580px;
}

div.clear
{
    clear: both;
}

div.specific_links
{
    text-align: right;
}

#footer
{
	text-align: center;
	color: #888888;
	margin: 10px 0px;
	position: relative;
	width: 100%;
}

#footer p               { font-size: 11px; margin: 0px; }
#footer p.designer      { font-size: 9px; padding: 2px; }
#footer p.designer a    { text-decoration: none; color: #884842; }

/* index specific */

#index #header
{
    margin: 20px 0px 0px 0px;
    height: 100px;
    background-image: url(../images/title.png);
}

#index #page_nav li#innovative      { width: 600px; }
#index #page_nav li#innovative p    { background-image: url(nav_innovative.png); }


/* ragdollmasters specific */

#ragdollmasters #header
{
	height: 120px;
	background-image: url(../ragdollmasters/images/title.png);
}
#ragdollmasters #page_nav li#download p { width: 222px; }


/* radicalrebound specific */

#drawandplay #header
{
	height: 140px;
	background-image: url(../drawandplay/images/title.png);
}
#drawandplay #page_nav li#download p { width: 354px; }


/* drawandplay specific */

#radicalrebound #header
{
	margin: 30px 0px 20px 0px;
	height: 40px;
	background-image: url(../radicalrebound/images/title.png);
}
#radicalrebound #page_nav li#download p { width: 344px; }

#nball #header
{
	height: 120px;
	background-image: url(../nball/images/title.png);
}
#nball #page_nav li#download p { width: 222px; }

#stealball #header
{
	height: 140px;
	background-image: url(../stealball/images/title.png);
}
#stealball #page_nav li#download p { width: 222px; }

#rocky #header
{
	height: 120px;
	background-image: url(../rocky/images/title.png);
}
#rocky #page_nav li#download p { width: 346px; }

#ragdollavalanche #header
{
	height: 130px;
	background-image: url(../ragdollavalanche/images/title.png);
}
#particles #header
{
	height: 80px;
	background-image: url(../particles/images/title.png);
}

#gravityrunner #header
{
	height: 76px;
	background-image: url(../gravityrunner/images/title.png);
}