/*------------------------------------------------------------------------------
UNDOHTML - (CC) 2006 Tantek Celik.
------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,pre,code,kbd { font-size: 12px; }
dl,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
address,abbr { font-style:normal }
img, a { border: 0 none #fff; }

/*------------------------------------------------------------------------------
BASIC ELEMENTS
------------------------------------------------------------------------------*/
body { margin: 0; padding: 0; }
h1, p { margin: 0; padding: 0; font-weight: normal; font-family: verdana; }
h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: verdana; }

hr { display: block; clear: both; visibility: hidden; }

/*------------------------------------------------------------------------------	
BASIC CLASSES
------------------------------------------------------------------------------*/		
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.emphasize { font-weight: bold; font-style: italic; text-decoration: underline;}
.clearleft 	{ clear: left; }
.clearright { clear: right; }
.clearboth 	{ clear: both; }
.floatleft	{ float: left; }
.floatright { float: right; }

.center { text-align: center; }
.btm3 { margin-bottom: 3px; }
.btm5 { margin-bottom: 5px; }
.btm10 { margin-bottom: 10px; }
.btm15 { margin-bottom: 15px; }
.btm20 { margin-bottom: 20px; }

.tp5 { margin-top: 5px; }
.tp10 { margin-top: 10px; }
.tp15 { margin-top: 15px; }

/*------------------------------------------------------------------------------
COLORS
------------------------------------------------------------------------------*/
body { 
	color: #585858;
	background: #fff;
}

body#home { background: url(/imgs/home/stripped-home.jpg) repeat-x; }
body#internal { background: url(/imgs/internal/stripped-internal.jpg) repeat-x; }

p {
	font-family: georgia;
	font-size: 12px;
	line-height: 18px;
	color: #585858;
}

h5 {
	font-size: 11px;
}

h4 {
	margin-bottom: 5px;
}

h2 {
	font: 18px/24px Georgia, serif;
	color:#585858; /*#6D3578;*/
}
a { 
	color: #6D3578; 
	font-weight: normal;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

a:hover.nohover { text-decoration: none; }

ul {
	padding: 0;
	margin: 0;
}

li {
	font-family: verdana;
	margin: 0 0 0 15px;
	padding: 0 0 0 -5px;
	font-size: 11px;
	line-height: 16px;
	color: #585858;
}

.orange { color: #f69908;}
.green { color: #367d5a; } /*--GREEN--*/	
.blue { color: #419de0; }

body#home h1 {
	font-size: 21px;
	color: #6e3579;
	margin: 10px 0;
}

body#internal h1 {
	font-size: 21px;
	margin: 10px 0;
}

.caption {
	font-family: verdana;
	font-size: 10px;
	font-style: italic;
}

.sans {
	font-family: verdana;
	font-size: 10px;
}

/*------------------------------------------------------------------------------
LAYOUT
------------------------------------------------------------------------------*/	

div#container {
	position: relative;
	margin: 0 auto;
	width: 800px;
}

div#content {
	float: left;
	display: inline;		
	width: 800px;
	height: 400px;
	text-align: left;
	padding-bottom: 10px;
}

html>body div#content {
	height: auto;
	min-height: 400px;
}

div#left {
	float: left;
	display: inline;
	width: 265px;
}

div#main {
	float: left;
	display: inline;
	width: 525px;
	margin-left: 10px;
}

/* --- Navigation --- */
	.navigation { 
		float: left;
		width: 525px;
		height: 20px;
		text-align: center;
		margin: 20px 0 0 0;
	}

	body#internal .navigation { margin-bottom: 5px; }

	.navigation a {
		font-family: verdana;
		font-size: 11px;
	}

/*------------------------------------------------------------------------------
SPECIFIC DIVS
------------------------------------------------------------------------------*/	

/* --- Home --- */

	body#home #header_graphics {
		float: left;
		width: 505px;
		margin: 7px 0 0 0;
	}
	
	body#home .left_height {
		margin-top: -58px;
		width: 250px;
	}
	
	body#home p {
		font: 13px/18px Georgia, serif;
	}

	.stopwatch_copy, .timesheet_copy, .billing_copy {
		font: 12px/16px Arial, sans-serif;
	}

	.stopwatch_copy {
		position: absolute;
		top: 95px;
		left: 520px;
		width: 170px;
	}

	.timesheet_copy {
		position: absolute;
		top: 289px;
		left: 520px;
		width: 170px;		
	}

	.billing_copy {
		position: absolute;
		top: 483px;
		left: 520px;
		width: 170px;		
	}
	
	.logos {
		position: absolute;
		top: 650px;
		left: 705px;
		width: 75px;		
	}

	.demo_col1 {
	 	float: left;
	 	clear: left;
	 	width: 300px; 
	 	margin: 0 0 0 30px;
	}
	
	.demo_col2 {
	 	float: left;
	 	width: 400px; 
	 	margin: 0 0 0 30px;
	}

 	.demo_bottom {
 		float: left;
 		width: 400px;
 		clear: left; 
 		margin: 20px 0 0 280px;
 	}

/* --- Internal --- */
	
	body#internal .left_height {
		margin-top: -25px;
	}	

/*------------------------------------------------------------------------------	
FORMS 
------------------------------------------------------------------------------*/		

textarea, input, select { 
	font-family: verdana; 
	font-size: 11px;
	margin: 0; 
	padding: 0; 
}

/*------------------------------------------------------------------------------	
SIDEBAR
------------------------------------------------------------------------------*/		

.sidebar {
	list-style: none;
	margin: 0 0 5px 0px;
	padding: 0;
	line-height: 1px; /* IE6 */
	text-align: left;
	width: 160px;
}

.sidebar li {
	font-family: verdana;
	font-size: 10px;
	margin: 0;
	padding: 0;
	background: #fff;
	position: relative;
	min-height: 16px;
	border-bottom: 1px solid #ccc;
	width: 160px;
} 

.sidebar li a {
	color: #585858;
	display: block;
	padding: 4px 0 4px 2px;
	text-decoration: none;
	font-size: 10px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.sidebar li a:hover {
	color: #6D3578;
	border-right: 1px solid black;
	border-left: 1px solid black;
	text-decoration: none;
}