* {
	margin:0;
	padding:0;
	}
body {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #343434;
	padding: 0px 0;
}

  body { text-align: center; }
  .page_margins { text-align:left; margin: 0 auto; }
  .page_margins { min-width: 1000px; max-width: 1000px; }
  .page { padding: 0px; }


.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */

/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body {
	background-color:#FFFFFF;
}

#main_wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	background-image: url(../images/bkgd.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}


/** begin: INSIDE **/

#header {
	background: url(../images/index_02.jpg) no-repeat left top;
	width: 1000px;
	height: 102px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#content{
	width: 720px;
	float: left;
	clear: none;
	margin: 3px 0px 0px;
	text-align: left;
	padding: 30px 37px 10px;
	min-height: 250px;
	border: 1px solid #999999;
}

#content_flash{
	width: 796px;
	float: left;
	margin: 0px;
	text-align: left;
	padding: 0px;
	height: 292px;
}

#content_inside{
	width: 682px;
	float: left;
	margin: 0px;
	text-align: left;
	padding: 30px 75px 25px 37px;
	clear: right;
	min-height: 494px;
	border: 1px solid #999999;
}

#content_inside_contact {
	width: 682px;
	float: left;
	margin: 0px;
	text-align: left;
	padding: 30px 75px 0px 37px;
	clear: right;
	border: 1px solid #999999;
}

#content_left {
	width: 345px;
	margin-right: 30px;
	float: left;
}

#content_right {
	width: 345px;
	margin-right: 0px;
	float: right;
}

.content_bold {
	font-weight: bold;
	color: #110d6c;
}

#flash {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/index_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 292px;
	width: 614px;
	clear: right;
	float: left;
}

#col_left {
	width: 204px;
	float: left;
}

#evaluation {
	float: right;
	clear: right;
	background-image: url(../images/index_06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 292px;
	width: 179px;
}

#expertise {
	background-image: url(../images/index_08.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 200px;
	width: 177px;
	padding-top: 24px;
	padding-left: 24px;
	text-align: left;
	list-style-image: none;
	list-style-type: none;
}

.expertise_head {
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

/**
.expertise-copy {
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/bullet_expertise.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 7px;
	margin-left: 12px;
	list-style-type: none;
}

.expertise-copy a:link {color: #FFFFFF; text-decoration: none;}
.expertise-copy a:visited {color: #FFFFFF; text-decoration: none;}
.expertise-copy a:hover {color: #f3b700; text-decoration: none;}
.expertise-copy a:active {color: #f3b700; text-decoration: none;}
**/


/** begin: HEADLINES **/

h1, h2, h3, h4, h5, h6{
	font-weight: bold;
	color: #110d6c;
	font-family: Arial, Helvetica, sans-serif;
}

h1{
	font-size: 20px;
	line-height: 21px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	font-style: italic;
	background-image: url(../images/content_head_line.jpg);
	background-repeat: no-repeat;
	background-position: left 22px;
}
h2{
	font-size: 14px;
	line-height: 15px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
h3{
	font-size: 14px;
	line-height: 15px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
h4{
	font-size: 14px;
	line-height: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-style: italic;
	background-image: url(../images/content_h2_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/** begin: FOOTER **/

#footer{
	background-image: url(../images/index_10.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px auto;
	padding: 15px 0px 0px 241px;
	height: 28px;
	width: 759px;
	clear: left;
	text-align: left;
}
.footer{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}
.footer a:link {color: #ffe6c8; text-decoration: none;}
.footer a:visited {color: #ffe6c8; text-decoration: none;}
.footer a:hover {color: #9c0105; text-decoration: none;}
.footer a:active {color: #9c0105; text-decoration: none;}



/** begin: GENERAL **/

p{
	padding-bottom: 10px;
}
ul{
	line-height: 13px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 4px;
	padding-left: 30px;
	list-style-position: outside;
	list-style-image: url(../images/bullet.gif);
}
li{
	line-height: 13px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	list-style-position: outside;
	list-style-image: url(../images/bullet.gif);
}

a:link {color: #ba0600; text-decoration: none;}
a:visited {color: #ba0600; text-decoration: none;}
a:hover {color: #2d1730; text-decoration: none;}
a:active {color: #2d1730; text-decoration: none;}

.clear{
	clear: both;
}

/** begin: PICS **/

.pics_left{
	float: left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.pics_right{
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-right: -30px;
}

.pics_right2{
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
table th {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
table td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*********************** begin PLAN TABLE ***************************/
.plan table{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

  .plan table { 
	font-size: 11px;
	line-height: 12px;
	float: left;
  	width: auto; 
	border-collapse:collapse; 
	padding-bottom: 50px; 
	border-top: 1px #0151c0 solid; 
	border-left: 1px #0151c0 solid; 
	border-right: 1px #0151c0 solid;
	text-align: left;
}
  .plan table caption {
	font-variant:normal;
}
  .plan table.full { width: auto; }
  .plan table.fixed { table-layout:fixed; }

  .plan th,td {
	padding: 3px 10px 2px;
	vertical-align: top;
	border-right: 1px #0151c0 solid;
	text-align: left;
}
  .plan thead th {
	color: #ffffff;
	border-bottom: 1px #0151c0 solid;
	font-weight: normal;
	background-color: #0151c0;
}
  .plan tbody th {
	background: #0151c0;
	color: #ffffff;
	vertical-align: top;
	border-top: 1px solid #0151c0;
	text-align: left;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
  .plan tbody th[scope="row"], tbody th.sub {
	background: #80a2c6;
	text-align: left;
}

  .plan tbody th { border-bottom: 1px solid #0151c0; text-align: left; }
  .plan tbody td { border-bottom: 1px solid #0151c0; }

  .plan tbody tr:hover th[scope="row"] { background: #80a2c6; }
  .plan tbody tr:hover tbody th.sub { background: #80a2c6; }
  .plan tbody tr:hover td { background: #80a2c6; }

/*********************** end PLAN TABLE ***************************/


/** begin: NAVBAR **/

#navbar{
	background: url(../images/index_04.jpg) no-repeat left top;
	width: 170px;
	text-align: left;
	clear: left;
	float: left;
	height: 264px;
	padding-left: 31px;
	padding-top: 28px;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	140px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	140px; /* match ul width */
	top:	0;
}


/*** ESSENTIAL STYLES ***/
.sf-menu-yso, .sf-menu-yso * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu-yso {
	line-height:	1.0;
}
.sf-menu-yso ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu-yso ul li {
	width:			100%;
}
.sf-menu-yso li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu-yso li {
	float:			left;
	position:		relative;
}
.sf-menu-yso a {
	display:		block;
	position:		relative;
}
.sf-menu-yso li:hover ul,
.sf-menu-yso li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu-yso li:hover li ul,
ul.sf-menu-yso li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu-yso li li:hover ul,
ul.sf-menu-yso li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu-yso li li:hover li ul,
ul.sf-menu-yso li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu-yso li li li:hover ul,
ul.sf-menu-yso li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu-yso {
	float:			left;
	margin-bottom:	1em;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: .5px;
}
.sf-menu-yso a {
	padding: 		0px 0px 15px 8px;
	text-decoration:none;
}
.sf-menu-yso a, .sf-menu-yso a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}
.sf-menu-yso a:link, .sf-menu-yso a:link:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}
.sf-menu-yso li {
	background-image: url(../images/link.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}
.sf-menu-yso li li {
}
.sf-menu-yso li:hover, .sf-menu-yso li.sfHover,
.sf-menu-yso a:focus, .sf-menu-yso a:hover, .sf-menu-yso a:active {
	outline:		0;
	color: #f3b700;
	background-image: url(../images/rollover.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}

/** end: NAVBAR **/

/** begin: NAVBAR EXPERTISE **/

/*** ESSENTIAL STYLES ***/
.sf-menu-expertise, .sf-menu-yso * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu-expertise {
	line-height:	1.0;
}
.sf-menu-expertise ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu-expertise ul li {
	width:			100%;
}
.sf-menu-expertise li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu-expertise li {
	float:			left;
	position:		relative;
}
.sf-menu-expertise a {
	display:		block;
	position:		relative;
}
.sf-menu-expertise li:hover ul,
.sf-menu-expertise li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu-expertise li:hover li ul,
ul.sf-menu-expertise li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu-expertise li li:hover ul,
ul.sf-menu-expertise li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu-expertise li li:hover li ul,
ul.sf-menu-expertise li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu-expertise li li li:hover ul,
ul.sf-menu-expertise li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu-expertise {
	float:			left;
	margin-bottom:	1em;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: .5px;
}
.sf-menu-expertise a {
	padding: 		0px 0px 1px 8px;
	text-decoration:none;
}
.sf-menu-expertise a, .sf-menu-expertise a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}
.sf-menu-expertise a:link, .sf-menu-expertise a:link:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}
.sf-menu-expertise li {
	background-image: url(../images/link.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	list-style-image: none;
	list-style-type: none;
}
.sf-menu-expertise li li {
}
.sf-menu-expertise li:hover, .sf-menu-expertise li.sfHover,
.sf-menu-expertise a:focus, .sf-menu-expertise a:hover, .sf-menu-expertise a:active {
	outline:		0;
	color: #f3b700;
	background-image: url(../images/rollover.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}

#home li.home a,
#seo li.seo a,
#pay-per-click li.pay-per-click a,
#other-services li.other-services a,
#about-us li.about-us a,
#contact-us li.contact-us a {
	outline:		0;
	color: #f3b700;
	background-image: url(../images/rollover.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}

/** end: NAVBAR EXPERTISE **/

#home li.home a,
#seo li.seo a,
#pay-per-click li.pay-per-click a,
#other-services li.other-services a,
#about-us li.about-us a,
#contact-us li.contact-us a, 
#free-evaluation li.free-evaluation a, 
#keyword-optimization li.keyword-optimization a, 
#real-time-reporting li.real-time-reporting a, 
#web-content-development li.web-content-development a {
	outline:		0;
	color: #f3b700;
	background-image: url(../images/rollover.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}