body
{
	margin			: 0;
	font-family		: Trebuchet MS;
	font-size		: 15px;
	letter-spacing	: 0px;
	background-image	: url('body-bg.png');
	background-position	: top;
	background-repeat	: repeat-x;
	background-color	: #FFFFFF;	
}

form
{
	font-size		: 13px;
}

a
{
	text-decoration	: none;
	color			: #0000CC;
}



h1
{
	font-size		: 25px;
	color			: #506578;
	margin			: 0;
	padding-top		: 20px;
	padding-bottom	: 10px;
}

h1 a
{
	color			: #506578;
}

h2
{
	font-size		: 20px;
	color			: #506578;
	margin			: 0;
	padding-top		: 10px;
	padding-bottom	: 5px;
}

h2 a
{
	color			: #506578;
}


h3
{
	font-size		: 15px;
	color			: #506578;
	margin			: 0;
	padding-top		: 10px;
	padding-bottom	: 5px;
}

h3 a
{
	color			: #506578;
}

small
{
	font-size		: 10px;
}

p
{
	width			: 420px;
	margin			: 0;
	margin-bottom		: 15px;
	display		: block;
}

ul
{
	list-style-type	: none;
	margin			: 0;
	padding		: 0;
}

img
{
	border			: 0;
}

img.screenshot
{
	margin-right		: 3px;
	border-style		: solid;
	border-width		: 1px;
	border-color		: #bbbbbb;
	padding		: 6px;		
}

div.content
{
	margin			: auto;
	width			: 700px;
}

div.header
{
	background-color	: #f0f0f0;
	padding-top		: 10px;
	height			: 80px;
}

div.menu
{
	background-color	: #f0f0f0;
	height			: 39px;
	background-image	: url('dot.png');
	background-position	: bottom;
	background-repeat	: repeat-x;
}

div.menu ul
{
	padding-top		: 12px;
}

div.menu ul li
{
	float			: right;
	margin-left		: 2px;
}

div.menu ul li a
{
	display		: block;
	width			: 120px;
	padding-top		: 3px;
	padding-bottom	: 4px;
	background-image	: url('menu-a-bg.png');
	background-position	: top;
	background-repeat	: no-repeat;	
	text-align		: center;
	color			: #FFFFFF;
	font-weight		: bold;	
}

div.menu ul li a.active
{
	background-image	: url('menu-a-active-bg.png');
	color			: #4c575d;
}

div.teaser
{
	background-color	: #FFFFFF;
	border-color		: #4c575d;
	border-style		: solid;
	border-width		: 0;
	border-bottom-width	: 1px;	
	height			: 205px;
}

div.teaser img.teaser
{
	float			: left;
}

div.teaser div.form
{
	float			: right;
	width			: 250px;	
}

div.teaser div.form form
{
	font-size		: 16px;
}

div.teaser div.form label
{
	width			: 100px;
	margin			: 0;
}

div.teaser div.form input.text
{
	width			: 140px;
	background-image	: none;
	margin			: 0;
}

div.teaser div.form input.button
{
	margin-left		: 100px;
}

div.main
{
	background-image	: url('main-bg.jpg');
	background-position	: top;
	background-repeat	: repeat-x;	
}

div.main a:hover
{
/*	text-decoration	: underline;*/
	background-color	: #f2f2f2;
}

div.main div.info
{
	float			: right;
	width			: 250px;
	font-size		: 13px;
}

div.main div.info h1
{
	font-size		: 20px;

}

div.main div.info h2
{
	font-size		: 14px;

	padding		: 0;
}

div.main div.info p
{
	width			: 100%;	
}

div.footer
{
	font-size		: 12px;
	text-align		: center;
	padding-bottom	: 20px;
	padding-top		: 50px;
}



div.row
{
	height			: 30px;
	width			: 400px;
}

div.row span.label
{
	float			: left;
	width			: 38%;	
}

div.row span.value
{
	float			: right;
	width			: 58%;	
}

div.row span.value input.text
{
	width			: 90%
}

a.screenshot
{
	padding-left		: 3px;
	padding-right		: 3px;
	font-weight		: bold;
	text-decoration	: none;
}

a.screenshot:hover
{
	background-color	: #336799;
	color			: #FFFFFF;
}

div.screenshots
{
	width			: 420px;

}

span.code
{
	font-variant		: small-caps;
}

div.casebox
{
	height			: 170px;
}

div.casebox img
{
	float			: left;
	margin-right		: 10px;
	padding-left		: 8px;
	padding-top		: 8px;
	padding-right		: 9px;
	padding-bottom	: 12px;
	background-image	: url('cases/bg.png');
	background-position	: right top;
	background-repeat	: no-repeat;	
}

a.case-teaser img
{
	margin-right		: 10px; 
	padding-left		: 8px;
	padding-top		: 8px;
	padding-right		: 9px;
	padding-bottom	: 12px;
	background-image	: url('cases/bg.png');
	background-position	: right top;
	background-repeat	: no-repeat;	
}

div.casebox h2
{
	padding		: 0;
}

label
{
	float			: left;
	display		: block;
	width			: 150px;
	margin-bottom		: 2px;
}

input.text, textarea
{
	background-image	: url('input-bg.png');
	background-position	: left top;
	background-repeat	: no-repeat;
	border			: 1px;
	border-style		: solid;
	border-color		: #666666;
	color			: #506578;
	background-color	: #FFFFFF;
	width			: 260px;
	margin-bottom		: 2px;
}

input:hover.text
{
	color			: #000000;
	font-weight		: bold;
}

textarea
{
	height			: 200px;
}

input.button
{
	margin-left		: 150px;
}