@charset "UTF-8";
/* This is the CSS code for my BlueGillStudios.com site, feel free to learn from my mistakes ;) */

body	{
		background: #000000 url(media/design/background.gif) repeat-x;
		margin: 0;
		padding: 0;
		margin-top: 0px;
		font-family: Arial, Helvetica, sans-serif;
		}
/* Holds the page and centers it */
#holder		{
					width: 799px;
					margin: auto auto;
					position: relative;
					}
		
#navholder	{
					height:91px;
					width:799px;
					float:left;
					position: relative;
					}

/* Headers */

#h-startpage		{
							
							}
							
#h-main				{
							width: 799px;
							height: 305px;
							background: url(media/design/headers/h-main.jpg) top left no-repeat;
							float: left;
							position: relative;
							}

		
/* Content related CSS follows */
/* creates the 3 image background */


#subnav				{
							width: 799px;
							height: 28px;
							background: url(media/design/subnav.gif) top left no-repeat;
							float: left;
							position: relative;
							}

#content				{
							width: 799px;
							min-height: 400px;
							background: #b7b7b7 url(media/design/content-bg.gif) top left repeat-y;
							float: left;
							position: relative;
							margin-top: 0px
							}
			
#contentmain		{
							width: 799px;
							min-height: 278px;
							background: #b7b7b7 url(media/design/content-bg.gif) top left repeat-y;
							float: left;
							position: relative;
							margin-top: 0px
							}


#subfooter			{
							width: 799px;
							height: 32px;
							background: url(media/design/footer1.gif) top left no-repeat;
							float: left;
							position: relative;
							}
			

/* Holds all actual content */	
#textblock				{
							width: 547px;
							float: left;
							position: relative;
							padding-left: 20px;
							padding-right: 10px;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 15px;
							text-align: justify;
							color: #252b45;
							}




/* Main area for right content boxes */

.rb-mid		{
			width: 173px;
			background: url(media/design/rb-mid.gif);
			padding-left: 8px;
			padding-right: 8px;
			float: left;
			position: relative;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #777a88;
			text-align: justify;
			}

/* signature area for right content boxes */
.rb-bottom	{
			width: 174px;
			height: 46px;
			background-image:url(media/design/rb-bottom.gif);
			float: left;
			position: relative;
			padding-right: 15px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 15px;
			color: #777a88;
			text-align: right;
			}
			
/* Small in-Page formating classes */
/* normal text link */
.learn-more	{
			color: #252b45;
			text-decoration:none;
			text-align: right;
			width:526px;
			font-family: Arial, Helvetica, sans-serif;
			}
			
/* ----- cusome links ----- */

.learn-more A:link {color: #252b45; text-decoration: none;}
.learn-more A:visited {color: #252b45; text-decoration: none;}
.learn-more A:hover {color: #000; text-decoration: none;}
.learn-more A:active {color: #252b45; text-decoration: underline;}

A:link {color: #1777ba; text-decoration: none;}
A:visited {color: #1777ba; text-decoration: none;}
A:hover {color: #FFF; text-decoration: none;}
A:active {color: #FFF; text-decoration: underline;}

.footer A:link {color: #535353; text-decoration: none;}
.footer A:visited {color: #535353; text-decoration: none;}
.footer A:hover {color: #fff; text-decoration: none;}
.footer A:active {color: #535353; text-decoration: underline;}


/* ----- Page Footer ----- */
.footer		{
			width: 749px;
			height: 30px;
			color: #535353;
			font-family: Arial, Helvetica, sans-serif;
			font-size:10px;
			padding-left:50px;
			padding-top:10px;
			float: left;
			position: inherit;
			}

#foothold	{
				width: 822px;
				height: 72px;
				margin: auto auto;
				}