/* CSS Document */

/*--------- GENERAL ----------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#e8e8e8;
	padding: 0px;
	margin: 20px 0;
	text-align:center;
	color:#666;
}

.s1 {font-size: 65%; }
.s2 {font-size: 70%;}
.s3 {font-size: 80%;}
p { margin:0px 0px 10px 0px; line-height:1.4}
p.intro {font-size:120%; line-height:1.4}
p.noSpaceTop, ul.noSpaceTop{ padding-bottom:0;margin-bottom:0;}
h1 {font-size: 220%; font-family:Arial, Helvetica, sans-serif; color:#7f8790; margin:0px 0px 10px 0px;padding:0px 0px 0px 0px; font-weight:normal}
h2 {font-size: 160%; font-family:Arial, Helvetica, sans-serif; color:#7f8790;margin:20px 0px 0px 0px;padding:0px 0px 5px 0px; font-weight:normal}
h2.top {font-size: 160%; font-family:Arial, Helvetica, sans-serif; color:#7f8790;margin:0px 0px 0px 0px;padding:0px 0px 5px 0px; font-weight:normal}
h3 {font-size: 120%; color:#7f8790;margin:5px 0px 10px 0px; }
h4 {font-size: 100%; color:#7f8790;margin:5px 0px 0px 0px; }


a { color:#d90026;text-decoration: none;font-weight: bold;}	
a:hover { color:#d90026; font-weight: bold; text-decoration: underline;}
ul { margin:0px 0px 20px 20px; padding:0;}
ul ul { margin:5px 0px 10px 20px; padding:0;}
li { margin:0px 0px 2px 0px; padding:0; line-height:1.4;}

img		{margin:0;display:block; border:0}
a img	{border:0;margin:0}
.hidden {text-indent: -9000px; margin:0px; padding:0px; height:0px}

.clearleft {clear:left; height: 0;}
.clearright {clear:right; height: 0;}
.clear {
  clear: both;
  max-height:0px;
  height:0px;
}

#skiptocontent {display: none;margin:0px; padding:0px; height:0px}


/*------------ LAYOUT -----------------*/

#wrapper {
	margin: 0px auto;
	padding:0px 3px 0px 3px;
	background:url(/images/background.gif) repeat-y top left;
	width: 970px;
	\width:976px; 
	w\idth: 970px;
}

#wrapperBtm { 
	margin: 0px auto;
	padding:0px 3px 0px 3px;
	height:25px;
	background:url(/images/frame_btm.gif) repeat-y top left;
	width: 970px;
	\width:976px; 
	w\idth: 970px;
}


#home #content {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	width: 970px;
	background:url(/images/home_content.gif) repeat-y top right;
	}
	
#consumerHome #content {
	padding:20px 20px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 710px;
	\width:730px; 
	w\idth: 710px;
	}

#consumerSetupPC #content {
	padding:20px 20px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 710px;
	\width:730px; 
	w\idth: 710px;
	background:url(/images/setup_home_pc2-200px.jpg) no-repeat top right;
	}
	
#consumerSetupPC #content p{
	padding-right:200px;
}

#consumerSetupLaptop #content {
	padding:20px 20px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 710px;
	\width:730px; 
	w\idth: 710px;
	background:url(/images/setup_laptop-200px.jpg) no-repeat top right;
	}
	
#consumerSetupLaptop #content p{
	padding-right:200px;
}	


#consumerSetupWireless #content {
	padding:20px 20px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 710px;
	\width:730px; 
	w\idth: 710px;
	background:url(/images/setup_wireless-200px.jpg) no-repeat top right;
	}
	
#consumerSetupWireless #content p, #consumerSetupWireless #content ul{
	padding-right:200px;
}
	
#consumers #content {
	padding:20px 20px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 710px;
	\width:730px; 
	w\idth: 710px
	}

#consumers .wide {width:600px}
	
#about #content {
	padding:20px 200px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	background: url(/images/about_bg.gif) no-repeat top right;
	border-left:1px dashed #D90026;
	width: 530px;
	\width:730px; 
	w\idth: 530px;
	}

#contact #content {
	padding:20px 300px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	background: url(/images/cables-200px.jpg) no-repeat top right;
	border-left:1px dashed #D90026;
	width: 430px;
	\width:730px; 
	w\idth: 430px;
}
	
#business #content {
	padding:20px 300px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	background:url(/images/cables_large.jpg) no-repeat top right;
	border-left:1px dashed #D90026;
	width: 430px;
	\width:730px; 
	w\idth: 430px;
	}
	
#businessAbout #content {
	padding:20px 200px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	background:url(/images/about_bg.gif) no-repeat top right;
	border-left:1px dashed #D90026;
	width: 530px;
	\width:730px; 
	w\idth: 530px;
	}
	
	
#businessInstall #content {
	padding:20px 200px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	background:url(/images/business_home-200px.jpg) no-repeat top right;
	border-left:1px dashed #D90026;
	width: 530px;
	\width:730px; 
	w\idth: 530px;
	}

#businessSupport #content {
	padding:20px 200px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	background:url(/images/business_support-200px.jpg) no-repeat top right;
	border-left:1px dashed #D90026;
	width: 530px;
	\width:730px; 
	w\idth: 530px;
	}	

	
#enterpriseAbout #content {
	padding:20px 200px 150px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	background:url(/images/mouse.jpg) no-repeat bottom left;
	border-left:1px dashed #D90026;
	width: 430px;
	\width:730px; 
	w\idth: 430px;
	}
	
#enterpriseAbout #content p {	
	width:600px
	}
	
#enterprise #content {
	padding:20px 100px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 630px;
	\width:730px; 
	w\idth: 630px;
	background: url(/images/enterprise_bk.jpg) no-repeat 100% 100%;
	}
#enterprise #content p{
	padding-right:20px;
}	
	
	
	
	
#im #content {
	padding:20px 100px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 630px;
	\width:730px; 
	w\idth: 630px;
	background: url(/images/it_media-200px.jpg) no-repeat top right;
	}
#im #content p, #im #content h2, #im #content h3, #im #content ul {
	padding-right:100px;
}	
	
#imWhy #content {
	padding:20px 100px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 630px;
	\width:730px; 
	w\idth: 630px;
	background: url(/images/im_why-200px.jpg) no-repeat top right;
	}
#imWhy #content p, #imWhy #content h2, #imWhy #content h3, #imWhy #content ul {
	padding-right:100px;
}	

#imSecure #content {
	padding:20px 100px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 630px;
	\width:730px; 
	w\idth: 630px;
	background: url(/images/im_secure-200px.jpg) no-repeat top right;
	}
#imSecure #content p, #imSecure #content h1, #imSecure #content h2, #imSecure #content h3 {
	padding-right:100px;
}

#itMedia #content {
	padding:20px 100px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 630px;
	\width:730px; 
	w\idth: 630px;
	background: url(/images/im_200px.jpg) no-repeat 100% 50%;
	}
#itMedia #content p, #itMedia #content h2, #itMedia #content h3, #itMedia #content ul {
	padding-right:100px;
}	

	
#itMediaComit #content {
	padding:20px 100px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 630px;
	\width:730px; 
	w\idth: 630px;
	background: url(/images/committment-200px.jpg) no-repeat 100% 100%;
	}
#itMediaComit #content p, #itMediaComit #content h2, #itMediaComit #content h3, #itMediaComit #content ul {
	padding-right:130px;
}	

#itMediaCaseDell #content {
	padding:20px 100px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 630px;
	\width:730px; 
	w\idth: 630px;
	background: url(/images/case_dell-200px.jpg) no-repeat top right;
	}
#itMediaCaseDell #content p, #itMediaCaseDell #content h2, #itMediaCaseDell #content h3, #itMediaCaseDell #content ul {
	padding-right:130px;
}	

#itMediaCaseElonex #content {
	padding:20px 100px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 630px;
	\width:730px; 
	w\idth: 630px;
	background: url(/images/case_elonex-200px.jpg) no-repeat top right;
	}
#itMediaCaseElonex #content p, #itMediaCaseElonex #content h2, #itMediaCaseElonex #content h3, #itMediaCaseElonex #content ul {
	padding-right:130px;
}

#itMediaCaseFS #content {
	padding:20px 100px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 630px;
	\width:730px; 
	w\idth: 630px;
	background: url(/images/case_fs-200px.jpg) no-repeat top right;
	}
#itMediaCaseFS #content p, #itMediaCaseFS #content h1, #itMediaCaseFS #content h2, #itMediaCaseFS #content h3, #itMediaCaseFS #content ul {
	padding-right:130px;
}

#itMediaCaseMisco #content {
	padding:20px 100px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 630px;
	\width:730px; 
	w\idth: 630px;
	background: url(/images/case_misco-200px.jpg) no-repeat top right;
	}
#itMediaCaseMisco #content p, #itMediaCaseMisco #content h1, #itMediaCaseMisco #content h2, #itMediaCaseMisco #content h3, #itMediaCaseMisco #content ul {
	padding-right:130px;
}

#itMediaCaseOrange #content {
	padding:20px 100px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	border-left:1px dashed #D90026;
	width: 630px;
	\width:730px; 
	w\idth: 630px;
	background: url(/images/case_orange-200px.jpg) no-repeat top right;
	}
#itMediaCaseOrange #content p, #itMediaCaseOrange #content h1, #itMediaCaseOrange #content h2, #itMediaCaseOrange #content h3, #itMediaCaseOrange #content ul {
	padding-right:130px;
}

#center {
	padding:30px 20px 0px 20px;
	margin:0;
	float:left;
	width: 220px;
	\width:260px; 
	w\idth: 220px;
}
	
#sideright {
	float:right;
	padding:30px 15px 0px 15px;
	margin:0;
	width: 164px;
	\width:194px; 
	w\idth: 164px;
}

#sideleft {
	float:left;
	padding:0px 20px 0px 0px;
	margin:30px 0px 0px 0px;
	border-right:1px solid #3F3F98;
	width: 465px;
	\width:485px; 
	w\idth: 465px;
}

/*------------- HEADER ----------------*/

#header {
	width:970px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}

#header #logo {
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 20px;
	width: 200px;
}

/* #header #searchbox {
	float:right;
	margin:0px 20px 0px 0px;
	padding:20px 0px 0px 0px;
	width: 160px;
}

#header #searchbox input {
	border: 1px solid #ccc;
	color: #007d9a;
	float:left;
}

#header #searchbox .searchbtn {
	width:18px;
	height:18px;
	border:0;
	float:left;
	margin: 2px 0px 0px 10px;
	padding:0;
}
*/
/*------------ MAIN NAV -----------------*/

#navbar {
	border-top:1px dashed #D90026;
	background:url(/images/navbar.gif) repeat-x bottom left;
	width:970px;
	padding:0;
	margin: 22px 0px 0px 0px;
}

#mainnav{
	padding: 7px 0px 9px 20px;
	margin:0px;
	float:left;
}

#mainnav ul{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	float:left;
    list-style: none;
}

#mainnav li{
    display: inline;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 60px 0px 0px;
}

#mainnav li a, #mainnav li a:visited {
	color:#005E75;
    padding: 0;
    margin: 0;
	font-weight:normal;
	}
	
#mainnav li a:hover {	
	color:#003333;
	text-decoration:none;
	font-weight:normal;
	}
	
/*------------ LEFT NAV -----------------*/

#leftnav{
    float:left;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 9px 15px;
	width:200px;
	\width:215px; 
	w\idth:200px;
	text-align:left;
}

#leftnav ul{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	float:left;
    list-style: none;
}

#leftnav ul ul{
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 10px;
	float:left;
    list-style: none;
}

#leftnav li{
    display: inline;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}

#leftnav li a, #leftnav li a:visited {
	color:#005E75;
    padding: 0px 0px 0px 20px;
	width:170px;
	float:left;
	background:url(/images/leftnav_bullet.gif) no-repeat 0% 50%;
	font-weight:normal;
	}
	
#leftnav li a:hover {	
	color:#005E75;
	text-decoration:underline;
	background:url(/images/leftnav_bullet.gif) no-repeat 0% 50%;
	font-weight:normal;
	}


/*--------------- HOME -----------------*/
#bannerboxholder {
	width:970px;
	margin:0;
	padding:10px 0px 0px 0px;
	background:url(/images/bluebox_bg.gif) no-repeat top right;
	color:#fff;
	line-height:1.6;
}

#b1 {
	width:330px;
	padding:0;
	margin:0px; 
	float:left;
	}
#b2 {
	width:320px;
	padding:0;
	margin:0px; 
	float:left;
}
#b3 {
	width:320px;
	padding:0;
	margin:0px; 
	float:left;
}

.bannerbox {
	margin:0 20px;
	padding:0px;
}


#bannerboxholder ul {
	line-height:1.4;
	}
	
#bannerboxholder ul li {
	margin:0;
	padding:0;
	}

#bannerboxholder .intro {font-size: 1.4em;margin:0px 0px 0px 0px; padding:0;}
#bannerboxholder .introTwo {font-size: 1.2em;margin:0px 0px 0px 0px; padding:0; }

a.btnLink {
	background: url(/images/btn.gif) no-repeat 100% 50%;
	text-align:left;
	color:#FFFFFF;
	padding:0px 25px 0px 0px;
	margin:10px 0px 0px 0px;
	text-decoration:underline;
}

a.btnLink:hover {text-decoration:none;}
a.btnLink:visited {text-decoration:underline;}

#homeleft {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width: 650px;
}

#homelefttop {
	margin:0px 0px 0px 0px;
	padding:0px 240px 0px 20px;
	border-bottom:1px dashed #D90026;
	background:url(/images/cables.jpg) no-repeat right bottom;
}
#homelefttop h2 {
	margin-top:0px;
	padding-top:10px;
}
#homelefttop p {
	margin-bottom:10px;
	padding-top:0px;
}

#homelefttop2 {
	margin:0px 0px 0px 0px;
	padding:0px 260px 0px 20px;
	border-bottom:1px dashed #D90026;
	background:url(/images/feature/fujitsu-seimens.jpg) no-repeat right bottom;
}
#homelefttop2 h2 {
	margin-top:10px;
	padding-top:0px;
}
#homelefttop2 p {
	margin-bottom:10px;
	padding-top:0px;
}

#homeleftbox  {
	height:220px;
	margin:0;
	padding:0px 0px 0px 20px;
	float:left;
	background:url(/images/pic2.jpg) no-repeat bottom right;
	border-right:1px solid #C0C0C0;
	width: 310px;
	\width:330px; 
	w\idth: 310px;
}

#homerightbox {
	width:260px;
	margin:0px 0px 0px 0px;
	padding:0;
	float:right;
}



#homerightbox ul { margin:0px 0px 5px 15px;}

#newsright {
	width:280px;
	height:180px;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	text-align:left;
}

#newscontent {
	padding:0 0 0 0px; 
	margin:0 0 0 20px;
}

#newscontent h2{
	padding:10px 0 0 0px; 
	margin:0 0 0 0px;
}

.newsDate {}


.links { margin:0px 0px 20px 0px; padding:0; list-style-type:none}
.links li { margin:0px 0px 5px 0px; padding:0;}



/* ------------- FORM ------------------*/

#content form		{ margin:0;padding:0;}
#content input 	{margin:4px 0px 0px 0px;padding:0px;color: #000000;font-size: 0.9em;display:inline;}
#content textarea {margin:1px 0px 0px 0px;padding:0px;color: #000000;display:inline; font-family:Verdana, Arial, Helvetica, sans-serif}
#content select{margin:0;background: #FFFFFF;color: #000000;padding: 1px;font-size: 0.9em;display:inline;margin-top:2px;float:left}
#content submit {text-align:center}
#content fieldset {
 margin:0px 0 15px 0;
 padding:0px 0 20px 0;
 border:0;
 width:400px;
 float:left;
 border-bottom:1px solid #ccc;
 }
 	
#content legend {
	font-size: 120%; 
	color: #64379B; 
	margin:0px 0px 0px -7px;
	padding:0px 0px 0px 0px;
	display:block; 
	font-weight:600
	}

 		
#content label {
	display:inline;
	float:left;
	margin:4px 0 0px 5px;
	 width:100px;
 }
 
#content #buttons {
 	width:200px;
	float:right;
 }
 
/*------------ CRUMBTRAIL -----------*/

#crumbtrail {
	display:block;
	float:left;
	margin: 10px 0px 0px 0px;
	padding:0;
	clear:both;
	width:775px;
	text-align:left;
}

#crumbtrail .title {
	display:inline;
	width:80px;
	float:left
}

#crumbtrail ul {
	float:left;
	list-style-type:none;
	margin:0px 0px 0px 5px;
	padding:0;
	display:inline
}

#crumbtrail li {
    display: inline;
    float: left;
    margin: 0px 5px 0px 0px;
    padding: 0;
}

#crumbtrail li a {color:#006699;text-decoration: none;font-weight: normal;margin: 0px 5px 0px 0px;}
#crumbtrail li a:hover {color:#006699; text-decoration: none;font-weight: normal; text-decoration: underline;}	
#crumbtrail li a:visited {color:#006699;}

/*-------------BUSINESS --------------*/

.businessPCBanner {
	background: url(/images/business_pc_banner.gif) no-repeat;
	float:left;
	text-indent:-9999px;
	width:500px;
	height:75px;
	margin:0px 0px 10px 0px;
	}
	
.businessHWBanner {
	background: url(/images/business_hw_banner.gif) no-repeat;
	float:left;
	text-indent:-9999px;
	width:500px;
	height:75px;
	margin:0px 0px 10px 0px;
	}

.businessIMBanner {
	background: url(/images/business_im_banner.gif) no-repeat;
	float:left;
	text-indent:-9999px;
	width:500px;
	height:75px;
	margin:0px 0px 10px 0px;
	}
	
.businessServiceBanner {
	background: url(/images/call_us_now_banner.gif) no-repeat;
	float:left;
	text-indent:-9999px;
	width:500px;
	height:75px;
	margin:0px 0px 10px 0px;
	}

.bookConsumersBanner {
	background: url(/images/consumers_book.gif)  no-repeat;
	float:right;
	text-indent:-9999px;
	width:190px;
	height:300px;
	margin:0px 0px 0px 20px;
	padding:0;
	}

.bookConsumers {
	background: url(/images/book_text_banner.gif)  no-repeat;
	text-indent:-9999px;
	width:212px;
	height:62px;
	margin:0px 0px 0px 0px;
	padding:0;
	}
	
ul.enterpriseTick {
	list-style-type:none;
	margin:10px 0px 20px 0px;
	padding:0px;
}

.enterpriseTick li { background: url(/images/tick.gif)  no-repeat 0px 2px ; padding-left:15px;margin-bottom: 10px }

ul.enterpriseTickLink {
	list-style-type:none;
	margin:15px 0px 0px 0px;
	padding:0px;
}

.enterpriseTickLink li { background: url(/images/tick.gif)  no-repeat 0px 2px ; padding-left:15px;margin-bottom: 5px }

.enterpriseBoxes {background: url(/images/boxes.jpg) no-repeat; height:261px; width:700px; margin:30px 0px 30px 0px }

.enterpriseBoxes h2 { color:#fff; text-align:center; margin:10px 0px 0px 0px; padding:0; }
.enterpriseBoxes h3 { color:#fff; margin:0px 0px 5px 0px; padding:0; height:30px;  }
.enterpriseBoxes ul { margin:30px 0px 0px 20px; color:#FFFFFF; line-height:1.4}

.enterpriseLeft { width:225px; margin:18px 0px 10px 10px; color:#FFFFFF; float:left }
.enterpriseRight { width:220px; margin:18px 0px 10px 0px; color:#FFFFFF; float:right }
/*--------------FOOTER---------------*/

#footer {
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0px 10px;
	text-align:left;
	background-color: #065565;
	width:950px;
	\width:970px; 
	w\idth: 950px;
}

#footer ul {
	padding: 4px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
	float:left;
    list-style: none;
	width:700px;
}

#footer li{
    display: inline;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 20px;
	border-left:1px solid #fff;
}

#footer li.first{
	border:none;
}

#footer li a, #footer li a:hover, #footer li a:visited {
	color:#fff;
    padding: 0;
    margin: 0;
	font-weight:normal;
	}
	
#footer #copyright {
	color:#fff;
	float:right;
	width:220px;
	padding-top:4px;
}