@charset "utf-8";
/* CSS Document */
/*
Author:           MA007
Author URL:       http://www.ma007.com/
Project:		  MarketAgent 007
Description:	  Main style sheet.
Website:	      http://www.MarketAgent007.com ; http://www.ma07.com

****************************************************************
****************************************************************
*****	 __     __     ___     _____    _____ _______	   *****
*****	|  \   /  |   /   \   /  _  \  /  _  \\___   |     *****
*****	|    V    |  /  A  \ |  | |  ||  | |  |  /  /      *****
*****	|  |\ /|  | /   _   \|  |_|  ||  |_|  | /  /       *****
*****	|__| v |__|/___/ \___\\_____/  \_____/ /__/ .COM   *****
*****													   *****
************  Your full-service Marketing Agent!  **************
****************************************************************
		
*/
/***********-------------------------------------
  					Global Reset
       ------------------------------***********/	
html, body, h1, h2, h3, h4, h5, h6, div, span, applet, object, iframe,p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; outline: 0; vertical-align: baseline; background: transparent;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}



/**************------------------------------------------
  					Basics
  	  ---------------------------------------***********/	

.clearfix:after {
	content : " ";
	display : block;
	clear : both;
	visibility : hidden;
	line-height : 0;
	height : 0;
	}
.clearfix {
	display : inline-block;
	}
html[xmlns] .clearfix {
	display : block;
	}
.clearfix {
	height : 1%;
	}
.clear {
	clear: both;
	}

* {
	margin: 0;
	}
html, body {
	height: 100%;
	}

body{
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: url('../images/header_bg.gif') #ffffff repeat-x left top;
	}

a {
	color:#ff6600; 
	text-decoration:underline; 
	}
a:hover {
	color:#ff6600;
	text-decoration:none;
	}
a:focus {
	outline: none;
	}/*Fix the Firefox outlined-link issue*/ 

p	{
	color:#505050;
	font-size: .79em; 
	line-height: 1.5em; 
	margin: 0 0 1.0em;
	}
hr {
  border: none;
  background-color: #B4CBDF;
  color: #B4CBDF;
  height: 1px;
  }


/**************------------------------------------------
  					Floats & Alignments
  	  ---------------------------------------***********/	
.floatright {float:right;}

.floatleft {float:left;}
 
.textleft {text-align:left;}

.textright {text-align:right;}

.textcenter {text-align:center;}

/****************************/
/****                    ****/
/****   PAGE STRUCTURE   ****/
/****                    ****/
/****************************/

.wrapper {
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -125px; /* the bottom margin is the negative value of the footer's height */
	}
.push {
	height: 125px; /* .push must be the same height as .footer */
	}
/**************------------------------------------------
  					Header
  	  ---------------------------------------***********/	
#header {height:90px;}

#header_wrap {margin:auto; width:987px; }

#logo {width:225px; float:left;}

#logo h1 {text-indent:-10000px;}

#logo h1 a {
	height:90px; 
	display:block; 
	background:url('../images/logo.png') no-repeat;
	}

#slogan {
	width:303px; 
	float:left; 
	padding:20px 0 0 0;
	}

#slogan h2  {
	height:60px; 
	display:block; 
	background:url('../images/slogan.png') no-repeat; 
	text-indent:-10000px;
	}

#social-block {
	width: 140px;
	height: 22px;
	float: right;
	font-size: .75em;
	line-height: 22px;
	color: #3e3e3e;
	margin-top: 0;
	margin-right:0;
	padding-right: 0; /* I use padding-right instead of margin-right to avoid IE6 double margin bug. This works just fine. */
	}
	
a#facebook {
	display: block;
	width: 22px;
	height: 22px;
	background: url('../images/social.png') 0 top;
	text-indent: -9999px;
	float: right;
	}

a:hover#facebook {
	background-position: 0 -22px;
	}
	
a#twitter {
	display: block;
	width: 22px;
	height: 22px;
	background: url('../images/social.png') 0 -44px;
	text-indent: -9999px;
	float: right;
	}

a:hover#twitter {
	background-position: 0 -66px;
	}
	
/**************------------------------------------------
  					Navigation
  	  ---------------------------------------***********/	

#nav {
	height:39px; 
	background:url('../images/nav_bg.gif') repeat-x;
	}

#nav_wrap {
	margin:auto; 
	width:987px;
	}

#menu { 
	position: relative;
	z-index:1000;
	}

#menu li {
	list-style:none; 
	float:left; 
	font:.94em "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 2.2em; 
	text-align:center; 
	}

#menu li a {
	color:#FFFFFF; 
	display:block;
	width:141px; 
	height: 47px; 
	background: url('../images/nav_rollover.png') 0 top; 
	text-decoration:none;
	}

#menu li a:hover {
	background-position: 0 -94px;
	}

#menu li.on { 
	background: url('../images/nav_rollover.png') 0 -47px;
	}


/**************------------------------------------------
  					Sub-Header
  	  ---------------------------------------***********/

#sub-header{
	width:987px;
	height:333px;
	background:bottom center no-repeat url('../images/market-agent-007.jpg') ;
	color:#FFF;
	margin:0 auto;
	text-align:left;
	padding:0;
	}

#promo	{
	width:375px; 
	padding:0; 
	margin: 80px 0 0 35px; 
	height: 200px; 
	position:relative;
	}
#promo h1 {
	font-size:1.6em;
	color: #fff; 
	font-weight: bold;
	}
#promo p {
	margin: 10px 0; 
	line-height: 1.2em;
	font-size: .87em;
	color: #fff; 
	text-align: left;
	}

#buttons {
	width: 370px;
	margin: 0;
	position: absolute; 
	bottom: 0;
	}

a#hire-me {
	display: block;
	width: 175px;
	height: 48px;
	background: url('../images/btn-hire-me.png') top;
	text-indent: -9999px;
	}

a:hover#hire-me {
	background-position: 0 48px;
	}

a#see-work{
	display: block;
	width: 175px;
	height: 48px;
	background: url('../images/btn-see-work.png') top;
	text-indent: -9999px;
	}

a:hover#see-work {
	background-position: 0 48px;
	}
	  /**************------------------------------------------
  					Footer
  	  ---------------------------------------***********/		
.footer {
	height: 125px; 
	margin: 0 auto; 
	background: url('../images/footer_bg.png'); 
	position: relative; 
	padding-top: 5px;}

#footer_wrap{
	width:987px; 
	margin:0 auto; 
	position:relative; 
	height:125px; 
	padding:0; 
	}

#footerlogo{
	background:url('../images/logo_footer.png') no-repeat;
	width:172px;
	height:66px;
	position:absolute;
	top:32px;
	right:22px;
	}

#footerlinks {
	font-size: .75em;
	padding-top: 30px;
	}
#footerlinks ul li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	}
#footerlinks ul li.first{
	background: url('../images/footer_links.png') no-repeat left top;
	width: 10px;
	height: 42px;
	}
#footerlinks ul li.last{
	background: url('../images/footer_links.png') no-repeat right bottom;
	width: 10px;
	height: 42px;
	}

#footerlinks a{
	color: #66d9ff; 
	padding: 0 7px; 
	text-decoration: none;
	background-color: #333; 
	text-align: center;
	height: 42px; 
	display: block; 
	line-height: 40px;
	float: left;
	}

#footerlinks a:hover {
	color:#fff;
	}

#copyright {
	font-size: .7em; 
	color: #888; 
	position: absolute; 
	bottom: 10px; 
	left: 20px; 
	}

#copyright a {
	color:#888;
	}

#copyright a:hover {
	color:#CCCCCC;
	}
	  /**************------------------------------------------
  					Content
  	  ---------------------------------------***********/	
#content {
	background:url('../images/content_bg.gif') repeat-x;
	}

#content_wrap {
	width:987px; 
	margin:auto;  
	padding: 0; 
	}

.column_left {
	float: left;
	width: 640px;
	padding-right: 40px;
	margin-top: 10px ;
	}

.column_left h2 {
	padding: 0; 
	margin-bottom: 10px; 
	font-weight: normal; 
	font-size: 1.25em; 
	width: 100%; 
	color: #696969; 
	line-height: 50px; 
	font-family: "Trebuchet MS"; 
	background: url('../images/border-dotted-horiz.png') repeat-x bottom;
	}

.column_left h3 {
	padding: 20px 0; 
	font-weight: bold; 
	font-size: .94em; 
	width: 100%; 
	color: #696969; 
	font-family: "Trebuchet MS"; 
	text-transform: uppercase;  
	letter-spacing: 0; 
	display: block;
	}

.column_left h4 {
	padding: 0; 
	font-weight: bold; 
	font-size: .9em;  
	width: 100%; 
	color: #696969; 
	font-family: "Trebuchet MS"; 
	display: block;
	}

.column_left h5 {
	padding-bottom: 10px; 
	font-weight: bold; 
	font-size: .88em;  
	width: 100%; 
	color: #696969; 
	font-family: "Trebuchet MS"; 
	display: block;
	}
.column_left ul.ul{
	list-style-type:none; 
	margin-left: 15px;
	color:#505050;
	text-align: left;
	font-size: .79em;
	margin-bottom: 1.0em;
	}
.column_left ul.ul li {
	background:url('../images/bullet.png') no-repeat top left; 
	padding-left: 15px;  
	line-height: 15px; 
	margin-bottom: 1.0em;
	}
.column_left ol {
	margin-left: 15px;
	color:#505050;
	font-size: .79em; 
	line-height: 1.7em; 
	margin-bottom: 1.0em;
	}
.column_left ol li {
	margin-left: 15px;
	}
.column_left ol.none {
	list-style-type:none; 
	margin-left: 15px;
	color:#505050;
	font-size: .79em; 
	line-height: 1.7em; 
	margin-bottom: 1.0em;
	}
.column_left ol.none li {
	list-style-type:none; 
	margin-left: 15px;
	}
.column_left h4 a {
	color: #696969; 
	text-decoration:underline;
	}
.column_left h4 a:hover {
	color: #ff6600; 
	text-decoration:none;
	}

.column_left_inner {
	float: left;
	width: 320px;
	padding: 0;
	margin-top: 10px ;
	}

.column_right {
	width:   295px;
	padding: 0 ;
	margin-top: 10px;
	float:	right;
	}

.column_right ul{
	list-style-type:none;
	}

#column_right div.box {
	padding:		0;
	overflow:		hidden;
	clear:			both;
	margin-bottom:  30px;
	}

a#start {
	display: block;
	width: 295px;
	height: 88px;
	background: url('../images/btn-banner.png') top;
	text-indent: -9999px;
	}

a:hover#start {
	background-position: 0 88px;
	}

.vip-buttons {
	width: 270px; 
	height: 40px;
	}
a.vip-register {
	display:block;
	width:123px;
	height:30px;
	background:url('../images/btn-register.png') no-repeat bottom;
	text-indent:-9999px;
	}

a:hover.vip-register {
	background-position: top;
	}
a.vip-login {
	display:block;
	width:123px;
	height:30px;
	background:url('../images/btn-login.png') no-repeat bottom;
	text-indent:-9999px;
	}

a:hover.vip-login {
	background-position: top;
	}

.banner {
	padding: 0; 
	width: 295px; 
	float: left; 
	margin-top: 20px;
	}
	
#testimonials /* width:295px;*/ {
	float:left;
	width:295px;
	background:url('../images/bg-roundbox.gif') no-repeat left top;
	padding:15px 20px 10px 25px;
	width:255px;
	text-align:left;
	min-height:202px;
	margin-top: 10px;
	}

#testimonials h2 {
	margin-bottom: 5px;
	background: url('../images/star.png') no-repeat right center;
	padding-right: 32px;
	font-family:"Trebuchet MS";
	font-size:1.12em;
	font-weight: normal;
	color: #696969;
	display:inline;
	}
#testimonialslist {
	margin-top:5px;
	}

blockquote {
	color:#868686; 
	font-size: .75em; 
	letter-spacing: normal; 
	padding:0 5px 0 5px; 
	line-height:1.25em; 
	}

.author {
	font-style:italic; 
	display: block; 
	float: right; 
	text-align:right;
	}

.side_nav {
	margin-top: 8px; 
	padding-bottom: 10px; 
	float: left; 
	width: 100%
	}
.side_nav h3 {
	padding-left: 15px; 
	font-size: .689em; 
	background: #e5f6fc; 
	float: left; 
	text-transform: uppercase; 
	width: 281px; 
	color: #696969; 
	line-height: 27px;
	}
.side_nav ul{
	list-style-type:none;
	}
.side_nav li {
	float: left; 
	padding-bottom: 2px; 
	width: 100%
	}
.side_nav a {
	float: left; 
	width: 281px; 
	padding-left: 15px;
	background: url('../images/side_nav_bullet.gif') #e5f6fc no-repeat 274px center; 
	color: #696969;  
	font-size: .75em; 
	line-height: 27px; 
	text-decoration: none;
	}
.side_nav a:hover {
	color: #696969; 
	background-color: #a0d8ea; 
	text-decoration: none;
	}
.side_nav .on {
	color: #696969; 
	background-color: #c1e9f6; 
	text-decoration: none;
	}


/* --------------------- Home page main boxes --------------------- */

div.sub {
	width: 987px;
	height: 71px;
	background: url('../images/sub-splash-bg.png') no-repeat center;
	padding: 0;
	margin: 0;
}

div.sub li {
	list-style:none; 
	float:left;
}

div.sub li a {
	display: block;
	width: 130px;
	margin: 0;
	padding: 20px 0 0 67px;
	text-align: left;
	font-weight:bold;
	font-size:.814em;
	color:#000;
	text-decoration:none;
}

div.sub ul li a span {
	display:block;
	line-height: 11px;
	font-weight: normal;
	color:#666;
	font-family:Tahoma;
	font-size:.69em;	
	padding-bottom: 20px;
	}


div.sub ul li a:hover, div.sub ul li  {
	text-decoration: none; 
	color:#00bfff
	}

div.sub ul li a {
	background: url('../images/sprite.png') no-repeat;
	}

div.sub ul li a.GD {
	background-position: 0 12px;
	}

div.sub ul li a.WD {
	background-position: 0 -61px;
	}
div.sub ul li a.CP{
	background-position: 0 -132px;
	}
div.sub ul li a.PS{
	background-position: 0 -206px;
	}	
div.sub ul li a.CM {
	background-position: 0 -277px;
	}

/* --------------------- END Home page main boxes --------------------- */

.error li {list-style-type: none; margin-left: 25px; font-size:.75em; 
}

/* --------------------- VIP Member Area --------------------- */

#breadcrumb {
	float: left; 
	width: 100%;
	margin: 0 0 10px;
	font-size:.689em;
	}
#breadcrumb a {
	color: #333333;
	}
#breadcrumb .off {
	color: #cccccc;
	}


.btn_flyers {
	background: url('../images/linkbox-flyer.gif') no-repeat left top; 
	float: left; 
	overflow: hidden; 
	width: 180px; 
	text-indent: -9999px; 
	height: 90px; 
	margin-right: 10px;
	}
.btn_postcards {
	background: url('../images/linkbox-postcards.gif') no-repeat left top; 
	float: left; 
	overflow: hidden; 
	width: 180px; 
	text-indent: -9999px; 
	height: 90px; 
	margin-right: 10px;
	}
.btn_eflyers {
	background: url('../images/linkbox-eflyer.gif') no-repeat left top; 
	float: left; 
	overflow: hidden; 
	width: 180px; 
	text-indent: -9999px; 
	height: 90px; 
	}

/* --------------------- Blog Content --------------------- */

.blog_post {
	border-bottom: 1px dashed #e3e2e2;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 100%;
	}
	
.blog_post h1 {
	font-size: 18px;
	font-weight: bold;
	color: #696969; 
	display: block;
	padding-top: 15px;
	}
.blog_post h1 a {
	color: #696969; 
	text-decoration:none;
	}
.blog_post h1 a:hover {
	color: #ff6600; 
	text-decoration:none;
	}
.blog_post h2 {
	
	}
	
.blog_post h4 {
	font-size: 16px;
	font-weight: bold;
	}
	
.blog_post .date {
	font-size: 11px;
	font-weight: bold;
	color: #696969; 
	display: block;
	padding-bottom: 10px;
	}
.blog_post .date a {
	color: #696969; 
	text-decoration:none;
	}
.blog_post .date a:hover {
	color: #ff6600; 
	text-decoration:none;
	}
	
.blog_post .category {
	}
.blog_post ul{
	list-style-type:none; 
	margin-left: 15px;
	color:#505050;
	text-align: left;
	font-size: .79em;
	margin-bottom: 1.0em;
	}
.blog_post ul li {
	background:url('../images/bullet.png') no-repeat top left; 
	padding-left: 15px;  
	line-height: 15px; 
	margin-bottom: 1.0em;
	}
a.top {
	margin: 20px 0 30px;
	display: block;
	width: 107px;
	height: 30px;
	background: url('../images/btn-top.png') no-repeat bottom;
	text-indent: -9999px;
	}

a:hover.top {
	background-position: top;
	}

.blog_post dt { 
	float: left; 
	clear: left; 
	width: 90px; 
	text-align: right; 
	font-weight: bold; 
	color: #505050; 
	font-size: .79em; 
	line-height: 1.5em; 
	padding:0; 
	margin: 0px;
	} 
.blog_post dt:after { 
	content: ""; 
	} 
.blog_post dd { 
	margin-left: 110px; 
	padding: 0 0 1em; 
	font-size: .79em; 
	line-height: 1.5em; 
	color: #505050;
	}

.glossary_nav {
	height: 30px;
	margin-top: 20px;
	}
	
.glossary_nav ul {
	margin-left: 110px;
	}
	
.glossary_nav ul li {
	float:left;
	margin-right: 5px;
	padding:0;
	display: block;
	background-image:none;
	}