/* RESET STYLES */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, a, img, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { line-height: 1;}
ol, ul { list-style: none;}


/* BASIC STYLES */
/* --------------------------------------------------------------- */
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	background-color:#FFF;
	color:#333;
}

h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
p, li, td {
	font-size: 1.6em;
	line-height: 1.5em;
}
td td {font-size: 1.0em;}
a:link, a:visited {color:#DB4105;}
a:hover {color:#FFF;background-color:#DB4105;text-decoration:none;}
a:active {color:#FFF;background-color:#333;}

/* PAGE STRUCTURE */
#wrapper {margin:0 auto;width:980px;}
#header {width:980px;height:100px;position:relative;}
#header.subpage {height:250px; }


/* HEADER */
/* --------------------------------------------------------------- */
#header h1#logo {
	text-indent:-5000px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:392px;
	height:99px;
}
#header h1#logo a {
	display:block;
	width:392px;
	height:99px;
	background:url(../Images/logo.png) no-repeat;
}
#header p#phone {
	text-indent:-5000px;
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:560px;
	height:99px;
	background:url(../Images/phone.png) top right no-repeat;
}
#banner {
	width:980px;
	height:100px;
	position:absolute;
	top:100px;
	background:url(../Images/bg_banner.png) repeat-x top left #626258;
}
#banner h2 {
	text-indent:-5000px;
	display:block;
	width:980px;
	height:99px;
	background-repeat:no-repeat;
	}
	#banner h2#Website {background-image:url(../Images/h2_takecommand.png)}
	#banner h2#Ecommerce {background-image:url(../Images/h2_ecommerce.png)}
	#banner h2#CRM {background-image:url(../Images/h2_crm.png)}
	#banner h2#EmailMarketing {background-image:url(../Images/h2_emailmktg.png)}
	#banner h2#Analytics {background-image:url(../Images/h2_analytics.png)}
	#banner h2#Service {background-image:url(../Images/h2_service.png)}
	#banner h2#Contact {background-image:url(../Images/h2_contact.png)}
	body#News #banner h2,
	#banner h2#News {background-image:url(../Images/h2_archives.png)}
	body#Portfolio #banner h2, 
	#banner h2#Portfolio {background-image:url(../Images/h2_portfolio.png)}


/* TOP NAV  MENUS */
/* --------------------------------------------------------------- 
See navigation.css
*/
#navigation {
	width:980px;
	height:50px;
	position:absolute;
	top:200px;
}
#navigation ul {
	width: 960px;
	height: 50px;
	margin: 0 0 36px;
	padding: 0 0 0 20px;
	background:url(../Images/slider/bg_tourpath.png) repeat-x top #DD4100;
}
#navigation ul li {
	display:block;
	height:50px;
	float: left;
	text-indent:-5000px;
	margin: 0 19px;
	padding:0;
}
#navigation ul li.menu-item {background-position:0 0;}
#navigation ul li.menu-item-hover {background-position:0 0;}
#navigation ul li.menu-item-selected {background-position:0 0;}

#navigation ul li#nav-home {background-image:url(../Images/nav_home.png); width:46px;}
#navigation ul li#nav-website {background-image:url(../Images/nav_web.png); width:60px;}
#navigation ul li#nav-ecom {background-image:url(../Images/nav_ecom.png); width:91px;}
#navigation ul li#nav-crm {background-image:url(../Images/nav_crm.png); width:38px;}
#navigation ul li#nav-email {background-image:url(../Images/nav_email.png); width:136px;}
#navigation ul li#nav-stat {background-image:url(../Images/nav_stat.png); width:76px;}
#navigation ul li#nav-svc {background-image:url(../Images/nav_svc.png); width:95px;}
#navigation ul li#nav-cont {background-image:url(../Images/nav_cont.png); width:86px;}

#navigation ul li a {display:block; width:100%;height:50px;}
#navigation ul li.menu-item-hover a,
#navigation ul li a:hover {background:url(../Images/nav_on.png) no-repeat 50% 44px;background-color:transparent}
#navigation ul li.menu-item-selected a,
#navigation ul li.selected a {background:url(../Images/nav_on.png) no-repeat 50% bottom;}






/* CONTENT */
/* --------------------------------------------------------------- */
#content {
	width:980px;
	margin:50px 0;
	background:url(../Images/bg_content_3_2.png) repeat-y top left;
}

#col-left {
	width:570px;
	float:left;
	clear:left;
}
#col-right {
	width:370px;
	float:right;
	clear:right;
}

#content h3 {
	font-size:2.2em;
	line-height:1.3em;
	font-family:"Lucida Grande", Arial, helvetica, Verdana, sans-serif;
	font-weight:bold;
	margin:0 0 0.8em;
	}
#content h4 {
	font-size:1.7em;
	line-height:1.3em;
	font-family:"Lucida Grande", Arial, helvetica, Verdana, sans-serif;
	font-weight:bold;
	margin:0 0 0.8em;
	}
#content h5 {
	font-size:1.4em;
	line-height:1.3em;
	font-family:"Lucida Grande", Arial, helvetica, Verdana, sans-serif;
	font-weight:bold;
	margin:0 0 0.8em;
	}

#content p {
	margin:0 0 1em;
	color:#333;
}
#content p.more {
	font-size:1.3em;
	font-family:"Lucida Grande", Arial, helvetica, Verdana, sans-serif;
	text-align:center;
	margin:2.5em 0;
}

#content ul {
	margin:0 0 1em 2em;
	list-style:disc;
}
#content li {
	color:#333;
}
#content li ul li {
	font-size:inherit;
}
img.hero {
	display:block;
	margin:0 0 25px 0;
}
.feature {clear:both;
	margin-bottom:10px;
	padding:10px 0 5px;
	border-bottom:1px solid #999;
}
.feature img,
img.features {
	display:block;
	float:right;
	margin:5px 0 10px 10px;
}
.screenshot img {
	display:block;
	margin:0 auto 0.75em;
}
p.sitelink {
	font-size:1.3em;
	font-family:"Lucida Grande", Arial, helvetica, Verdana, sans-serif;
	text-align:center;
}
p.clearall {
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
#content h3 a.goal {
	display:block;
	background-color:#DB4105;
	color:#FFF;
	padding:0.2em;
	text-align:center;
}
#content h3 a.goal:hover {background-color:#15A83B;}


/* OVERVIEW */
/* --------------------------------------------------------------- */
#content .overview p {margin-left:160px;}
#content .overview p.more {text-align:left;margin:0 0 2.5em 160px;}
#content .overview img {float:left; clear:left;margin:0 10px 0 0;}

/* FORMS */
/* --------------------------------------------------------------- */
table.webform { width:auto;margin-left:50px;}
table.webform label {font-size:1.0em;}
table.webform tr.toprule td { border-top:solid 1px #999;}
table.webform td { padding:8px 0}
table.webform td span {float:left; margin-right:5px;}
table.webform span label {font-size:0.7em; line-height:1em; padding-left:0.2em;}
table.webform input.cat_textbox {width:352px; font-size:1.0em; color:#333; background-color:#E3EFF8;}
table.webform textarea {width:354px; height:200px; color:#333; background-color:#E3EFF8;}
table.webform input#FirstName {width:138px;}
table.webform input#LastName {width:200px;}
table.webform input#WorkCity {width:158px; clear:left;}
table.webform input#WorkState {width:106px;}
table.webform input#WorkZip {width:60px;}
.newsletter-form {margin:0 0 20px;}
.newsletter-form div.form input.cat_textbox_small {width:350px; font-size:1.0em; color:#333; background-color:#E3EFF8;}
table.webform input#btn-send,
.newsletter-form div.form input#btn-send {width:130px; height:50px;background:url(../Images/btn_send.png);}
table.webform input#btn-send:hover,
table.webform input#btn-send:focus,
.newsletter-form div.form input#btn-send:hover,
.newsletter-form div.form input#btn-send:focus {background:url(../Images/btn_send_on.png);}

/* FOOTER */
/* --------------------------------------------------------------- */
#footer {
	width:980px;
	margin:0 auto 30px;
	color:#333;
	background-color:#E7E7E7;
	clear:both;
}
#footer p {
	font-size:1.2em;
	text-align:center;
	padding:0.5em 0;
}
/*#footer p span {
	display:inline-table;
	width:110px;
	height:30px;
	text-indent:-5000px;
	background:url(../images/logo_footer.png) no-repeat 0 -6px;
	margin:-10px 1.5em -10px 0;
}*/
#footer p img {
	display:inline;
	margin:-10px 1.5em -10px 0;
}
#footer a {margin:0 0.5em;}
#footer a:link, #footer a:visited {color:#333; text-decoration:none;}
#footer a:hover {color:#333; text-decoration:underline; background-color:transparent}
#footer a:active {color:#FFF;background-color:#333;}