@charset "utf-8";
/* J5 WEB DESIGN - Joe Grom - CSS Document */

/* General Styles */
	body {
		background-color:#000000;
		margin:0 auto;
		width:100%;
		color:#FFFFFF;
		font-family:"Arial", Sans-serif;
		background-image:url(../assets/img/bkg.jpg);}
	a{color:#CECECE; text-decoration:none; border:none;}
	a:active{border:none; outline:none;}
	a:link{border:none; outline:none;}
	a:hover{color:#FFFFFF;}
	a img{border:none; filter: alpha(opacity=50); opacity: .5;}
	a:hover img{border:none; filter: alpha(opacity=100); opacity: .9;}
/* Holding / Loading Page Styles */
	div.main {position:relative; top:50px;}
	div.coming {
		text-align:center;
		font-family:"Trebuchet MS",Sans-serif;
		font-size:15px;
		color:#FFFFFF;}
	div.flash {position:absolute; vertical-align:middle;}


/* J5_09 Template Styles */ 

	/* J5 Nav Styles */ 
		.nav_contain{ height:320px; width:870px; position:absolute; top:2px; z-index:1;}
		.nav_lines{position:absolute; top:230px; left:0px;}
		/* J5's Neon Nav*/
			.j5nav{margin: 0px; padding: 0px;}
			.j5nav ul{margin: 0px; padding: 0px; list-style-type: none; text-align: left;}
			.j5nav ul li {float: left;}
			.j5nav ul li a{float: left;margin: 1px;height: 310px;width: 170px;}
		/*Home Nav Styles*/
			.j5nav li a.home{background:url(../assets/img/green-reg.png) no-repeat 0px 77px;}
			.j5nav li a.home:hover{background-image:url(../assets/img/green-hover.png);}
			.j5nav li a#home{background-image:url(../assets/img/green-hover.png);}
		/*About Nav Styles*/
			.j5nav li a.about{background:url(../assets/img/blue-reg.png) no-repeat 0px 25px;}
			.j5nav li a.about:hover{background-image:url(../assets/img/blue-hover.png);}
			.j5nav li a#about{background-image:url(../assets/img/blue-hover.png);}
		/*Works Nav Styles*/
			.j5nav li a.works{background:url(../assets/img/red-reg.png) no-repeat 0px 0px;}
			.j5nav li a.works:hover{background-image:url(../assets/img/red-hover.png);}
			.j5nav li a#works{background-image:url(../assets/img/red-hover.png);}
		/*Contact Nav Styles*/
			.j5nav li a.contact{background:url(../assets/img/yellow-reg.png) no-repeat 0px 20px;}
			.j5nav li a.contact:hover{background-image:url(../assets/img/yellow-hover.png);}
			.j5nav li a#contact{background-image:url(../assets/img/yellow-hover.png);}
		/*Links Nav Styles*/
			.j5nav li a.links{background:url(../assets/img/purple-reg.png) no-repeat 0px 40px;}
			.j5nav li a.links:hover{background-image:url(../assets/img/purple-hover.png);}
			.j5nav li a#links{background-image:url(../assets/img/purple-hover.png);}

	/* Content Container Styles */ 
		.contain_1{height:380px; width:750px; position:absolute; top:365px; left:120px;}
		.contain_2a{height:341px; width:210px; position:absolute; top:10px; left:10px; border:solid 1px #C8C8C8; background-color:#000000;}
		.contain_2b{height:60px; width:210px; position:relative; top:0px; background-color:#141414;}
		.contain_2c{height:279px; width:210px; position:relative; background-color:#000000; margin:0px;}
		.contain_3a{height:340px; width:510px; position:relative; top:10px; left:235px; border:solid 1px #C8C8C8;}
		.contain_3b{height:60px; width:510px; position:relative; top:0px; left:0px; background-color:#141414;}
		.contain_3c{height:280px; position:relative; top:0px; left:0px; background-color:#000000;}
			.contain_3c-i{height:280px; width:150px; position:relative; top:0px; left:0px; background-color:#181818; float:left;}
			.contain_3c-ii{height:280px; width:350px;  position:relative; top:0px; left:0px; float:right;}
		.contain_3d{height:20px; width:210px;; position:relative; top:3px; float:right; text-align:right;}

	/*Ribbon Styles */
		.contain_r{height:52px; width:53px; position:absolute; top:366px; left:825px; z-index:1;}
			#r-green{background-image:url(../assets/img/ribbon-green.png);}
			#r-blue{background-image:url(../assets/img/ribbon-blue.png);}
			#r-red{background-image:url(../assets/img/ribbon-red.png);}
			#r-yellow{background-image:url(../assets/img/ribbon-yellow.png);}
			#r-purple{background-image:url(../assets/img/ribbon-purple.png);}

	/* Bumper & Banner Styles */ 
		.bbcontain {z-index:1; width:155px; height:35px; top:382px; left:113px; position:absolute;}
		.bbcontain:hover{ position:absolute; top:379px; left:111px;}
		.banner{background-image:url(../assets/img/banner.png); background-repeat:repeat-x; height:25px; width:150px;}
		.bumper{background-image:url(../assets/img/bumper.png); width:17px; height:8px;}
		.bbcontain:hover .bumper{background-image:url(../assets/img/bumper-hover.png); width:19px; height:10px;}
		.bbcontain a{}

		.bcontain {z-index:1; width:155px; height:35px; top:600px; left:338px; position:absolute;}
		.bcontain:hover{position:absolute; top:379px; left:336px;}
		.bcontain:hover .bumper{background-image:url(../assets/img/bumper-hover.png); width:19px; height:10px;}

/* J5_09 Various Styles */ 
		
	/*Text Styles */ 
		h1{ font-size:23px; margin:0 auto; padding-top:16px; padding-left:16px; font-weight:100;}
		h2{font-size:20px; margin:0 auto; font-weight:100; color:#141414;}
		h3{ font-size:21px; margin:0 auto; padding-top:34px; padding-left:8px; font-weight:100;}
		h4 {font-size:18px; margin:0 auto; font-weight:100; }
	/*Un Ordered List Styles */
		ul.subNav li{margin-bottom:5px; color:#CECECE; font-size:18px;}
		.subNav li#sred:hover{color:#CA0004;}
		.subNav li#sblue:hover{color:#13AEB1;}
		.subNav li#sgreen:hover{color:#00AA2B;}
		.subNav li#syellow:hover{color:#CC8B00;}
		.subNav li#spurple:hover{color:#D100CA;}
		/* Links Lists */ 
		ul.itemList {list-style-type:none; padding:0; margin-left: 6em;}
		ul.itemList li{background-image:url(http://designbyj5.com/global/icons/bullet.png);background-repeat: no-repeat; background-position: 0 .15em; padding-left: 1.3em;}
		ul.itemList li:hover{background-image:url(http://designbyj5.com/global/icons/bullet_checked2.png);}
		ul.itemList li#links:hover{background-image:url(http://designbyj5.com/global/icons/bullet_checked_purple.png);}
	
	
	
	div.contain_2a ul.mainmenu {list-style-type:none; padding-left:0px; margin:0px; clear:inherit; cursor:pointer; font-size:18px;}
	ul.mainmenu li {height:33px; padding-left:10px; background-image:url(../assets/img/mainmenu_up.png); background-repeat:repeat-x;}/*permalinks.png general.png create_link.png*/
	ul.mainmenu li:hover {background-image:url(../assets/img/mainmenu_down.png); background-repeat:repeat-x;}
	ul.mainmenu a{
		position:relative; top:.25em; 
		background-image:url(http://designbyj5.com/global/icons/general.png);
		background-repeat: no-repeat; background-position: 0 .15em; 
		padding-left:1.3em; 
		filter: alpha(opacity=50); opacity: .5;  
		color:#FFFFFF;}
		
	div.contain_2a ul.submenu {list-style-type:none; padding-left:0px; margin:0px; clear:inherit; font-size:15px;}
	ul.submenu li {
		height:25px; padding-left:10px;
		background-image:url(../assets/img/mainmenu_up.png);
		background-repeat:repeat-x;
		background-position: 0px -4px;}
	ul.submenu li:hover {background-image:url(../assets/img/mainmenu_down.png); background-repeat:repeat-x;}
	ul.submenu a{
		position:relative; top:.23em; 
		background-image:url(http://designbyj5.com/global/icons/create_link.png);
		background-repeat: no-repeat; background-position: 0 .15em; 
		padding-left:1.2em;
		padding-right:2em;
		filter: alpha(opacity=50); opacity: .5;  
		color:#FFFFFF;}
	
	li:hover a{color:#FFFFFF; opacity: 1; filter: alpha(opacity=100);}
	
	/* Color Styles */ 
		#red{color:#CA0004;}
		#blue{color:#13AEB1;}
		#green{color:#00AA2B;}
		#yellow{color:#CC8B00;}
		#purple{color:#D100CA;}
		#orange{color:#CC6600;}