* {margin:0;padding:0}

body {font-family:Verdana, Helvetica, Arial, sans-serif;font-size:10pt;line-height:1.3em;color:#222}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body {height: 100%}

body  {min-height: 100%}

#seo {width:960px;margin:0 auto;padding:30px 10px 262px 10px;overflow:auto}  /* bottom padding must be same height as the footer */

#baseline {position: relative;
	margin-top: -242px; /* negative value of footer height */
	height: 240px;
	clear:both}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#head, #menu, #sales, #foot {width:960px;margin:0 auto;padding:0 10px 0 10px}

a img {border:none}

.orange {color:#FE9900}
.grey {color:#666}
.lgrey {color:#999}
.green {color:#87c300}
.red {color:red}

img.right {float:right;margin:0 0 10px 10px}
img.left {float:leftt;margin:0 10px 0 10px}

/* ---  HEADER  --- */

#headspace {height:140px; background-color:#000;color:#fff}
#headspace h1 {color:#3c8aff;font-size:18px;font-weight:bold}
#headspace p {font-size:13px;margin:6px 0 6px 0}

#geolocal {width:400px;float:left;padding:15px 0 0 0}
#headtext {width:540px;float:right;padding:20px 0 0 0}

/* ---  NAVIGATION  --- */

#navigation {height:40px;background:#87C300 url('images/nb.gif') repeat-x;color:#fff;text-align: left}
#menu ul {font-size:20px}
#menu li{display:block;float:left;margin-right:40px}

#nav a {color:#fff;text-decoration:none;display: block}
#nav a:hover {text-decoration:underline;}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none
}

#nav li { float: left;}

#nav li.home a{
	height:40px;
	background:url('images/home.gif') no-repeat;
	width:51px;margin-right:0;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important; height /**/:39px; /* for IE5/Win only */
}

#nav li.home a:hover{background-position: 0 -40px;}

#nav li.blog a{
	height:40px;
	background:url('images/blog.gif') no-repeat;
	width:37px;margin-right:0;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important; height /**/:39px; /* for IE5/Win only */
}

#nav li.blog a:hover{background-position: 0 -40px;}

#nav li.services a.parent{
	height:50px;
	background:url('images/services.gif') no-repeat;
	width:111px;margin-right:0;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important; height /**/:39px; /* for IE5/Win only */
}

#nav li.services a.parent:hover{background-position: 0 -40px;}

#nav li.resources a.parent{
	height:50px;
	background:url('images/resources.gif') no-repeat;
	width:180px;margin-right:0;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important; height /**/:39px; /* for IE5/Win only */
}

#nav li.resources a.parent:hover{background-position: 0 -40px;}

#nav li.clients a{
	height:40px;
	background:url('images/clients.gif') no-repeat;
	width:97px;margin-right:0;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important; height /**/:39px; /* for IE5/Win only */
}

#nav li.clients a:hover{background-position: 0 -40px;}

#nav li.about a{
	height:40px;
	background:url('images/about.gif') no-repeat;
	width:80px;margin-right:0;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important; height /**/:39px; /* for IE5/Win only */
}

#nav li.about a:hover{background-position: 0 -40px;}

#nav li.contact a{
	height:40px;
	background:url('images/contact.gif') no-repeat;
	width:96px;margin-right:0;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important; height /**/:39px; /* for IE5/Win only */
}

#nav li.contact a:hover{background-position: 0 -40px}

#nav li ul {
	position: absolute;
	width: 15em;
	left: -999em
}

#nav li:hover ul {
	left: auto;
}

/* ---------- 2nd Level nav styles here -------- */

#nav li.child a {line-height:1.2em;padding-left:8px;padding-bottom:5px;width:255px;z-index: 50;font-size:13px}
#nav ul.sub {margin-top:0;width:255px;background-color:#87C300}

#nav li ul ul {
	margin: -1em 0 0 10em;
	background-color:#D9CCB2
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}


/* ---  Feature  --- */

#big {height:347px;background:#000 url('images/sp.gif') repeat-x;font-size:15px;color:#fff;padding:20px 0 0 0;border-bottom:2px solid #FE9900}
#pitch {width:620px;float:left}
#pitch p {margin:10px 0 10px 0}
#pitch p.find {font-size:18px;color:#3c8aff;font-weight:bold}
#pitch a {color:#3c8aff}
#pitch h3 {margin:20px 0 10px 0; font-size:18px;font-weight:bold;color:#FE9900}
#pitch ul {list-style:circle;list-style-position:inside;margin-bottom:20px}
#pitch li {font-weight:bold;margin:5px 0 5px 0}
#serp {width:300px;float:right}
#serp img {margin:15px 0 10px 0}

/* ---  CONTENT  --- */
/* #seo {padding:30px 0 20px 0;clear:both}*/
#content {width:620px;float:left;padding-bottom:40px}
#content h2 {margin: 0 0 20px 0;font-size: 20px;line-height:1.4em}
#content h3 {margin:20px 0 0 0;color:#87c300;font-size:18px}
#content h3 a {color:#87c300;text-decoration:none}
#content h3 a:visited {color:#87c300;text-decoration:none}
#content p {margin:8px 0 8px 0}
#content ul {margin:10px 0 0 0}
#content li {margin:0 0 10px 0;list-style-position:inside;list-style-type:square}
#content img {border:1px solid #FE9900;margin:10px 0 5px 0}
#content pre {padding:10px 0;color:blue;}

/* ---  SIDEBAR  --- */

#sidelines {width:300px;float:right;text-align:center;padding-bottom:40px}
#sidelines h3 {color:#FE9900;text-align:left;margin:25px 0 10px 0;font-size:18px;font-weight:bold}
#sidelines h3.alert {font-size:16px;color:#ff0000;text-align:center;margin:15px 0 15px 0}
#sidelines p {text-align:left;font-size:10pt;margin:5px 0 5px 0}
#sidelines li {text-align:left;list-style:none}

/* ---  FOOTER  --- */

#baseline {background-color:#4c4c4c;color:#fff;border-top:2px solid #FE9900;font-size:11px}
#foot p {margin:0 0 10px 0}
#foot a {color:#fff;text-decoration:none}
#foot a:hover {color:#fff;text-decoration:underline}
#foot h4 {font-size:11px;font-weight:bold;margin:0}
#foot ul {list-style:none}
#foot ul.sub li {margin-left:8px}
#foot #axemedia {width:220px;float:left;padding-top:20px;padding-right:30px}
#foot #services {width:220px;float:left;padding-top:45px;padding-right:20px}
#foot #resources {width:240px;float:left;padding-top:45px;padding-right:20px}
#foot #meta {width:190px;float:left;padding-top:45px}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */