/**
 * Themes Stylesheet
 *
 * TABLE OF CONTENT
 *	 I. HTML Elements
 *  II. General Site Structure
 * 		1. Header
 * 		2. Content
 *		3. Footer
 * III. Forms
 *  IV. Tables
 *   V. Classses
 **/
 
 /* UNIFORMED BROWSER RESET */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
em, img, small, strong, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	vertical-align: baseline;
	background: transparent;
}
html {font-size: 100%;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}


/* HTML Elements */
body {
	background-color:#000;
	color: #fff;
	font-family: Myriad Pro, Trebuchet MS, Arial, Verdana, Helvetica;	
	font-size: 12pt; 
	height: 100%;
	line-height: 1.2;	
}
a {
	color: #ec008c;
	text-decoration: none;
}
	a:hover, a:focus {
		text-decoration: underline;
	}
	
h2 {
	color: #00aeef;
	font-size: 18px;
	height: 38px;
	line-height: 38px;
}
h3 {
	color: #00aeef;
	font-size: 15px;
}
p {
	line-height:30px;
	
}

/* GENERAL SITE STRUCTURE */
#container {
	margin: 10px auto;
	width: 907px;
}

	/* HEADER */
	#header {
		background: url('images/Instijl_03.png') no-repeat 0px 0px;
		height: 238px;
	}
		
	
	/* CONTENT */
	#content {
		min-height:400px;
	}
		#contentMain {
			
			float:right;
			padding:30px 40px;
			width:480px;
		}
		
		
				#nav{
					
					margin-bottom:15px;
	
				}
					#nav ul{
						margin:0;
					}

					#nav li {
						margin-right:20px;
						float:left;
					}
					#nav li a {
						color: #b1b3b4;
						display:block;
						line-height: 28px;
						text-align:left;		
						
					}
					#nav li a.active, #nav li a:hover, #nav li a:focus {	
						color:#ec008c;
					}
					
			/* Sidebar */
			#sidebar {
				background:transparent url('images/Instijl_05.png') top left no-repeat;
				display: inline;
				float: left;
				width: 335px;
				padding:135px 5px 5px 5px;
			}
				
			
			
	
							
			
		
	/* FOOTER */	
	#footer {
		
	}
	
		
/* FORMS */
	.button {

	}
		.button a {
			background-color:#ec008c;
			color:#000;
			display:block;
			height:15px;
			padding:5px;
			text-align:center;
			width:75px;
		}
		.button a:hover{
			background-color:#00aeef;
			color:#b9e7f9;
		}
	input {
		color: #000;
		font-family: Myriad Pro, Trebuchet MS, Arial, Verdana, Helvetica;	
		font-size: 12pt; 
	}
	

/* TABLES */
	th {
		padding:5px;
		text-align: center;
	} 

	td {
		padding:10px 5px;
		text-align: left;
	}
		

/* CLASSES */
	.hide 	{ display: none; }
	.left 	{ text-align: left !important; }
	.center { text-align: center; }
	.right 	{ text-align: right; }
	.clear {
		clear: both;
		display: block;
		height: 100%;
		overflow: hidden;
	}
	.fLeft {
		display: inline;
		float: left;
	}
	.fRight {
		display: inline;
		float: right;
	}
	.blueTxt{
		color:#00aeef;
	}
	.orangeTxt{
		color:#f7931e;
	}
	.yellowTxt{
		color:#d9e021;
	}
	.pinkTxt{
		color:#ED008C;
	}
.errortext
{
	position:absolute;
	
}	

.input45
{
	width:330px;
}
