@charset "utf-8";

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#069}
a:hover {color:#6C9}
body {background:#FFF url(../images/bg.png) left top repeat-x;color:#000;font:12px/15px Verdana, Arial, Sans-Serif}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}
h1 {color:#063;font:bold 16px/14px Verdana, Arial, Sans-Serif}

#msg {background:#ffffcc;border:1px solid red;padding:5px;margin-top:5px;margin-bottom:5px}
#required {color:maroon;font-weight:bold;font-size:18px;}

#bulletedList {margin:15px;}

#contactTable td {vertical-align: top;}
#contactTable .label {font-weight: bold;}

#portfolio img {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
#portfolio a {
	font-size: 16px;
	font-weight:bold;
	text-decoration: none;
}
#portfolio {padding-bottom: 10px; border-bottom: 1px solid #069;}

blockquote {
	font-size:14px;
	text-indent: 21px;
	background: url(/images/quote-open.gif);
	background-position: 0 -5px;
	background-repeat: no-repeat;
}
#closeQuote {
	width:20px;
	background: url(/images/quote-close.gif);
	background-position: 0 -5px;
	background-repeat: no-repeat;
}
#byline {
	font-size:14px;
	margin-top: 4px;
	float: right;
	font-style: italic;
}
#quoteSpacer {
	border-bottom: 1px solid #069;
	margin-top: 35px;
	margin-bottom: 15px;
}

#newsletterEmail {
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	margin-bottom: 5px;
	display: block;
	padding: 4px;
	border: solid 1px #85b1de;
	width: 100px;
}

#newsletterButton {
	background: #D6D3CE none repeat scroll 0 0;
	color: black;
	border: 1px solid #424142;
	padding: 1px 1px 1px 2px;
}

/* Containers */
#page {background:#fff url(/images/page-bg.jpg) center top no-repeat;margin:0 auto;padding:10px 17px 0 18px;width:952px}

/* Header */
#header {padding: 0 37px 0 0;position:relative}
#logo {float:left;margin: 0 0 0 4px}
#contact-info {border:1px solid #7fb299;color:#069;float:right;font-size:11px;font-weight:700;height:20px;margin:9px 0 0;padding: 5px 0 0 3px;position:relative;width:672px}
#contact-info p {float:left;margin:0;width:526px}
#contact-info h1 {color:#069;font-size:1em;padding:0 0 0 0;float:left;margin:0;width:526px}
#contact-info p#contact {color:#666;display:inline;float:right;font-size:14px;height:12px;margin: 2px 13px 0 0;overflow:hidden;position:relative;width:131px}
#contact-info p#contact span {background:url(/images/contact.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}

	/*Navigation*/
	ul#nav {background:url(/images/top-nav.png) left top repeat-x;border-bottom:1px solid #7fb299;float:right;font:bold 11px Verdana, Arial, Sans-Serif;height:17px;margin: 7px 0 0;padding: 15px 10px 8px 0;text-align:right;width:667px}
	ul#nav li {background:url(/images/top-divider.gif) left 17px no-repeat;display:inline;padding:14px 7px 0 11px}
	ul#nav li.first {background:none}
	ul#nav li a {color:#fff;text-decoration:none}
	ul#nav a:hover {color:#6C9}
	
	/*Slogan*/
	#slogan {color:#063;float:left;font-size:16px;height:17px;margin:6px 0 0 33px;overflow:hidden;position:relative;width:450px}
	#slogan span {background:url(/images/lion-leaf-is-taming-the-web.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}
	
/* Content*/
#main {clear:both;overflow:hidden;padding:13px 37px 0 45px;position:relative;width:870px}
#content {float:right;font:12px Arial, Sans-Serif;width:673px}
#content h1 {padding: 0 0 12px}
#content p {line-height:18px}
#homepage #content {background:url(/images/content-bg.png) left repeat-y;display:inline;float:left;font-size:11px;margin:0 0 0 189px;width:486px}
#homepage #content div {background:url(/images/content-top.png) left top no-repeat;float:left;width:486px}
#homepage #content div div {background:url(/images/content-bottom.png) left bottom no-repeat;float:left;padding: 21px 12px 14px;width:462px}
#homepage #content div div div {background:none;padding:0;width:auto}

.new #main #content {display:inline;float:right;font-size:11px;width:673px;}

.largecol {float:left;margin-right:20px;overflow:hidden;width:210px;}
.largecol#last {margin:0;}
.largecol .box {overflow:hidden;padding-top:9px;width:100%;}
.largecol .blue .box {background:url(../images/bluebox-top.png) no-repeat;}
.largecol .green .box {background:url(../images/greenbox-top.png) no-repeat;}
.largecol .box .frame {min-height:318px;overflow:hidden;padding:14px 15px 10px;position:relative;width:180px;}
*html .largecol .box .frame {height:318px;}
.largecol .blue .box .frame {background:#1171a1 url(../images/bluebox-frame.png) no-repeat 0 100%;}
.largecol .green .box .frame {background:#1171a1 url(../images/greenbox-frame.png) no-repeat 0 100%;}
.largecol p {color:#fff;font-size:14px;font-weight:bold;line-height:19px !important;}
.largecol a.help {display:block;height:50px;text-indent:-9999px;width:183px;}
.largecol .blue .box a.help {background:url(../images/blue-help.png) no-repeat;bottom:16px;left:11px;position:absolute;}
.largecol .green .box a.help {background:url(../images/green-help.png) no-repeat;}
.largecol .testomonials {min-height:445px;overflow:hidden;padding:22px 23px 65px 20px;position:relative;width:167px;}
*html .largecol .testomonials {height:445px;}
.largecol .testomonials strong.company,strong.name {color:#0e4969;display:block;font-style:italic;}
.largecol .green .testomonials strong.company,.largecol .green .testomonials strong.name {color:#00693c;}
.largecol .testomonials strong.name {font-size:14px;padding-bottom:4px;}
.largecol .testomonials strong.company {font-size:11px;}
.largecol .blue .testomonials {background:#d0e2ec url(../images/blue-test.png) no-repeat 0 100%;}
.largecol .green .testomonials {background:#cbeada url(../images/green-test.png) no-repeat 0 100%;}
.largecol .author {bottom:22px;left:19px;position:absolute;}
.largecol .testomonials cite {font-size:14px;line-height:20px;}
.info-box {background:#599bbc url(../images/info-box.png) no-repeat;float:left;height:92px;margin:12px 0 37px;padding:21px 38px 0 24px;width:614px;}
.info-box h3 {color:#0d3c5d;font-size:16px;margin-bottom:15px;}
.info-box em {color:#fff;font-size:14px;line-height:18px;}
.info-box a {color:#fff;font-weight:bold;text-decoration:underline;}
.info-box a:hover {text-decoration:none;}

	/*Intro*/
	#homepage #content div div p#intro {font-size:13px;line-height:26px}
	#homepage #content div div h2 {
	color:#069;
	font-size:15px;
	padding:8px 0
}
	
	/*Services*/
	#homepage #content div div #services {
	background:url(/images/services.png) center repeat-y;
	float:left;
	width:462px;
}
	#homepage #content div div #services div {background:url(/images/services.png) left top no-repeat;float:left;width:462px}
	#homepage #content div div #services div div {background:url(/images/services.png) right bottom no-repeat;float:left;padding:0 0 9px;width:462px}
	#homepage #content div div #services div div h2 {
	color:#fff;
	font-size:11px;
	margin: 0 0 10px 14px;
	text-transform:uppercase;
}
	
		/*Services List*/
		#homepage #content div div #services div div ul#services-list {display:inline;list-style:none;margin:0}
		#homepage #content div div #services div div ul#services-list li {background:url(/images/list-item.png) left no-repeat;display:inline;float:left;font:bold 11px Arial, Sans-Serif;height:18px;margin:0 8px 7px;padding:6px 0 0;text-align:center;width:137px}
		#homepage #content div div #services div div ul#services-list li a {color:#069}
		#homepage #content div div #services div div ul#services-list a:hover {color:#6C9}
		
/* Sidebar */
#sidebar {float:left;margin: 5px 0 0;width:172px}
#homepage #sidebar {float:left;margin: 0 0 0 -675px;width:172px}

	/*Menu*/
	#sidebar ul#menu {
	background:url(../images/menu-bg.png) left top no-repeat;
	font-size:11px;
	font-weight:700;
	list-style:none;
	margin: 0 0 14px;
	height:209px;
	padding: 0 0 0 14px;
	width:158px
}
	#sidebar ul#menu li {
	background:url(/images/menu-divider.png) right bottom no-repeat;
	padding: 7px 0px 6px;
	margin: 0px;
}
	#sidebar ul#menu li a {color:#000;text-decoration:none;text-transform:uppercase}
	#sidebar ul#menu a:hover {color:#6C9}
	
	/*Request*/
	#sidebar #request {background:url(/images/request-bg.png) center repeat-y;color:#000;float:left;font:11px Arial, Sans-Serif;margin: 0 0 14px;width:172px}
	#sidebar #request div {background:url(/images/request-bg.png) left top no-repeat;float:left;width:172px}
	#sidebar #request div div {background:url(/images/request-bg.png) right bottom no-repeat;float:left;padding: 0 13px 9px;width:146px}
	#sidebar #request div div h3 {color:#fff;font:bold 11px Verdana, Arial, Sans-Serif;margin: 0 0 6px;padding:5px 0 5px 3px;text-transform:uppercase}
	#sidebar #request div div a {color:#069}
	#sidebar #request div div a:hover {color:#6C9}
	/*Newsletter*/
	#sidebar #newsletter {background:url(/images/request-bg.png) center repeat-y;color:#000;float:left;font:11px Arial, Sans-Serif;margin: 0 0 14px;width:172px}
	#sidebar #newsletter div {background:url(/images/request-bg.png) left top no-repeat;float:left;width:172px}
	#sidebar #newsletter div div {background:url(/images/request-bg.png) right bottom no-repeat;float:left;padding: 0 13px 9px;width:146px}
	#sidebar #newsletter div div h3 {color:#fff;font:bold 11px Verdana, Arial, Sans-Serif;margin: 0 0 6px;padding:5px 0 5px 3px;text-transform:uppercase}
	#sidebar #newsletter div div a {color:#069}
	#sidebar #newsletter div div a:hover {color:#6C9}
	/*White Papers*/
	#sidebar #white-papers {background:url(/images/white-papers-bg.png) center repeat-y;color:#000;float:left;font:11px Arial, Sans-Serif;margin: 0 0 14px;width:172px}
	#sidebar #white-papers div {background:url(/images/white-papers-bg.png) left top no-repeat;float:left;width:172px}
	#sidebar #white-papers div div {background:url(/images/white-papers-bg.png) right bottom no-repeat;float:left;padding: 0 13px 9px;width:146px}
	#sidebar #white-papers div div h3 {color:#fff;font:bold 11px Verdana, Arial, Sans-Serif;margin: 0 0 6px;padding:5px 0 5px 3px;text-transform:uppercase}
	#sidebar #white-papers div div a {color:#069}
	#sidebar #white-papers div div a:hover {color:#6C9}
	/*Just Launched*/
	#sidebar #just-launched {background:url(/images/just-launched-bg.png) center repeat-y;color:#000;float:left;font:11px Arial, Sans-Serif;margin: 0 0 14px;width:172px}
	#sidebar #just-launched div {background:url(/images/just-launched-bg.png) left top no-repeat;float:left;width:172px}
	#sidebar #just-launched div div {background:url(/images/just-launched-bg.png) right bottom no-repeat;float:left;padding: 0 9px 9px;width:154px}
	#sidebar #just-launched div div h3 {color:#fff;font:bold 11px Verdana, Arial, Sans-Serif;margin: 0 0 6px;padding:5px 0 5px 3px;text-transform:uppercase}
	#sidebar #just-launched div div a {color:#069}
	#sidebar  #just-launched div div a:hover {color:#6C9}
	#sidebar #just-launched div div img {float:right;margin:0 0 0 14px}
	
/*Right Sidebar*/
#right-sidebar {border:1px solid #d1e4da;float:right;padding: 0 9px 11px;width:169px}
#right-sidebar p#testimonial {color:#666;font-size:14px;height:160px;line-height:36px;margin:28px auto 24px;overflow:hidden;position:relative;text-align:center;width:148px}
#right-sidebar p#testimonial span {background:url(/images/testimonial.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}
#right-sidebar a {display:block;font-size:11px;margin:0 auto 30px;text-align:center}

/* Footer */
#footer{clear:both;margin: 14px auto}
#footer p {color:#666;font-size:10px;text-align:center}
#footer p img {vertical-align:middle}

		/*Footer navigation box*/
		#footer-nav {background:url(/images/footer-bg.png) center repeat-y;margin: 0 auto 14px;width:871px}
		#footer-nav div {background:url(/images/footer-bg.png) left top no-repeat;margin: 0 auto;width:871px}
		#footer-nav div div {background:url(/images/footer-bg.png) right bottom no-repeat;margin: 0 auto;overflow:hidden;padding: 12px 50px;width:771px}
		
			/*Footer Navigation*/
			#footer-nav div div ul {font:10px Arial, Sans-Serif;list-style:none;text-align:center}
			#footer-nav div div ul li {background:url(/images/footer-divider.gif) left no-repeat;float:left;padding:0 4px}
			#footer-nav div div ul li.first {background:none}
			#footer-nav div div ul li a {text-decoration:none}