/* @group -- ERIC MEYER RESET RELOAD --*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* @end */

/*-- SITE STYLES --*/

/* @group -- PRIMARY STYLES -- */

body {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color:#FFF;
	}
	
h1 {
	margin:0px 0px 10px 0px;
	font-size:22px;
	line-height:1;
	font-weight:normal;
	color:#50709a;
	}

h2 {
	margin:0px 0px 5px 0px;
	font-size:15px;
	line-height:1;
	font-weight:bold;
	}

h3 {
	margin:0px 0px 18px 0px;
	font-size:21px;
	line-height:1.25;
	font-weight:normal;
	}
	
h4 {
	margin:0px 0px 10px 0px;
	font-size:16px;
	line-height:1;
	font-weight:normal;
	}

div.sidebox h4 {
	margin:0px 0px 10px 0px;
	font-size:17px;
	line-height:1;
	font-weight:bold;
	}

a:link, a:visited {
	color:blue;
	}

a:hover {
	color:red;
	}

b,strong {font-weight:bold;}

i,em {font-style:italic;}


/*-- FANCY REWRITE  ASSIGNED IF FONT PRESENT --*/

body.fancy {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 16px;
	}
	
.fancy h1 {
	font-size:24px;
	}

.fancy h2 {
	font-size:17px;
	}

.fancy h3 {
	font-size:23px;

	}
	
.fancy h4 {
	font-size:18px;
	}

.fancy div.sidebox h4 {
	font-size:19px;
	}

/* @end */


/* @group -- UTILITY --*/

.blockon {display:block;}

.clearl	{clear:left;}

.clearr	{clear:right;}

.clearem {clear:both;}

.floatl	{float:left;}

.floatr	{float:right;}

.floatn	{float:none;}

.hideon {display:none; visibility:hidden;}

.inlineon {display:inline;}

/* @end */

/* @group -- HEADER --*/

div#headerfull {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:118px;
	background-color:#000000;
	background-image:url(../images/interface/header-bg2.jpg);
	background-position:center;
	background-repeat:repeat-x;
	}

div#header {
	position:relative;
	width:954px;
	height:118px;
	margin:auto;
	padding:0px 0px 0px 0px;
	}

div#logo {
	position:absolute;
	top:21px;
	left:32px;
	width:366px;
	height:51px;
	margin-bottom:0px;
	background-image:url(../images/interface/logo.png);
	background-repeat:no-repeat;
	}

div#logo a:link, div#logo a:visited, div#logo a:hover{
	display:block;
	width:366px;
	height:51px;
	text-decoration:none;
	}

div#contactinfo {
	position:absolute;
	top:42px;
	right:32px;
	color:#d9d9d9;
	font-size:16px;
	}

div#contactinfo span.number {
	color:#FFF;
	}
	
/*-- FANCY REWRITE --*/

.fancy div#phone {
	font-size:16px;
	}
	
/* @end */
	
/* @group -- MAIN MENU HORIZONTAL NAV --*/

div#mainmenu {
	width:610px;
	float:right;
	margin:74px 0px 0px 0px;
	padding:0px 35px 0px 0px;
	font-size:13px;
	color:#000000;
	background-repeat:no-repeat;
	}

 div#mainmenu div.menu {
	margin:0px;
	width:620px;
	float:right;
	background-position:bottom;
	} 
	
div#mainmenu div.menu ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px;
	}

div#mainmenu div.menu li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	text-indent:0px;
	float:right;
	background-image:none;
	}
	
div#mainmenu div.menu li a:link, div#mainmenu div.menu li a:visited {
	margin:0px 6px 0px 6px;
	padding:10px 2px 6px 2px;
	display:block;
	text-decoration:none;
	font-size:13px;
	color:#FFFFFF;
	}
	
div#mainmenu div.menu li a:hover {
	color:#08aee7;
	background-image:url(../images/interface/main-menu-current-bg_animate.gif);
	background-position:top center;
	background-repeat:no-repeat;
	}

div#mainmenu div.menu li a:link.current, div#mainmenu div.menu li .current:visited {
	background-image:url(../images/interface/main-menu-current-bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	}

/*-- FANCY REWRITE --*/

.fancy div#mainmenu {
	font-size:15px;
	}

.fancy div#mainmenu div.menu li a:link, .fancy div#mainmenu div.menu li a:visited {
	font-size:15px;
	}
/* @end */


	
/* @group -- LISTS GENERAL --*/
ul{
	padding-left:6px;
	margin: 2px 0px 16px 30px;
	}
	
ul li {
	list-style:disc;
	padding-left:0px;
	margin: 2px 0px 2px 0px;
	}
	
ul ul {
	margin: 2px 0px 2px 30px;
	padding-left:6px;
	}
	
ul li ul li {
	list-style:circle;
	margin: 2px 0px 2px 0px;
	padding-left:0px;
	}
	
ol{
	margin: 6px 0px 6px 36px;
	padding-left:12px;
	}	
	
ol li {
	list-style:decimal;
	padding-left:3px;
	}
	
.circlelist {
		list-style:circle;
		}
		
.squarelist {
	list-style:square;
	}
		
.nonelist {
	list-style:none;
	}
	
/* @end */

/* @group -- TAG LINE BOX --*/

div#taglinefull {
	width:100%;
	height:194px;
	background-color:#000000;
	background-image:url(../images/interface/tagfull-bg2.jpg);
	background-position:center;
	background-repeat:repeat-x;
}
	
div#tagline {
	width:922px;
	height:165px;
	margin:auto;
	padding-left:32px;
	padding-top:28px;
	font-size:14px;
	line-height:1.65;
	}
	
body#home div#tagline {
	background-image:url(../images/please_call_support_man.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

body#remotebackup div#tagline {
	position:relative;
}

body#remotebackup div#tagline div.picture{
	width:302px;
	height:235px;
	position:absolute;
	top:14px;
	right:10px;
	background-image:url(../images/computer_trouble_man.gif);
	background-repeat:no-repeat;
	z-index:20;
	}


body#managedservices div#tagline {
	position:relative;
}

body#managedservices div#tagline div.picture{
	width:272px;
	height:188px;
	position:absolute;
	top:6px;
	right:18px;
	background-image:url(../images/managed_services_contract.gif);
	background-repeat:no-repeat;
	z-index:20;
	}


body#technicalsupport div#tagline {
	position:relative;
}
 
body#technicalsupport div#tagline div.text {
	width:540px;
}

body#technicalsupport div#tagline div.picture{
	width:363px;
	height:193px;
	position:absolute;
	top:1px;
	right:10px;
	background-image:url(../images/professional_support.gif);
	background-repeat:no-repeat;
	z-index:20;
	}

body#about div#tagline {
	position:relative;
}

body#about div#tagline div.text {
	width:560px;
}

body#about div#tagline div.picture{
	width:320px;
	height:194px;
	position:absolute;
	top:0px;
	right:34px;
	background-image:url(../images/it_computer_help.gif);
	background-repeat:no-repeat;
	z-index:20;
	}
 
body#contact div#tagline {
	position:relative;
}
 
body#contact div#tagline div.text {
	width:560px;
}

body#contact div#tagline div.picture{
	width:363px;
	height:193px;
	position:absolute;
	top:1px;
	right:10px;
	background-image:url(../images/professional_support.gif);
	background-repeat:no-repeat;
	z-index:20;
	}

 
 span.title {
 	font-size:22px;
	}
	
/*-- FANCY REWRITE --*/

.fancy span.title {
 	font-size:24px;
	}
	
.fancy div#tagline {
	font-size:16px;
	line-height:1.5;
	}
	
/* @end */
	
/*-- MAIN WRAPS CONTENT--*/

div#main{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/interface/content-bg.jpg);
	background-repeat:repeat-x;
	background-color:#dbe5f1;
	}

/* @group -- CONTENT--*/

div#contenttop {
	width:954px;
	height:35px;
	margin:auto;
	background-image:url(../images/interface/content-top-bg.jpg);
	background-repeat:no-repeat;
	}

div#content {
	width:954px;
	margin:auto;
	padding:0px 0px 0px 0px;
	line-height:1.1;
	}

div#content p {
	padding-bottom: 20px;    /* padding instead of margin so floats work in IE */
	line-height:1.35;
	}

div#content ul {
	padding-bottom:10px;
	} 

div#content ul li {
	line-height:1.25;
	}

div#content a:link, div#content a:visited {
	color:#0895c5;
	text-decoration:underline;
}

div#content a:hover {
	color:#69798c;
	}
	
div.columna {
	width:286px;
	float:left;
	margin-left:30px;
	}
	

div.sidebox {
	width:255px;
	height:126px;
	padding:14px 15px 10px 15px;
	margin-bottom:10px;
	color:#FFF;
	}

div.purplebox {
	background-color:#643B6E;
	background-image:url(../images/interface/sidebox-purple-bg.jpg);
	background-repeat:no-repeat;
	}

div.redbox {
	background-color:#813F56;
	background-image:url(../images/interface/sidebox-red-bg.jpg);
	background-repeat:no-repeat;
	}
	
div.greenbox {
	background-color:#2D7863;
	background-image:url(../images/interface/sidebox-green-bg.jpg);
	background-repeat:no-repeat;
	}
	
div#content div.columna div.sidebox p {
	line-height:1.4;
	padding-bottom:10px;
	}

div#content div.sidebox a:link, div.sidebox a:visited {
	margin-left:170px;
	text-align:right;
	color:#08aee7;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	}

div#content div.sidebox a:hover {
	color:#FFF;
	}

div.columnb {
	width:607px;
	float:left;
	padding-left:29px;
	}
	
div#corporatelogos {
	width:954px;
	margin:auto;
	padding:0px 0px 25px 0px;
	}
	
/*-- FANCY REWRITE --*/

.fancy div#content {
	line-height:1;
	}

.fancy div#content p {
	line-height:1.25;
	}
	
/* @end */

/* @group -- FOOTER --*/
div#footertop {
	width:954px;
	height:30px;
	margin:auto;
	background-image:url(../images/interface/footer-top-bg.jpg);
	background-repeat:no-repeat;
	}

div#footerfull {
	width:100%;
	background-image:url(../images/interface/footer-full-bg.jpg);
	background-repeat:repeat-x;
}

div#footer{
	width:954px;
	margin:auto;
	padding: 0px 0px 20px 0px;
	line-height:1;
	font-size:13px;
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	color:#69798c;
	}
	
div#footerlinks {
	margin-left:100px;
}

div#footer a:link, div#footer a:visited {
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding: 0px 8px 12px 12px;
	color:#69798c;
	text-decoration:none;
	background-image:url(../images/interface/footer-bullet.jpg);
	background-repeat:no-repeat;
	background-position: 0px 6px;
	}
	
div#footer a.first:link, div#footer a.first:visited {
	background-image:none;
	}

div#footer a:hover {
	text-decoration:underline;
	}

div#footer p {
	font-weight:bold;
	padding-bottom:24px;
	font-size:15px;
	}
	
/*-- FANCY REWRITE --*/

.fancy div#footer{
	font-size:15px;
	}
	
.fancy div#footer p {
	font-size:16px;
	}
	
/* @end */
	
	
/* @group -- FORMS -- */


fieldset.form {
	width: 530px;
	padding:0px 15px 0px 15px;
	margin: 0px;
}
	
.form label {
	display: block;
	float: left;
	padding:4px 6px 0px 0px;
	margin: 4px 0px;
	font-size:13px;
	text-align: right;
	width: 120px;
	}

.form label.longlabel{
	padding-left: 6px;	
	text-align: left;
	width:200px;
	padding-top:1px;
	padding-bottom:0px;
	margin:0px 0px 2px 0px;
	}

.form label.shortlabel {
	display: block;
	float: left;
	padding:4px 6px 0px 0px;
	margin: 4px 0px;
	font-size:10px;
	text-align: right;
	width: 80px;
	}

.form input {
	display: block;
	float: left;
	margin: 2px 0px;
	padding: 3px 2px;
	font-size: 10px;
	}

.form input.textinput {
	width: 320px;
	border: 1px solid #736759;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	}
	
.form input.textinput:hover {
	background-color: #FFFFFF;
	border: 1px solid #006ab1;
	}

.form textarea, .form select {
	width: 320px;
	margin: 5px 0px;
	border: 1px solid #36312A;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	background-color: #FFFFFF;
	}

.form select {
	margin-bottom: 7px;
	margin-top: 7px;	
	padding:2px 0px;
	}
	
.form input:hover, .form textarea:hover, .form select:hover {
	background-color: #FFFFFF;
	border: 1px solid #0895c5;
	}
	
.form legend, .verification legend {
	color:#660000;
	font-weight:bold;
	padding:5px;
	}

.form select {
	display: inline;
	float:left;
	margin-bottom: 5px;
	margin-top: 5px;					
	}

.form br {
	clear: left;
	}
	
.form .radiobtn {
	border:none;
	}
	
fieldset.list {
	display:block;
	width:320px;
	margin-bottom:3px;
	margin-left:210px;
	line-height:2;
	border:0px;
}

fieldset.list input {
	border:1px solid #000000;
	margin: 6px 0px;
}

fieldset.list label {
	padding-top:4px;
	margin: 6px 0px;
	font-size:10px;
	}
	
/* buttons */
div.buttonrow {
	margin-left:145px;
	}

div.shortbuttonrow {
	margin-left:120px;
	margin-top:4px;
	}

/* button separated to deal with ie6 problem */
input.buttonsubmit, input.buttonreset {
	display:block;
	float: left;
	padding: 2px 4px 3px 4px;
	margin: 0px 6px 0px 0px;
	border:none;
	font-size: 11px;
	font-family:Tahoma, Geneva, Arial, sans-serif;
	background-color:#0895c5;
	background-image:url(../images/INTERFACE/form-button-bg.gif);
	cursor: pointer;
	text-transform:uppercase;
	color:#FFFFFF;	
	}

input.buttonsubmit:hover, input.buttonreset:hover {
	background-image:none;
	background-color:#69798c;
	color:#FFFFFF;
	cursor: pointer;
	}
	
/* in case someone adds a legend */
.form fieldset.list legend {
	display:none;
}

.verification{
	padding:15px;
	border: solid 1px #990000;  
	}

.errormessage {
	color:#990000;
	font-weight:bold;
	}
	
.required {
	color:#990000;
	font-style:italic;
	font-size:11px;
	}
	
/*-- FANCY REWRITE --*/

.fancy .form label {
	font-size:15px;
	}

.form label.shortlabel {
	font-size:12px;
	}

.form input {
	font-size: 12px;
	}
	
fieldset.list label {
	font-size:12px;
	}

.fancy .required {
	font-size:13px;
	}
	
/* @end */