/* @override http://net2business.com/_style.css */

/* *************************************************** */
/* --------------------- BASICS ---------------------- */
/* *************************************************** */

html {
	margin: 0;
	padding: 0;
	outline:none;
}
* {
	margin: 0;
	padding: 0;
	outline:none;
}
table {
	width: 100%;
	border-collapse: collapse;
}
tr {
	vertical-align: top;
}
img {
	border: none;
}
/* *************************************************** */
/* --------------------- LAYOUT ---------------------- */
/* *************************************************** */
body {
	background-color: #fff;
	background-position: left top;
	background-image: url('images/design/bkgrd.gif');
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Ariel, Helvetica, non-serif;
	font-size: 1.0em;
}
#wrapper {
/* include the right dropshadow*/
	position: absolute;
	width: 910px; /*height: 100%;*/;
	height: 600px;
	float: left;
	background-position: right top;
	background-image: url('images/design/dropshadowVertical.gif');
	background-repeat: repeat-y;
}
#bkgrdTop {
/* the little sliver which differs */
	position: relative;
	top: 0;
	float: right;
	width: 10px;
	height: 213px;
}
#page {
/* contains all within */
	position: relative;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 585px;
	text-align: left;
}
#dropshadow {
/* the lower dropshadow */
	height: 15px;
	background-position: left bottom;
	background-image: url('images/design/dropshadowHorizontal.gif');
	background-repeat: repeat-x;
}
#bkgrdBottom {
	/* the right bottom dropshadwo corner */
	position: relative;
	bottom: 0px;
	width: 10px;
	height: 15px;
	float: right;
}
#header {
/* upper portion of the page */
	color: #8d333b;
	height: 255px;
	width: 900px;
	position: relative;
	float:left;
	display:block;
}
#flashBkgrd {
	width: 683px;
	height: 122px;
	background-image: url('images/design/header4.jpg');
	background-position: left top;
	background-repeat: no-repeat;
}
html*#flashBkgrd {
	float:right;
	*position:relative;
	*top:-5px;
}
#object {
	height:121px;
}
#content {}
html*#content {
	*position:relative;
	*top:-5px;
	*margin-bottom:-5px;
}
#leftbar {
	/* is the navigation to the LEFT of $main content */
	background-color: #000066;
	background-position: left top;
	background-image: url('images/design/navbar_horizontal.gif');
	background-repeat: repeat-y;
	width: 146px;
}
#main {
	/* this is the specific page content in the middle */
	width: 487px;
	padding-left: 35px;
	padding-right: 20px;
}
#rightbar {
/* this is the blurp to the RIGHT of #main content */
	width: 212px;
}
#rightbarcontent {
	border-left-color: #b6b9c2;
	border-left-style: solid;
	border-left-width: 1px;
	padding-left: 20px;
}
#footer {
/* spans #main and #sideblurp */
	height: 40px;
	text-align: center;
	vertical-align: bottom;
	font-size: 0.7em;
	line-height: 115%;
	color: #8d333b;
	padding: 20px 0 10px 0;
}

#address {
	background-color: #000066;
}

/* *************************************************** */
/* ------------------- NAVIGATION -------------------- */
/* *************************************************** */
#navigation {
	background-color: #000066;
	background-position: left top;
	background-image: url('images/design/navbar_vertical.gif');
	background-repeat: repeat-x;
	height: 330px;
	width: 146px;
	float: left;
}
html*#navigation {
	position:relative;
	top: -2px;
	left: -1px;
}
#navigation ul {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 200%;
	list-style-type: none;
	padding-right: 10px;
	position: relative;
	text-align: right;
	top: 30px;
}
#navigation li {
}
#navigation a:visited {
	color: #fff;
	text-decoration: none;
}
#navigation a:link {
	color: #fff;
	text-decoration: none;
}
#navigation a:active {
	color: #5E9AB5;
}
#navigation a:hover {
	color: #5E9AB5;
}
/* *************************************************** */
/* --------------------- HEADER ---------------------- */
/* *************************************************** */
/*#header span {
	font-style: italic;
	white-space: nowrap;
	position: relative;
	top: 5px;
	left: 112px;
	font-size: 0.6em;
}*/
#header span {
	font-style: italic;
	white-space: nowrap;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 0.6em;
}

#header a:visited {
	color: #8d333b;
	text-align: right;
	/*text-decoration: none;*/
}
#header a:link {
	color: #8d333b;
	text-align: right;
	/*text-decoration: none;*/
}
#header a:active {
	color: #0C1957;
}
#header a:hover {
	color: #0C1957;
}
/* *************************************************** */
/* --------------------- FOOTER ---------------------- */
/* *************************************************** */
#footer a:visited {
	color: #8d333b;
}
#footer a:link {
	color: #8d333b;
}
#footer a:active {
	color: #0C1957;
}
#footer a:hover {
	color: #0C1957;
}
/* *************************************************** */
/* ---------------------- TEXT ----------------------- */
/* *************************************************** */
/*#tagline {
	position: relative;
	left: 3px;
	top: 50px;
}*/
#tagline {
	position: absolute;
	right: 5px;
	top: 65px;
}
/*#pagetitle {
	width: 212px;
	height:49px;
	text-align: left;
}*/
#pagetitle {
	width: 212px;
	height:49px;
	text-align: left;
	position: absolute;
	right: 3px;
	top: 210px;
}
#address p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: #b6b9c2;
	text-align: right;
	padding: 0pt 7px 10px 2px;
}
#address hr {
	height:1px;
	margin-top:-5px;
	margin-bottom:5px
}
h1 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 110%;
	color: #41579a;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 110%;
	color: #0C1957;
	font-style: normal;
	margin-bottom: -20px;
	padding-top:20px;
}
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	line-height: 110%;
	color: #8d333b;
	padding-top: 25px;
	padding-bottom: 5px;
	text-indent: 3px;
}
h4 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 120%;
	color: #8d333b;
	padding-bottom: 10px;
}
h5 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 110%;
	color: #41579a;
	padding-bottom: 5px;
}
h6 {
	text-decoration: underline;
}

.standout{
	color:#4075D3;
	line-height:inherit;
	font:inherit;
}

#success-stories .standout,
#hardware .standout,
#clients .standout {
	font-family: "Times New Roman", Times, serif;
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
	line-height:110%;
	padding: 25px 0 15px 0;
	color:#4075D3;
}
p {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	line-height: 140%;
	font-weight: normal;
	color: #000;
	padding-left: 15px;
}
strong {
	padding-left:15px;
	font-size: 0.8em;
	line-height: 140%;
	font-weight: bold;
	color: #000;

}
.underline {
	text-decoration:underline;
}
.center {
	text-align:center;
}
.leftalign {
	text-align:left;
}
.hr {
	background-color:#b6b9c2;
display:block;
height:1px;
width:50%;
margin:30px auto 45px auto;

}
#home strong {	
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: inherit;
	font-weight: bold;
	color: #41579a;

}
#main p {
	text-align: justify;
	padding-bottom:0.8em;
	clear:both;
}
#success-stories #main p,
#hardware #main p,
#clients #main p {
	text-align:justify;
	padding-bottom:0px;
}
#main table {
	padding-left: 15px;
}
#main ul {
	font-size:0.8em;
	font-weight:normal;
	line-height:140%;
	list-style-position:outside;
	list-style-type:square;
	padding:15px 45px;
}
#main li {
	padding:0 0 5px 0;
}
#main ol {
	font-size:0.8em;
	font-weight:normal;
	line-height:140%;
	list-style-position:outside;
	padding:15px 45px;
}

#webdevelopment #main ol {
	font-size:0.8em;
	line-height:100%;
	padding: 0 0 10px 40px;
	list-style-type:decimal;
	font-weight:bold;
	color:#41579a;
}
#webdevelopment #main ol li {
	padding:0px 0px 5px 0px;
	line-height:120%;
}

#webdevelopment #main ol li ol {
	font-size:inherit;
	list-style-type:lower-latin;
	padding-top:2px;
	font-size:90%;
	font-weight:normal;
	color:#000;
}
#webdevelopment #main ol li ol li {}

#webdevelopment #main ol li ol li ol {
	font-size:inherit;
	padding-top:5px;
	list-style-type:decimal;
}

#rightbarcontent p {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.7em;
	line-height: 120%;
	font-weight: normal;
	color: #000;
	padding-left: 0px;
	width: 130px;
	text-align: left;
	padding-bottom: 30px;
}
#rightbarcontent img {
	float: right;
	position: relative;
	top: -45px;
}

#rightbarcontent ul {
font-size:0.7em;
font-weight:normal;
line-height:120%;
padding-bottom:30px;
padding-left:5px;
text-align:left;
width:165px;
}
#rightbarcontent li {
	padding:0 0 5px 0;
}


#rightbarcontent p.short {
	padding-bottom:10px;
}

a:link h5,a :visited h5 {
}

a:active h5,a :hover h5 {
	color: #5E9AB5;
}

.mark {
	font-size:smaller;
	/*line-height:75%;
	vertical-align:super;*/
	vertical-align:top;
}
.lists {
	list-style-image: url('images/design/arrow-lists.gif');
	list-style-position: outside;
	font-size: 0.8em;
	padding: 15px 0px 25px 75px;
}
.form {
text-align:left;
}

.form .label {
font-size: 0.8em;
}
.form tr {
	height:23px;
}

.lists a:link, .lists a:visited {
	color:#4075D3;
}
.lists a:active, .lists a:hover {
	color:#8d333b;
}
#main table .stats {
	float:left;
	margin-left:18px/*Firefox*/;
	margin-bottom:10px;
}

html*#main table .stats {
	*margin-left:0px/*IE7*/;	
}

#rightbarcontent ul#cards-nav.lists li {}
#rightbarcontent ul#cards-nav.lists li ul {padding:0;}
#rightbarcontent ul#cards-nav.lists li.title {
	padding-top:10px;
	font-size:medium;
	font-weight:bold;
	line-height:150%;
}
/* *************************************************** */
/* ----------------- PAGE SPECIFIC  ------------------ */
/* *************************************************** */
#cardspage div.cards img {
	/*width:300px;
	height:190px;*/
	width:220px;
	float:left;
	margin: 10px;
}

#flash {
	height:107px;
	width:683px;
	position:absolute;
	left:216px;
	top:90px;
}

#flash #testimonials {}

#home {}

#profile h4 {
	font-size: 1em;
	letter-spacing: 0.03em;
}

#request #rightbarcontent p, 
#profile #rightbarcontent p, 
#marketing #rightbarcontent p {
	width:160px;
}
#fraud #rightbarcontent p {
	width: 160px;
	padding-bottom:10px;
}


#success-stories #main img,
#hardware #main img,
#clients #main img {
	float:left;
	margin-top:5px;
}
#success-stories #main h5,
#hardware #main h5,
#clients #main h5 {
	margin-top:10px;
}
#howto #main img,
#secureEmail #main img,
#directions #main img {
	float:left;
	width:475px;
	height:100%;
	display:block;
	margin-right:-30px;
	padding-bottom:2em;	
}
#secureEmail #main img {
	padding-bottom:0em;
}
#fraud #main img {
	float: left;
	width: 475px;
	height: 100%;
	display: block;
	margin-right: -30px;
	margin-bottom:30px;
	border: 1px #B6B9C2 solid;
}
#howto #main #stats img {
	padding-bottom:10px;
}
#howto #main img.center,
#secureEmail #main img.center {
	float:none;
	margin:0 auto;
}
table.stats {
	font-size:x-small;
}
table.stats th {
	text-align:center;
}
table.stats td {
	text-align:right;
	padding-right:3px;
}
table.stats td.leftalign {
	text-align:left;
	padding-left:3px;
}
table#articles,
table#webdevelopment {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 140%;
	padding: 15px 45px;
	width: 75%;
	margin: 0 auto;
}
table#articles .titles,
table#webdevelopment .titles {
	text-align:center;
	border-bottom:1px #ccc solid;
	padding-bottom: 5px;
}
table#articles .listing,
table#webdevelopment .listing {
	text-align: left;
	padding-left: 30px;
}

/* *************************************************** */
/* --------------------- LINKS  ---------------------- */
/* *************************************************** */
.txtdeco-none {
	text-decoration:none;
}
.txtdeco {
	text-decoration:underline;
}
a:link, a:visited {
	color: #4075D3;
	font-weight: bold;
	text-decoration: underline;
}
a:active, a:hover {
	color:#8d333b;
	/*text-decoration:none;*/
}
#success-stories #main p a,
#hardware #main p a,
#clients #main p a {
	background-color: #FFFFE6;
	padding-left: 3px;
	padding-right: 3px;
}
h3 a:link, h3 a:visited {
	color: #8d333b;
	text-decoration:none;
}
h3 a:active, h3 a:hover {
	color:#0C1957;
}
/* *************************************************** */
/* --------------------- LAYOUT ---------------------- */
/* 

*************************************************** */

/* *************************************************** */
/* --------------------- COLORS ---------------------- */
/* *************************************************** */
.color1 {color: #8d333b;/* dark red - for links */}
.color2 {color: #0C1957;/* dark blue - background and such */}
.color3 {color: #41579a;/* middle gray - for titles */}
.color4 {color: #b6b9c2;/* light gray - for rollovers and broken white areas */}
.color5 {color: #4075D3;/* light blue - for standout text */}
.color6 {color: #5E9AB5;/* turquoise */}