/*////////////////////////////////////
//  AgencyMe.com 
//  css -- presentational layer

//  Author: jeff forrester
//          jeffforrester.com
//  3/11/2007
//
//     Table of Contents
//  1) General
//    a) Layout
//    b) Type
//    c) Colors
//  2) Nav
//  3) Common Header
//  4) 1 Column Content Area
//  5) 2 Column Content Area 
//	  a)Content Area Left
//    b) Content Area Right
//////////////////////////////////////*/
	
	* {
		padding: 0;
		margin:0;
		border: 0;
	}
	
	#layout {
		
		margin: 0 auto;
		height: 100%;
	}

	body {
		background: url('common/bg_img.jpg') #161616 repeat-x;
	}
	
	#content {
		width: 615px;
		background: #F8F8F8;	
		margin: 0;
		padding: 0;

	}
	
	.checker{
		display: block;
		background: url(common/checker.gif) repeat-x;
		height:	8px;	
		width: 615px;
		margin-bottom: -11px;
	}
	
	.checker[class]{
		margin-bottom: 0px;		
	}
	
	.checker2{
		display: block;
		background: url(common/checker2.gif) repeat-x;
		height:	49px;	
		width: 615px;
	}
	
	
/* ------///// type ///// -----------*/
	h3, h4, p, a, li{
		font-family: georgia, serif;		
	}
	
	h3{
		font-size: 1.125em;	
	}
	
	h4{
			
	}
	
	p, li{
		font-size: .75em;	
	}
	
/* ------///// /type ///// -----------*/

/* ------///// colors ///// -----------*/

/* //////////// color 1 red ////////////// */
	.color1, .color1 a{
		color:#B0181D;
		border-color:#B0181D;
	}
	
	td.color1{
		background:#B0181D;
	}

/* //////////// color 2 yellow ////////////// */	
	.color2, .color2 a{
		color:#B4C52F;
		border-color:#B4C52F;
	}
	
	td.color2 {
		background:#B4C52F;
	}

/* //////////// color 3 green ////////////// */	
	.color3, .color3 a{
		color:#3F6E2F;
		border-color:#3F6E2F;
	}
	
	td.color3{
		background:#3F6E2F;
	}

/* //////////// color 4 orange ////////////// */	
	.color4, .color4 a{
		color:#CE7121;
		border-color:#CE7121;
	}
	
	td.color4{
		background:#CE7121;
	}

/* //////////// color 5 purple ////////////// */	
	.color5, .color5 a{
		color:#801668;
		border-color:#801668;
	}
	
	td.color5{
		background:#801668;
	}

/* //////////// color 6 blue ////////////// */	
	.color6, .color6 a{
		color:#008CDF;
		border-color:#008CDF;
	}
	
	td.color6{
		background:#008CDF;
	}
	
	.noColor {
		color: #444;		
	}
	
	p .noColor, p.noColor{
		font-weight: normal;		
	}
/* ------///// /colors ///// -----------*/			
/*------------------------- NAV ----------------------------------*/
	#nav{
		display: block;
		height: 53px;
	}
	
	#nav li{
		display: inline;
		float: left;
		height: 53px;
	}
	#nav li a:hover{
		background-position: 0px 53px;
		
	}
	#roll_1{
		background: url('common/nav_beliefs.gif') white;
		display: block;
		height: 53px;
		width: 103px;
	}
	
	#roll_2{
		background: url('common/nav_products.gif') white;
		display: block;
		height: 53px;
		width: 103px;
	}
	
	#roll_3{
		background: url('common/nav_resources.gif') white;
		display: block;
		height: 53px;
		width: 103px;
	}
	
	#roll_4{
		background: url('common/nav_case.gif') white;
		display: block;
		height: 53px;
		width: 103px;
	}
	
	#roll_5{
		background: url('common/nav_contact.gif') white;
		display: block;
		height: 53px;
		width: 103px;
	}
	
	#roll_6{
		background: url('common/nav_blog.gif') white;
		display: block;
		height: 53px;
		width: 99px;
	}
	
	#nav .selected{
		background-position: 0px 53px;
	}
	
	
	td #roll_1 , #roll_2 td, #roll_3 td, #roll_4 td, #roll_5 td, #roll_6 td, {
		display: inline;		
	}
/*------------------------- /NAV ----------------------------------*/



/*-------------------- COMMON HEADER ------------------------------*/

		#flashcontent{
			width: 615px;
			height: 216px;
			padding:0;
			margin:0;
		}
		
		embed{
			margin: 0;
			padding; 0;
		}

		#header img{
			display: block;
			margin: 0;
		}

		#logo{	
			display: block;
			border-bottom: 1px solid #ADADB0;
		}
		
		#logo img {
			display: inline;		
		}



/*-------------------- /COMMON HEADER ------------------------------*/

/*-------------------- 1 COLUMN CONTENT AREA ----------------------------*/
	.hpPods{
			background: #F8F8F8;;
			border: 1px solid ##F8F8F8;;
	}

	.hpPod{
		width: 244px;
		margin: 28px 22px 0 20px;
		padding: 0;
		float: left;
		
	}
	
	.hpPod[class]{
		margin: 28px 13px 0 36px;		
	}
	
	.hpPod h3{
		padding-bottom: 6px;
		margin-bottom: 7px;
		border-bottom: 1px dashed;	
	}
	
	.hpPod p{
		font-weight: bold;	
		margin-bottom: 30px;	
		margin: 0 0 7px 0;
	}
	
	.hpPod p.noColor{
		font-weight: normal;		
	}
	
	.hpPods a{
		border: dashed;
		border-width: 1px 0;
		padding: 8px 0 2px 0;
			
	}
	
	.hpPodLinks {
		clear: left;	
		padding-bottom: 95px;
	
	}
	
	.hpPodLinks a{
		margin: 28px 8px 0 36px;
		float: left;
	}
	
	.hpPodLinks a[class]{
		margin: 28px 12px 0 36px;
	}

/*-------------------- 1 COLUMN CONTENT AREA ----------------------------*/	
	
/*-------------------- 2 COLUMN CONTENT AREA ----------------------------*/

	#2col{
		width: 615px;
		border: none;
		
		
	}

/*-------------------- /2 COLUMN CONTENT AREA ----------------------------*/



/* ------///// 2col Left ///// -----------*/	

	#left{
		width: 418px;
		padding: 25px 29px 0 19px;		
	}
	
	#left img{
		margin: 18px 0 22px 0;		
	}
	
	#left img.header{
		margin-bottom: 0;		
	}
	
	#left li {
		list-style-position: inside;
		list-style-type: circle;
		margin: 5px 0 0 10px;		
	}
	
	#left h3 {
		margin-bottom: 15px;		
	}
	
	#left p{
		margin: 0 0 8px 0;		
	}

/* ------///// /2col Left ///// -----------*/


/* ------///// 2col Right ///// -----------*/	

	#right{
		width: 197px;	
		text-align: right;
		padding-top: 25px;
		
	}
	
	#right a{
		color: #fff;	
		text-decoration: none;
		font-weight: bold;
		font-size: .875em;
		
		display: block;
		margin: 0 15px 54px 0;
	}
	
	#right a:hover{
		text-decoration: underline;
	}
	
	

/* ------///// /2col Right ///// -----------*/