/*
************************************************************
*	Razor Design CSS File
************************************************************
*
*	Author: Shaun M. Bent
*	Company: Razor Design Web Services
*	
*	URL: http://www.razor-design.co.uk/
*	
************************************************************
*
*	Filename: style.css
*	Version: 1.1.0
*	Updated: 30.09.2007
*
************************************************************
*/


/* --- Global Elements --- */
* {
	margin: 0px;
	padding: 0px;
	
	font: x-small/1.5 Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

body {
	background-color: #222222;
}

blockquote {
	margin-left: 60px;
}

a, a:visited, a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	text-decoration:  underline;
}


p a, a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

p a:hover {
	text-decoration:  none;
}

p.top_link
	{
		text-align: center;
	}
	
p.indent
	{
		padding-left: 35px;
	}
hr {
	background-color: #000000;
	height: 1px;
}

strong {
	font-weight: bold;
	font-size: 100%;
}

h1{
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 200%;
	font-weight: normal;
}

p{
	padding-bottom: 15px;
}

/* - Structure Elements- */

#outer_wrapper
	{
		width: 800px;
		margin: 0px auto;
		margin-top: -2px;
		background-color: #FFFFFF;
		border: 1px solid #000000;
		
	}

		#block_upper
			{
				width: 778px;
				height: 20px;
				border: 1px solid #000000;
				background-color: #468AEF;
				margin: -1px 10px 10px 10px;
			}
				
				#block_upper a:link
					{
						color: #468AEF;
					}
					
		#block_lower
			{
				width: 778px;
				height: 20px;
				border: 1px solid #000000;
				background-color: #468AEF;
				margin: 10px 0px -1px 10px;
			}
			
		#wrapper
		{
			width: 778px;
			background: url(http://www.profilecoachbuilders.com/images/_layout/page_bg.gif) repeat-y;
			border: 1px solid #000000;
			float: left;
        	display:inline;
			margin-left: 10px;
		}
			*html #wrapper
			{
				margin-left: 5px;
			}
		
		#lft_wrapper
			{
				width: 270px;				
				float: left;
				vertical-align: top;
			}
			
		* html #lft_wrapper {
   			 margin-right: -3px;
			 width: 267px;
		}	
			
			#lft_contact
				{
					padding: 15px 35px 15px 33px;
				}
				
				#lft_contact ul
					{
						list-style: none;
						font-size: small;
					}
					
			#lft_gallery
				{
					padding: 15px 35px 15px 33px;
				}	
		#rgt_wrapper
			{
				width: 508px;
				float: right;
				vertical-align: top;
			}
	
			
			#logo
				{
					width: 100%;
					height: 200px;
					float: right;
					background: url(../images/_layout/logo.gif) no-repeat;
				}
			
			#nav
				{
					width: 100%;
					height: 50px;
					float: right;
				}
		
			#body
				{
					width: 100%;
					float: right;
				}
					
					#shade
						{
							width: 100%;
							height: 25px;
							background: url(../images/_layout/bg_content_top.gif) top repeat-x;
					
						}
	
					#content
						{
							width: 80%;
							margin: 0px auto;
							padding: 0px 40px 0px 40px;
						}
						
						#content ul
							{
								padding-bottom: 15px;
								padding-left: 35px;
							}
	
			#ftr_vali
				{
					width: 45%;
					padding-right: 5px;
					text-align: right;
					float: right;
				}
			
			#ftr_copy
				{
					width: 45%;
					padding-left: 5px;
					float: left;
				}
				
			#byline
				{
					width: 800px;
					margin: 0px auto;
					text-align: right;
				}
				
			#byline a
				{
				color: #33FF00;
				text-decoration: none;
				border-bottom: 0px;
				}
	
				#byline a:hover
					{
					text-decoration: underline;
					}
					
#map_container
	{
		width: 425px;
		margin: 0px auto;
	}
/* - Nav - */
	
#nav ul
	{
		width: 100%;
		height: 50px;	
	}
	
	#nav li 
		{
			display: inline;
			list-style: none;
		}
	
	#nav li a 
		{
			width: 101px;
			height: 35px;
			font-size: 150%;
			font-weight: 400;
			float: left;
			text-align: center;
			display: block;
			color: #999999;
			padding-top: 15px;
			border-right: 1px solid #666666;
			background: url(../images/_layout/global_nav.gif) top no-repeat;
		}
		
		#nav li a:hover
			{
				background-position: bottom;
				color: #FFFFFF;
			}
	
/* - Headers - */

/* H1 */

h1
	{
		width: 100%;
		height: 45px;
		float: right;
		padding-top: 5px;
		padding-bottom: 10px;
	}
	
	h1.home
		{
			background: url(../images/_headers/h1_home.gif) no-repeat;
			text-indent: -1000px;
		}
		
	h1.about
		{
			background: url(../images/_headers/h1_about.gif) no-repeat;
			text-indent: -1000px;
		}	
	
	h1.specs
		{
			background: url(../images/_headers/h1_spec.gif) no-repeat;
			text-indent: -1000px;
		}
		
	h1.gallery
		{
			background: url(../images/_headers/h1_gallery.gif) no-repeat;
			text-indent: -1000px;
		}	
	
	h1.contact
		{
			background: url(../images/_headers/h1_contact.gif) no-repeat;
			text-indent: -1000px;
		}
		
/* H2 */

h2
	{
		width: 269px;
		height: 20x;
		padding-top: 10px;
	}
	
	h2.contact
		{
			background: url(../images/_headers/h2_contact.gif) no-repeat bottom;
			text-indent: -1000px;
		}		
	
	h2.gallery
		{
			background: url(../images/_headers/h2_gallery.gif) no-repeat bottom;
			text-indent: -1000px;
		}	
/* - Contact - */