@charset "utf-8";
/* CSS Document */
/* copyright (c) 2008 fortix.*/
@media print {
  #leftside {
    display : none;
  }
  
  #subpageWrapper {
	  width: 600px;
  }
  
  #rightside {
	  width: 600px;
	  margin: auto;
  }
  
  .contentRight {
    width: 640px;
	float: left;
	margin: auto;
  }
}

#borderFooter {
	width: 800px;
	border: 1px solid;
	border-color: #D6D6D6;
	margin: auto;
}
/* new subpage template system */
#subpageWrapper {
	width: 800px;
	overflow: hidden;
	margin-top: 20px;
}

#rightside {
	width: 550px;
	float: right;
	overflow: hidden;
}

#leftside {
	width: 250px;
	overflow: hidden;
	float: left;
}

.infoContent {
	width: 240px;
	overflow: hidden;
	float: right;
	background-color:#333;
	color: #999;
	background-image: url(/imgs/bgBox.gif);
}

.contentRight {
	width: 500px;
	overflow: hidden;
	padding: 10px;
	float: right;
}

.menuSystemSub {
	width: 250px;
	margin-bottom: 10px;
}

/* linking system */
a, a:link, a:active, a:visited {
	text-decoration: underline;
	color: #B22222;
}
.highlight {
	background-color: #FFB9BB;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
/* frontpage template */
#wrapperHeader {
	width: 800px;
	margin: auto;
	height: 103px;
}
/* set the logo */
.logoarea {
	width: 184px;
	height: 95px;
	float: left;
	margin-top: 10px;
	background: url(/imgs/logo_03.gif);
}
/* tag name*/
.fortixtagname {
	margin-top: 10px;
	width: 320px;
	height: 24px;
	float: right;
	background: url(/imgs/freedom_06.gif);
}
/* navigation */
#contentInside {
	width: 800px;
/*	overflow: hidden;*/
	margin: auto;
	padding: 0 0 0 0;
}
#divLine {
	width: 500px;
	height: 26px;
	margin: auto;
	padding-left: 300px;
	background: transparent;
}
#navline {
	width: 650px;
	height: 26px;
	margin: auto;
}
.navMenu {
	float: right;
	width: 400px;
	height: 25px;
}
/* footer */
#footer {
	width: auto;
	height: auto;
	background: url(/imgs/footerBG.png) repeat-x;
	padding-top: 20px;
	}
	
	.footerInside {
		width: 800px;
		margin: auto;
		overflow: hidden;
		height: 100px;
	}
	
	.footerCopyright {
		width: 350px;
		float: left;
				font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		color: #666;
	}
	
	.footerNotice {
		width: 350px;
		float: right;
		text-align: right;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		color: #666;
	}

div.copyright a {
	color: #999;
}

.companydetails {
	width: 350px;
	height: 50px;
	color: #999;
	float: right;
	text-align: right;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 11px;
	float: right;
	font: 11px Arial, Helvetica, sans-serif;
}
#testimonialwrapper {
	width: 767px;
	height: 163px;
	margin: auto;
	padding-bottom: 30px;
	background: url(/imgs/testimonial2.gif);
}
#testimonialwrapperSub {
	width: 800px;
	height: 101px;
	margin: auto;
	margin-top: 45px;
	margin-bottom: 20px;
	background: url(/imgs/testimonial.gif);
}
#bannerGlobal {
	width: 800px;
	height: 188px;
	margin: auto;
	margin-bottom: 20px;
	background: url(/imgs/bannerGlobal_18.jpg);
}

#front {
	width: 860px;
	height: 240px;
	margin: auto;
}

#iconButton {
	width: 300px;
	float: right;
	padding-top: 5px;
}

.testimonialinside {
	width: 680px;
	height: 48px;
	float: right;
	margin-top: 45px;
	text-align: left;
	color: #999;
	padding: 5 5 5 5;
	font: 11 Arial, Helvetica, sans-serif;
}
/* H font styling starts here */
h1 {
	font-size: 18px;
	color: #999;
	line-height: normal;
}
h2 {
	font-size: 14px;
	color: #333;
	line-height: normal;
}
h3 {
	font-size: 11px;
	color: #333;
	line-height: 20px;
	font-weight: normal;
}
h4 {
	font-size: 12px;
	color: #666;
	line-height: 20px;
	font-weight: normal;
}

h5 {font-size: 12px;
color: #666;
margin: 0 0 0 0;
}

p {font-size: 12px;
}
/* frontpage texting */

.quote {
	font-size: 24px;
	color: Gray;
	line-height: normal;
}

#quoteWrapper {
	width: 800px;
	background: url(/imgs/testiWrapper.jpg);
	margin-top: 20px;
	margin-bottom: 30px;
		font-size: 20px;
	color: Gray;
	line-height: normal;
	padding-top: 10px;
	padding-left: 60px;
	padding-right: 150px;
	overflow: hidden;
}

.insideQuote {
	width: 600px;
	margin-left: 45px;
	float: left;
	margin-bottom: 10px;
	text-align: center;
}

.firstRow {
	width: 340px;
	height: auto;
	color: #333;
	margin: auto;
	margin-bottom: 5px;
	text-align: center;
	font: 20px Arial, Helvetica, sans-serif;
}
.secondRow {
	width: 340px;
	height: 50px;
	padding-top: 14px;
	padding-bottom: 0px;
	padding-right: 5px;
	color: #666;
	margin: auto;
	text-align: center;
	font: 11px Arial, Helvetica, sans-serif;
	background: url(/imgs/bgText.gif);
}
.thirdRow {
	width: 340px;
	height: auto;
	color: #575757;
	margin: auto;
	text-align: center;
	font: 13px Arial, Helvetica, sans-serif;
}
.fourthRow {
	width: 340px;
	height: auto;
	color: Black;
	margin: auto;
	text-align: center;
	padding: 5px 5px 5px 5px;
	font: 11px Arial, Helvetica, sans-serif;
	background: White;
}
/* full css site start here */
#wrapper {
	width: 800px;
	margin: auto;
	height: 370px;
	padding-top: 30px;
	background: #D9D9D9;
}
#content {
	width: 800px;
	padding: 0px;
	margin: auto;
	overflow: hidden;
}
#contentwithText {
	width: 800px;
	height: auto;
	padding: 0px;
	margin: auto;
}
#context {
	float: left;
	width: 365px;
	padding: 10px;
	height: 130px;
}
#contextWrapper{
	margin-bottom: 20px;
	float: none;
	height: 450px;
}
#menu{
	width: 100%;	
	padding-top: 40px;
}

#menu2{
	width: 800px;	
	padding-top: 5px;
	padding-bottom: 20px;
	margin: auto;
}

body {
	color: #333;
	font: 12px Verdana, Geneva, sans-serif;
	line-height: 130%;
	margin: 0px;
	background-repeat: repeat-x;
}
.boxleftFront {
	height: 281px;
	width: 377px;
	float: left;
	margin: 10 10 10 10;
}
.boxrightFront {
	float: right;
	height: 346px;
	width: 379px;
	background: url(/imgs/example.gif);
}
textContent {
	color: #999;
	font: 12px/18px Verdana, Geneva, sans-serif;
}
#boxContent {
	width: 800px;
	margin: auto;
	height: 250px;
	background: #EBEFFD;
}
/* content 1 */
.boxContent1 {
	float: left;
	width: 370px;
	height: 200px;
	padding: 0px 10px;
}
.box1 {
	float: left;
	width: 170px;
	height: 200px;
	text-align: center;
	padding: 0px;
}
.box2 {
	float: right;
	width: 170px;
	height: 200px;
	text-align: center;
}
/* content 2 */
.boxContent2 {
	float: right;
	width: 370px;
	height: 200px;
	padding: 0px 10px;
}
.box1ext {
	float: left;
	width: 170px;
	height: 200px;
	text-align: center;
	padding: 0px;
}
.box2ext {
	float: right;
	width: 170px;
	height: 200px;
	text-align: center;
}
#contactwrapper {
	width: 800px;
	height: 600px;
}
.contactdetails {
	width: 350px;
	float: left;
	overflow: hidden;
}
.contactform {
	width: 400px;
	float: right;
	overflow: hidden;
	float: right;
}
.contactformTextboxes {
	border: 1px solid #CCC;
	background: #F0F0F0;
}

.navButtons {
	z-index: 1;
	position: absolute;
	margin-left: 520px;
	margin-top: 135px;
}

.navButtonsGlobal {
	z-index: 1;
	position: absolute;
	margin-left: 520px;
	margin-top: 135px;
}
#bannersubpagecontact {
	width: 800px;
	height: 188px;
	margin: auto;
	margin-top: 0px;
	background: url(/imgs/headerContact_18.jpg);
}
#bannersubpagesupport {
	width: 800px;
	height: 188px;
	margin: auto;
	margin-top: 0px;
	background: url(/imgs/headerSupport_18.jpg);
}
#bannersubpageservices {
	width: 800px;
	height: 188px;
	margin: auto;
	margin-top: 0px;
	background: url(/imgs/headerServices_18.jpg);
}
#bannersubpageabout {
	width: 800px;
	height: 188px;
	margin: auto;
	margin-top: 0px;
	background: url(/imgs/header_18.jpg);
}

#bannersubpagebc {
	width: 800px;
	height: 188px;
	margin: auto;
	margin-top: 0px;
	background: url(/imgs/BC1_18.jpg);
}

#bannersubpageint {
	width: 800px;
	height: 188px;
	margin: auto;
	margin-top: 0px;
	background: url(/imgs/BC2_18.jpg);
}

#bannersubpagehosting {
	width: 800px;
	height: 188px;
	margin: auto;
	margin-top: 0px;
	background: url(/imgs/BC3_18.jpg);
}

#bannersubpageplugin {
	width: 800px;
	height: 188px;
	margin: auto;
	margin-top: 0px;
	background: url(/imgs/BC4_18.jpg);
}

#bannersubpagemodule {
	width: 800px;
	height: 188px;
	margin: auto;
	margin-top: 0px;
	background: url(/imgs/headerCustomModule_18.jpg);
}

#bannersubpagecommerce {
	width: 800px;
	height: 188px;
	margin: auto;
	margin-top: 0px;
	background: url(/imgs/BC5_18.jpg);
}

.bclogofrontpage {
	width: 167px;
	height: 35px;
	float: right;
}

#bannersubpageserviceCustom 	{
	width: 800px;
	height: 188px;
	margin: auto;
	margin-top: 0px;
	background: url(/imgs/headerBg5_14.jpg);
}
#bannersubpagedesign 	{
	width: 800px;
	height: 188px;
	margin: auto;
	margin-top: 0px;
	background: url(/imgs/headerBg6_14.jpg);
}
#aboutwrapper {
	width: 800px;
	overflow: hidden;
}



.aboutleft {
	width: 250px;
	float: left;
	height: auto;
	margin: 0 0 0 0;
	color: #999;
	background: #333;
	padding: 15px;
}
.aboutright {
	width: 520px;
	float: right;
	height: auto;
	margin: 0 0 0 0;
	padding: 5 5 5 5;
	color: #666;
}
#serviceshowcase {
	width: 500px;
	margin: auto;
	background: url(/imgs/showcasebit.jpg);
}
.serviceleft {
	width: 300px;
	height: auto;
	float: left;
}
.serviceright {
	width: 300px;
	height: auto;
	float: right;
}

#showcase {
	width: 800px;
	margin-top: 50px;
}

#printHeader {
	width: 600px;
	height: 138px;
	margin: auto;
	margin-bottom: 10px;
}

#printContent {
	width: 600px;
	margin: auto;
}

#printFooter {
	width: 600px;
	margin: auto;
	margin-top: 10px;
}