/* ========== GLOBAL STYLES ========== */

html {
	min-height: 100%;
	height: auto;
	}

body {
	background: #999999;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Arial;
	font: normal 11pt Arial;
	line-height: 22px;
	color: #999999;
	}
	
img {
	border: none;
	margin: 0;
	padding: 0;
	outline: none;
	}

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

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

.logohome { background: url('/img/logo_home2.png') no-repeat top left; float:right; padding-right:8px; }
.logosub { background: url('/img/logo_sub2.png') no-repeat top left; float:left; }

/* ========== TEXT ========== */

div {
	margin: 0;
	padding: 0;
	}

p {
	/*font: normal 10pt Arial;
	line-height: 20px;
	color: #cccccc;
	margin: 0 0 15px 0;
	padding: 0;*/
	
	margin: 0 0px 15px 0px;
	padding: 0;
	}
	
p.quote {
	line-height: 18px;
	}

p.client {
	line-height: 16px;
	text-align: right;
	padding-right: 10px;
	margin: 0;
	font-weight: bold;
	color: #739c46;
	height: 16px;
	}

p.company {
	line-height: 16px;
	text-align:right;
	padding-right:10px;
	margin:0;
	color: #85b9d5;	
	}
	
p strong, p b {
	color: #739c46;
	}
	
p.top {

	}

h1 {
	color: #9ac070;
	font: bold 17pt Arial;
	line-height: 18pt;
	padding: 0;
	margin: 0;
	height: 32px;
	}
	
h2 {
	color: #85b9d5;
	font: normal 12pt Arial;
	line-height: 16pt;
	padding: 0 0 15px 0;
	margin: 0;
	}

h3 {
	color: #FFF;
	font-weight: 600;
	font-size: 16pt;
	font-family: Arial, Helvetica;
	line-height: 22px;
	margin: 0;
	padding: 0 0 10px 0;
	}

h4 {
	/*color: #6b9c33;
	font: bold 10pt Arial;
	line-height: 16pt;
	padding:0;
	margin:0;*/
	padding-top: 0px;
	margin-top: 0px;
	color: #739c46;
	font-weight: bold;
	}

p h4 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	}

	
/*ul.list li strong {
	color: #739c46;
	}*/



.sIFR-flash { outline: none; }

.frame { 
	border:8px solid #345e74;
	/*width:250px;
	height:230px;*/
	background:#FFF;
	margin: 0 0 30px;
	}

.green { 
	border:4px solid #739c46;
	}
	
.white { 
	border:4px solid #FFFFFF;
	}

.block { background:#403f3f; padding:20px; }

.hr {
	border-bottom: 2px solid #2c2c2c;
	height: 1px;
	width: 98%;
	margin: 20px 0px 20px -10px;
	}

.wufoo .info h2 { display: none !important; color: #333 !important; }

#socialize { margin-left:14px; }


#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:3px;
	display:none;
	color:#fff;
	z-index: 3001;
	}

/* ========== LINKS ========== */

a, a:visited {
	color: #85b9d5;
	text-decoration: none;
	outline: none;
	font: bold 11pt Arial;
	cursor: pointer;
	}

#content a:hover {
	color: #9ac070;
	text-decoration: none;
	border-bottom: 1px dotted #739c46;
	}

a:link img,  a:visited img { outline: none; }
a:hover img { outline: none; border-bottom: none !important; }
a:link img.green, a:visited img.green { border-bottom:4px solid #739c46 !important; }

/* ========== Overall Styles ========== */

#wrapper {
	margin: 30px auto 20px auto;
	padding: 0;
	width: 958px;
	position: relative;
	}
	
#content {
	width: 958px;
	background: #333 url('/img/content_bg.png') no-repeat 13px top;
	}

#ltcol {
	padding-top:170px;
	padding-left:20px;
	width:184px;
	}

#midcol {
	padding-top: 70px;
	padding-left: 15px;
	padding-right: 15px;
	}

#midcol .first {
	margin-top: 25px !important;

	}
	
#midcol li b, #midcol li strong  {
	font-weight: bold;
	color: #739c46;
	}

#midcol ul {
	margin:0 0 0px 10px;
	padding:0;
	}

#midcol ul li {
	margin: 0 0 0 8px;
	padding:0 0 6px 15px !important;
	font: normal 10pt Arial;
	color: #999;
	list-style-type: none;
	line-height: 18px;
	background:url('/img/cross.gif') no-repeat left 6px;
	}

#midcol ul li a {
	font: normal 10pt Arial;
	}

#rtcol {
	padding-top:75px;
	padding-right: 20px;
	width: 270px;
	}

#footer {
	margin: 0 40px 0 0;
	padding: 30px 0;
	color: #414040;
	font: normal 8pt Arial;
	width: 918px;
	text-align:right;
	/*background: url('/img/footer_bg.png') no-repeat left 18px;*/
	}

#footer a:link, #footer a:visited {
	color: #85b9d5;
	font: normal 8pt Arial;
	text-decoration: none;
	text-transform: lowercase;
	}

#footer a:hover {
	color: #FFF;
	border-bottom:1px dotted #345e74;
	}

span.trees {
	color:#6b9c33;
	padding-left:12px;
	background:url('/img/tree.png') no-repeat center left;
	}

span.trees a:link, span.trees a:visited { color:#6b9c33 !important; }
span.trees a:hover { color: #FFF !important; border-bottom: 1px dotted #6b9c33 !important; }

/* ======= SERVICE BOXES ======== */

.design { 
	width:167px; 
	height: 87px; 
	display: block; 
	position: relative; 
	background:url('/img/design.png') 0 0 no-repeat; 
	}
.design * { display:none; }
.design span.hover { 
	position:absolute; 
	top:0; 
	left:0;
	display:block;
	height: 87px; 
	width:167px;
	cursor: pointer;
	background:url('/img/design.png') 0 -87px no-repeat; 
	}

.develop { 
	width: 166px;
	height: 87px; 
	display:block;
	position:relative;
	background:url('/img/develop.png') 0 0 no-repeat; 
	margin-left: 11px;
	}
.develop * { display:none; }	
.develop span.hover { 
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 87px; 
	width:166px;
	cursor: pointer;	
	background:url('/img/develop.png') 0 -87px no-repeat; 
	}

.market { 
	height: 87px; 
	width: 167px;
	display:block;
	position:relative;
	background:url('/img/market.png') 0 0 no-repeat; 
	margin-left: 11px;	
	}
.market * { display:none; }	
.market span.hover { 
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 87px; 
	width:167px;
	cursor: pointer;	
	background:url('/img/market.png') 0 -87px no-repeat; 
	}

.measure { 
	width: 168px;
	height: 87px; 
	display:block;
	position:relative;
	background:url('/img/measure.png') 0 0 no-repeat; 
	margin-left: 11px;	
	}
.measure * { display:none; }
.measure span.hover { 
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 87px; 
	width:168px;
	cursor: pointer;	
	background:url('/img/measure.png') 0 -87px no-repeat; 
	}

.maintain { 
	width:168px;
	height: 87px; 
	display:block;
	position:relative;
	background:url('/img/maintain.png') 0 0 no-repeat; 
	margin-left: 11px;	
	}
.maintain * { display:none; }
.maintain span.hover { 
	position:absolute;
	top:0;
	left:0;
	display:block;
	height: 87px; 
	width:168px;
	cursor: pointer;	
	background:url('/img/maintain.png') 0 -87px no-repeat;
	}


/* ======= END ======== */

/* ======= LIST ITEMS ======= */

#mininavContainer {
	background:url('/img/nav_bg_sub.png') repeat-x top left;
	margin:0;
	padding:0;
	height:43px;
	border-right:13px solid #333;
	border-left:13px solid #333;
	}

#mininav {
	padding: 17px 10px 11px 0;
	margin:0;
	text-align:right;
	}

#mininav li {
	list-style-type:none;
	display: inline;
}

#mininav li a:link, #mininav li a:visited {
	color: #9ac070;
	font-style: normal;
	font-weight: bold;
	font-size: 8pt;
	font-family: 'Arial', sans-serif;
	text-transform: uppercase;
	margin: 0 12px 0 0;
	}

#mininav li a:hover {
	text-decoration:none;
	border-bottom: 1px dotted #9ac070;
	color:#FFF;
	}

#navcontainer{ 
	width: 958px;
	margin: 0;
	padding: 0;
	}

#navlist {
	margin: 22px 0 0 0;
	padding: 5px 0 0 0;
	float:right;
	}
	
#navlist li {
	margin: 0;
	padding: 0 0px 0 0;
	display: inline;
	list-style-type: none;
	float: left;
	color: #FFF;
	font-style: normal;
	font-family: 'Arial Black', Gadget, sans-serif;
	}

#navlist li a { 
	margin: 0;
	padding: 0;
	}

#navlist li a:link, #navlist li a:visited {
	font-weight: normal;
	font-size: 11pt;
	font-family: 'Arial Black', Gadget, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	display: block;   /* VERY IMPORTANT FOR CORRECT DROP DOWN POSITIONING IN IE7, REMOVE FOR HORIZONTAL POSITIONING */
	margin: 0;
	padding: 0 0 0px 0 !important;
	text-decoration: none;
	}

#navlist li a:hover, #navlist li:hover a, #navlist li.on a { 
	color: #333 !important;
	border-bottom: none;
	}

a.nav0:link, a.nav0:visited { background:url('/img/nav_home.png') no-repeat top left; }
a.nav0:hover { background:url('/img/nav_home.png') no-repeat left -22px; }

a.nav1:link, a.nav1:visited { background:url('/img/nav_aboutus.png') no-repeat top left; }
a.nav1:hover	{ background:url('/img/nav_aboutus.png') no-repeat left -22px; }

a.nav2:link, a.nav2:visited { background:url('/img/nav_services.png') no-repeat top left; }
a.nav2:hover	{ background:url('/img/nav_services.png') no-repeat left -22px; }

a.nav3:link, a.nav3:visited { background:url('/img/nav_solutions.png') no-repeat top left; }
a.nav3:hover	{ background:url('/img/nav_solutions.png') no-repeat left -22px; }

a.nav4:link, a.nav4:visited { margin:0; padding:0; }
a.nav4:hover	{  }

a.nav5:link, a.nav5:visited { background:url('/img/nav_portfolio.png') no-repeat top left; }
a.nav5:hover	{ background:url('/img/nav_portfolio.png') no-repeat left -22px; }

a.nav6:link, a.nav6:visited { background:url('/img/nav_contact.png') no-repeat top left; }
a.nav6:hover	{ background:url('/img/nav_contact.png') no-repeat left -22px; }

#navlist li a.active:link, #navlist li a.active:visited { 
	background-position:left -22px !important;
	}

/* CSS DROP DOWN NAVIGATION CONTROLS */
/*  DROP DOWN NAVIGATION  */ 

#navlist li ul {
	position: absolute;
	left: -999em;
	height: auto;
	margin:0;
	padding:1px 0 0 0;
	background: #333;
	border: 7px solid #333;
	border-top: 13px solid #333;
	opacity: .90; 
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;
	list-style-type: none;
}

#navlist li ul li { padding: 0; margin: 0; float:none; }

#navlist li ul a:link, #navlist li ul a:visited  { 
	color: #b6e086 !important; 
	text-decoration: none; 
	display: block !important;
	line-height: 22px;
	padding: 0px 10px 0px 10px !important;	
	text-align: left;
	font-weight: normal !important;
	font-size: 8pt !important;
	font-family: 'Verdana', sans-serif !important;
	text-transform:none;	
	}
	
#navlist li ul a:hover	{ 
	background: #345e74;
	color: #FFF !important;
	text-decoration: none;
	}

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

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

/* FIXES IE7 STICKY */
#navlist li:hover, #navlist li.hover {
    position: static;
}

/* Second Nav List Styles */

ul#secnavlist {
	margin: 0px 10px 20px 0px;
	padding: 0px;
	width: 164px;
	float: left;
	}

#secnavlist ul {display: none;}
#secnavlist li.on ul {display: block;}

#secnavlist li {
	list-style-type:none;
	border-bottom: 2px solid #333;
	line-height: 43px;
	background: #403f3f;
	display: block;
	float: left;
	}

#secnavlist li.title {
	background: #739c46;
	font: bold 18pt Arial !important;
	color: #FFF;
	margin:0;
	padding: 0 0 5px;
	height: 26px; 
	width: 164px;
	text-align:center;
	text-transform:uppercase;
	}
	
	
/* Third Nav List Styles */
#third-nav ul {
	display: none; padding: 0;
	margin: 8px 0 8px 10px;
	width: 100px;
}



#third-nav ul.third-nav-styles li {
margin: 1px 0;
margin-bottom: 3px;

}

#third-nav ul li a, #third-nav ul li a:link, #third-nav ul li a:visited {
	background-color: transparent;
	font-size: 0.6em; 
	line-height: 1em;
	padding: 5px 0 5px 34px;
	color: #686767;
	width: 120px;
	border-bottom:0px !important;
	
}

#third-nav ul li a:hover {
	background: #739C46; color: #fff;
	
}


/* nav style of double for two liner */
#secnavlist li.double {
	height: 56px;
	}

#secnavlist a:link, #secnavlist a:visited { 
	font: bold 8pt Arial !important; 
	display: block; 
	float: left; 
	margin: 0px; 
	outline: none; 
	padding: 8px 0 8px 34px;
	width: 130px;	
	color: #686767;
	}
	
#secnavlist a:hover, #secnavlist li.on a {
	background: #535151;
	color: #9ac070;
	text-decoration: none;
	border-bottom:none;
	}

#secnavlist li.on li a {
	background: none;
	color: #686767;
	text-decoration: inherit;
}
	
/* Tertiary Nav List Styles  NOT USED IN WEBMARKETING*/

#tertnav1, #tertnav2, #tertnav3 { display: none; }

ul#tertnav1, ul#tertnav2, ul#tertnav3 {
	margin:0;
	padding:0;
	float:left;
	}
	
#tertnav1 li, #tertnav2 li, #tertnav3 li {
	float:left;
	display:block;
	background: #999 url('/img/cross2.gif') no-repeat 34px 6px;	
	border-bottom: none;
	}
	
#tertnav1 a:link, #tertnav1 a:visited, #tertnav2 a:link, #tertnav2 a:visited, #tertnav3 a:link, #tertnav3 a:visited {
	color: #403f3f;
	padding: 3px 0 3px 45px;	
	width: 119px;
	}
	
#tertnav1 a:hover, #tertnav2 a:hover, #tertnav3 a:hover { 
	color: #686767;
	background: #CCC url('/img/cross3.gif') no-repeat 34px 6px;		
	}

/* MONKEE-BOY LOGO POSTIONING */

#monkee-boy {
	position: absolute;
	top:-30px;
	left:10px;
	right:0;
	float:left;
	z-index: 1000;
	display: inline;
	width: 330px;
	height: 445px;
	background: url('/img/monkee-boy-reg.png') no-repeat top left;
	}
	

#monkee-boy-sub {
	position: absolute;
	top:34px;
	left:25px;
	right:0;
	float:left;
	z-index: 1000;
	display: inline;
	height: 205px;
	width:250px;
	background: url('/img/monkee-boy-sub.png') no-repeat top left;
	}

/* hide feed2js promo */
.f2jnag {display: none;}
	
/* KONAMI BANANAS */
.bananas { position: absolute;}
.ui-draggable:hover {cursor: pointer;}
.ui-draggable-dragging {opacity: 0.5;}
#banana1 {left: -100px; top: -400px; bottom: 1000px;}
#banana2 {left: 230px; top: -400px; bottom: 1000px;}
#banana3 {right: -100px; top: -400px; bottom: 1000px;}