@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,600);

html, body { height: 100%; min-width: 300px; }

body { 
	padding: 0px;
	margin: 0px 0px 0px 300px;
	background: #FFF;
	color: #454545;
	font-family: arial;
	font-size: 15px;
}

/* Links */
a:link, a:visited { color: #09F; text-decoration: none; }
a:hover, a:active { color: #36F; }


/* Layout */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.block { display:block; }

.tcenter { text-align:center; }
.tright { text-align:right; }
.tleft { text-align:left; }

h1 { font-size: 26px; }
h2 { font-size: 22px; }
p { line-height: 24px; }

/* Collumns */
.col2 { width: 49.99999%; }
.col3 { width: 33.33333%; }
.col4 { width: 24.99999%; }



/* Header (Side Bar) */
header { position:fixed; left: 0px; top: 0px; bottom: 0px; width: 300px; background: #1a1a1a; min-width: 300px; }
	header .logo { min-height: 200px; background: url(../images/logo_big_centralizednerv.png) center center no-repeat #000; }
	header nav { padding: 10px; }
		header nav > a { display:none; }
		header nav > p { color: #FFF; }
		header nav > ul { list-style:none; padding: 0px; margin: 0px; overflow:hidden; }
			header nav > ul > li {  display:block; width: 49.99999%; float:left; text-align:center; text-transform:uppercase; }
				header nav > ul > li a:link, header nav > ul > li a:visited { background: #3a3a3a; display:block; padding: 10px; margin: 5px; color: #FFF; }
				header nav > ul > li a:hover, header nav > ul > li a:active { background: none; }
			/* Extra Settings for Links */
			header nav > ul > li.wide { width: 100%; }
			header nav > ul > li a.register { background: #254e6b; }
			header nav > ul > li a.login { background: #700000; }
			header nav > ul > li a.register:hover, header nav > ul > li a.login:hover { background: none; } 




/* Main Content Area */
.main_content { padding: 20px 0px 0px 0px; position:relative; min-height: 95%; }
	/* Containers and Setup */
	.main_content .container { margin: 10px; padding: 10px; }
	.main_content .container.table { padding: 0px; }
		.main_content .container h1, .main_content .container h2, .main_content .container h3 { padding: 0px; margin: 0px; }
		.main_content .container p { padding: 10px 0px; margin: 0px; }
	.main_content .container.notification { padding: 5px 10px; margin: 5px 10px; color: #FFF; font-weight:bold; }
		.main_content .container.notification.green { background: #6C6; }
		.main_content .container.notification.red { background: #C30; }
	.main_content .big_box { min-height: 173px; padding: 25px 10px; opacity: 0.80; -webkit-opacity: 0.80; transition: ease-in-out all 0.35s; -webkit-transition: ease-in-out all 0.35s; }
	.main_content .big_box:hover { opacity: 1.00; -webkit-opacity: 1.00; }
		.main_content .big_box h1 { margin: 10px 0px 10px 0px; text-transform: uppercase; }
		.main_content .big_box p { padding: 0px; font-size: 18px; }
	
	/* Projects */
	.main_content .projects { }
		/* Time Peices */
		.main_content .projects .time { background: #f2f2f2; position:relative; border: 1px solid #c3c3c3; transition: ease-in-out all 0.35s; -webkit-transition: ease-in-out all 0.35s; cursor:pointer; }
			.main_content .projects .time h2 { padding: 0px; margin: 0px; color: #5c5858; }
			.main_content .projects .time p { padding: 0px; margin: 0px; color: #5c5858; }
			.main_content .projects .time span { font-size: 22px; font-weight:bold; position:absolute; right: 15px; top: 23px; text-transform:uppercase; color: #c8b4b4; }
		.main_content .projects .time:hover { background: #E0E0E0; }
	
	/* Form Setup */
	.main_content form { padding: 0px; margin: 0px; line-height: 35px; }
		.main_content form label { display:inline-block; width: 45%; max-width: 200px; }
			.main_content form label span { color: #C30; font-weight:bold; display:inline-block; padding: 0px 0px 0px 2px; font-size: 18px; }
		.main_content form input, .main_content form select { display:inline-block; width: 45%; padding: 5px; }
		.main_content form table input, .main_content form tabke select { width: 90%; }
		.main_content form input[type=submit], .main_content form button { width: auto; padding: 10px; background: #FFF; border: 1px solid #c0c0c0; height:auto; display:inline-block; font-weight:bold; line-height:normal; cursor:pointer; }
		.main_content form input[type=submit]:hover, .main_content form button:hover { background: #37749f; color: #FFF; }
	
	/* Table Setup */
	.main_content table { width: 100%; padding: 10px 0px; line-height:normal; }
		.main_content tr { padding: 1px; }
			.main_content tr td, .main_content tr th { padding: 10px; text-align:left; border-bottom: 1px solid #cecece; }
			.main_content tr:nth-child(odd) td { opacity: 0.70; -webkit-opacity: 0.70; }
			.main_content tr:hover td { background: #FFF; padding: 10px; opacity: 1.0; -webkit-opacity: 1.0; }
	
	/* Popup */
	.main_content .popup { background: url('../images/fade-30.png') center center repeat; position:absolute; z-index: 99999; top: 0px; left: 0px; right: 0px; bottom: 0px; display:none; }
		.main_content .popup .exit { text-indent: -999999px; display:block; width: 50px; height: 50px; background: url('../images/icon/x-white.png') center center no-repeat; position:absolute; right: 50px; top: 50px; opacity: 0.5; -webkit-opacity: 0.5; transition: all ease-in-out 0.35s; -webkit-transition: all ease-in-out 0.35s; }
			.main_content .popup .exit:hover { opacity: 1.0; -webkit-opacity: 1.0; }
		.main_content .popup .container { max-width: 450px; margin: 50px auto; background: #F0F0F0; border: 2px solid #FFF; border-radius: 3px; }
			.main_content .popup .container input[type=text] { width: 96%; }
	
	/* Footer / Social Setup */
	.main_content .social { min-height: 20px; margin: 10px; padding: 10px 0px; text-align:center; }
	.main_content footer { text-align: center; margin: 10px 20px; }
	
	/* BG Settings and Icons */
	.main_content .bg_power { background: url('../images/bg_power_icon.png') 95% bottom no-repeat #37749f; color: #FFF; }
		.main_content .bg_power p { margin-right: 135px; }
	.main_content .bg_company { background: url('../images/bg_community_icon.png') 95% bottom no-repeat #379f4d; color: #FFF; }
		.main_content .bg_company p { margin-right: 170px; }
	.main_content .bg_gray { background: #EFEFEF; border: 1px solid #CFCFCF; }
	
	
	
@media all and (max-width: 1098px) {
	/* Remove Double Columns */
	.col2 { width: 100%; }
	.col2.left, .col2.right { float:none; }
	
}

@media all and (max-width: 970px) {
	/* Popup */
	.main_content .popup { }
		.main_content .popup .container { max-width: 450px; margin: 125px auto 0px;}	
	
}

@media all and (max-width: 790px) {
	/* Popup */
	.main_content .popup { }
		.main_content .popup .exit { right: 10px; }
		.main_content .popup .container { max-width: 450px; margin: 125px 10px 0px;}	
	
}


@media all and (max-width: 740px) {
	/* Push Design to Simple 1 Column Flow */
	body { margin: 50px 0px 0px 0px; }	
	/* Change Header to new Look */
	header { bottom: auto; right: 0px; height: 57px; width: auto; background: #000; z-index: 9999999999; }
		header .logo { min-height: 57px; background: url('../images/logo_small_centralizednerv.png') center center no-repeat #000; width: 186px; float:left; }
		header nav { padding: 0px; float:right; }
			/* Menu Icons */
			header nav > a { display:block; width: 57px; height: 57px; float:left; background: url('../images/nav_menu_icon.png') center center no-repeat #043568; text-indent: -99999999px; }
				header nav:hover > a { background-color: #37749f; }
			header nav.account > a { background: url('../images/nav_account_icon.png') center center no-repeat #3a3a3a; }
				header nav.account:hover > a { background-color: #5a5a5a; } 
			header nav > p { display:none; }
			/* Drop Down Look */
			header nav > ul { display:none; padding: 5px 10px; font-weight:bold; position:absolute; left: 0px; top: 57px; right: 0px; background: #37749f; }
			header nav.account:hover > ul { background-color: #5a5a5a; }
			header nav:hover > ul { display:block; }
				/* Items Display in Drop Down */
				header nav > ul > li { }
					header nav > ul > li a:link, header nav > ul > li a:visited { background: url(../images/fade-10.png) center center; }
					header nav > ul > li a:hover, header nav > ul > li a:active { background: url(../images/fade-30.png) center center; }
				/* Extra Settings for Links */
				header nav > ul > li a.register { background: #254e6b; }
				header nav > ul > li a.login { background: #700000; }
				header nav > ul > li a.register:hover, header nav > ul > li a.login:hover { background: url(../images/fade-30.png) center center; } 	
}

@media all and (max-width: 500px) {
	.main_content { padding: 10px 0px 0px 0px; position:relative; min-height: auto; }
		/* Containers and Setup */
		.main_content .container { }
		.main_content .big_box { min-height: 50px; text-align:center; margin: 10px 0px; }
		
		/* BG Settings and Icons */
		.main_content .bg_power { padding-bottom: 130px; background: url('../images/bg_power_icon.png') center bottom no-repeat #37749f; color: #FFF; }
		.main_content .bg_company { padding-bottom: 132px; background: url('../images/bg_community_icon.png') center bottom no-repeat #379f4d; color: #FFF; }
			.main_content .bg_power p, .main_content .bg_company p { margin-right: 0px; }

}

@media all and (max-width: 400px) {
	/* Projects */
	.main_content .projects { }
		/* Time Peices */
		.main_content .projects .time { text-align:center;}
			.main_content .projects .time h2 { padding: 0px; margin: 0px; color: #5c5858; }
			.main_content .projects .time p { padding: 0px; margin: 0px; color: #5c5858; }
			.main_content .projects .time span { font-size: 16px; font-weight:bold; position:relative; right: auto; top: auto; padding: 5px 0px 0px; display:block; }
}