/*	////////////////////////////////////////
	
	MANY thanks to Owen Briggs 
	(http://www.thenoodleincident.com) and 
	Eric Meyer (http://www.meyerweb.com) 
	for the !!EXCELLENT!! lessons on 
	relative units!!!
	
	** Table Of Contents **
	1. Global Element Styles
	2. Site Specific Elements
	
//////////////////////////////////////// */

/* ***************************************
	1.Global Element Styles
	
	FONT SIZING:
	http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html
*************************************** */

html, body {
	margin:			0 auto; 
	padding:			0;
	font-family:	verdana, arial, helvetica, sans-serif; 
	font-size:		12px;	/* This changes all font sizes relatively */
	text-align:		center; /* centers page content, override this in your first born child, in this case its name is main! */
	color:			#000000;
	}
body { background: 	url(../images/bg_001.jpg) 20% 0 no-repeat #000000; }
	
/* tighter line heights for narrow columns */	
.narrow1 	{ width:50%; line-height:1.3em; }
.narrow2 	{ width:50%; line-height:1.5em; }
		
a, a:link,
a:visited, 
a:active, a:focus	{ text-decoration:none; font-weight:bold; color:#000000; }
a:hover				{ text-decoration:underline; }

h1			{ font-size:20px; font-weight:normal; margin:0px; }
h2 			{ font-size:18px; font-weight:normal; margin:12px 0; }
h3 			{ font-size:16px; font-weight:normal; margin:12px 0; }
h4 			{ font-size:14px; font-weight:normal; margin:12px 0; }
h5 			{ font-size:12px; font-weight:normal; margin:12px 0; }
h6 			{ font-size:10px; font-weight:normal; margin:12px 0; }

img 		{ border: 0; }

ol, ul, li	{ font-size:1.0em; line-height:1.3em; margin-top:6px; margin-bottom:4px; } 

p 			{ font-size:1.0em; line-height:1.6em; margin:1.2em 0em 1.2em 0em; }

li > p 		{ margin-top:6px; }

code, pre 	{ font-family:monospace; font-size:12px; color:#c33; }

strong, b	{ font-weight:bold; }

hr 			{ display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none; }

/*	////////////////////////////////////////
	Form Elements
//////////////////////////////////////// */

fieldset 				{ border:1px solid #ccc; }

legend 					{ background:#fff; }

textarea, input, select, 
input[type='text'], 
select,
textarea:hover, 
input[type='text']:hover, 
input[type='password']:hover, 
select:hover,
textarea:focus, 
input[type='text']:focus, 
input[type='password']:focus, 
select:focus			{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }

textarea, 
input[type='text'], 
select 					{ border:1px solid #ccc; background:#fff;  }

textarea:hover, 
input[type='text']:hover, 
input[type='password']:hover, 
select:hover 			{ border-color: #999999; }

textarea:focus, 
input[type='text']:focus, 
input[type='password']:focus, 
select:focus 			{ border-color:#999999; outline:2px solid #E1E1E1; }

input, select 			{ cursor:pointer;  }

input[type='text'] 		{ cursor:text; }


/* ***************************************
	2. Site Specific Elements
*************************************** */

.main {
	margin:		0px auto;
	padding:		0;
	text-align:	left;
	}
.vp_bar {
	position: 	absolute;
	bottom:		150px;
	height:		178px;
	width:		100%;
	background:	url(../images/vp_bar.png) center no-repeat;
	}
div.main div.vp_bar p {
	float:	left;
	margin:	82px 0 0 30px;
	color:	#333333;
	font:		Arial, Verdana, Helvetica, sans-serif;
	}
.logo {
	float:	right;
	margin:	40px 30px 0 0;
	}
	
.W3Counter	{ position:absolute; bottom:20px; right:20px;}